.hdr{position:sticky;top:0;z-index:30;height:var(--header-h);display:flex;align-items:center;gap:var(--sp-7);padding:0 var(--sp-7);background:#0a0c10d1;-webkit-backdrop-filter:blur(14px) saturate(140%);backdrop-filter:blur(14px) saturate(140%);border-bottom:1px solid var(--c-line)}.hdr-brand{display:flex;align-items:center;gap:var(--sp-4);flex:none}.hdr-logo{display:grid;place-items:center;width:30px;height:30px;border-radius:var(--r-2);color:var(--c-accent);background:radial-gradient(120% 120% at 30% 20%,#4f9cf938,#4f9cf90a);border:1px solid rgba(79,156,249,.28);box-shadow:inset 0 0 12px #4f9cf91f}.hdr-brand-txt{display:flex;flex-direction:column;line-height:1.15}.hdr-name{font-size:var(--fs-md);font-weight:var(--fw-bold);letter-spacing:-.01em;color:var(--c-text)}.hdr-sub{font-size:var(--fs-micro);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--c-text-4)}.hdr-stats{display:flex;align-items:center;gap:var(--sp-6);flex:1 1 auto;min-width:0;overflow:hidden}.hdr-divider{width:1px;height:24px;background:var(--c-line);flex:none}.hdr-stat{display:flex;flex-direction:column;gap:2px;min-width:0}.hdr-stat-label{display:inline-flex;align-items:center;gap:var(--sp-2)}.hdr-stat-label .lucide{color:var(--c-text-4)}.hdr-stat-val{font-size:var(--fs-base);font-weight:var(--fw-semibold);color:var(--c-text)}.tone-ok{color:var(--c-ok)}.tone-warn{color:var(--c-warn)}.tone-crit{color:var(--c-crit)}.tone-idle{color:var(--c-text)}.hdr-right{display:flex;align-items:center;gap:var(--sp-5);flex:none}.hdr-clock{font-family:var(--font-mono);font-size:var(--fs-sm);color:var(--c-text-3)}.conn-pill{display:inline-flex;align-items:center;gap:var(--sp-3);height:28px;padding:0 12px 0 10px;border-radius:var(--r-full);font-size:var(--fs-xs);font-weight:var(--fw-semibold);letter-spacing:.01em;border:1px solid var(--c-line-strong);background:var(--c-panel-2);transition:color var(--t-base) var(--ease),border-color var(--t-base) var(--ease),background var(--t-base) var(--ease)}.conn-dot{width:7px;height:7px;border-radius:var(--r-full);background:currentColor;position:relative}.conn-pill--live{color:var(--c-ok);border-color:#3fb37f59;background:#3fb37f14}.conn-pill--live .conn-dot:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;box-shadow:0 0 0 0 var(--c-ok-glow);animation:dot-pulse-ok 1.8s var(--ease) infinite}.conn-pill--connecting{color:var(--c-warn);border-color:#e0a23c59;background:#e0a23c12}.conn-pill--connecting .conn-dot{animation:blink 1s steps(2,start) infinite}.conn-pill--polling{color:var(--c-accent);border-color:#4f9cf959;background:#4f9cf912}.conn-pill--polling .conn-dot{animation:blink 1.4s steps(2,start) infinite}.conn-pill--offline{color:var(--c-crit);border-color:#e5575f59;background:#e5575f14}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:.25}}@media (max-width: 1100px){.hdr-stats .hdr-stat:nth-child(n+5),.hdr-stats .hdr-divider:nth-child(n+4){display:none}}@media (max-width: 760px){.hdr-stats,.hdr-sub{display:none}}.panel{display:flex;flex-direction:column;min-width:0;overflow:hidden}.panel-actions{display:flex;align-items:center;gap:var(--sp-3);color:var(--c-text-3);font-size:var(--fs-xs)}.panel-body{flex:1 1 auto;min-height:0}.panel-body--flush{padding:0}.topo-panel{grid-column:span 2}.topo-legend{display:inline-flex;align-items:center;gap:var(--sp-3);font-size:var(--fs-micro);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--c-text-4)}.topo-legend .lg{width:8px;height:8px;border-radius:var(--r-full);margin-left:var(--sp-4)}.topo-legend .lg-active{background:var(--c-ok)}.topo-legend .lg-idle{background:var(--c-idle)}.topo-legend .lg-top{background:transparent;border:1.5px solid var(--c-accent)}.topo-wrap{position:relative;width:100%;height:100%;min-height:290px;display:grid;place-items:center;padding:var(--sp-2) var(--sp-4);background:radial-gradient(640px 280px at 50% 50%,rgba(79,156,249,.05),transparent 70%)}.topo-svg{width:100%;height:100%;max-height:372px;overflow:visible}.topo-empty{color:var(--c-text-3);font-size:var(--fs-sm)}.topo-guide{fill:none;stroke:var(--c-line);stroke-width:1;stroke-dasharray:2 6;opacity:.5}.hub-core{filter:drop-shadow(0 6px 18px rgba(0,0,0,.5))}.hub-stroke{fill:none;stroke:var(--c-line-strong);stroke-width:1.5;transition:stroke var(--t-slow) var(--ease)}.topo-hub.is-active .hub-stroke{stroke:var(--c-accent)}.hub-label{text-anchor:middle;font-size:11px;font-weight:700;letter-spacing:.14em;fill:var(--c-text)}.hub-status{text-anchor:middle;font-size:9.5px;letter-spacing:.12em;text-transform:uppercase;fill:var(--c-text-3)}.topo-hub.is-active .hub-status{fill:var(--c-accent)}.hub-pulse{fill:none;stroke:var(--c-accent);stroke-width:1.5;transform-origin:center;transform-box:fill-box;animation:hub-ping 2.6s var(--ease) infinite}@keyframes hub-ping{0%{transform:scale(1);opacity:.55}80%{transform:scale(1.55);opacity:0}to{opacity:0}}.edge-base{stroke:var(--c-line-strong);stroke-width:1.25;transition:stroke var(--t-slow) var(--ease),opacity var(--t-slow) var(--ease)}.topo-edge.is-active .edge-base{stroke:var(--c-ok-dim);opacity:.8!important}.edge-flow{stroke:var(--c-ok);stroke-width:1.75;stroke-linecap:round;stroke-dasharray:5 13;filter:drop-shadow(0 0 4px var(--c-ok-glow));animation:dash-flow 1.1s linear infinite}.topo-edge.is-dim{opacity:.25}.topo-node{cursor:pointer;transition:opacity var(--t-base) var(--ease)}.topo-node:focus-visible{outline:none}.topo-node:focus-visible .node-stroke{stroke:var(--c-accent);stroke-width:2.5}.topo-node.is-dim{opacity:.32}.node-core{fill:var(--c-panel-hi);transition:fill var(--t-slow) var(--ease)}.topo-node.is-idle .node-core{fill:#161c27}.topo-node.is-active .node-core{fill:#143427}.node-stroke{fill:none;stroke:var(--c-line-strong);stroke-width:1.5;transition:stroke var(--t-slow) var(--ease),stroke-width var(--t-base) var(--ease)}.topo-node.is-active .node-stroke{stroke:var(--c-ok)}.topo-node:hover .node-stroke{stroke:var(--c-accent)}.node-halo{fill:transparent;transition:fill var(--t-slow) var(--ease)}.topo-node.is-active .node-halo{fill:var(--c-ok-glow);opacity:.16;filter:url(#soft)}.node-pulse{fill:none;stroke:var(--c-ok);stroke-width:1.25;transform-origin:center;transform-box:fill-box;animation:hub-ping 2.2s var(--ease) infinite}.node-top-ring{fill:none;stroke:var(--c-accent);stroke-width:1.25;stroke-dasharray:3 4;opacity:.7}.node-mono{text-anchor:middle;dominant-baseline:middle;font-size:12px;font-weight:700;letter-spacing:.03em;fill:var(--c-text);font-family:var(--font-mono)}.node-fullname,.node-sub{text-anchor:middle;pointer-events:none;paint-order:stroke;stroke:var(--c-bg);stroke-width:3px;stroke-linejoin:round}.node-fullname{font-size:11px;font-weight:600;fill:var(--c-text-2)}.topo-node.is-active .node-fullname{fill:var(--c-text)}.node-sub{font-size:9.5px;font-weight:500}.node-model{fill:var(--c-text-4);text-transform:uppercase;letter-spacing:.04em}.node-sub-tok{fill:var(--c-text-3);font-weight:600}.topo-node.is-active .node-sub-tok{fill:var(--c-ok)}@media (max-width: 1280px){.topo-panel{grid-column:span 2}}@media (max-width: 980px){.topo-panel{grid-column:1 / -1}}.badge{display:inline-flex;align-items:center;gap:var(--sp-2);height:18px;padding:0 7px;border-radius:var(--r-1);font-size:var(--fs-micro);font-weight:var(--fw-semibold);letter-spacing:.02em;line-height:1;white-space:nowrap;border:1px solid transparent}.badge--neutral{background:var(--c-panel-hi);color:var(--c-text-2);border-color:var(--c-line-strong)}.badge--model{background:#9d7bf01a;color:#b9a3f5;border-color:#9d7bf047;font-family:var(--font-mono);text-transform:lowercase}.badge--accent{background:#4f9cf91f;color:#8cbcfb;border-color:#4f9cf94d}.badge--ok{background:#3fb37f1f;color:#6fd3a4;border-color:#3fb37f4d}.badge--warn{background:#e0a23c1f;color:#efc079;border-color:#e0a23c4d}.badge--crit{background:#e5575f1f;color:#f08c91;border-color:#e5575f4d}.status-dot{position:relative;display:inline-block;width:7px;height:7px;border-radius:var(--r-full);flex:none}.status-dot--idle{background:var(--c-idle);box-shadow:none}.status-dot--ok{background:var(--c-ok)}.status-dot--accent{background:var(--c-accent)}.status-dot.is-active:after{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:var(--r-full);background:currentColor;opacity:.6}.status-dot--ok.is-active{box-shadow:0 0 0 0 var(--c-ok-glow);animation:dot-pulse-ok 1.8s var(--ease) infinite}.status-dot--accent.is-active{box-shadow:0 0 0 0 var(--c-accent-glow);animation:dot-pulse-accent 1.8s var(--ease) infinite}.status-dot.is-active:after{display:none}@keyframes dot-pulse-ok{0%{box-shadow:0 0 0 0 var(--c-ok-glow)}70%{box-shadow:0 0 0 6px #3fb37f00}to{box-shadow:0 0 #3fb37f00}}@keyframes dot-pulse-accent{0%{box-shadow:0 0 0 0 var(--c-accent-glow)}70%{box-shadow:0 0 0 6px #4f9cf900}to{box-shadow:0 0 #4f9cf900}}.seg{display:inline-flex;background:var(--c-panel-2);border:1px solid var(--c-line-strong);border-radius:var(--r-2);padding:2px;gap:2px}.seg button{border:none;background:transparent;color:var(--c-text-3);font-size:var(--fs-xs);font-weight:var(--fw-semibold);padding:3px 10px;border-radius:var(--r-1);cursor:pointer;transition:color var(--t-fast) var(--ease),background var(--t-fast) var(--ease)}.seg button:hover{color:var(--c-text)}.seg button.is-on{background:var(--c-panel-hi);color:var(--c-text);box-shadow:var(--shadow-1)}.lb-table{width:100%;border-collapse:collapse;font-size:var(--fs-sm)}.lb-table thead th{position:sticky;top:0;text-align:left;font-size:var(--fs-micro);text-transform:uppercase;letter-spacing:var(--tracking-wide);font-weight:var(--fw-semibold);color:var(--c-text-4);padding:var(--sp-3) var(--sp-5);background:var(--c-bg-elev);border-bottom:1px solid var(--c-line)}.lb-num{text-align:right}.lb-rank{width:34px;text-align:center;color:var(--c-text-4)}.lb-last{width:96px;text-align:right}.lb-table tbody td{padding:var(--sp-3) var(--sp-5);border-bottom:1px solid var(--c-line-soft);vertical-align:middle}.lb-table tbody tr{transition:background var(--t-fast) var(--ease)}.lb-table tbody tr:hover{background:#ffffff05}.lb-table tbody tr.is-active{background:#3fb37f0b}.lb-table tbody tr:last-child td{border-bottom:none}.lb-agent{display:flex;align-items:center;gap:var(--sp-4);color:var(--c-ok)}.lb-meter{flex:1 1 auto;min-width:0}.lb-meter-top{display:flex;align-items:center;gap:var(--sp-3);margin-bottom:4px}.lb-name{font-weight:var(--fw-semibold);color:var(--c-text);font-size:var(--fs-base)}.lb-bar{height:3px;background:var(--c-line);border-radius:var(--r-full);overflow:hidden}.lb-bar-fill{display:block;height:100%;border-radius:var(--r-full);transition:width var(--t-slow) var(--ease)}.lb-bar-fill.tokens{background:linear-gradient(90deg,var(--c-accent-dim),var(--c-accent))}.lb-bar-fill.dispatches{background:linear-gradient(90deg,var(--c-ok-dim),var(--c-ok))}.lb-num.is-sortcol{color:var(--c-text);font-weight:var(--fw-semibold)}.lb-num{color:var(--c-text-2)}.lb-empty{text-align:center;color:var(--c-text-3);padding:var(--sp-9) 0!important}.lb-skel{display:flex;flex-direction:column;gap:var(--sp-4);padding:var(--sp-5)}.lb-skel-row{height:34px}.tok-layout{display:grid;grid-template-columns:1fr 1fr;grid-template-areas:"total models" "chart chart";gap:var(--sp-6) var(--sp-7)}.tok-total{grid-area:total}.tok-models{grid-area:models}.tok-chart{grid-area:chart}.tok-total .caps,.tok-models .caps{display:block;margin-bottom:var(--sp-3)}.tok-grand{font-size:var(--fs-2xl);font-weight:var(--fw-bold);letter-spacing:-.02em;line-height:1;color:var(--c-text);margin-bottom:var(--sp-4)}.tok-split-bar{display:flex;height:8px;border-radius:var(--r-full);overflow:hidden;background:var(--c-line);margin-bottom:var(--sp-4)}.tok-split-seg{height:100%;transition:width var(--t-slow) var(--ease)}.tok-split-seg+.tok-split-seg{box-shadow:inset 1px 0 #0a0c1099}.tok-legend{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-2) var(--sp-5)}.tok-legend li{display:flex;align-items:center;gap:var(--sp-3);font-size:var(--fs-xs)}.tok-leg-dot{width:8px;height:8px;border-radius:2px;flex:none}.tok-leg-label{color:var(--c-text-3)}.tok-leg-val{margin-left:auto;color:var(--c-text);font-weight:var(--fw-semibold)}.tok-cache{margin-top:var(--sp-3);padding-top:var(--sp-3);border-top:1px solid var(--c-line-soft);font-size:var(--fs-micro);letter-spacing:.02em}.tok-cache .num{color:var(--c-text-3)}.tok-model-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--sp-4)}.tok-model-empty{font-size:var(--fs-xs)}.tok-model-top{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:4px}.tok-model-name{font-size:var(--fs-xs);color:var(--c-text-2)}.tok-model-val{font-size:var(--fs-xs);font-weight:var(--fw-semibold);color:var(--c-text)}.tok-model-bar{height:4px;background:var(--c-line);border-radius:var(--r-full);overflow:hidden}.tok-model-bar span{display:block;height:100%;border-radius:var(--r-full);background:linear-gradient(90deg,#9d7bf080,#9d7bf0);transition:width var(--t-slow) var(--ease)}.tok-chart{border-top:1px solid var(--c-line-soft);padding-top:var(--sp-5)}.tok-chart-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:var(--sp-2)}.tok-chart-body{height:150px}.tok-chart-empty{height:100%;display:grid;place-items:center;font-size:var(--fs-sm);border:1px dashed var(--c-line);border-radius:var(--r-3)}@media (max-width: 560px){.tok-layout{grid-template-columns:1fr;grid-template-areas:"total" "models" "chart"}}.tone-bg-ok{background:linear-gradient(90deg,var(--c-ok-dim),var(--c-ok))}.tone-bg-warn{background:linear-gradient(90deg,var(--c-warn-dim),var(--c-warn))}.tone-bg-crit{background:linear-gradient(90deg,var(--c-crit-dim),var(--c-crit))}.fl-actions{display:flex;align-items:center;gap:var(--sp-4);flex-wrap:wrap}.fl-summary{font-size:var(--fs-sm);color:var(--c-text-3)}.fl-summary b{color:var(--c-text)}.fl-bad{color:var(--c-crit)}.fl-sort{display:inline-flex;align-items:center;gap:4px;background:var(--c-panel-2);border:1px solid var(--c-line-strong);border-radius:var(--r-2);padding:3px 9px;cursor:pointer;color:var(--c-text-3);font-size:var(--fs-xs);font-weight:var(--fw-semibold);text-transform:capitalize}.fl-sort:hover{color:var(--c-text)}.fl-servers{display:flex;flex-direction:column}.fl-server{border-bottom:1px solid var(--c-line);border-left:3px solid var(--accent, transparent)}.fl-server:last-child{border-bottom:none}.fl-server--down{background:#e5575f0d}.fl-server--stale{background:#e0a23c09}.fl-shead{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-4) var(--sp-5);background:var(--c-bg-elev);background:color-mix(in srgb,var(--accent) 8%,var(--c-bg-elev));border-bottom:1px solid var(--c-line);cursor:pointer;flex-wrap:wrap}.fl-shead:hover{background:var(--c-panel-2);background:color-mix(in srgb,var(--accent) 13%,var(--c-panel-2))}.fl-chev{display:inline-flex;border:none;background:none;padding:0;color:var(--c-text-4);cursor:pointer}.fl-sdot{width:9px;height:9px;border-radius:50%;flex:none}.fl-sdot--up{background:var(--c-ok);box-shadow:0 0 7px var(--c-ok-glow)}.fl-sdot--stale{background:var(--c-warn);box-shadow:0 0 7px #e0a23c80}.fl-sdot--down{background:var(--c-crit);box-shadow:0 0 7px #e5575f8c}.fl-shost{font-weight:var(--fw-bold);color:var(--accent, var(--c-text));font-size:var(--fs-md);letter-spacing:.01em}.fl-sid{color:var(--c-text-2);font-size:var(--fs-xs)}.fl-sip{color:var(--c-text-4);font-size:var(--fs-xs)}.fl-srole{text-transform:none;font-size:var(--fs-micro)}.fl-vitals{display:flex;align-items:center;gap:var(--sp-5);margin-left:var(--sp-5)}.fl-vital{display:flex;align-items:center;gap:var(--sp-3)}.fl-vlabel{display:inline-flex;align-items:center;gap:4px;font-size:var(--fs-micro);color:var(--c-text-4);letter-spacing:var(--tracking-wide)}.fl-vval{font-size:var(--fs-sm);font-weight:var(--fw-semibold);min-width:34px;text-align:right}.fl-vbar{width:54px;height:4px;background:var(--c-line);border-radius:var(--r-full);overflow:hidden}.fl-vfill{display:block;height:100%;border-radius:var(--r-full);transition:width var(--t-slow) var(--ease)}.fl-load{font-size:var(--fs-xs);color:var(--c-text-4)}.fl-load b{color:var(--c-text-2);font-weight:var(--fw-semibold)}.fl-sright{margin-left:auto;display:flex;align-items:center;gap:var(--sp-4);font-size:var(--fs-xs)}.fl-ping{color:var(--c-text-2)}.fl-specs{color:var(--c-text-4)}.fl-fresh{color:var(--c-text-4);font-size:var(--fs-micro)}.fl-fresh--live{color:var(--c-ok)}.fl-fresh--warn{color:var(--c-warn)}.fl-fresh--stale{color:var(--c-crit);font-weight:var(--fw-semibold)}.fl-endpoints{display:flex;align-items:center;gap:var(--sp-4);flex-wrap:wrap;padding:var(--sp-3) var(--sp-5) var(--sp-3) var(--sp-8);background:var(--c-panel);border-bottom:1px solid var(--c-line-soft)}.fl-ep-label{font-size:var(--fs-micro);color:var(--c-text-4);letter-spacing:var(--tracking-caps)}.fl-ep{display:inline-flex;align-items:center;gap:6px;padding:2px 8px;border-radius:var(--r-2);border:1px solid var(--c-line);background:var(--c-panel-2)}.fl-ep--down{border-color:var(--c-crit-dim);background:#e5575f14}.fl-ep-name{font-size:var(--fs-xs);color:var(--c-text-2);font-weight:var(--fw-semibold)}.fl-ep-rtt{font-size:var(--fs-micro);color:var(--c-text-4)}.fl-ep--down .fl-ep-rtt{color:var(--c-crit)}.fl-beat{display:inline-flex;gap:1px;align-items:flex-end;height:12px}.fl-bar{width:2px;height:100%;border-radius:1px;background:var(--c-line)}.fl-bar--up{background:var(--c-ok);opacity:.85}.fl-bar--down{background:var(--c-crit)}.fl-charts{padding:var(--sp-3) var(--sp-5) var(--sp-4) var(--sp-8);background:var(--c-panel);border-bottom:1px solid var(--c-line-soft)}.fl-charts--empty{padding:var(--sp-4) var(--sp-8);font-size:var(--fs-micro)}.fl-chart-legend{display:flex;gap:var(--sp-5);margin-bottom:4px;font-size:var(--fs-micro);color:var(--c-text-4);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.fl-cl{display:inline-flex;align-items:center;gap:5px}.fl-cl i{width:8px;height:2px;border-radius:1px}.fl-cl b{color:var(--c-text-2);font-weight:var(--fw-semibold)}.fl-chart-body{height:92px}.fl-stack-head{display:flex;align-items:baseline;gap:var(--sp-3);padding:var(--sp-2) var(--sp-5) var(--sp-2) var(--sp-8);background:var(--c-panel-2);border-bottom:1px solid var(--c-line-soft)}.fl-stack-name{font-size:var(--fs-micro);color:var(--c-text-3);letter-spacing:var(--tracking-caps);font-weight:var(--fw-semibold)}.fl-stack-count{font-size:var(--fs-micro)}.fl-row{display:grid;grid-template-columns:12px minmax(150px,240px) 54px 138px 1fr 58px;align-items:center;gap:var(--sp-4);padding:var(--sp-3) var(--sp-5) var(--sp-3) var(--sp-8);border-bottom:1px solid var(--c-line-soft);transition:background var(--t-fast) var(--ease)}.fl-row:hover{background:#ffffff05}.fl-row.is-down{opacity:.55}.fl-row.is-stale{border-left:2px solid var(--c-warn)}.fl-cdot{width:7px;height:7px;border-radius:50%}.fl-cdot--ok{background:var(--c-ok);box-shadow:0 0 5px var(--c-ok-glow)}.fl-cdot--warn{background:var(--c-warn)}.fl-cdot--crit{background:var(--c-crit)}.fl-cdot--idle{background:var(--c-idle)}.fl-cname{display:flex;flex-direction:column;gap:1px;min-width:0}.fl-cshort{display:flex;align-items:center;gap:var(--sp-3);font-size:var(--fs-base);font-weight:var(--fw-semibold);color:var(--c-text);white-space:nowrap}.fl-cimg{font-size:var(--fs-xs);color:var(--c-text-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:230px}.fl-self{font-size:9px;text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--c-accent);background:#4f9cf91f;border:1px solid var(--c-accent-dim);border-radius:var(--r-1);padding:0 4px;font-weight:var(--fw-semibold)}.fl-h{width:6px;height:6px;border-radius:50%}.fl-h--ok{background:var(--c-ok)}.fl-h--bad{background:var(--c-crit);box-shadow:0 0 5px #e5575f99}.fl-ccpu{text-align:right;color:var(--c-text-2);font-size:var(--fs-sm)}.fl-cmem{display:flex;flex-direction:column;gap:4px}.fl-cmem-val{color:var(--c-text-2);font-size:var(--fs-sm)}.fl-cmem-bar{height:3px;background:var(--c-line);border-radius:var(--r-full);overflow:hidden}.fl-cmem-fill{display:block;height:100%;border-radius:var(--r-full);transition:width var(--t-slow) var(--ease)}.fl-cports{display:flex;flex-wrap:wrap;gap:4px}.fl-port{font-family:var(--font-mono);font-size:9.5px;color:var(--c-text-3);background:var(--c-panel-2);border:1px solid var(--c-line);border-radius:var(--r-1);padding:1px 5px;white-space:nowrap}.fl-port.is-pub{color:var(--c-accent);border-color:var(--c-accent-dim);background:#4f9cf914}.fl-port--more{color:var(--c-text-4)}.fl-cup{text-align:right;font-size:var(--fs-xs)}.fl-hidden{padding:var(--sp-2) var(--sp-5) var(--sp-2) var(--sp-8);font-size:var(--fs-micro)}.fl-srv-msg{padding:var(--sp-5) var(--sp-8);font-size:var(--fs-sm);color:var(--c-text-3)}.fl-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-3);padding:var(--sp-9);text-align:center}.fl-skel{display:flex;flex-direction:column;gap:var(--sp-4);padding:var(--sp-5)}.fl-skel-row{height:64px}@media (max-width: 1100px){.fl-vitals{margin-left:0;width:100%;order:3}.fl-sright{font-size:var(--fs-micro)}}@media (max-width: 760px){.fl-row{grid-template-columns:12px 1fr 52px 64px}.fl-cmem,.fl-cports,.fl-cimg{display:none}}.feed{list-style:none;margin:0;padding:var(--sp-2) 0;max-height:420px;overflow-y:auto}.feed-item{display:grid;grid-template-columns:22px 1fr;gap:var(--sp-3);padding:var(--sp-4) var(--sp-5);position:relative;animation:feed-in var(--t-slow) var(--ease)}@keyframes feed-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.feed-item:after{content:"";position:absolute;left:calc(var(--sp-5) + 10px);top:24px;bottom:-4px;width:1px;background:var(--c-line-soft)}.feed-item:last-child:after{display:none}.feed-rail{display:flex;justify-content:center;padding-top:5px;z-index:1}.feed-rail .status-dot{width:8px;height:8px;box-shadow:0 0 0 3px var(--c-bg-elev)}.feed-body{min-width:0}.feed-line{display:flex;align-items:baseline;justify-content:space-between;gap:var(--sp-4)}.feed-agent{font-weight:var(--fw-semibold);font-size:var(--fs-base);color:var(--c-text)}.feed-time{font-size:var(--fs-xs);color:var(--c-text-4);flex:none}.feed-desc{margin:2px 0 4px;font-size:var(--fs-sm);color:var(--c-text-2);line-height:var(--lh-snug);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.feed-session{font-size:var(--fs-micro);color:var(--c-text-4);letter-spacing:.02em}.feed-skel{display:flex;flex-direction:column;gap:var(--sp-4);padding:var(--sp-5)}.feed-skel-row{height:40px}.feed-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-3);padding:var(--sp-10) var(--sp-5);text-align:center}.feed-empty .dim{font-size:var(--fs-base);font-weight:var(--fw-medium)}.feed-empty .dim2{font-size:var(--fs-xs)}.app{min-height:100%;display:flex;flex-direction:column}.banner{padding:var(--sp-3) var(--sp-7);font-size:var(--fs-sm);font-weight:var(--fw-medium);border-bottom:1px solid transparent}.banner--offline{background:#e5575f1a;color:#f0989c;border-color:#e5575f40}.grid{flex:1 1 auto;width:100%;max-width:var(--maxw);margin:0 auto;padding:var(--gap);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:min-content;gap:var(--gap);align-items:start}.grid>.panel{min-width:0}.topo-panel{grid-column:span 2;grid-row:span 1}.feed-panel{grid-column:span 2}.fleet-panel{grid-column:1 / -1}@media (max-width: 1280px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.topo-panel,.feed-panel{grid-column:1 / -1}}@media (max-width: 860px){.grid{grid-template-columns:1fr;padding:var(--sp-5);gap:var(--sp-5)}.topo-panel,.feed-panel{grid-column:1 / -1}}.app-foot{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-5);padding:var(--sp-4) var(--sp-7);border-top:1px solid var(--c-line);font-size:var(--fs-xs);color:var(--c-text-4);max-width:var(--maxw);width:100%;margin:0 auto}.app-foot .mono{color:var(--c-text-4)}:root{--sp-0: 0;--sp-1: 2px;--sp-2: 4px;--sp-3: 8px;--sp-4: 12px;--sp-5: 16px;--sp-6: 20px;--sp-7: 24px;--sp-8: 32px;--sp-9: 40px;--sp-10: 56px;--r-1: 4px;--r-2: 6px;--r-3: 8px;--r-4: 12px;--r-full: 999px;--font-sans: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono: ui-monospace, "SF Mono", "JetBrains Mono", "Roboto Mono", "Menlo", "Consolas", monospace;--fs-micro: 10.5px;--fs-xs: 11.5px;--fs-sm: 12.5px;--fs-base: 13.5px;--fs-md: 15px;--fs-lg: 18px;--fs-xl: 22px;--fs-2xl: 28px;--fs-metric: 30px;--lh-tight: 1.1;--lh-snug: 1.3;--lh-normal: 1.5;--fw-regular: 400;--fw-medium: 500;--fw-semibold: 600;--fw-bold: 680;--tracking-wide: .06em;--tracking-caps: .08em;--c-bg: #0a0c10;--c-bg-elev: #0e1117;--c-panel: #12161f;--c-panel-2: #161b26;--c-panel-hi: #1b2230;--c-border: #20283500;--c-line: #1e2530;--c-line-soft: #181e28;--c-line-strong: #2a3340;--c-text: #e7ecf3;--c-text-2: #aab4c4;--c-text-3: #6b7686;--c-text-4: #4a5362;--c-accent: #4f9cf9;--c-accent-dim: #2c5a96;--c-accent-glow: rgba(79, 156, 249, .45);--c-ok: #3fb37f;--c-ok-dim: #1f5a40;--c-ok-glow: rgba(63, 179, 127, .5);--c-warn: #e0a23c;--c-warn-dim: #6b4f1c;--c-crit: #e5575f;--c-crit-dim: #6e2a2e;--c-idle: #5a6577;--c-cpu: #5aa9ff;--c-mem: #9d7bf0;--c-disk: #45c3b8;--c-net-rx: #5aa9ff;--c-net-tx: #e0a23c;--c-io-r: #45c3b8;--c-io-w: #e07ab0;--shadow-1: 0 1px 2px rgba(0, 0, 0, .4);--shadow-2: 0 4px 16px -4px rgba(0, 0, 0, .55);--shadow-pop: 0 8px 32px -8px rgba(0, 0, 0, .7);--ring: 0 0 0 1px var(--c-line);--ring-focus: 0 0 0 2px var(--c-accent);--t-fast: .12s;--t-base: .18s;--t-slow: .24s;--ease: cubic-bezier(.22, .61, .36, 1);--header-h: 52px;--gap: var(--sp-5);--maxw: 1680px}@media (prefers-reduced-motion: reduce){:root{--t-fast: 1ms;--t-base: 1ms;--t-slow: 1ms}}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--c-bg);color:var(--c-text);font-family:var(--font-sans);font-size:var(--fs-base);line-height:var(--lh-normal);font-feature-settings:"cv05" 1,"cv09" 1,"ss03" 1;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;background-image:radial-gradient(1200px 600px at 78% -10%,rgba(79,156,249,.05),transparent 60%),radial-gradient(900px 500px at 0% 100%,rgba(63,179,127,.04),transparent 55%);background-attachment:fixed}::selection{background:var(--c-accent-dim);color:#fff}a{color:var(--c-accent);text-decoration:none}button{font-family:inherit;color:inherit}:focus-visible{outline:none;box-shadow:var(--ring-focus);border-radius:var(--r-2)}.num{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}*{scrollbar-width:thin;scrollbar-color:var(--c-line-strong) transparent}*::-webkit-scrollbar{width:9px;height:9px}*::-webkit-scrollbar-thumb{background:var(--c-line-strong);border-radius:var(--r-full);border:2px solid transparent;background-clip:padding-box}*::-webkit-scrollbar-thumb:hover{background:#38445a;background-clip:padding-box;border:2px solid transparent}.caps{text-transform:uppercase;letter-spacing:var(--tracking-caps);font-size:var(--fs-micro);font-weight:var(--fw-semibold);color:var(--c-text-3)}.panel{background:linear-gradient(180deg,var(--c-panel) 0%,var(--c-bg-elev) 100%);border:1px solid var(--c-line);border-radius:var(--r-4);box-shadow:var(--shadow-1)}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);padding:var(--sp-4) var(--sp-5);border-bottom:1px solid var(--c-line-soft);min-height:44px}.panel-head h2{margin:0;font-size:var(--fs-sm);font-weight:var(--fw-semibold);letter-spacing:.01em;color:var(--c-text);display:flex;align-items:center;gap:var(--sp-3)}.panel-head .lucide{color:var(--c-text-3)}.panel-body{padding:var(--sp-5)}.dim{color:var(--c-text-3)}.dim2{color:var(--c-text-4)}.kbd{font-family:var(--font-mono);font-size:var(--fs-micro);padding:1px 5px;border-radius:var(--r-1);border:1px solid var(--c-line-strong);background:var(--c-panel-2);color:var(--c-text-2)}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg,var(--c-panel-2) 0%,var(--c-panel-hi) 50%,var(--c-panel-2) 100%);background-size:200% 100%;animation:shimmer 1.4s linear infinite;border-radius:var(--r-2)}@keyframes pulse-ring{0%{transform:scale(.9);opacity:.7}70%{transform:scale(1.6);opacity:0}to{opacity:0}}@keyframes dash-flow{to{stroke-dashoffset:-1000}}.chart-tip{background:#0e1117f5;border:1px solid var(--c-line-strong);border-radius:var(--r-2);box-shadow:var(--shadow-pop);padding:var(--sp-3) var(--sp-4);min-width:132px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.chart-tip-head{font-size:var(--fs-micro);color:var(--c-text-3);letter-spacing:.04em;margin-bottom:var(--sp-3);font-family:var(--font-mono)}.chart-tip-row{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-5);font-size:var(--fs-xs);line-height:1.7}.chart-tip-key{display:inline-flex;align-items:center;gap:var(--sp-3);color:var(--c-text-2)}.chart-tip-key i{width:7px;height:7px;border-radius:2px;flex:none}.chart-tip-val{color:var(--c-text);font-weight:var(--fw-semibold)}.recharts-cartesian-grid line{stroke-dasharray:0}.recharts-surface{overflow:visible}