:root{--bg: #0e1116;--surface: #161b22;--surface-2: #1c2330;--border: #2a3240;--text: #e6edf3;--muted: #8b98a9;--accent: #4a9eff;--ok: #2ea043;--down: #f85149;--warn: #d29922;--radius: 10px;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-size:15px;line-height:1.5}code{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.85em;background:var(--surface-2);padding:1px 5px;border-radius:5px;color:#c7d2e0}button{cursor:pointer;font:inherit}.boot{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;height:100%;color:var(--muted)}.boot__spinner,.stale__dot{width:22px;height:22px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.login{display:flex;align-items:center;justify-content:center;height:100%;padding:20px}.login__card{width:100%;max-width:380px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:32px}.login__title{margin:0 0 4px;font-size:20px}.login__sub{margin:0 0 24px;color:var(--muted);font-size:14px}.field{display:block;margin-bottom:16px}.field span{display:block;margin-bottom:6px;font-size:13px;color:var(--muted)}.field input,.filter{width:100%;padding:10px 12px;background:var(--bg);border:1px solid var(--border);border-radius:8px;color:var(--text)}.field input:focus,.filter:focus{outline:none;border-color:var(--accent)}.login__error{background:#f851491f;border:1px solid var(--down);color:#ffb4ae;padding:10px 12px;border-radius:8px;font-size:14px;margin-bottom:16px}.login__submit{width:100%;padding:11px;background:var(--accent);color:#06121f;border:none;border-radius:8px;font-weight:600}.login__submit:disabled{opacity:.6;cursor:default}.app{display:flex;flex-direction:column;min-height:100%}.topbar{display:flex;align-items:center;gap:24px;padding:0 24px;height:56px;background:var(--surface);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:10}.topbar__brand{font-weight:600}.topbar__nav{display:flex;gap:4px;flex:1}.tab{background:none;border:none;color:var(--muted);padding:8px 14px;border-radius:8px}.tab:hover,.tab--active{color:var(--text);background:var(--surface-2)}.topbar__logout{background:none;border:1px solid var(--border);color:var(--muted);padding:7px 14px;border-radius:8px}.topbar__logout:hover{color:var(--text);border-color:var(--muted)}.content{padding:28px 24px;max-width:1100px;width:100%;margin:0 auto}.view__head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px}.view__head h2{margin:0;font-size:20px}.view__sub{margin:4px 0 0;color:var(--muted);font-size:14px}.stale{display:inline-flex;align-items:center;gap:8px;color:var(--muted);font-size:13px;white-space:nowrap}.stale__dot{width:12px;height:12px;border-width:2px}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}.kpi{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:18px 20px}.kpi__label{color:var(--muted);font-size:13px;margin-bottom:8px}.kpi__value{font-size:32px;font-weight:700;line-height:1.1}.kpi__hint{color:var(--muted);font-size:12px;margin-top:8px}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px;margin-bottom:20px}.panel__title{font-size:14px;color:var(--muted);margin-bottom:12px}.muted{color:var(--muted);font-size:13px}.node-line{margin-top:12px}.sparkline{display:block;color:var(--accent)}.sparkline polyline{stroke:var(--accent)}.sparkline--empty{color:var(--muted);font-size:13px;padding:12px 0}.summary-row{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:16px}.chip{display:inline-flex;align-items:center;gap:8px;background:var(--surface);border:1px solid var(--border);border-radius:999px;padding:6px 14px;font-size:13px;color:var(--muted)}.chip strong{color:var(--text)}.chip__help{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;background:var(--surface-2);font-size:11px;cursor:help}.filter{margin-bottom:16px;max-width:360px}.table-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:var(--radius)}.table{width:100%;border-collapse:collapse}.table th,.table td{text-align:left;padding:11px 16px;border-bottom:1px solid var(--border)}.table th{background:var(--surface);color:var(--muted);font-size:13px;font-weight:600}.table tbody tr:last-child td{border-bottom:none}.table tbody tr:hover{background:var(--surface)}.pill-row{display:flex;flex-wrap:wrap;gap:12px}.pill{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:999px;font-size:14px;border:1px solid var(--border)}.pill__dot{width:9px;height:9px;border-radius:50%}.pill--ok{background:#2ea0431f;color:#56d364}.pill--ok .pill__dot{background:var(--ok)}.pill--down{background:#f851491f;color:#ff7b72}.pill--down .pill__dot{background:var(--down)}.state{border-radius:var(--radius);padding:28px;text-align:center}.state--error{background:#f8514914;border:1px solid var(--down)}.state--error button{margin-top:12px;background:var(--accent);color:#06121f;border:none;padding:9px 18px;border-radius:8px;font-weight:600}.state--empty{background:var(--surface);border:1px dashed var(--border);color:var(--muted)}.banner{border-radius:8px;padding:10px 14px;font-size:13px;margin-bottom:16px}.banner--warn{background:#d299221f;border:1px solid var(--warn);color:#e3b341}.skeleton{display:inline-block;background:linear-gradient(90deg,var(--surface-2) 25%,var(--border) 50%,var(--surface-2) 75%);background-size:200% 100%;border-radius:6px;animation:shimmer 1.4s infinite;margin:4px 0}@keyframes shimmer{to{background-position:-200% 0}}