:root{color-scheme:dark;--bg:#282a36;--surface:#2d303d;--text:#e5e6e1;--muted:#a1a5b5;--line:#414554;--soft:#353948;--bar:#86b9d5;--good:#8acda1;--warn:#d8cf93;--bad:#e39493;--hover:#333745;font-family:Menlo,Consolas,monospace;font-size:12px;font-variant-numeric:tabular-nums;font-variant-ligatures:none;scrollbar-color:#747989 var(--bg)}
html{scrollbar-gutter:stable both-edges}
@supports not (scrollbar-gutter:stable){html{overflow-y:scroll}}
header,th,.facts dt,.detail-toolbar,.message,#empty,#connection{font-family:system-ui,-apple-system,"Segoe UI",sans-serif}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}main{padding:24px 28px;max-width:1920px;margin:auto}header{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:25px}h1{font-size:18px;letter-spacing:-.7px;margin:0;font-weight:650}button,input,select{font:inherit;color:inherit}button,a,select{touch-action:manipulation}button,select{background:var(--surface);border:1px solid var(--line);padding:7px 10px;border-radius:4px;cursor:pointer}button:hover,a:hover{background:var(--soft)}a{color:var(--muted);text-decoration:none;padding:7px 4px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--bar);outline-offset:3px}#table-scroll{container-type:inline-size;overflow-x:auto;border:1px solid var(--line);border-radius:5px;background:var(--surface);scrollbar-color:#747989 var(--soft)}table{width:100%;border-collapse:collapse;table-layout:fixed;min-width:1140px}.name-col{width:155px}.network-col{width:182px}.traffic-col{width:186px}.expiry-col{width:110px}th{font-weight:500;color:var(--muted);font-size:10px;background:var(--soft);letter-spacing:.2px}th,td{text-align:left;padding:12px 10px;border-bottom:1px solid var(--line)}tbody tr:last-child td{border-bottom:0}tr.node:hover{background:var(--hover)}tr.node.open{background:var(--hover)}.node-toggle{display:flex;gap:8px;align-items:center;border:0;background:none;padding:4px 0;max-width:100%;font-weight:600}.node-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chevron{font-size:12px;color:var(--muted);width:8px;flex-shrink:0}.dot{width:6px;height:6px;display:inline-block;border-radius:50%;background:var(--muted);flex-shrink:0}.dot.online{background:var(--good)}.dot.offline{background:var(--bad)}.meter{display:flex;align-items:center;gap:7px}.track{height:4px;background:var(--soft);width:34px;flex-shrink:0;overflow:hidden;border-radius:1px}.track i{height:100%;display:block;background:var(--bar)}.meter span{white-space:nowrap}.warning{color:var(--warn)}.danger{color:var(--bad)}.warning .track i{background:var(--warn)}.danger .track i{background:var(--bad)}.pair{white-space:nowrap}.unit{font-size:9px;opacity:.8}.dim{color:var(--muted)}.offline td:not(:first-child){opacity:.65}.detail-cell{padding:0!important}.details{padding:20px;background:var(--bg)}.facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:18px}.facts dt{color:var(--muted);font-size:10px;margin-bottom:6px}.facts dd{margin:0;overflow-wrap:anywhere;line-height:1.8}.detail-toolbar{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:14px}.detail-toolbar h2{font-size:12px;font-weight:500;margin:0}.ping-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;margin-top:12px}.ping-card{padding:12px;border:1px solid var(--line);background:var(--surface);border-radius:4px}.ping-head{display:flex;justify-content:space-between;gap:10px;margin-bottom:8px}.ping-card svg{width:100%;height:64px;display:block;color:var(--bar)}.ping-meta{display:flex;justify-content:space-between;color:var(--muted);font-size:10px;margin-top:5px}.message{color:var(--muted);padding:12px 0}.stale{color:var(--warn)!important}#empty{text-align:center;color:var(--muted);padding:36px;margin:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--soft)}::-webkit-scrollbar-thumb{background:#747989;border:2px solid var(--soft);border-radius:8px}@media(max-width:700px){main{padding:16px 12px}header{gap:14px;margin-bottom:14px}button,select{min-height:36px}th:first-child,.node>td:first-child{position:sticky;left:0;z-index:1;background:var(--surface);box-shadow:1px 0 var(--line)}th:first-child{background:var(--soft)}.name-col{width:112px}.details{position:sticky;left:0;width:100cqw;max-width:100cqw;padding:14px}.facts{grid-template-columns:1fr 1fr;gap:12px}.ping-grid{grid-template-columns:1fr}}