:root{--bg: #0b0f14;--panel: #131a22;--panel-2: #1a232e;--border: #24313f;--text: #dbe4ee;--muted: #7d8ea0;--accent: #35d0a5;--accent-dim: #1c6b57;--crit: #ff4d6d;--high: #ff7a45;--med: #ffc53d;--low: #4aa8ff;--info: #7d8ea0;font-family:SF Mono,ui-monospace,Cascadia Code,Menlo,Consolas,monospace}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-size:14px}h1,h2,h3{font-weight:600;margin:0}button{font-family:inherit;cursor:pointer;background:var(--panel-2);color:var(--text);border:1px solid var(--border);border-radius:6px;padding:7px 12px;transition:.12s}button:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}button:disabled{opacity:.4;cursor:not-allowed}button.primary{background:var(--accent-dim);border-color:var(--accent);color:#fff}button.primary:hover:not(:disabled){background:var(--accent);color:#04120d}input,select{font-family:inherit;background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:6px;padding:7px 10px;width:100%}input:focus,select:focus{outline:none;border-color:var(--accent)}a{color:var(--accent)}.app{display:grid;grid-template-columns:300px 1fr;min-height:100vh}.sidebar{background:var(--panel);border-right:1px solid var(--border);padding:18px}.main{padding:24px 32px;overflow-y:auto}.brand{display:flex;align-items:center;gap:9px;margin-bottom:4px}.brand .dot{width:9px;height:9px;border-radius:50%;background:var(--accent);box-shadow:0 0 10px var(--accent)}.brand h1{font-size:16px;letter-spacing:.5px}.tagline{color:var(--muted);font-size:11px;margin:0 0 20px 18px}.section-label{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:1px;margin:18px 0 8px}.list-item{padding:10px 12px;border:1px solid var(--border);border-radius:7px;margin-bottom:7px;cursor:pointer;background:var(--panel-2);transition:.12s}.list-item:hover{border-color:var(--accent)}.list-item.active{border-color:var(--accent);background:#10201b}.list-item .name{font-weight:600}.list-item .sub{color:var(--muted);font-size:11px;margin-top:2px}.row{display:flex;gap:8px;align-items:center}.stack{display:flex;flex-direction:column;gap:10px}.card{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:18px;margin-bottom:18px}.badge{font-size:10px;padding:2px 7px;border-radius:20px;border:1px solid var(--border);text-transform:uppercase;letter-spacing:.5px}.badge.auth{color:var(--accent);border-color:var(--accent-dim);background:#10201b}.badge.noauth{color:var(--high);border-color:#5a3320;background:#2a1710}.badge.active{color:var(--high);border-color:#5a3320}.badge.passive{color:var(--low);border-color:#23415f}.badge.off{color:var(--muted)}.pill{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:7px;border:1px solid var(--border);cursor:pointer;-webkit-user-select:none;user-select:none}.pill.on{border-color:var(--accent);background:#10201b}.pill.disabled{opacity:.4;cursor:not-allowed}.sev-chip{font-weight:700;font-size:11px;padding:3px 8px;border-radius:5px;min-width:62px;text-align:center}.sev-critical{background:#3a0d18;color:var(--crit)}.sev-high{background:#3a1a0d;color:var(--high)}.sev-medium{background:#3a300d;color:var(--med)}.sev-low{background:#0d233a;color:var(--low)}.sev-info{background:#1a232e;color:var(--info)}.finding{display:flex;gap:12px;padding:11px 0;border-bottom:1px solid var(--border)}.finding:last-child{border-bottom:none}.finding .body .title{font-weight:600}.finding .body .detail{color:var(--muted);font-size:12px;margin-top:3px}.finding .conn{color:var(--accent);font-size:11px}.counts{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:6px}.count-box{text-align:center;border:1px solid var(--border);border-radius:8px;padding:10px 16px;min-width:70px}.count-box .n{font-size:22px;font-weight:700}.count-box .l{font-size:10px;color:var(--muted);text-transform:uppercase}.hosts{display:flex;flex-wrap:wrap;gap:6px}.host{font-size:12px;background:var(--panel-2);border:1px solid var(--border);border-radius:5px;padding:4px 8px}.empty{color:var(--muted);text-align:center;padding:40px}.err{color:var(--high);font-size:12px}.spin{display:inline-block;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.notice{font-size:11px;color:var(--muted);border-left:2px solid var(--accent-dim);padding-left:10px;margin:10px 0}