@import url('/static/fonts.css');
:root{color-scheme:dark;--bg:#080808;--panel:#101010;--line:#252525;--muted:#959595;--text:#ededed;--accent:#fff}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:13px/1.6 Inter,ui-sans-serif,system-ui,sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,.button{cursor:pointer;border:1px solid #343434;background:#191919;color:var(--text);padding:9px 13px;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap}button:hover,.button:hover{background:#272727;border-color:#646464}button:disabled{opacity:.28;cursor:default}button.primary{background:#eee;color:#111;border-color:#eee;font-weight:600}button.primary:hover{background:#fff}.quiet{background:transparent}input,select{background:#111;border:1px solid #333;border-radius:6px;color:#ddd;width:100%;padding:9px 11px;min-width:0}input:focus,select:focus,button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid #aaa;outline-offset:3px}label{display:block;font-size:11px;color:#a6a6a6}label input,label select{margin-top:6px}.hidden{display:none!important}h1,h2,h3,p{margin:0}h1{font-size:36px;line-height:1.2;letter-spacing:-1.6px;font-weight:550}h2{font-size:16px;letter-spacing:-.3px;font-weight:550}p{color:var(--muted)}.eyebrow{font-size:9px;font-weight:600;letter-spacing:1.7px;color:#8c8c8c}.brand{display:flex;align-items:center;gap:11px;font-size:18px;font-weight:650;letter-spacing:-.6px}.logo{height:32px;width:32px;background:#eee;color:#111;display:grid;place-content:center;border-radius:7px;font-size:19px;letter-spacing:-2px}.login{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:32px;background:radial-gradient(ellipse at 50% 30%,#1b1b1b,transparent 60%)}.login-card{max-width:470px;width:calc(100% - 32px);padding:40px;background:#101010;border:1px solid #303030;border-radius:14px}.login-card h1{margin:16px 0;font-size:31px}.login-card label{margin-top:20px}.login-card button{width:100%;margin-top:27px;justify-content:space-between}.login small{color:#777;font-size:11px}#loginError{color:#fff;margin-top:14px}aside{position:fixed;inset:0 auto 0 0;width:232px;padding:28px 18px;background:#0d0d0d;border-right:1px solid #242424;display:flex;flex-direction:column}aside>.brand{padding-left:10px}.workspace-label{font-size:8px;letter-spacing:1px;color:#969696;margin:27px 10px 35px}.live-dot{display:inline-block;width:5px;height:5px;background:#eee;border-radius:50%;margin-right:6px;vertical-align:middle}.nav{display:flex;align-items:center;gap:12px;border:1px solid transparent;border-radius:7px;color:#929292;margin:5px 0;padding:11px 13px;font-size:12px}.nav span{font-size:17px;width:18px;text-align:center}.nav:hover{color:#eee;background:#171717}.nav.active{background:#202020;color:#fff;border-color:#343434}.nav.active:after{content:'';width:4px;height:4px;background:#ccc;border-radius:50%;margin-left:auto}nav>.eyebrow{display:block;padding:0 13px 10px}.side-bottom{margin-top:auto;padding:20px 10px 0}.account-owner{display:flex;align-items:center;gap:10px;font-size:12px}.account-owner small{display:block;color:#777;font-size:9px}.side-bottom>button{margin-top:20px;width:100%;font-size:11px}.side-bottom p{font-size:10px;margin-top:24px;color:#606060}main{margin-left:232px;padding:0 40px 24px;max-width:1900px}.topbar{display:flex;justify-content:space-between;padding:22px 0;border-bottom:1px solid var(--line);font-size:9px;letter-spacing:1.2px;color:#999}.slash{padding:0 12px;color:#484848}header{display:flex;align-items:center;justify-content:space-between;margin:36px 0 29px;gap:20px}header h1{margin:10px 0}header p{font-size:12px}.connection-pill{border:1px solid #363636;border-radius:20px;font-size:10px;padding:6px 11px;color:#c2c2c2;white-space:nowrap}.metrics{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:10px;background:var(--panel);margin-bottom:34px}.metrics>div{padding:21px 24px;border-right:1px solid var(--line);min-width:0}.metrics>div:last-child{border:0}.metrics span{display:block;font-size:9px;color:#969696;letter-spacing:.8px}.metrics strong{display:block;font-size:29px;font-weight:500;letter-spacing:-1px;line-height:1.3;margin:10px 0 6px}.metrics strong small{font-size:17px;display:inline;color:#626262}.metrics small{font-size:10px;color:#727272;display:block}.section-title{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:16px}.section-title h2{margin-top:3px}.section-title>span,.section-title p{font-size:10px;color:#7f7f7f}.section-title p{margin-top:5px}.account-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:32px}.account{background:#101010;border:1px solid var(--line);border-radius:9px;padding:18px;min-width:0}.account-top{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:20px}.identity{display:flex;gap:9px;align-items:center;font-size:12px;font-weight:550}.avatar{height:30px;width:30px;display:grid;place-content:center;border:1px solid #424242;background:#232323;border-radius:6px;font-size:11px}.badge{font-size:9px;text-transform:capitalize;color:#aaa;border:1px solid #3c3c3c;padding:3px 7px;border-radius:4px}.badge.online{color:#eee;background:#252525}.account label{margin-bottom:12px}.account-controls{display:flex;gap:6px;flex-wrap:wrap}.account-controls button{font-size:10px;padding:7px 9px}.proxy-info{padding-top:14px;margin-top:17px;border-top:1px solid var(--line);font-size:8px;letter-spacing:.3px;color:#888;display:flex;justify-content:space-between;gap:8px}.proxy-info code{color:#d0d0d0;font-size:10px;letter-spacing:0}.auth-box{padding:12px;margin-top:12px;background:#222;border:1px solid #444;border-radius:6px;font-size:11px}.auth-box a{text-decoration:underline}.auth-box code{display:block;font-size:19px;margin:7px 0}.auth-box small{display:block}.account-error{font-size:10px;overflow-wrap:anywhere;color:#ddd;margin-top:8px}.version-info{font-size:9px;margin-top:10px;color:#686868}.data-panel{border:1px solid var(--line);border-radius:10px;background:var(--panel);overflow:hidden}.panel-heading{padding:23px 23px 0}.actions{display:flex;gap:7px;font-size:10px}.filters{display:flex;flex-wrap:wrap;gap:12px;padding:4px 23px 19px}.filters>label{flex:1;min-width:140px}.filters>.search{flex:1.5}.sortbar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;border-top:1px solid var(--line);padding:12px 23px}.sort-controls{display:flex;gap:16px;flex-wrap:wrap}.sort-controls label{display:flex;align-items:center;gap:9px;font-size:10px;white-space:nowrap}.sort-controls select{width:auto;max-width:210px;margin:0;padding:6px 9px;font-size:10px;background:#171717}#updateState{font-size:9px;color:#888}.table-wrap{overflow:auto;min-height:200px;max-height:70vh;border-top:1px solid var(--line)}table{border-collapse:collapse;width:100%;font-size:11px}thead{position:sticky;top:0;z-index:1}th{text-align:left;font-size:8px;letter-spacing:.7px;color:#929292;font-weight:550;background:#151515;white-space:nowrap;padding:13px 17px}th button{background:none;border:0;padding:0;color:inherit;font:inherit;letter-spacing:inherit}th button:hover{background:none;color:#fff}td{border-top:1px solid #202020;padding:14px 17px;vertical-align:top}tbody tr:hover{background:#161616}td.time{font-size:10px;white-space:nowrap;color:#aaa;font-variant-numeric:tabular-nums}td.message{min-width:210px;max-width:480px;overflow-wrap:anywhere}td small{display:block;font-size:9px;color:#777;margin-top:3px;max-width:250px;overflow-wrap:anywhere}.event-tag{display:inline-block;background:#202020;border:1px solid #333;font-size:9px;color:#bbb;padding:2px 6px;border-radius:4px;white-space:nowrap}.player-link{font-size:11px;font-weight:550;color:#ededed}.player-link:hover{text-decoration:underline;text-underline-offset:4px}.muted{color:#777}.empty{padding:65px 20px;text-align:center;color:#777}.empty strong{display:block;color:#ddd;font-size:17px;margin-bottom:8px}.pagination{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap;border-top:1px solid var(--line);padding:15px 20px;font-size:10px;color:#929292}.pagination>div{display:flex;align-items:center;gap:15px;flex-wrap:wrap}.pagination label{display:flex;align-items:center;gap:7px;font-size:10px}.pagination select,.pagination input{width:62px;margin:0;padding:6px;font-size:10px}.pagination button{padding:5px 9px;font-size:12px}.pagination .page-controls{gap:8px}.scope{font-size:10px;color:#6b6b6b;margin-top:18px;max-width:1000px}.bottomline{display:flex;justify-content:space-between;font-size:8px;color:#494949;letter-spacing:1.8px;padding-top:34px}.coverage{border-top:1px solid var(--line);font-size:11px;color:#a0a0a0}.coverage>summary{padding:12px 23px;cursor:pointer}.coverage #trackerSummary{padding:0 23px 16px}.coverage p+p{margin-top:8px}.coverage strong{color:#ccc}.profile-summary{border:1px solid #303030;border-radius:10px;background:#121212;margin-bottom:26px;padding:25px}.profile-identity{display:flex;gap:16px;align-items:center;padding-bottom:23px;border-bottom:1px solid #2c2c2c}.profile-avatar{height:56px;width:56px;border:1px solid #555;background:#262626;border-radius:10px;display:grid;place-content:center;font-size:23px;font-weight:550}.profile-identity h2{font-size:23px;letter-spacing:-.8px}.profile-identity p{font-size:11px;margin-top:3px;overflow-wrap:anywhere}.profile-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;padding:23px 0}.profile-stats span{display:block;color:#888;font-size:9px;letter-spacing:.6px}.profile-stats strong{display:block;font-size:23px;font-weight:500;margin-top:7px}.profile-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding-top:18px;border-top:1px solid #292929;font-size:11px;overflow-wrap:anywhere}.profile-meta span{display:block;color:#777;font-size:9px;margin-bottom:5px}.tabs{display:flex;gap:7px;padding:0 23px 20px;flex-wrap:wrap}.tabs button{font-size:10px;background:none;color:#999;border-color:transparent}.tabs button.active{border-color:#444;background:#252525;color:#fff}pre{font:11px/1.6 ui-monospace,monospace;background:#080808;color:#c7c7c7;padding:12px;border:1px solid #292929;border-radius:5px;white-space:pre-wrap;overflow-wrap:anywhere;margin:6px 0}summary{color:#999;cursor:pointer;font-size:10px}#toast{position:fixed;bottom:22px;right:22px;z-index:5;max-width:min(450px,90vw);padding:14px 20px;border:1px solid #666;border-radius:8px;background:#222;color:#fff;box-shadow:0 10px 50px #0009;font-size:12px}
@media(min-width:1700px){main{padding-left:55px;padding-right:55px}}@media(max-width:1200px){aside{width:205px;padding:25px 12px}main{margin-left:205px;padding:0 24px 24px}.metrics>div{padding:17px}.account{padding:14px}.account-top{flex-wrap:wrap}.account-grid{gap:10px}.account-controls button{font-size:9px}.profile-meta{grid-template-columns:1fr 1fr}}@media(max-width:850px){aside{position:static;width:100%;padding:15px;border-right:0;border-bottom:1px solid #303030;display:block}aside>.brand{padding:0}.workspace-label,nav>.eyebrow,.side-bottom p,.account-owner{display:none}nav{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin-top:16px}.nav{font-size:10px;padding:8px 6px;gap:6px;margin:0;justify-content:center}.nav.active:after{display:none}.nav span{display:none}.side-bottom{position:absolute;top:3px;right:15px;padding:0}.side-bottom>button{margin-top:15px;width:auto;font-size:10px}main{margin:0;padding:0 16px 22px}.topbar{padding:17px 0;font-size:8px}.clock{display:none}header{margin:26px 0 22px}header h1{font-size:30px}.connection-pill{display:none}.metrics{grid-template-columns:1fr 1fr}.metrics>div{border-bottom:1px solid #252525;padding:16px}.metrics>div:nth-child(2){border-right:0}.metrics>div:nth-child(3){border-bottom:0}.metrics strong{font-size:26px}.account-grid{grid-template-columns:1fr}.section-title{flex-wrap:wrap}.section-title>span{font-size:9px}.panel-heading{padding:19px 15px 0}.actions{font-size:10px}.filters{padding:3px 15px 17px;gap:10px}.filters>.search{flex-basis:100%}.sortbar{padding:12px 15px}.sort-controls{gap:10px}.sort-controls select{max-width:175px}.table-wrap{max-height:65vh}.pagination{padding:14px}.pagination>div{gap:10px}.pagination .page-controls{gap:7px}.profile-summary{padding:18px}.profile-stats{grid-template-columns:1fr 1fr;gap:20px}.profile-meta{grid-template-columns:1fr}.profile-identity h2{font-size:20px}.tabs{padding:0 15px 17px}.coverage>summary{padding:12px 15px}.bottomline{font-size:7px;letter-spacing:1px}.login-card{padding:28px}.login-card h1{font-size:29px}}
.route-input-row{display:flex;gap:7px;align-items:baseline}.route-input-row input{flex:1}.route-input-row button{font-size:10px;padding:8px}.route-status{font-size:10px;overflow-wrap:anywhere;margin-bottom:12px}.graph-info{display:flex;justify-content:space-between;gap:14px;padding:15px 23px;border-top:1px solid var(--line);font-size:10px;color:#999}.graph-canvas{padding:10px 15px}#lineGraph{width:100%;min-height:240px;display:block;touch-action:pan-y}#lineGraph text{fill:#aaa;font:10px Inter,system-ui,sans-serif}.graph-grid{stroke:#292929;stroke-width:1}.graph-line{stroke:#eee;stroke-width:2;fill:none}.graph-crosshair{stroke:#888;stroke-dasharray:4 4}.graph-point{fill:#fff;stroke:#111;stroke-width:2}.graph-tooltip{margin:0 23px;padding:15px;border:1px solid #444;border-radius:7px;color:#eee;font-size:12px;font-variant-numeric:tabular-nums}.graph-note{padding:18px 23px;font-size:10px;color:#999}.graph-data>summary{padding:15px 23px;border-top:1px solid var(--line)}#graphCustom button{align-self:end}.graph-info span{overflow-wrap:anywhere}@media(max-width:850px){nav{grid-template-columns:repeat(3,1fr)}.graph-info{flex-direction:column}.graph-canvas{padding:5px}.graph-tooltip{margin:0 15px;font-size:11px}}