:root{--bg: #0f172a;--bg-soft: #1e293b;--card: #1e293b;--border: #334155;--text: #e2e8f0;--muted: #94a3b8;--accent: #38bdf8;--ok: #22c55e;--warn: #f59e0b;--crit: #ef4444;--info: #60a5fa}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);font-size:14px}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.app{display:flex;min-height:100vh}.sidebar{width:220px;background:#0b1220;border-right:1px solid var(--border);padding:20px 0;flex-shrink:0}.sidebar .logo{font-weight:700;font-size:18px;padding:0 20px 20px;color:#fff}.sidebar .logo span{color:var(--accent)}.sidebar nav a{display:block;padding:10px 20px;color:var(--muted);border-left:3px solid transparent}.sidebar nav a.active{color:#fff;background:var(--bg-soft);border-left-color:var(--accent)}.main{flex:1;padding:24px 32px;overflow-x:auto}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.topbar h1{margin:0;font-size:22px}.grid{display:grid;gap:16px}.grid.cols-5{grid-template-columns:repeat(5,1fr)}.grid.cols-4{grid-template-columns:repeat(4,1fr)}.grid.cols-3{grid-template-columns:repeat(3,1fr)}.grid.cols-2{grid-template-columns:repeat(2,1fr)}@media (max-width: 900px){.grid.cols-5,.grid.cols-4,.grid.cols-3,.grid.cols-2{grid-template-columns:1fr 1fr}}.card{background:var(--card);border:1px solid var(--border);border-radius:10px;padding:18px}.stat{text-align:center}.stat .num{font-size:30px;font-weight:700}.stat .label{color:var(--muted);margin-top:4px}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--border);vertical-align:middle}th{color:var(--muted);font-weight:600;font-size:12px;text-transform:uppercase}tr:hover td{background:#ffffff05}.badge{display:inline-block;padding:2px 10px;border-radius:999px;font-size:12px;font-weight:600;white-space:nowrap}.badge.ok{background:#22c55e26;color:var(--ok)}.badge.down{background:#ef444426;color:var(--crit)}.badge.warning{background:#f59e0b26;color:var(--warn)}.badge.critical{background:#ef444426;color:var(--crit)}.badge.info{background:#60a5fa26;color:var(--info)}.badge.unknown{background:#94a3b826;color:var(--muted)}.bar{background:#0b1220;border-radius:6px;height:8px;overflow:hidden}.bar>span{display:block;height:100%;background:var(--accent)}.bar.warn>span{background:var(--warn)}.bar.crit>span{background:var(--crit)}input,select,textarea{width:100%;padding:9px 11px;background:#0b1220;border:1px solid var(--border);border-radius:7px;color:var(--text);font-size:14px}label{display:block;margin-bottom:4px;color:var(--muted);font-size:13px}.field{margin-bottom:14px}button{cursor:pointer;padding:9px 16px;border:none;border-radius:7px;background:var(--accent);color:#06263a;font-weight:600;font-size:14px}button.secondary{background:var(--bg-soft);color:var(--text);border:1px solid var(--border)}button.danger{background:var(--crit);color:#fff}button.small{padding:5px 10px;font-size:12px}button:disabled{opacity:.5;cursor:not-allowed}.row{display:flex;gap:10px;align-items:center}.row.wrap{flex-wrap:wrap}.spacer{flex:1}.login-wrap{display:flex;align-items:center;justify-content:center;min-height:100vh}.login-box{width:360px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:50}.modal{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:24px;width:520px;max-height:90vh;overflow-y:auto}.modal h2{margin-top:0}.muted{color:var(--muted)}.mono{font-family:ui-monospace,SF Mono,Menlo,monospace}.error{color:var(--crit)}.section-title{margin:28px 0 12px;font-size:16px}.pill-link{font-size:12px}code.block{display:block;background:#0b1220;padding:12px;border-radius:8px;border:1px solid var(--border);white-space:pre-wrap;word-break:break-all}