:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0b0f16;--card:#131a25;--card-2:#0f1520;--border:#2a3b5273;--border-strong:#2a3b52d9;--text:#edf2f9;--text-2:#94a3b8;--muted:#8a96aa;--accent:#3b87e8;--good:#2fbf71;--warn:#f5b21b;--crit:#e5534b;--info:#6c7c95;--s1:#3987e5;--s2:#d95926;--s3:#199e70;--s4:#c98500;--s5:#d55181;--s6:#008300;--radius:12px;--radius-s:8px;--font-ui:"Inter", "Inter Variable", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, "SF Mono", "Cascadia Mono", Menlo, Consolas, monospace}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;margin:0;font-size:13px;line-height:1.45}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none;padding:0}input,select{font:inherit}h1,h2,h3{margin:0;font-weight:600}.mono{font-family:var(--font-mono);font-variant-ligatures:none}.dim{color:var(--muted)}.nowrap{white-space:nowrap}.app{min-height:100vh;display:flex}.sidebar{border-right:1px solid var(--border);background:var(--card-2);flex-direction:column;flex:0 0 208px;width:208px;height:100vh;display:flex;position:sticky;top:0}.brand{align-items:center;gap:10px;padding:18px 18px 20px;display:flex}.brand-logo{background:linear-gradient(135deg, var(--accent), #6f5ce0);border-radius:8px;place-items:center;width:30px;height:30px;font-size:15px;display:grid}.brand-name{letter-spacing:.18em;font-size:12px;font-weight:700}.brand-sub{color:var(--muted);letter-spacing:.04em;margin-top:1px;font-size:10.5px}.nav{flex-direction:column;gap:2px;padding:0 10px;display:flex}.nav-item{border-radius:var(--radius-s);color:var(--text-2);text-align:left;align-items:center;gap:10px;width:100%;padding:8px 10px;display:flex}.nav-item:hover{color:var(--text);background:#ffffff09}.nav-item.on{color:var(--text);box-shadow:inset 2px 0 0 var(--accent);background:#3b87e824}.nav-icon{text-align:center;opacity:.9;width:16px}.nav-badge{color:var(--warn);font-variant-numeric:tabular-nums;background:#f5b21b29;border-radius:999px;margin-left:auto;padding:1px 6px;font-size:10px}.nav-badge.crit{color:var(--crit);background:#e5534b29}.nav-sep{letter-spacing:.12em;color:var(--muted);text-transform:uppercase;margin:14px 18px 6px;font-size:10px}.side-nodes{flex-direction:column;gap:1px;padding:0 10px;display:flex;overflow-y:auto}.side-node{width:100%;color:var(--text-2);border-radius:6px;align-items:center;gap:8px;padding:5px 10px;font-size:12px;display:flex}.side-node:hover{color:var(--text);background:#ffffff09}.side-node.on{color:var(--text);background:#ffffff0f}.side-node .swatch{border-radius:2px;flex:0 0 3px;width:3px;height:14px}.side-node .tps{color:var(--muted);font-variant-numeric:tabular-nums;margin-left:auto;font-size:11px}.side-foot{color:var(--muted);border-top:1px solid var(--border);margin-top:auto;padding:14px 18px;font-size:10.5px}.main{flex-direction:column;flex:1;min-width:0;display:flex}.topbar{z-index:20;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border);background:#0b0f16eb;align-items:center;gap:14px;padding:12px 22px;display:flex;position:sticky;top:0}.topbar h1{font-size:15px}.topbar .sub{color:var(--muted);font-size:11.5px}.spacer{margin-left:auto}.seg{background:var(--card-2);border:1px solid var(--border);border-radius:var(--radius-s);padding:2px;display:flex}.seg button{color:var(--text-2);font-variant-numeric:tabular-nums;border-radius:6px;padding:4px 10px;font-size:12px}.seg button:hover{color:var(--text)}.seg button.on{color:var(--text);background:#3b87e82e}.livepill{border:1px solid var(--border);background:var(--card-2);color:var(--text-2);border-radius:999px;align-items:center;gap:7px;padding:4px 11px 4px 9px;font-size:12px;display:inline-flex}.livepill.on{color:var(--good);border-color:#2fbf7166}.livepill .pulse{background:currentColor;border-radius:50%;width:7px;height:7px}.livepill.on .pulse{animation:2s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.25}}.page{flex-direction:column;gap:16px;padding:18px 22px 40px;display:flex}.row{align-items:stretch;gap:14px;display:flex}.row.wrap{flex-wrap:wrap}.grid{gap:14px;display:grid}.grid.top{align-items:start}.grid.c2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.c3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.c4{grid-template-columns:repeat(4,minmax(0,1fr))}@media (max-width:1400px){.grid.c4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:1100px){.grid.c3,.grid.c2{grid-template-columns:minmax(0,1fr)}}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);min-width:0;padding:14px 16px 16px}.card-head{align-items:baseline;gap:10px;margin-bottom:10px;display:flex}.card-title{letter-spacing:.01em;font-size:12.5px;font-weight:600}.card-sub{color:var(--muted);font-size:11px}.card-tools{align-items:center;gap:8px;margin-left:auto;display:flex}.stat{flex-direction:column;gap:2px;display:flex}.stat-label{color:var(--muted);letter-spacing:.02em;font-size:11px}.stat-value{font-variant-numeric:tabular-nums;letter-spacing:-.015em;font-size:25px;font-weight:600;line-height:1.15}.stat-unit{color:var(--text-2);margin-left:3px;font-size:12px;font-weight:500}.stat-foot{color:var(--muted);align-items:center;gap:6px;font-size:11px;display:flex}.delta{font-variant-numeric:tabular-nums}.delta.up{color:var(--good)}.delta.down{color:var(--crit)}.delta.flat{color:var(--muted)}.dot{border-radius:50%;flex:0 0 8px;width:8px;height:8px;display:inline-block}.dot.healthy{background:var(--good)}.dot.degraded{background:var(--warn)}.dot.syncing{background:var(--accent)}.dot.offline{background:var(--crit)}.chip{border:1px solid var(--border);color:var(--text-2);background:var(--card-2);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:2px 9px;font-size:11px;display:inline-flex}.chip.healthy{color:var(--good);background:#2fbf711a;border-color:#2fbf7159}.chip.degraded{color:var(--warn);background:#f5b21b1a;border-color:#f5b21b59}.chip.syncing{color:var(--accent);background:#3b87e81a;border-color:#3b87e859}.chip.offline{color:var(--crit);background:#e5534b1a;border-color:#e5534b59}.chip.info{color:var(--text-2)}.tag{color:var(--muted);background:var(--card-2);border:1px solid var(--border);border-radius:5px;padding:1px 6px;font-size:10.5px}.nodecard{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;padding:0;transition:border-color .12s,transform .12s;display:flex;overflow:hidden}.nodecard:hover{border-color:var(--border-strong)}.nodecard.sel{border-color:#3b87e88c}.nodecard.state-degraded{box-shadow:inset 0 2px 0 var(--warn)}.nodecard.state-offline{box-shadow:inset 0 2px 0 var(--crit)}.nodecard.state-syncing{box-shadow:inset 0 2px 0 var(--accent)}.nodecard-head{align-items:center;gap:9px;padding:12px 14px 8px;display:flex}.nodecard-name{align-items:center;gap:8px;font-size:13.5px;font-weight:600;display:flex}.nodecard-swatch{border-radius:2px;width:3px;height:15px}.nodecard-body{flex-direction:column;gap:10px;padding:0 14px 12px;display:flex}.nodecard-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.nc-metric{flex-direction:column;gap:1px;min-width:0;display:flex}.nc-metric .k{color:var(--muted);font-size:10.5px}.nc-metric .v{font-variant-numeric:tabular-nums;letter-spacing:-.01em;font-size:16px;font-weight:600}.nc-metric .v small{color:var(--text-2);margin-left:2px;font-size:10.5px;font-weight:500}.nodecard-foot{border-top:1px solid var(--border);background:var(--card-2);color:var(--muted);align-items:center;gap:10px;padding:8px 14px;font-size:11px;display:flex}.nodecard-foot button{color:var(--accent);font-size:11px}.nodecard-foot button:hover{text-decoration:underline}.pick{border:1px solid var(--border-strong);color:#0000;border-radius:4px;flex:0 0 15px;place-items:center;width:15px;height:15px;font-size:10px;display:grid}.pick.on{background:var(--accent);border-color:var(--accent);color:#fff}table.tbl{border-collapse:collapse;width:100%;font-size:12px}table.tbl th{text-align:left;color:var(--muted);text-transform:uppercase;letter-spacing:.07em;border-bottom:1px solid var(--border);white-space:nowrap;padding:6px 10px;font-size:10.5px;font-weight:500}table.tbl th.num,table.tbl td.num{text-align:right;font-variant-numeric:tabular-nums}table.tbl td{border-bottom:1px solid #2a3b5240;padding:7px 10px}table.tbl tbody tr:hover{background:#ffffff06}table.tbl tbody tr.clickable{cursor:pointer}.chart-wrap{position:relative}.chart-wrap svg{width:100%;display:block;overflow:visible}.axis-text{fill:var(--muted);font-size:10px;font-family:var(--font-mono)}.grid-line{stroke:#2a3b5266;stroke-width:1px}.zero-line{stroke:#2a3b52cc;stroke-width:1px}.crosshair{stroke:#edf2f959;stroke-width:1px;stroke-dasharray:3 3}.tooltip{pointer-events:none;z-index:30;border:1px solid var(--border-strong);background:#0a0e15f7;border-radius:8px;min-width:150px;padding:8px 10px;font-size:11.5px;position:absolute;box-shadow:0 8px 24px #00000080}.tooltip .tt-head{color:var(--muted);font-size:10.5px;font-family:var(--font-mono);margin-bottom:5px}.tooltip .tt-row{align-items:center;gap:7px;padding:1.5px 0;display:flex}.tooltip .tt-row .sw{border-radius:2px;flex:0 0 8px;width:8px;height:8px}.tooltip .tt-row .nm{color:var(--text-2)}.tooltip .tt-row .vl{font-variant-numeric:tabular-nums;font-family:var(--font-mono);margin-left:auto}.legend{flex-wrap:wrap;gap:4px 14px;margin-top:8px;display:flex}.legend-item{color:var(--text-2);align-items:center;gap:6px;font-size:11px;display:inline-flex}.legend-item.off{opacity:.35}.legend-item .sw{border-radius:2px;width:9px;height:3px}.sparkline{display:block}.meter{background:#2a3b5280;border-radius:3px;height:6px;overflow:hidden}.meter>i{background:var(--accent);border-radius:3px;height:100%;display:block}.meter.good>i{background:var(--good)}.meter.warn>i{background:var(--warn)}.meter.crit>i{background:var(--crit)}.weightbar{gap:2px;display:flex}.weightbar i{background:#2a3b5299;border-radius:2px;flex:1;height:8px}.weightbar i.on{background:var(--good)}.weightbar i.warnq{background:var(--warn)}.weightbar i.offq{background:var(--crit)}.copy{width:18px;height:18px;color:var(--muted);vertical-align:middle;border:1px solid #0000;border-radius:4px;place-items:center;font-size:11px;line-height:1;display:inline-grid}.copy:hover{color:var(--text);border-color:var(--border);background:#ffffff0f}.copy.done{color:var(--good)}.inc{border-bottom:1px solid #2a3b524d;gap:12px;padding:11px 0;display:flex}.inc:last-child{border-bottom:none}.inc-rail{border-radius:2px;flex:0 0 3px;width:3px}.inc-rail.info{background:var(--info)}.inc-rail.warn{background:var(--warn)}.inc-rail.crit{background:var(--crit)}.inc-body{flex:1;min-width:0}.inc-title{flex-wrap:wrap;align-items:center;gap:8px;font-size:12.5px;font-weight:600;display:flex}.inc-detail{color:var(--text-2);margin-top:3px;font-size:11.5px}.inc-meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:10px;margin-top:5px;font-size:11px;display:flex}.inc-meta button{color:var(--accent);font-size:11px}.inc-meta button:hover{text-decoration:underline}.empty{color:var(--muted);text-align:center;padding:26px;font-size:12px}.hint{color:var(--muted);font-size:11px}.kbd{font-family:var(--font-mono);border:1px solid var(--border-strong);color:var(--text-2);border-bottom-width:2px;border-radius:4px;padding:0 4px;font-size:10px}.sync-row{border:1px solid var(--border);border-left:2px solid var(--warn);background:color-mix(in srgb, var(--warn) 6%, transparent);margin:2px 0 8px;padding:8px 10px}.sync-stalled{color:var(--crit);letter-spacing:.04em;font-weight:600}.rolechip{letter-spacing:.04em;border:1px solid var(--border);white-space:nowrap;border-radius:2px;padding:2px 7px;font-size:11px}.rolechip.val{color:var(--muted)}.rolechip.obs{color:var(--accent);border-color:color-mix(in srgb, var(--accent) 45%, transparent);background:color-mix(in srgb, var(--accent) 8%, transparent)}.nc-metric .v.na{color:var(--muted);opacity:.55}.op-block{border-top:1px solid #2a3b524d;padding:10px 0}.op-block:first-of-type{border-top:none}.op-block-head{align-items:center;gap:10px;margin-bottom:6px;display:flex}.op-form{flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px;display:flex}.op-input{background:var(--card-2);border:1px solid var(--border);color:var(--text);border-radius:6px;min-width:180px;padding:6px 10px;font-size:12px}.op-input:focus{border-color:var(--accent);outline:none}.op-btn{border:1px solid var(--border);color:var(--text-2);background:var(--card-2);border-radius:6px;padding:6px 12px;font-size:12px}.op-btn:hover:not(:disabled){color:var(--text);border-color:var(--border-strong)}.op-btn:disabled{opacity:.45;cursor:not-allowed}.op-btn.go{color:var(--accent);border-color:color-mix(in srgb, var(--accent) 45%, transparent)}.op-btn.warn{color:var(--warn);border-color:color-mix(in srgb, var(--warn) 45%, transparent)}.op-ids{flex-wrap:wrap;gap:8px;display:flex}.op-kv{color:var(--muted);flex-wrap:wrap;gap:12px;margin-top:4px;font-size:11px;display:flex}.op-confirm{border:1px solid var(--border-strong);border-left:3px solid var(--accent);border-radius:var(--radius-s);background:var(--card-2);margin-top:12px;padding:12px 14px}.op-confirm-head{align-items:center;gap:10px;margin-bottom:6px;display:flex}.op-refusal{border:1px solid color-mix(in srgb, var(--crit) 40%, transparent);border-radius:var(--radius-s);background:color-mix(in srgb, var(--crit) 7%, transparent);color:var(--text-2);margin-top:10px;padding:10px 12px;font-size:12px}.op-recorded{border:1px solid var(--border);border-left:3px solid var(--good);border-radius:var(--radius-s);margin-top:10px;padding:10px 12px;font-size:12px}.op-signin{color:var(--accent);font-size:10.5px}.op-signin:hover{text-decoration:underline}.op-peers{flex-wrap:wrap;gap:6px;margin:4px 0;display:flex}.op-peers .tag{cursor:pointer}.op-peers .tag.on{color:var(--text);border-color:var(--accent)}