:root{--ds-bg:#0b1018;--ds-surface:#111823;--ds-surface-raised:#17202e;--ds-surface-muted:#0d141e;--ds-text:#f1f5f9;--ds-text-secondary:#aeb9c8;--ds-text-muted:#8794a6;--ds-border:#2c3848;--ds-border-strong:#415065;--ds-accent:#43d3a3;--ds-accent-strong:#55dfae;--ds-danger:#f1848d;--ds-warning:#eab464;--ds-info:#68b6e8;--ds-font-ui:"Segoe UI Variable","Fira Sans","Segoe UI",Arial,sans-serif;--ds-font-data:"Cascadia Code","Fira Code",Consolas,monospace;--ds-radius-sm:8px;--ds-radius-md:12px;--ds-radius-lg:16px;--ds-control:40px;--ds-touch:44px;--ds-focus:0 0 0 3px #43d3a33d;--ds-shadow:0 18px 48px #0006}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--ds-font-ui);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-size:14px;line-height:1.5}button,input,select,textarea{font-family:inherit}button,a,input,select,textarea{touch-action:manipulation}button:disabled,[aria-disabled=true]{cursor:not-allowed!important}button:not(:disabled),a[href],label[for],select{cursor:pointer}.skipLink{z-index:200;border:1px solid var(--ds-accent);border-radius:var(--ds-radius-sm);background:var(--ds-surface-raised);color:var(--ds-text);box-shadow:var(--ds-shadow);padding:10px 14px;font-size:13px;font-weight:700;transition:transform .16s;position:fixed;top:12px;left:16px;transform:translateY(-160%)}.skipLink:focus{transform:translateY(0)}#main-content:focus{outline:0}:where(button,a,input,select,textarea,summary):focus-visible{outline-offset:3px;box-shadow:var(--ds-focus);outline:2px solid var(--ds-accent-strong)!important}.topbar p,.pageTop p{letter-spacing:.02em;font-size:12px!important}.topbar h1,.pageTop h1{letter-spacing:-.02em;font-size:28px;line-height:1.2}.pageDescription{color:var(--ds-text-secondary);font-size:13px;line-height:1.65}.content .cardHead h3,.content .listToolbar h3{line-height:1.3;font-size:16px!important}.cardHead p,.listToolbar p{color:var(--ds-text-muted);line-height:1.55;font-size:12px!important}.stats p,.stats small,.pageStats small,.pageStats em{line-height:1.45;font-size:12px!important}.stats h2,.pageStats strong{font-variant-numeric:tabular-nums}.mono,code{font-family:var(--ds-font-data)}:where(.primary,.secondary,.filter,.editButton,.dangerButton,.dangerConfirm,.restartButton,.fullButton,.backupUpload,.overviewAction){min-height:var(--ds-control);text-align:center;justify-content:center;align-items:center;gap:7px;font-weight:600;line-height:1.2;transition:background-color .16s,border-color .16s,color .16s,box-shadow .16s,opacity .16s;display:inline-flex;border-radius:var(--ds-radius-sm)!important;padding-inline:14px!important;font-size:13px!important}:is(.primary,.secondary,.filter,.editButton,.dangerButton,.dangerConfirm,.restartButton,.fullButton,.backupUpload,.overviewAction){min-height:var(--ds-control)!important}:where(.primary,.secondary,.filter,.editButton,.dangerButton,.dangerConfirm,.restartButton,.fullButton,.backupUpload,.overviewAction):active:not(:disabled){opacity:.78}.iconBtn{min-height:40px;width:40px!important;height:40px!important;padding:0!important}.search{height:40px!important}.search input{font-size:13px!important}.badge,.protocol,.syncState{font-weight:650;line-height:1.25;font-size:11px!important}.badge{min-height:26px;padding:5px 9px}.rowActions{align-items:center;gap:8px}.more{border-radius:var(--ds-radius-sm);place-items:center;min-width:40px;min-height:40px;display:inline-grid}.sidebar{background:linear-gradient(#0b1018 0%,#0a0f16 100%);width:256px;padding:22px 16px 18px}.content{margin-left:256px;margin-right:0;padding:30px clamp(20px,3vw,42px) 48px}.sidebarTop{display:block}.sidebar .brand{padding:0 8px 22px}.brand strong{font-size:19px}.brand small{font-size:11px;line-height:1.35}.sidebar nav{gap:5px}.sidebar .navItem{color:#9ba8b9;text-align:left;border-radius:10px;gap:12px;height:44px;min-height:44px;padding:0 12px;font-size:13px;font-weight:600}.sidebar .navItem>span:first-child{flex:0 0 22px;place-items:center;width:22px;height:22px;display:grid}.sidebar .navItem>.navLabel{text-overflow:clip;white-space:nowrap;flex:auto;min-width:0;overflow:visible;width:auto!important}.sidebar .navItem.active{color:#63ddb3;background:linear-gradient(90deg,#17342a,#15271f);box-shadow:inset 0 0 0 1px #2d5849}.sidebar .navItem:hover{color:#edf3f8;background:#151d29}.health strong,.profile strong{font-size:12px}.health small,.profile small{font-size:11px;line-height:1.4}.profile button{border-radius:9px;place-items:center;width:40px;height:40px;display:grid}.mobileMenuButton,.mobileSignOut{display:none}.card{border-color:var(--ds-border);border-radius:var(--ds-radius-md);box-shadow:0 1px #ffffff05}table{font-size:12px;line-height:1.45}th{color:#94a2b5;letter-spacing:.035em;text-transform:uppercase;padding:12px 16px;font-size:11px;font-weight:650}td{color:#bdc7d4;padding:13px 16px}.userCell strong,.nodeName strong{color:#e4eaf0;font-size:13px}.userCell small,.nodeName small{color:var(--ds-text-muted);font-size:11px;line-height:1.4}.users footer,.usersPagination{font-size:12px}.users footer button,.users footer b{width:auto;min-width:36px;height:36px;padding:0 10px}.usersPagination button{min-height:40px;font-size:12px}.modal{border-color:var(--ds-border-strong);border-radius:var(--ds-radius-lg);box-shadow:0 28px 90px #000c}.modal h2{letter-spacing:-.01em;font-size:21px;line-height:1.3}.modal>p,.modal form>p{color:var(--ds-text-secondary);font-size:13px;line-height:1.65}.modal label,.crudModal form>label,.crudModal .formGrid label{color:#c0cad6;font-size:13px;line-height:1.45}.modal label small,.fieldHelp{color:var(--ds-text-muted)!important;font-size:11px!important;line-height:1.5!important}.modal input,.modal select,.modal textarea,.settingsCard input,.settingsCard select{border-color:var(--ds-border);min-height:42px;font-size:14px}.modalActions button{min-height:40px;font-size:13px}.close{place-items:center;width:40px;height:40px;display:grid;border-radius:9px!important}.toast{max-width:min(420px,100vw - 32px);padding:12px 16px;font-size:13px;line-height:1.45}.loginError{font-size:12px;line-height:1.55}.loginMessage p{font-size:13px;line-height:1.75}.loginHealth strong{font-size:12px}.loginHealth small{font-size:11px}.loginPanel form>p:not(.loginEyebrow){font-size:13px;line-height:1.6}.loginPanel label{font-size:13px}.loginPanel input{font-size:14px}.loginHint{font-size:11px;line-height:1.5}.settingsCard h3{font-size:18px}.settingsCard>p{font-size:12px;line-height:1.6}.settingsCard>label{font-size:12px}.settingToggle strong{font-size:13px}.settingToggle small{font-size:11px;line-height:1.45}.settingsNav button,.settingsNav a{min-height:42px;font-size:13px}.livePanelHead small,.metricLabel,.trafficTotals small,.systemMetric small,.clientMetrics small{line-height:1.4;font-size:11px!important}.livePanelHead h2{font-size:17px!important}.liveIndicator{font-size:11px!important}.speedColumns strong{font-variant-numeric:tabular-nums;font-size:24px!important}.trafficTotals b,.systemMetricTitle>b,.clientMetrics strong{font-variant-numeric:tabular-nums}.systemMetricTitle strong{font-size:13px!important}.systemMetricDetail{font-size:11px!important}.clientMetrics small{letter-spacing:.035em}.overviewTrafficBar small,.overviewTrafficBar span{font-size:10px}.telemetryLink{font-size:12px}.userHero{background:linear-gradient(120deg,#111f1b,#111823);border-color:#2d463e}.detailStats article>small,.detailStats article>p{line-height:1.45;font-size:11px!important}.detailStats article>strong{font-size:21px}.protocolUsageCard{padding:20px}.protocolUsageItem{border-color:var(--ds-border)}.protocolUsageHead strong{font-size:13px}.protocolUsageHead small,.protocolUsageTotal small,.protocolUsageSplit small,.protocolUsageItem>p{line-height:1.45;font-size:11px!important}.protocolUsageTotal strong{font-size:19px}.availableProtocols{border:1px solid var(--ds-border);background:var(--ds-surface-muted);border-radius:10px;margin-top:12px}.availableProtocols summary{min-height:44px;color:var(--ds-text-secondary);justify-content:space-between;align-items:center;gap:12px;padding:10px 13px;font-size:12px;font-weight:650;list-style:none;display:flex}.availableProtocols summary::-webkit-details-marker{display:none}.availableProtocols summary:after{content:"+";color:var(--ds-accent);font-size:18px}.availableProtocols[open] summary:after{content:"−"}.availableProtocolList{flex-wrap:wrap;gap:8px;padding:0 13px 13px;display:flex}.availableProtocolList span{color:#97a5b6;background:#111925;border:1px solid #2a3544;border-radius:999px;align-items:center;gap:7px;padding:7px 10px;font-size:11px;display:inline-flex}.accessPolicyField>span:first-child b,.firstConnectionPolicy .policyToggle b{font-size:13px!important}.accessPolicyField>span:first-child small,.firstConnectionPolicy .policyToggle small{font-size:11px!important}.configActions button{height:36px;min-height:36px;font-size:11px}@media (max-width:1100px){.content{padding-inline:20px}}@media (max-width:760px){:root{--ds-control:44px}body{font-size:14px}.sidebar{background:#0b1018f7;width:100%;padding:10px 12px;position:sticky}.content{padding:18px 12px calc(38px + env(safe-area-inset-bottom));margin:0}.sidebarTop{justify-content:space-between;align-items:center;gap:12px;display:flex}.sidebar .brand{min-width:0;padding:0 2px 10px}.sidebar .brand small{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.mobileMenuButton{border:1px solid var(--ds-border);color:#c8d2df;background:#121a25;border-radius:10px;flex:0 0 44px;place-items:center;width:44px;height:44px;display:grid}.sidebar .mainNav{scroll-snap-type:none;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;padding:2px 0 0;display:grid;overflow:visible}.sidebar .mainNav .navItem{text-align:center;flex-direction:column;justify-content:center;gap:4px;height:54px;min-height:54px;padding:5px 4px;font-size:10px;display:none}.sidebar .mainNav .navItem[data-mobile-primary=true]{display:flex}.sidebar .mainNav.isOpen{border-top:1px solid var(--ds-border);grid-template-columns:repeat(2,minmax(0,1fr));padding-top:8px}.sidebar .mainNav.isOpen .navItem{text-align:left;flex-direction:row;justify-content:flex-start;gap:10px;height:48px;min-height:48px;padding:0 12px;font-size:12px;display:flex}.sidebar .mainNav .navItem .navLabel{text-align:center;width:100%}.sidebar .mainNav.isOpen .navItem .navLabel{text-align:left}.mobileSignOut{color:#ef9ba2;background:#24171b;border:1px solid #54353b;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;height:44px;margin-top:8px;font-size:12px;font-weight:650}.mobileSignOut.isVisible{display:flex}.topbar h1,.pageTop h1{font-size:24px}.pageDescription{font-size:13px}.content .pageTop .actions>*,.content .topbar .actions>*{min-height:44px}.content .topbar .secondary,.content .pageTop .secondary{display:inline-flex}.pageStats{grid-template-columns:repeat(2,minmax(0,1fr))!important}.pageStats article{min-height:112px;padding:15px}.modal>.close{width:44px;height:44px}.modalActions button{min-height:44px}.rowActions{flex-wrap:wrap}.settingsNav{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;display:grid!important;overflow:visible!important}.settingsNav a,.settingsNav button{text-align:center;white-space:normal;place-items:center;display:grid;min-width:0!important;padding:8px!important}.usersManagementTable,.usersManagementTable tbody,.usersManagementTable tr,.usersManagementTable td{display:block;width:100%!important;min-width:0!important;max-width:100%!important}.usersManagementTable thead{display:none}.usersManagementTable tbody{padding:10px}.usersManagementTable tr{border:1px solid var(--ds-border);background:#0e151f;border-radius:12px;margin-bottom:10px;padding:14px}.usersManagementTable td{white-space:normal;border:0;justify-content:space-between;align-items:center;gap:14px;min-height:34px;padding:7px 0;display:flex}.usersManagementTable td:first-child{border-bottom:1px solid #253140;padding-top:0;padding-bottom:12px}.usersManagementTable td:nth-child(2):before{content:"Limit"}.usersManagementTable td:nth-child(3):before{content:"Used"}.usersManagementTable td:nth-child(4):before{content:"Expires"}.usersManagementTable td:nth-child(5):before{content:"Status"}.usersManagementTable td:nth-child(6):before{content:"Connection"}.usersManagementTable td:nth-child(n+2):nth-child(-n+6):before{color:var(--ds-text-muted);font-size:11px;font-weight:600}.usersManagementTable td:last-child{border-top:1px solid #253140;margin-top:7px;padding-top:12px}.usersManagementTable .userRowActions{grid-template-columns:44px repeat(3,minmax(0,1fr));gap:8px;width:100%;max-width:100%;display:grid;min-width:0!important}.usersManagementTable .userRowActions>*{width:100%;min-width:0;min-height:44px}.usersManagementTable .subscriptionCopyWrap{display:block}.usersManagementTable .subscriptionCopyButton{width:44px;height:44px}.usersPagination{align-items:stretch;gap:12px}.usersPagination>div{grid-template-columns:1fr auto 1fr;align-items:center;width:100%;display:grid}.detailStats{grid-template-columns:repeat(2,minmax(0,1fr))}.userIdentity{grid-template-columns:auto minmax(0,1fr);align-items:center;width:100%;display:grid}.userIdentity .badge{grid-column:1/-1;width:max-content;margin:10px 0 0}.heroActions{grid-template-columns:1fr 1fr;width:100%;display:grid}.heroActions button{min-height:44px}.protocolUsageGrid,.accessPolicyGrid{grid-template-columns:1fr}.userConfigRow{padding:13px}.configActions button{height:44px;min-height:44px}}@media (max-width:420px){.sidebar .mainNav{gap:5px}.sidebar .mainNav .navItem{font-size:9px}.usersManagementTable .userRowActions{grid-template-columns:44px 1fr 1fr}.usersManagementTable .userRowActions .dangerButton{grid-column:2/-1}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}