:root{color-scheme:dark;--bg:#06100c;--panel:#0b1712;--line:#18372a;--text:#eff9f4;--muted:#92aa9f;--accent:#42e39b;--red:#ff6b6b;--amber:#ffc857}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 20% 0,#123326 0,transparent 32%),var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif}header{max-width:1480px;margin:auto;padding:28px 30px 10px;display:flex;justify-content:space-between;align-items:end}h1{margin:.2rem 0}h1 span{font-size:.8rem;color:var(--accent)}h2{font-size:1rem;margin:0 0 14px}.eyebrow{font:700 .72rem ui-monospace;letter-spacing:.22em;color:var(--accent)}a{color:#b7f4d6;text-decoration:none}nav{display:flex;gap:18px}main{max-width:1480px;margin:auto;padding:18px 30px 60px}.toolbar{display:flex;justify-content:space-between;color:var(--muted);margin-bottom:12px}.toolbar a{padding:5px 8px}.metrics{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.metric,.panel{border:1px solid var(--line);background:linear-gradient(180deg,#0c1b15,#09140f);border-radius:15px}.metric{padding:17px}.metric small{display:block;color:var(--muted)}.metric b{font:700 1.45rem ui-monospace}.panel{padding:18px;margin-top:14px;box-shadow:0 12px 30px #0003}canvas{height:260px!important}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:14px}.row{display:flex;justify-content:space-between;gap:14px;border-bottom:1px solid #162b22;padding:9px 0}.muted,small{color:var(--muted)}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:650px}.table{overflow:auto}table{width:100%;border-collapse:collapse;font-size:.85rem}th,td{text-align:left;padding:10px;border-bottom:1px solid #162b22}th{color:var(--muted)}.pill{background:#123c2a;color:#87f0b8;border-radius:999px;padding:3px 8px;font:700 .75rem ui-monospace}.hostgrid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.hostgrid div{padding:12px;border:1px solid var(--line);border-radius:10px}.hostgrid b{display:block;font:700 1.2rem ui-monospace}.alert{padding:9px 10px;border-bottom:1px solid var(--line)}.alert.critical{color:#ff9d9d}.alert.warn{color:#ffe08a}.alert small{display:block}.login{min-height:100vh;display:grid;place-items:center}.login-card{width:min(430px,92vw);padding:30px;border:1px solid var(--line);border-radius:18px;background:var(--panel)}label{display:block;margin:14px 0;color:var(--muted)}input{width:100%;display:block;margin-top:7px;padding:12px;background:#06100c;color:white;border:1px solid var(--line);border-radius:8px}button{width:100%;padding:12px;border:0;border-radius:8px;background:var(--accent);font-weight:800}.badbox{background:#411b1b;padding:10px;border-radius:8px}
@media(max-width:1000px){.metrics{grid-template-columns:repeat(3,1fr)}.grid2{grid-template-columns:1fr}.hostgrid{grid-template-columns:repeat(3,1fr)}}@media(max-width:650px){header,main{padding-left:15px;padding-right:15px}.metrics{grid-template-columns:repeat(2,1fr)}.toolbar,header{flex-direction:column;align-items:flex-start;gap:10px}}

.healthy{padding:14px;border:1px solid #1f563d;border-radius:10px;background:#0c241a;color:#89efba;font-weight:700}
details{margin-top:14px;border-top:1px solid var(--line);padding-top:12px}
summary{cursor:pointer;color:var(--muted);font-weight:700}
.history{padding:8px 0;border-bottom:1px solid #162b22;font-size:.86rem}
.metric b,.hostgrid b{letter-spacing:-.03em}

.export{font-weight:800;padding:7px 10px;border:1px solid var(--line);border-radius:8px;text-decoration:none}

.selfperf{display:flex;align-items:center;gap:10px;margin:0 0 12px}
.selfperf div{border:1px solid var(--line);background:#091611;border-radius:9px;padding:8px 11px}
.selfperf small{display:block;font-size:.68rem}
.selfperf b{font:700 .9rem ui-monospace}
.selfperf span{color:var(--muted);font-size:.75rem;margin-left:auto}
@media(max-width:650px){.selfperf{flex-wrap:wrap}.selfperf span{width:100%;margin-left:0}}

.panel.compact{padding:14px}.panel.compact table{font-size:.8rem}