:root{color-scheme:dark;--bg:#07090d;--panel:#121720;--line:#29303c;--text:#f2f5f7;--muted:#8e99a8;--red:#f2252d;--green:#67e583;--amber:#ffc95a}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at top,#151a23 0,#07090d 48%);color:var(--text);font-family:Inter,Arial,sans-serif}header{display:flex;align-items:center;gap:20px;justify-content:space-between;padding:24px 4vw;border-bottom:2px solid var(--red)}h1,h2,p{margin:0}h1{letter-spacing:.12em}.eyebrow{font-size:.75rem;color:var(--red);font-weight:800;letter-spacing:.16em;margin-bottom:5px}main{padding:24px 4vw 60px}.metrics{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.metrics article,.panel{background:linear-gradient(145deg,#171d27,#0e1219);border:1px solid var(--line);box-shadow:0 12px 35px #0006}.metrics article{padding:18px}.metrics span{display:block;color:var(--red);font-size:.72rem;font-weight:800}.metrics strong{font-size:1.7rem;display:block;margin-top:8px}.panel{margin-top:16px;padding:18px}.panel-title{display:flex;justify-content:space-between;align-items:center}.grid{display:grid;grid-template-columns:1.2fr 1fr;gap:16px}canvas{width:100%;height:320px;margin-top:14px}.pill{padding:9px 14px;border-radius:999px;font-size:.75rem;font-weight:900}.pill.ok{background:#153b24;color:var(--green)}.pill.warn{background:#3a2b11;color:var(--amber)}.pill.bad{background:#45181a;color:#ff777c}.ghost,button{border:1px solid var(--red);background:var(--red);color:#fff;padding:11px 17px;font-weight:800;cursor:pointer}.ghost{background:transparent}.table{margin-top:14px}.row{display:grid;grid-template-columns:1fr auto;gap:10px;padding:12px 0;border-top:1px solid var(--line)}.row small{color:var(--muted)}.login-body{min-height:100vh;display:grid;place-items:center}.login-card{width:min(430px,92vw);padding:34px;background:var(--panel);border-top:3px solid var(--red)}.login-card p{color:var(--muted);margin:10px 0 24px}.login-card label{display:block;color:var(--muted);font-size:.8rem;margin:15px 0}.login-card input{width:100%;margin-top:7px;padding:13px;background:#090c11;color:#fff;border:1px solid var(--line)}.login-card button{width:100%;margin-top:10px}.error{padding:10px;background:#431719;color:#ff9195}@media(max-width:1000px){.metrics{grid-template-columns:repeat(3,1fr)}.grid{grid-template-columns:1fr}}@media(max-width:600px){.metrics{grid-template-columns:repeat(2,1fr)}header{align-items:flex-start;flex-wrap:wrap}.metrics strong{font-size:1.3rem}}