:root{--bg:#09131f;--bg-soft:#0f2236;--panel:#0c1a29d9;--line:#2f445a;--text:#ecf3fa;--muted:#98aec4;--brand-a:#62e5ce;--brand-b:#ffb74d;--danger:#ff7a7a}*{box-sizing:border-box}body{min-height:100vh;color:var(--text);background:radial-gradient(ellipse at top right,#62e5ce3d,transparent 45%),radial-gradient(ellipse at bottom left,#ffb74d38,transparent 48%),linear-gradient(160deg,var(--bg),#0b1728 50%,var(--bg-soft));margin:0;font-family:Avenir Next,Century Gothic,Gill Sans,sans-serif}h1,h2,h3,p{margin:0}.login-shell{border:1px solid var(--line);background:#08121ee0;border-radius:18px;justify-items:start;gap:14px;width:min(92vw,420px);margin:14vh auto 0;padding:32px 28px;display:grid}.login-shell h1{font-size:1.9rem}.warn,.muted{color:var(--muted)}.error{color:var(--danger)}.page-shell{gap:16px;width:min(1240px,100vw - 28px);margin:20px auto 32px;display:grid}.topbar{justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.eyebrow{color:var(--brand-a);letter-spacing:.12em;font-family:Menlo,Consolas,monospace;font-size:.74rem}.topbar h1{font-size:clamp(1.4rem,2.8vw,2.4rem)}.profile{align-items:center;gap:10px;font-family:Menlo,Consolas,monospace;font-size:.82rem;display:flex}button{font:inherit;color:var(--text);cursor:pointer;background:#112944;border:1px solid #6f8aa7;border-radius:999px;padding:7px 14px}.kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.kpi-card,.chart-card,.table-card{background:var(--panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:14px}.kpi-card{gap:4px;padding:18px;display:grid}.kpi-card p{color:var(--muted);letter-spacing:.04em;font-size:.82rem}.kpi-card h2{font-size:clamp(1.2rem,3vw,2rem)}.kpi-card span{color:var(--brand-a);font-family:Menlo,Consolas,monospace;font-size:.8rem}.charts-grid{grid-template-columns:1.5fr 1fr;gap:12px;display:grid}.chart-card,.table-card{padding:14px}.chart-card h3,.table-card h3{margin:2px 0 10px;font-size:1rem}.table-card{overflow:auto}table{border-collapse:collapse;width:100%;min-width:760px}th,td{text-align:left;border-bottom:1px solid #1f3650;padding:9px 8px;font-size:.82rem}th{color:var(--muted);font-family:Menlo,Consolas,monospace;font-weight:500}.mono{font-family:Menlo,Consolas,monospace}@media (max-width:980px){.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.charts-grid{grid-template-columns:1fr}}@media (max-width:640px){.page-shell{width:calc(100vw - 14px);margin-top:10px}.topbar{flex-direction:column;align-items:flex-start}.kpi-grid{grid-template-columns:1fr}}