:root{color-scheme:dark;--bg:#050816;--surface:#0d1428;--surface2:#131d36;--line:#263557;--text:#f4f7ff;--muted:#9ba9c7;--cyan:#59e1ff;--violet:#9c7cff;--green:#62e6a7;--amber:#ffc857;--red:#ff6b81;--radius:18px;--shadow:0 18px 50px #0007;font:16px/1.5 Inter,Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 75% -10%,#33236f55,transparent 33%),radial-gradient(circle at 5% 20%,#005b7755,transparent 30%),var(--bg);color:var(--text)}a{color:inherit}.skip{position:fixed;left:1rem;top:-4rem;background:var(--cyan);color:#001018;padding:.7rem 1rem;z-index:20}.skip:focus{top:1rem}.shell{display:grid;grid-template-columns:260px 1fr;min-height:100vh}.side{border-right:1px solid var(--line);background:#070c1bd9;backdrop-filter:blur(18px);padding:1.3rem;position:sticky;top:0;height:100vh}.brand{display:flex;gap:.75rem;align-items:center;margin-bottom:2rem}.brand-mark{width:42px;height:42px;border:1px solid var(--cyan);border-radius:13px;display:grid;place-items:center;background:linear-gradient(145deg,#59e1ff28,#9c7cff35);font-weight:800}.brand small,.eyebrow{color:var(--cyan);text-transform:uppercase;letter-spacing:.14em;font-size:.7rem}.nav{display:grid;gap:.35rem}.nav a{text-decoration:none;color:var(--muted);padding:.7rem .8rem;border-radius:10px}.nav a:hover,.nav a[aria-current=page]{background:var(--surface2);color:var(--text);box-shadow:inset 3px 0 var(--cyan)}.side-foot{position:absolute;bottom:1.25rem;left:1.3rem;right:1.3rem;color:var(--muted);font-size:.78rem}.main{min-width:0;padding:1.6rem clamp(1rem,3vw,3rem) 3rem}.topbar{display:flex;justify-content:space-between;gap:1rem;align-items:center;margin-bottom:2rem}.status{display:inline-flex;align-items:center;gap:.5rem;border:1px solid var(--line);border-radius:999px;padding:.45rem .75rem;color:var(--muted);font-size:.82rem}.dot{width:9px;height:9px;border-radius:50%;background:var(--amber);box-shadow:0 0 12px currentColor}.dot.good{background:var(--green)}.dot.bad{background:var(--red)}button{font:inherit}.refresh{border:1px solid var(--line);background:var(--surface);color:var(--text);padding:.55rem .85rem;border-radius:10px;cursor:pointer}.hero{display:flex;align-items:end;justify-content:space-between;gap:2rem;margin-bottom:1.5rem}.hero h1{font-size:clamp(2rem,4vw,3.4rem);line-height:1.05;margin:.25rem 0}.hero p{max-width:680px;color:var(--muted);margin:.5rem 0}.stamp{color:var(--muted);font-size:.8rem;white-space:nowrap}.grid{display:grid;gap:1rem}.metrics{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:1rem}.card{border:1px solid var(--line);background:linear-gradient(145deg,#10192ed9,#0a1021e8);border-radius:var(--radius);padding:1.15rem;box-shadow:var(--shadow)}.metric strong{display:block;font-size:1.7rem;margin:.35rem 0}.metric small,.subtle{color:var(--muted)}.trend{color:var(--green);font-size:.78rem}.content{grid-template-columns:minmax(0,1.6fr) minmax(260px,.8fr)}.card h2{font-size:1rem;margin:0 0 1rem}.bars{display:flex;align-items:end;gap:.55rem;height:210px;padding-top:1rem}.bar-group{flex:1;height:100%;display:flex;flex-direction:column;justify-content:end;gap:.35rem;text-align:center;color:var(--muted);font-size:.7rem}.bar{min-height:4px;border-radius:6px 6px 2px 2px;background:linear-gradient(var(--cyan),#3975e8);box-shadow:0 0 18px #59e1ff35}.list{display:grid;gap:.75rem}.row{display:grid;grid-template-columns:1fr auto;gap:1rem;align-items:center;border-bottom:1px solid var(--line);padding-bottom:.75rem}.row:last-child{border:0;padding-bottom:0}.pill{font-size:.7rem;border:1px solid var(--line);border-radius:99px;padding:.2rem .5rem;color:var(--muted)}.pill.good{color:var(--green);border-color:#62e6a755}.pill.warn{color:var(--amber);border-color:#ffc85755}.progress{height:8px;background:#050a17;border-radius:99px;overflow:hidden;margin-top:.4rem}.progress i{display:block;height:100%;background:linear-gradient(90deg,var(--violet),var(--cyan));border-radius:inherit}.wide{grid-column:1/-1}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:620px}th,td{text-align:left;padding:.75rem;border-bottom:1px solid var(--line)}th{color:var(--muted);font-size:.74rem;text-transform:uppercase;letter-spacing:.08em}.empty{color:var(--muted);padding:2rem;text-align:center}.notice{border-left:3px solid var(--cyan);padding:.75rem 1rem;background:#59e1ff0c;color:var(--muted);font-size:.85rem;margin-top:1rem}@media(max-width:1000px){.metrics{grid-template-columns:repeat(2,1fr)}.content{grid-template-columns:1fr}.side{position:static;height:auto}.shell{grid-template-columns:1fr}.side-foot{display:none}.nav{display:flex;overflow:auto}.nav a{white-space:nowrap}.brand{margin-bottom:1rem}}@media(max-width:600px){.metrics{grid-template-columns:1fr}.hero,.topbar{align-items:flex-start;flex-direction:column}.main{padding:1rem}.stamp{white-space:normal}}