:root{
  color-scheme:dark;
  --bg:#090b10;--panel:#11151d;--panel2:#161c26;--line:#293244;
  --text:#f4f7fb;--muted:#99a7ba;--accent:#7dd3fc;--ok:#86efac;--warn:#fde68a;
}
*{box-sizing:border-box}
body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:
radial-gradient(circle at 15% 0%,#172033 0,transparent 35%),var(--bg);color:var(--text)}
main{max-width:1180px;margin:auto;padding:32px 20px 64px}
header{display:flex;justify-content:space-between;gap:20px;align-items:flex-end;margin-bottom:24px}
h1{font-size:clamp(2rem,5vw,4.2rem);line-height:.95;margin:0;letter-spacing:-.05em}
h2{margin-top:0}.eyebrow{text-transform:uppercase;letter-spacing:.18em;color:var(--accent);font-size:.72rem;font-weight:700}
.muted{color:var(--muted)}
.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:16px}
.card{background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.015));border:1px solid var(--line);border-radius:20px;padding:18px;box-shadow:0 18px 70px rgba(0,0,0,.2)}
.span4{grid-column:span 4}.span5{grid-column:span 5}.span6{grid-column:span 6}.span7{grid-column:span 7}.span8{grid-column:span 8}.span12{grid-column:span 12}
.metric{font-size:2rem;font-variant-numeric:tabular-nums;font-weight:750;letter-spacing:-.04em}
.metric small{font-size:.8rem;color:var(--muted);font-weight:500}
button,input,select,textarea{font:inherit}
button{border:1px solid #364156;background:#182234;color:var(--text);padding:10px 14px;border-radius:12px;cursor:pointer}
button:hover{border-color:#5c759c}.primary{background:#dff5ff;color:#081018;border-color:#dff5ff;font-weight:700}
.controls{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
label{font-size:.8rem;color:var(--muted);display:grid;gap:5px}
input,select,textarea{background:#0b1018;color:var(--text);border:1px solid #303a4c;border-radius:10px;padding:9px}
table{width:100%;border-collapse:collapse;font-size:.9rem}th,td{text-align:left;padding:8px;border-bottom:1px solid #252d3b}
th{color:#b7c4d4;font-weight:600}
svg{display:block;width:100%;height:auto}
.pill{display:inline-flex;padding:4px 8px;border-radius:999px;background:#162232;border:1px solid #2a3e57;font-size:.75rem;color:#ccecff}
.good{color:var(--ok)}.warning{color:var(--warn)}
pre{overflow:auto;background:#080b11;border:1px solid #232b39;border-radius:12px;padding:12px;color:#c9d6e6}
footer{margin-top:28px;color:var(--muted);font-size:.8rem}
@media(max-width:820px){.span4,.span5,.span6,.span7,.span8{grid-column:span 12}header{display:block}}