
:root{color-scheme:dark;font-family:Inter,Segoe UI,Arial,sans-serif;background:#091321;color:#eff6ff}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 75% 0,#213e60,#091321 43%);min-height:100vh}
header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:15px;padding:22px 3vw;border-bottom:1px solid #344e69;background:#0d1c2eeb}
h1{margin:4px 0 6px;font-size:25px}h2{font-size:17px;margin:0 0 13px}.eyebrow{color:#7bdef9;font-weight:800;letter-spacing:.12em;font-size:11px}small,.muted{color:#9cb6cf}nav{display:flex;gap:15px;flex-wrap:wrap}a{color:#8edafa;text-decoration:none}a:hover{text-decoration:underline}
main{max-width:1600px;padding:24px 3vw;margin:auto}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:16px;margin:16px 0}
.panel{background:#14243b;border:1px solid #344f6a;border-radius:13px;padding:19px;box-shadow:0 12px 36px #050e1b25}
.row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.row.three{grid-template-columns:repeat(3,minmax(0,1fr))}
label{display:block;font-size:12px;color:#a9c4e0;margin:10px 0 5px}
input,select,button,textarea{font:inherit;font-size:13px;background:#0c1a2c;color:#e8f5ff;border:1px solid #496886;border-radius:7px;padding:9px;width:100%;min-width:0}
button{cursor:pointer;background:#16708c;font-weight:700;margin-top:13px}button:hover{background:#2389a7}button.secondary{background:#28415a}button.mini{font-size:12px;padding:6px 9px;margin:0;width:auto}
.status{background:#173a46;padding:12px;border:1px solid #40788a;border-radius:8px;white-space:pre-wrap;margin:12px 0;font-size:12px}
.scroll{max-height:290px;overflow:auto}table{width:100%;border-collapse:collapse;font-size:12px}td,th{padding:9px;text-align:left;border-bottom:1px solid #35506a;vertical-align:top}th{color:#b9d5e9}
.metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}.stat{padding:12px;background:#172d45;border-radius:9px}.stat strong{font-size:23px;display:block;margin-top:4px}
.warn{color:#ffcb85}.good{color:#81e4ba}.chip{border:1px solid #42657f;border-radius:40px;padding:3px 8px;font-size:11px}.bar{height:10px;background:#28415a;border-radius:30px;overflow:hidden;margin:8px 0}.bar>div{height:100%;background:#26a3c2}
.notice{background:#1e3041;padding:13px;border-left:3px solid #e0a662;border-radius:5px;font-size:12px;line-height:1.5;margin:12px 0}
footer{margin:28px 3vw;color:#a3b6ca;font-size:12px}@media(max-width:690px){.row,.row.three{grid-template-columns:1fr}}
