:root{--bg:#0b1020;--panel:#121a2b;--panel2:#182238;--text:#eef3ff;--muted:#91a0ba;--line:#28344d;--accent:#7db0ff;--good:#65d39a;--warn:#ffc46b;--bad:#ff7b86;--critical:#ff5b69}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}a{color:inherit;text-decoration:none}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:18px;padding:13px 22px;background:rgba(11,16,32,.94);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.brand{font-weight:800;letter-spacing:.01em;white-space:nowrap}.topbar nav{display:flex;gap:4px;flex:1}.topbar nav a{padding:9px 11px;border-radius:8px;color:var(--muted);font-size:14px}.topbar nav a:hover,.topbar nav a.active{background:var(--panel2);color:var(--text)}.user-chip{font-size:13px;text-align:right}.user-chip small{display:block;color:var(--muted)}.container{max-width:1500px;margin:auto;padding:28px 24px 80px;position:relative}.version-corner{position:absolute;right:24px;top:8px;color:var(--muted);font-size:11px}.page-head{display:flex;justify-content:space-between;gap:24px;margin:14px 0 22px}.page-head h1{font-size:31px;margin:4px 0 6px}.page-head p{color:var(--muted);margin:0;max-width:850px}.eyebrow{color:var(--accent);text-transform:uppercase;font-size:11px;font-weight:800;letter-spacing:.14em}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:18px 0 24px}.metric,.panel,.login-card{background:linear-gradient(180deg,var(--panel2),var(--panel));border:1px solid var(--line);border-radius:14px;padding:18px;box-shadow:0 8px 30px rgba(0,0,0,.13)}.metric span{color:var(--muted);font-size:13px}.metric strong{display:block;font-size:30px;margin-top:6px}.metric.healthy strong{color:var(--good)}.metric.attention strong{color:var(--warn)}.metric.critical strong{color:var(--critical)}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:13px;background:var(--panel)}table{width:100%;border-collapse:collapse;min-width:800px}th,td{padding:12px 14px;text-align:left;border-bottom:1px solid var(--line);font-size:13px}th{position:sticky;top:0;background:var(--panel2);color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.06em}tbody tr:hover{background:#172136}.badge{display:inline-flex;padding:4px 8px;border-radius:999px;background:#26334e;color:#dce7ff;font-size:11px;font-weight:700}.state.healthy,.state.success,.state.ok,.state.up{background:rgba(55,180,112,.18);color:var(--good)}.state.warning,.state.degraded{background:rgba(240,166,58,.18);color:var(--warn)}.state.failed,.state.error,.state.down,.state.missing,.badge.critical,.badge.high{background:rgba(255,80,95,.18);color:var(--bad)}.toolbar{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 16px}.toolbar input,.toolbar select,label input{background:#0f1728;color:var(--text);border:1px solid var(--line);border-radius:9px;padding:10px 12px}.toolbar input{min-width:290px}.button,button{display:inline-flex;justify-content:center;align-items:center;border:1px solid var(--line);background:var(--panel2);color:var(--text);padding:9px 13px;border-radius:9px;cursor:pointer;font-weight:700}.button.primary,button.primary{background:#2e67c8;border-color:#437bd7}.button.small{font-size:12px;padding:7px 10px}.button.wide{width:100%;padding:12px}.login-card{max-width:460px;margin:10vh auto;padding:32px}.login-card h1{margin-top:0}.login-card p{color:var(--muted)}.login-card label{display:block;margin:14px 0;color:var(--muted);font-size:13px}.login-card label input{display:block;width:100%;margin-top:6px}.login-version{margin-top:22px;text-align:center;color:var(--muted);font-size:11px}.muted{color:var(--muted)}.alert{background:rgba(255,80,95,.12);border:1px solid rgba(255,80,95,.4);padding:10px;border-radius:8px}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px;margin-bottom:20px}pre{white-space:pre-wrap;color:var(--muted)}h2{margin-top:30px}.menu-toggle{display:none}@media(max-width:900px){.topbar{flex-wrap:wrap}.menu-toggle{display:inline-flex;margin-left:auto}.topbar nav{display:none;order:3;flex-basis:100%;flex-direction:column}.topbar nav.open{display:flex}.user-chip{display:none}.metrics{grid-template-columns:repeat(2,1fr)}.container{padding:20px 14px 60px}.page-head h1{font-size:26px}}@media(max-width:520px){.metrics{grid-template-columns:1fr 1fr}.brand{font-size:14px}.button.small{display:none}}
.notice{background:rgba(55,180,112,.12);border:1px solid rgba(55,180,112,.4);padding:10px 12px;border-radius:9px;margin:0 0 16px}.admin-box{margin:18px 0}.admin-box summary,details summary{cursor:pointer;font-weight:750}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;align-items:end;margin-top:14px}.form-grid label,.panel label,.rule-actions label,.stacked-actions label{display:block;color:var(--muted);font-size:12px}.form-grid input,.form-grid select,.panel input,.panel select,.rule-actions input,.rule-actions select,.rule-actions textarea,.stacked-actions input{display:block;width:100%;margin-top:6px;background:#0f1728;color:var(--text);border:1px solid var(--line);border-radius:8px;padding:9px}.inline-form{display:flex;gap:7px;align-items:center}.inline-form input,.inline-form select{min-width:100px;background:#0f1728;color:var(--text);border:1px solid var(--line);border-radius:7px;padding:7px}.rule-actions,.stacked-actions{min-width:320px;display:grid;gap:12px;padding:10px 0}.rule-actions form,.stacked-actions form{border-top:1px solid var(--line);padding-top:10px}.block{display:block;margin-top:3px}code{color:#cfe0ff}@media(max-width:900px){.inline-form{align-items:stretch;flex-direction:column}.rule-actions,.stacked-actions{min-width:240px}}