:root{--bg:#0b1220;--panel:#121a2b;--panel-2:#182235;--text:#e8eefc;--muted:#9db0d0;--accent:#5eead4;--accent-2:#38bdf8;--danger:#fb7185;--line:#243047;--ok:#4ade80;--font:"Segoe UI","IBM Plex Sans",system-ui,sans-serif}*{box-sizing:border-box}body,html{margin:0;padding:0;min-height:100%;background:radial-gradient(1200px 600px at 10% -10%,#12304a 0,transparent 55%),radial-gradient(900px 500px at 90% 0,#1a2744 0,transparent 50%),var(--bg);color:var(--text);font-family:var(--font)}main{max-width:1180px;margin:0 auto;padding:32px 20px 64px}.hero{margin-bottom:28px}.brand{margin:8px 0 12px;font-size:clamp(2.4rem,5vw,3.6rem);letter-spacing:-.03em}.lede{max-width:720px;font-size:1.05rem;line-height:1.55}.lede,.muted{color:var(--muted)}.muted{text-transform:uppercase;letter-spacing:.12em;font-size:.75rem}.grid{display:grid;grid-gap:16px;gap:16px;grid-template-columns:repeat(12,1fr)}.card{background:linear-gradient(180deg,var(--panel) 0,var(--panel-2) 100%);border:1px solid var(--line);border-radius:18px;padding:18px}.span-3{grid-column:span 3}.span-4{grid-column:span 4}.span-6{grid-column:span 6}.span-8{grid-column:span 8}.span-12{grid-column:span 12}@media (max-width:900px){.span-12,.span-3,.span-4,.span-6,.span-8{grid-column:span 12}}.kpi{font-size:1.8rem;font-weight:700}.list{margin:0;padding-left:18px;color:var(--muted);line-height:1.55}.bar-row{display:grid;grid-template-columns:180px 1fr 64px;grid-gap:10px;gap:10px;align-items:center;margin:10px 0}.bar-track{height:10px;background:#0d1524;border-radius:999px;overflow:hidden;border:1px solid var(--line)}.bar-fill{height:100%;background:linear-gradient(90deg,var(--accent),var(--accent-2))}.error{color:var(--danger);border:1px solid #7f1d1d;background:#2a1218;padding:12px 14px;border-radius:12px;margin-bottom:16px}h2{margin:0 0 12px;font-size:1.15rem}.tag{display:inline-block;padding:4px 10px;border-radius:999px;border:1px solid var(--line);color:var(--accent);font-size:.75rem;margin-right:8px}