:root{--bg:#091017;--panel:#14212c;--ink:#e8f0f4;--muted:#91a3ad;--accent:#61d1bd;--line:rgba(190,220,230,.15)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px Inter,"Segoe UI",sans-serif}header{height:64px;display:flex;align-items:center;gap:12px;padding:0 4vw;border-bottom:1px solid var(--line)}header b{letter-spacing:4px}header sup,small{color:var(--accent)}header span{color:var(--muted);font-size:8px;letter-spacing:2px}header button{margin-left:auto}main{width:min(1180px,92vw);margin:auto;padding:40px 0}.card{padding:24px;border:1px solid var(--line);border-radius:16px;background:var(--panel)}#login{width:min(460px,100%);margin:6vh auto}.heading,.row{display:flex;align-items:center;justify-content:space-between;gap:20px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.wide{grid-column:1/-1}h1{font-size:36px;margin:7px 0}h2{font-size:17px}p{color:var(--muted)}form{display:grid;gap:9px}label{display:grid;gap:6px;color:var(--muted);font-size:10px}input,select,button{padding:11px;border:1px solid var(--line);border-radius:8px;background:#091017;color:var(--ink);font:inherit}button{border:0;background:var(--accent);color:#071218;font-weight:850;cursor:pointer}.listRow{display:grid;grid-template-columns:1fr 1fr auto;gap:10px;align-items:center;padding:9px;border-top:1px solid var(--line)}.listRow span,.event{color:var(--muted);font-size:10px}.online{color:var(--accent)}code{display:block;margin-top:10px;overflow-wrap:anywhere;color:var(--accent)}#status{min-height:20px;color:#ffaaa0}@media(max-width:780px){.grid{grid-template-columns:1fr}.heading{align-items:stretch;flex-direction:column}.listRow{grid-template-columns:1fr}}
:root{--route-direct:#16835f;--route-relay:#b83d43;--route-webrtc:#9b6b16;--route-idle:#40505a}.serverRow{grid-template-columns:minmax(180px,1fr) minmax(280px,1.4fr) auto auto auto auto}.serverTelemetry{display:flex;flex-wrap:wrap;gap:5px 12px}.serverTelemetry span{font-size:11px}.routeStatus{display:inline-flex;padding:4px 8px;border-radius:999px;font-weight:850;color:#fff!important}.routeDirect{background:var(--route-direct)}.routeRelay{background:var(--route-relay)}.routeWebRtc{background:var(--route-webrtc)}.routeIdle{background:var(--route-idle)}.converterDiagnostics{flex:1 0 100%;margin-top:6px;border:1px solid var(--line);border-radius:9px;background:#091017}.converterDiagnostics summary{padding:8px 10px;cursor:pointer;color:var(--accent);font-size:11px;font-weight:800}.converterDiagnostics p{margin:0;padding:0 10px 10px;font-size:10px}.converterGrid{display:grid;grid-template-columns:auto minmax(0,1fr);gap:6px 12px;padding:0 10px 10px}.converterGrid span,.converterGrid b{font-size:10px!important}.converterGrid b{overflow-wrap:anywhere}@media(max-width:980px){.serverRow{grid-template-columns:1fr 1fr}.serverRow>b,.serverTelemetry{grid-column:1/-1}}@media(max-width:780px){.serverTelemetry{grid-column:auto}.converterGrid{grid-template-columns:1fr}}
.commerceForm{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;align-items:end}.commerceForm label:has(input[type="checkbox"]){display:flex;align-items:center;gap:8px;min-height:42px}.commerceForm input[type="checkbox"]{width:auto}.commerceSummary{margin-top:16px;padding:18px;border:1px solid var(--line);border-radius:12px;background:#091017}.commerceSummary h3{margin:0 0 8px;color:var(--accent);font-size:22px}.commerceOrder{display:grid;grid-template-columns:minmax(190px,1.2fr) minmax(190px,1fr) minmax(130px,.7fr) auto;gap:14px;align-items:center;padding:14px 4px;border-top:1px solid var(--line)}.commerceOrder>div{display:grid;gap:5px}.commerceOrder span{color:var(--muted);font-size:11px}.commerceOrder .statusPill{width:max-content;color:var(--accent);font-weight:800;text-transform:uppercase}.operationNavigation button[hidden]{display:none}@media(max-width:900px){.commerceOrder{grid-template-columns:1fr 1fr}}@media(max-width:600px){.commerceOrder{grid-template-columns:1fr}}