[x-cloak] { display: none !important; }
:root { --brand-primary: #a855f7; --brand-secondary: #020617; --brand-accent: #ec4899; }
body { font-family: Inter, system-ui, sans-serif; }
.glass-card { background: rgba(15, 23, 42, 0.72); border: 1px solid rgba(255,255,255,0.08); backdrop-filter: blur(16px); }
.metric-card { background: linear-gradient(180deg, rgba(15,23,42,.92) 0%, rgba(15,23,42,.72) 100%); border: 1px solid rgba(255,255,255,.08); border-radius: 24px; padding: 20px; }
.side-link.active { background: linear-gradient(135deg, rgba(168,85,247,.22), rgba(236,72,153,.16)); color: white; border-color: rgba(236,72,153,.24); }
.detail-prose { white-space: pre-line; line-height: 1.7; color: #cbd5e1; }
.badge-high { background: rgba(248,113,113,.18); color: #fecaca; }
.badge-medium { background: rgba(250,204,21,.18); color: #fde68a; }
.badge-low { background: rgba(52,211,153,.18); color: #bbf7d0; }