:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#edf1f7;font-synthesis:none;background:#0b0e13;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:#0b0e13;min-width:320px;min-height:100vh;margin:0}button{font:inherit}.shell{width:min(1120px,100% - 48px);margin:0 auto;padding:64px 0 80px}.topbar{justify-content:space-between;align-items:flex-start;gap:32px;margin-bottom:38px;display:flex}.eyebrow{color:#677386;letter-spacing:.16em;margin:0 0 10px;font-size:11px;font-weight:700}h1{letter-spacing:-.045em;margin:0;font-size:clamp(32px,5vw,48px);line-height:1}.summary{color:#929dac;margin:16px 0 0;font-size:16px}.summary strong{color:#50d890;font-weight:650}.summary span{color:#4c5665;margin:0 4px}.refresh{color:#7d899a;text-transform:uppercase;letter-spacing:.09em;align-items:center;gap:8px;margin-top:8px;font-size:12px;display:flex}.refresh-dot{background:#50d890;border-radius:50%;width:7px;height:7px}.refresh.active .refresh-dot{background:#e9b65b}.clients{background:#10141b;border:1px solid #222934;border-radius:14px;overflow:hidden}.table-header,.client-row{grid-template-columns:minmax(260px,1.3fr) minmax(210px,.8fr) minmax(260px,1fr);align-items:center;column-gap:28px;display:grid}.table-header{color:#657083;letter-spacing:.09em;text-transform:uppercase;border-bottom:1px solid #222934;padding:13px 22px;font-size:11px;font-weight:650}.client-row{min-height:88px;padding:18px 22px}.client-row+.client-row{border-top:1px solid #1d232d}.identity{align-items:center;gap:14px;min-width:0;display:flex}.status-dot{border:2px solid #5a6473;border-radius:50%;flex:none;width:9px;height:9px}.status-dot.online{background:#50d890;border:0;box-shadow:0 0 0 4px #50d89017}.identity-text,.connection{flex-direction:column;gap:7px;min-width:0;display:flex}.identity strong{text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:620;overflow:hidden}.secondary{color:#7d8998;font-size:12px}.mono{font-family:SFMono-Regular,Consolas,Liberation Mono,monospace}.traffic{color:#c5ccd6;font-variant-numeric:tabular-nums;gap:24px;font-size:13px;display:flex}.traffic b{margin-right:3px;font-size:14px}.download b{color:#65a9ff}.upload b{color:#bd8cff}.connection{color:#c5ccd6;font-variant-numeric:tabular-nums;font-size:13px}.endpoint{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.error-banner{color:#efb4b5;background:#251719;border:1px solid #5b3738;border-radius:10px;justify-content:space-between;align-items:center;gap:20px;margin-bottom:16px;padding:13px 16px;font-size:13px;display:flex}.error-banner button{color:#10141b;cursor:pointer;background:#edf1f7;border:0;border-radius:7px;padding:7px 12px;font-size:12px;font-weight:650}.skeleton-list{padding:4px 22px}.skeleton{background:linear-gradient(90deg,#0000,#ffffff06,#0000);border-bottom:1px solid #1d232d;height:80px}.skeleton:last-child{border-bottom:0}.empty{color:#7d8998;text-align:center;margin:0;padding:48px 22px}@media (width<=760px){.shell{width:min(100% - 28px,620px);padding:36px 0 48px}.topbar{margin-bottom:28px}.table-header{display:none}.clients{background:0 0;border:0;overflow:visible}.client-list{gap:10px;display:grid}.client-row{background:#10141b;border:1px solid #222934;border-radius:12px;grid-template-columns:1fr auto;gap:22px 16px;min-height:0;padding:19px}.client-row+.client-row{border-top:1px solid #222934}.traffic{grid-area:2/1}.connection{text-align:right;grid-area:1/2/span 2;align-items:flex-end}.endpoint{max-width:220px}.skeleton-list{gap:10px;padding:0;display:grid}.skeleton{background-color:#10141b;border:1px solid #222934;border-radius:12px;height:124px}}@media (width<=520px){.shell{width:calc(100% - 24px);padding-top:28px}.refresh{margin-top:5px}.client-row{grid-template-columns:1fr;gap:18px}.traffic{grid-area:2/1}.connection{text-align:left;grid-area:3/1;align-items:flex-start}.endpoint{max-width:100%}}