:root{--bg: #0f1419;--bg-elev: #161c23;--bg-hover: #1d2530;--border: #253040;--text: #e6edf3;--text-muted: #8b98a8;--accent: #3b82f6;--accent-hover: #2563eb;--ok: #22c55e;--warning: #f59e0b;--critical: #ef4444;--unknown: #6b7280;--radius: 8px;--font: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--mono: ui-monospace, "Cascadia Mono", Consolas, monospace}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:var(--font);font-size:14px;line-height:1.45}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}h1{font-size:20px;font-weight:600;margin:0 0 16px}h2{font-size:15px;font-weight:600;margin:24px 0 10px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}code,.mono{font-family:var(--mono);font-size:12.5px}.layout{display:flex;min-height:100%}.sidebar{width:220px;flex-shrink:0;background:var(--bg-elev);border-right:1px solid var(--border);padding:20px 14px;display:flex;flex-direction:column;gap:4px}.sidebar .brand{font-weight:700;font-size:17px;padding:0 10px 18px;letter-spacing:.02em}.sidebar .brand span{color:var(--accent)}.sidebar a.nav{display:block;padding:8px 10px;border-radius:var(--radius);color:var(--text)}.sidebar a.nav:hover{background:var(--bg-hover);text-decoration:none}.sidebar a.nav.active{background:var(--accent);color:#fff}.sidebar .spacer{flex:1}.sidebar .user{font-size:12px;color:var(--text-muted);padding:10px;border-top:1px solid var(--border)}.main{flex:1;padding:24px 28px;min-width:0}.card{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);padding:16px}.grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.row{display:flex;align-items:center;gap:10px}.row.between{justify-content:space-between}.muted{color:var(--text-muted)}.small{font-size:12px}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--border);vertical-align:top}th{color:var(--text-muted);font-weight:500;font-size:12px;text-transform:uppercase;letter-spacing:.04em}tr.clickable{cursor:pointer}tr.clickable:hover td{background:var(--bg-hover)}.dot{display:inline-block;width:10px;height:10px;border-radius:50%;background:var(--unknown);flex-shrink:0}.dot.ok{background:var(--ok)}.dot.warning{background:var(--warning)}.dot.critical{background:var(--critical);box-shadow:0 0 0 3px #ef444440}.badge{display:inline-block;padding:2px 8px;border-radius:999px;font-size:12px;font-weight:500}.badge.ok{background:#22c55e26;color:var(--ok)}.badge.warning{background:#f59e0b26;color:var(--warning)}.badge.critical{background:#ef444426;color:var(--critical)}.badge.unknown{background:#6b728033;color:#b0b7c3}.badge.online{background:#22c55e26;color:var(--ok)}.badge.offline{background:#ef444426;color:var(--critical)}.badge.neutral{background:#3b82f626;color:var(--accent)}button,.btn{background:var(--accent);color:#fff;border:0;border-radius:var(--radius);padding:8px 14px;font:inherit;cursor:pointer}button:hover{background:var(--accent-hover)}button:disabled{opacity:.5;cursor:default}button.secondary{background:var(--bg-hover);color:var(--text);border:1px solid var(--border)}button.secondary:hover{background:var(--border)}button.danger{background:var(--critical)}button.sm{padding:5px 10px;font-size:12.5px}input,select,textarea{background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:var(--radius);padding:8px 10px;font:inherit;width:100%}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent)}textarea.mono{font-family:var(--mono);min-height:120px}label{display:block;font-size:12px;color:var(--text-muted);margin-bottom:4px}.field{margin-bottom:12px}.form-row{display:flex;gap:12px}.form-row>*{flex:1}.login{min-height:100%;display:flex;align-items:center;justify-content:center}.login .card{width:360px}.error{color:var(--critical);font-size:13px;margin-top:8px}.notice{background:#3b82f61a;border:1px solid rgba(59,130,246,.3);border-radius:var(--radius);padding:12px 14px;margin:12px 0}pre.cmd{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:10px 12px;overflow-x:auto;font-family:var(--mono);font-size:12.5px;margin:8px 0;white-space:pre-wrap;word-break:break-all}details summary{cursor:pointer;color:var(--text-muted)}.kv{display:grid;grid-template-columns:max-content 1fr;gap:4px 14px;font-size:13px}.kv dt{color:var(--text-muted)}.kv dd{margin:0}