:root{color-scheme:dark;--bg:#071525;--card:#10243a;--line:#27425f;--text:#eef6ff;--muted:#9eb3ca;--blue:#58a6ff;--green:#50d890;--red:#ff6b7a;--amber:#ffbf5b}
*{box-sizing:border-box}body{margin:0;background:linear-gradient(135deg,#061321,#0c1c30);color:var(--text);font:15px/1.45 system-ui,-apple-system,sans-serif}main{max-width:1180px;margin:0 auto;padding:28px 18px 60px}h1{font-size:28px;margin:0 0 6px}h2{font-size:18px;margin:0 0 14px}.muted{color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;margin:22px 0}.card{background:rgba(16,36,58,.94);border:1px solid var(--line);border-radius:14px;padding:18px;box-shadow:0 14px 40px #0004}.metric{font-size:24px;font-weight:750;margin-top:6px}.ok{color:var(--green)}.bad{color:var(--red)}.warn{color:var(--amber)}form{margin:0}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px}label{display:block;color:var(--muted);font-size:13px;margin-bottom:5px}input,select{width:100%;padding:11px 12px;border:1px solid var(--line);border-radius:9px;background:#08192b;color:var(--text)}button{border:0;border-radius:9px;padding:10px 15px;background:var(--blue);color:#04111d;font-weight:750;cursor:pointer}.secondary{background:#263f59;color:var(--text)}.danger{background:var(--red);color:#260308}.controls{display:flex;flex-wrap:wrap;gap:9px}.notice{border-radius:10px;padding:12px 14px;margin:14px 0;background:#143655;border:1px solid #2d6596}.notice.error{background:#4a1d29;border-color:#8e394d}table{width:100%;border-collapse:collapse;font-size:13px}th,td{text-align:left;padding:9px;border-bottom:1px solid var(--line);white-space:nowrap}.scroll{overflow:auto}.login{max-width:420px;margin:11vh auto}.tag{display:inline-block;padding:3px 8px;border-radius:999px;background:#203b57;color:var(--muted);font-size:12px}.footer{margin-top:20px;color:var(--muted);font-size:12px}@media(max-width:640px){main{padding:18px 12px}h1{font-size:23px}.card{padding:14px}}