:root{--duplex-column:12.5ch;--duplex-gap:8px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#35f477;font-synthesis:none;text-rendering:optimizelegibility;background:#030805;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:14px;line-height:1.3}*{box-sizing:border-box}body{color:#35f477;background:#030805 repeating-linear-gradient(#ffffff05 0 1px,#0000 1px 3px);min-height:100vh;margin:0;overflow-x:clip}button{color:inherit;font:inherit}#app{min-height:calc(100vh - 30px)}.terminal{max-width:1500px;margin:0 auto;padding:28px 34px 24px}.header{color:#35f477;justify-content:space-between;gap:24px;margin-bottom:23px;display:flex}.prompt{color:#35f477;font-weight:800}.header-right{color:#178e48;white-space:nowrap;font-variant-numeric:tabular-nums;font-size:12px}.command,.detail-control{color:#35f477;justify-content:space-between;align-items:center;min-height:18px;margin:0 0 14px;font-size:14px;line-height:18px;display:flex}.command{justify-content:flex-start;gap:10px;margin-bottom:22px}.filters,.range-set,.probe-set{flex-wrap:wrap;align-items:center;display:flex}.filter,.range,.probe,.back{cursor:pointer;color:#178e48;background:0 0;border:0;padding:0}.filter+.filter:before{color:#159849;content:"·";margin:0 11px}.filter.active,.range.active,.probe.active{color:#35f477;font-weight:800}.filter:focus-visible,.range:focus-visible,.probe:focus-visible,.back:focus-visible,.node-name:focus-visible{outline-offset:3px;outline:1px solid #35f477}.table-scroll,.metric-table{width:100%;max-width:100%;overflow:clip visible}.table{min-width:0}.head,.row{grid-template-columns:minmax(190px,1.45fr) repeat(3,minmax(126px,.82fr)) minmax(240px,1.25fr) minmax(260px,1.4fr);align-items:center;gap:clamp(12px,1.6vw,24px);min-width:1135px;display:grid}.head>*,.row>*{min-width:0}.head{color:#159849;letter-spacing:.08em;border-bottom:1px solid #159849;padding:0 0 9px;font-size:12px}.row{color:#35f477;border-bottom:1px solid #0d3a20;width:100%;min-height:53px;padding:9px 0}.node{align-items:center;gap:10px;min-width:0;display:flex}.node-status{flex:none;font-size:12px}.node-flag,.detail-flag{object-fit:cover;border-radius:1px;flex:none;width:18px;height:12px;display:block}.node-status.online{color:#35f477}.node-status.offline{color:#ff7070}.node-name{color:#35f477;text-align:left;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;background:0 0;border:0;max-width:100%;padding:0;font-weight:700;overflow:hidden}.row:hover .node-name{text-underline-offset:3px;text-decoration:underline}.resource{white-space:nowrap;font-variant-numeric:tabular-nums;align-items:center;gap:10px;min-width:0;display:flex}.resource-bar{color:#35f477;letter-spacing:-.08em;white-space:pre;font-size:14px}.percent{color:#35f477;font-variant-numeric:tabular-nums}.network{grid-template-columns:repeat(2, minmax(0, var(--duplex-column)));gap:var(--duplex-gap);white-space:nowrap;font-variant-numeric:tabular-nums;justify-content:start;min-width:0;display:grid}.direction{white-space:nowrap;grid-template-columns:1ch minmax(0,1fr);align-items:center;gap:6px;min-width:0;display:grid}.direction-arrow{text-align:center}.direction-value{text-overflow:ellipsis;min-width:0;overflow:hidden}.traffic{white-space:nowrap;font-variant-numeric:tabular-nums;grid-template-rows:18px 15px;gap:2px;min-height:35px;display:grid}.traffic-current,.traffic-limit{align-items:center;min-width:0;display:flex}.traffic-current{grid-template-columns:repeat(2, minmax(0, var(--duplex-column)));gap:var(--duplex-gap);justify-content:start;display:grid}.traffic.has-no-limit{grid-template-rows:1fr}.traffic.has-no-limit .traffic-current{align-self:center}.traffic-limit{width:calc(var(--duplex-column) * 2 + var(--duplex-gap));color:#35f477;gap:6px;max-width:100%;font-size:11px;line-height:1}.traffic-limit .limit-text{text-overflow:ellipsis;min-width:0;overflow:hidden}.traffic-limit.is-empty{visibility:hidden}.limit-track{background:#0d3a20;flex:auto;width:auto;min-width:28px;height:5px;display:block}.limit-fill{background:currentColor;height:100%;display:block}.limit-text{font-variant-numeric:tabular-nums}.ok,.down,.up{color:#35f477}.muted{color:#178e48}.warn{color:#ffc44d!important}.danger{color:#ff7070!important}.table-end{border-bottom:1px solid #159849;height:14px}.empty-state,.chart-message{padding:12px 0}.back{color:#35f477;font-size:14px;line-height:18px}.detail-control{margin:0}.detail-name{color:#35f477;align-items:center;gap:8px;margin:24px 0 18px;font-size:18px;line-height:24px;display:flex}.detail-status{font-size:14px;line-height:18px}.metric-head,.metric-row{grid-template-columns:repeat(5,minmax(130px,1fr));gap:24px;min-width:760px;display:grid}.metric-head{color:#159849;letter-spacing:.08em;padding:0 0 8px;font-size:12px}.metric-row{color:#35f477;font-variant-numeric:tabular-nums;border-bottom:1px solid #0d3a20;padding:0 0 18px}.metric-network{gap:var(--duplex-gap);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.metric-direction{grid-template-columns:1ch minmax(0,1fr);gap:5px;min-width:0;display:grid}.latency{margin-top:18px}.latency-heading{flex-wrap:wrap;align-items:center;gap:12px 24px;margin-bottom:12px;display:flex}.latency-left{flex-wrap:wrap;align-items:center;gap:12px 24px;display:flex}.latency-heading strong{color:#35f477;font-weight:700}.range-set,.probe-set{gap:14px}.probe-set{justify-content:flex-end;margin-left:auto}.range,.probe{font-size:13px}.graph-wrap{grid-template-columns:48px minmax(0,1fr);gap:10px;display:grid}.axis-y{color:#178e48;text-align:right;font-variant-numeric:tabular-nums;flex-direction:column;justify-content:space-between;padding:0 0 20px;font-size:11px;display:flex}.graph-area{min-width:0;position:relative}.graph{touch-action:pan-y;width:100%;height:280px;display:block;overflow:visible}.graph-grid line{stroke:#0d3a20;stroke-width:1px;vector-effect:non-scaling-stroke}.latency-segment{fill:none;stroke-width:2px;vector-effect:non-scaling-stroke}.latency-segment.normal{stroke:#35f477}.latency-segment.warning{stroke:#ffc44d}.latency-segment.danger{stroke:#ff7070}.cross{stroke:#178e48;stroke-dasharray:3 3;stroke-width:1px;vector-effect:non-scaling-stroke}.point{fill:#35f477;stroke:#030805;stroke-width:1px;vector-effect:non-scaling-stroke}.axis-x{color:#178e48;font-variant-numeric:tabular-nums;justify-content:space-between;font-size:10px;display:flex}.chart-readout{z-index:1;color:#35f477;font-variant-numeric:tabular-nums;pointer-events:none;text-overflow:ellipsis;white-space:nowrap;background:#030805e8;max-width:calc(100% - 16px);padding:2px 5px;font-size:11px;position:absolute;top:8px;overflow:hidden;transform:translate(-50%)}.powered{color:#0d3a20;text-align:center;padding:0 34px 12px;font-size:10px}footer{color:#0d3a20;text-align:center;font-size:10px}@media (width<=1200px){.terminal{padding-left:clamp(20px,3vw,34px);padding-right:clamp(20px,3vw,34px)}.head,.row{grid-template-columns:minmax(180px,1.35fr) repeat(3,minmax(120px,.8fr)) minmax(225px,1.2fr) minmax(245px,1.3fr);gap:16px;min-width:1085px}.resource{gap:8px}.resource-bar{font-size:13px}}@media (width<=1240px){.terminal{padding:20px clamp(14px,4vw,28px)}.header{flex-wrap:wrap;gap:12px;margin-bottom:20px}.header-right{flex-basis:100%;order:2;max-width:none}.table-scroll,.metric-table{overflow-x:clip}.head{display:none}.row{grid-template-columns:repeat(6,minmax(0,1fr));grid-template-areas:"node node node node node node""cpu cpu mem mem disk disk""network network network traffic traffic traffic";gap:10px 12px;width:100%;min-width:0;padding:12px 0}.node{grid-area:node}.resource-cpu{grid-area:cpu}.resource-mem{grid-area:mem}.resource-disk{grid-area:disk}.resource,.network,.traffic{min-width:0}.resource{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:2px 4px;display:grid}.resource:before,.network:before,.traffic:before,.metric:before{color:#178e48;content:attr(data-mobile-label);letter-spacing:.06em;font-size:10px;line-height:13px;display:block}.resource:before,.network:before,.traffic:before{grid-column:1/-1}.resource-bar{letter-spacing:-.16em;text-overflow:clip;min-width:0;font-size:11px;overflow:hidden}.percent{font-size:12px}.network{gap:var(--duplex-gap);grid-area:network;grid-template-columns:repeat(2,minmax(0,1fr))}.traffic{grid-area:traffic;grid-template-rows:13px 18px 15px;gap:3px;min-height:49px}.traffic.has-no-limit{grid-template-rows:13px 18px 15px}.traffic-current{gap:var(--duplex-gap);grid-template-columns:repeat(2,minmax(0,1fr))}.traffic-limit{width:100%}.detail-control{flex-wrap:wrap;gap:6px 18px}.detail-status{margin-left:auto}.detail-name{margin-top:28px}.metric-head{display:none}.metric-row{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-areas:"cpu mem disk""network network traffic";gap:12px 18px;width:100%;min-width:0;padding-bottom:16px}.metric{overflow-wrap:anywhere;min-width:0}.metric-cpu{grid-area:cpu}.metric-mem{grid-area:mem}.metric-disk{grid-area:disk}.metric-network{gap:var(--duplex-gap);grid-area:network;grid-template-columns:repeat(2,minmax(0,1fr))}.metric-network:before{grid-column:1/-1}.metric-traffic{grid-area:traffic}.latency-heading{align-items:flex-start}.probe-set{flex-basis:100%;margin-left:0}.graph{height:240px}.powered{padding-left:18px;padding-right:18px}}@media (width<=700px){.row{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-areas:"node node node""cpu mem disk""network network network""traffic traffic traffic"}.metric-row{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"cpu mem""disk disk""network network""traffic traffic"}}@media (width<=420px){.row{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"node node""cpu mem""disk disk""network network""traffic traffic"}.resource-bar{letter-spacing:-.12em;font-size:12px}.metric-row{grid-template-columns:1fr;grid-template-areas:"cpu""mem""disk""network""traffic"}.metric-cpu,.metric-mem,.metric-disk,.metric-network,.metric-traffic{width:100%}}