:root{--bg: #0b0f14;--panel: #131a22;--panel-2: #18212b;--border: #263241;--text: #e6edf3;--muted: #8b9aa8;--accent: #4f9cf9;--good: #3fb950;--warn: #d29922;--bad: #f85149;--radius: 10px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:14px;line-height:1.5}a{color:var(--accent)}.muted{color:var(--muted)}.login-wrap{min-height:100%;display:grid;place-items:center;padding:24px}.login-card{width:100%;max-width:380px;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:28px}.login-card h1{margin:0 0 4px;font-size:20px}.login-card p{margin:0 0 20px}.shell{display:grid;grid-template-columns:220px 1fr;min-height:100%}.sidebar{background:var(--panel);border-right:1px solid var(--border);padding:18px 12px;display:flex;flex-direction:column;gap:6px}.brand{font-weight:700;letter-spacing:.4px;padding:4px 10px 16px}.brand small{display:block;font-weight:400;color:var(--muted)}.nav-btn{display:block;width:100%;text-align:left;background:transparent;color:var(--text);border:1px solid transparent;border-radius:8px;padding:9px 10px;cursor:pointer;font:inherit}.nav-btn:hover{background:var(--panel-2)}.nav-btn.active{background:var(--panel-2);border-color:var(--border);color:#fff}.nav-spacer{flex:1}.main{padding:24px 28px 60px;min-width:0}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.topbar h2{margin:0;font-size:19px}.loading-bar{height:2px;background:linear-gradient(90deg,transparent,var(--accent),transparent);animation:sweep 1.1s linear infinite;border-radius:2px;margin:-8px 0 12px}@keyframes sweep{0%{opacity:.2}50%{opacity:1}to{opacity:.2}}.stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px}.stat-card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:16px}.stat-label{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.6px}.stat-value{font-size:26px;font-weight:700;margin-top:6px}.stat-hint{font-size:12px;margin-top:4px}.tone-warn{border-color:color-mix(in srgb,var(--warn) 45%,var(--border))}.tone-bad{border-color:color-mix(in srgb,var(--bad) 45%,var(--border))}.tone-good{border-color:color-mix(in srgb,var(--good) 35%,var(--border))}.table-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:var(--radius);background:var(--panel)}table{width:100%;border-collapse:collapse;min-width:640px}th,td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--border);vertical-align:top}th{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.5px;font-weight:600;background:var(--panel-2);position:sticky;top:0}tr:last-child td{border-bottom:none}.nowrap{white-space:nowrap}code{background:var(--panel-2);border:1px solid var(--border);border-radius:6px;padding:1px 5px;font-size:12px}label.field{display:block;margin-bottom:12px}label.field span{display:block;margin-bottom:5px;color:var(--muted);font-size:12px}input,select,textarea{width:100%;background:var(--panel-2);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:9px 10px;font:inherit}input:focus,select:focus,textarea:focus{outline:2px solid color-mix(in srgb,var(--accent) 55%,transparent);outline-offset:1px}.btn{background:var(--accent);color:#06101c;border:1px solid transparent;border-radius:8px;padding:8px 13px;font:inherit;font-weight:600;cursor:pointer}.btn:hover{filter:brightness(1.08)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-ghost{background:transparent;color:var(--text);border-color:var(--border);font-weight:500}.btn-danger{background:var(--bad);color:#fff}.btn-sm{padding:5px 9px;font-size:12px}.row-actions{display:flex;gap:6px;flex-wrap:wrap}.toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:14px}.toolbar input,.toolbar select{width:auto;min-width:160px}.banner{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-radius:8px;border:1px solid var(--border);margin-bottom:14px}.banner-error{background:color-mix(in srgb,var(--bad) 14%,var(--panel));border-color:color-mix(in srgb,var(--bad) 45%,var(--border))}.banner-ok{background:color-mix(in srgb,var(--good) 14%,var(--panel));border-color:color-mix(in srgb,var(--good) 45%,var(--border))}.banner-warn{background:color-mix(in srgb,var(--warn) 14%,var(--panel));border-color:color-mix(in srgb,var(--warn) 45%,var(--border))}.empty{padding:28px;text-align:center}.pill{display:inline-block;padding:2px 8px;border-radius:999px;font-size:12px;border:1px solid var(--border);text-transform:capitalize}.pill-good{color:var(--good);border-color:color-mix(in srgb,var(--good) 50%,var(--border))}.pill-warn{color:var(--warn);border-color:color-mix(in srgb,var(--warn) 50%,var(--border))}.pill-bad{color:var(--bad);border-color:color-mix(in srgb,var(--bad) 50%,var(--border))}.pill-neutral{color:var(--muted)}.sev-critical{color:var(--bad);font-weight:700}.sev-warning{color:var(--warn);font-weight:600}.spinner-wrap{display:flex;align-items:center;gap:10px;padding:18px 0}.spinner{width:16px;height:16px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.progress{height:8px;background:var(--panel-2);border-radius:999px;overflow:hidden;border:1px solid var(--border);min-width:90px}.progress>span{display:block;height:100%;background:var(--accent)}.progress.warn>span{background:var(--warn)}.progress.bad>span{background:var(--bad)}@media (max-width: 760px){.shell{grid-template-columns:1fr}.sidebar{flex-direction:row;flex-wrap:wrap;border-right:none;border-bottom:1px solid var(--border)}.brand{width:100%;padding-bottom:8px}.nav-spacer{display:none}}