:root,:root[data-theme=light]{color-scheme:light;--ui-bg: #f4f7f4;--ui-bg-soft: #eef3ef;--ui-surface: #ffffff;--ui-surface-2: #f8faf8;--ui-surface-3: #edf4ef;--ui-text: #15211a;--ui-text-soft: #52645a;--ui-muted: #78877f;--ui-border: #dce5de;--ui-border-strong: #cbd8ce;--ui-accent: #1f754b;--ui-accent-hover: #185f3d;--ui-accent-soft: #e2f3e6;--ui-accent-text: #ffffff;--ui-positive: #277d51;--ui-positive-soft: #e5f5e9;--ui-warning: #946817;--ui-warning-soft: #fff3d8;--ui-danger: #b64f40;--ui-danger-soft: #ffebe7;--ui-overlay: #0b1711a8;--ui-shadow-sm: 0 8px 26px rgba(22, 50, 34, .07);--ui-shadow-lg: 0 30px 90px rgba(10, 28, 17, .17);--ui-focus: 0 0 0 4px rgba(36, 126, 79, .16)}:root[data-theme=dark]{color-scheme:dark;--ui-bg: #0d1511;--ui-bg-soft: #101b16;--ui-surface: #151f1a;--ui-surface-2: #19251f;--ui-surface-3: #1c2b23;--ui-text: #edf6f0;--ui-text-soft: #bdccc3;--ui-muted: #91a299;--ui-border: #2a3a31;--ui-border-strong: #3a5043;--ui-accent: #65c68a;--ui-accent-hover: #7ad69b;--ui-accent-soft: #1e3d2c;--ui-accent-text: #07120b;--ui-positive: #75d49a;--ui-positive-soft: #173624;--ui-warning: #edbd5a;--ui-warning-soft: #3c3018;--ui-danger: #ef927f;--ui-danger-soft: #44251f;--ui-overlay: #020806d6;--ui-shadow-sm: 0 10px 30px rgba(0, 0, 0, .22);--ui-shadow-lg: 0 35px 100px rgba(0, 0, 0, .5);--ui-focus: 0 0 0 4px rgba(101, 198, 138, .2)}@media(prefers-color-scheme:dark){:root:not([data-theme]){color-scheme:dark;--ui-bg: #0d1511;--ui-bg-soft: #101b16;--ui-surface: #151f1a;--ui-surface-2: #19251f;--ui-surface-3: #1c2b23;--ui-text: #edf6f0;--ui-text-soft: #bdccc3;--ui-muted: #91a299;--ui-border: #2a3a31;--ui-border-strong: #3a5043;--ui-accent: #65c68a;--ui-accent-hover: #7ad69b;--ui-accent-soft: #1e3d2c;--ui-accent-text: #07120b;--ui-positive: #75d49a;--ui-positive-soft: #173624;--ui-warning: #edbd5a;--ui-warning-soft: #3c3018;--ui-danger: #ef927f;--ui-danger-soft: #44251f;--ui-overlay: #020806d6;--ui-shadow-sm: 0 10px 30px rgba(0, 0, 0, .22);--ui-shadow-lg: 0 35px 100px rgba(0, 0, 0, .5);--ui-focus: 0 0 0 4px rgba(101, 198, 138, .2)}}html,body{background:var(--ui-bg);color:var(--ui-text)}body{transition:background-color .2s ease,color .2s ease}button,input,select,textarea{color:inherit}button{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--ui-accent);outline-offset:2px}button:disabled,input:disabled,select:disabled{cursor:not-allowed}::selection{background:var(--ui-accent);color:var(--ui-accent-text)}.theme-toggle{display:inline-flex;align-items:center;gap:3px;padding:3px;border:1px solid var(--ui-border);border-radius:12px;background:color-mix(in srgb,var(--ui-surface) 90%,transparent);box-shadow:0 4px 16px #0000000a}.theme-toggle button{min-width:34px;height:32px;padding:0 8px;border:0;border-radius:9px;background:transparent;color:var(--ui-muted);display:inline-flex;align-items:center;justify-content:center;gap:5px;transition:background .16s ease,color .16s ease,transform .16s ease}.theme-toggle button:hover{color:var(--ui-text);transform:translateY(-1px)}.theme-toggle button[aria-pressed=true]{background:var(--ui-accent-soft);color:var(--ui-positive)}.theme-toggle button span{font-size:14px;line-height:1}.theme-toggle button em{font-size:9px;font-style:normal;font-weight:700}.theme-floating{position:fixed;z-index:5;top:18px;right:18px}.workspace-actions,.portal-account-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px}.portal-account-actions{min-width:0}.workspace,.content,.portal-shell,.portal-shell>main{background:var(--ui-bg)}.workspace>header,.portal-shell>header{border-color:var(--ui-border);background:color-mix(in srgb,var(--ui-surface) 88%,transparent);-webkit-backdrop-filter:blur(16px) saturate(130%);backdrop-filter:blur(16px) saturate(130%)}.panel,.table-wrap,.metrics article,.link-summary,.login-card,.modal,.portal-login-card,.connection-card,.setup-card,.portal-more,.portal-modal,.release-list article,.traffic-node-grid>article{border-color:var(--ui-border);background:var(--ui-surface);color:var(--ui-text);box-shadow:var(--ui-shadow-sm)}.panel,.table-wrap,.metrics article,.link-summary{border-radius:16px}.modal,.portal-modal,.login-card,.portal-login-card{box-shadow:var(--ui-shadow-lg)}.modal,.portal-modal{width:min(620px,100%);max-height:calc(100dvh - 40px);overflow:auto;overscroll-behavior:contain}.close,.modal-close{width:36px;height:36px;border-radius:10px;color:var(--ui-muted);display:grid;place-items:center;transition:color .16s ease,background .16s ease}.close:hover,.modal-close:hover{color:var(--ui-text);background:var(--ui-surface-3)}.login-page,.portal-login{background:radial-gradient(circle at 18% 8%,color-mix(in srgb,var(--ui-accent) 15%,transparent),transparent 34%),radial-gradient(circle at 85% 92%,color-mix(in srgb,var(--ui-positive) 8%,transparent),transparent 32%),var(--ui-bg)}.backdrop,.portal-backdrop{background:var(--ui-overlay)}.page-intro p,.hero p,.link-summary p,.modal p,.portal-modal p,.portal-login p,.setup-step p,.portal-more-grid p,.install-steps p{color:var(--ui-text-soft)}.workspace header small,.page-intro small,.panel-title small,.connection-card small,.detected-device small,.portal-more small,.portal-modal form>small{color:var(--ui-muted)}.primary,.install-button,.submit-profile,.portal-login form>button,.profile-ready>a{min-height:42px;border-radius:11px;background:var(--ui-accent);color:var(--ui-accent-text);box-shadow:0 8px 22px color-mix(in srgb,var(--ui-accent) 22%,transparent);transition:transform .16s ease,background .16s ease,box-shadow .16s ease}.primary:hover,.install-button:hover,.submit-profile:hover,.portal-login form>button:hover,.profile-ready>a:hover{background:var(--ui-accent-hover);transform:translateY(-1px)}.quiet,.check-button,.profile-list>button,.bulk-actions button,.period-tabs button{border-color:var(--ui-border);background:var(--ui-surface);color:var(--ui-text-soft)}.quiet:hover,.check-button:hover,.profile-list>button:hover,.bulk-actions button:hover{background:var(--ui-surface-3);color:var(--ui-text)}.quiet.danger{color:var(--ui-danger)}input,select,textarea,.login-card input,.modal input,.modal select,.portal-login input,.portal-modal input,.portal-modal select,.portal-more select,.toolbar input,.users-toolbar select,.route-form select{width:100%;min-height:46px;padding:0 13px;border:1px solid var(--ui-border-strong);border-radius:11px;background:var(--ui-surface-2);color:var(--ui-text);outline:0;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}input::placeholder,textarea::placeholder{color:var(--ui-muted);opacity:.78}input:hover,select:hover,textarea:hover{border-color:color-mix(in srgb,var(--ui-accent) 48%,var(--ui-border))}input:focus,select:focus,textarea:focus,.login-card input:focus,.modal input:focus,.modal select:focus,.portal-login input:focus,.portal-modal input:focus,.portal-modal select:focus,.portal-more select:focus{border-color:var(--ui-accent);background:var(--ui-surface);box-shadow:var(--ui-focus)}input:user-invalid,select:user-invalid{border-color:var(--ui-danger)}input:disabled,select:disabled{opacity:.62;background:var(--ui-bg-soft)}.ui-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:18px}.ui-form>p,.ui-form>small,.ui-form>.notice,.ui-form>.error-box,.ui-form>.portal-error,.ui-form>button,.ui-form>a,.ui-form>fieldset,.ui-form>.form-wide{grid-column:1 / -1}.ui-form label,.login-card label,.portal-login form label{min-width:0;display:grid;align-content:start;gap:7px;margin:0;color:var(--ui-text-soft);font-size:10px;font-weight:750}.ui-form label>small{color:var(--ui-muted);font-size:8px;font-weight:500;line-height:1.45}.login-form{display:grid;grid-template-columns:1fr}.login-card.login-form{gap:14px;margin-top:0}.login-card.login-form>.logo{margin-bottom:10px}.login-card.login-form>small{margin-top:4px}.login-card.login-form>h1,.login-card.login-form>p{margin-top:0;margin-bottom:0}.portal-login-form{margin-top:20px}.portal-login-form label{gap:8px}.portal-login-form label>small{color:var(--ui-muted);text-align:center;letter-spacing:0}.form-intro{margin:-3px 0 2px!important;padding:11px 13px;border-radius:10px;background:var(--ui-surface-2)}.form-actions{grid-column:1 / -1;display:flex;justify-content:flex-end;gap:8px;padding-top:3px}.form-actions>*{margin:0}.form-actions .primary,.form-actions .submit-profile{min-width:150px}.portal-profile-form>h2{margin:0 34px 0 0}.portal-profile-form>small{margin:0}.choice-field{min-width:0;margin:0;padding:0;border:0}.choice-field legend{margin-bottom:8px;color:var(--ui-text-soft);font-size:10px;font-weight:750}.choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.choice-card{position:relative;min-height:70px;padding:12px 13px 12px 39px;border:1px solid var(--ui-border);border-radius:12px;background:var(--ui-surface-2);color:var(--ui-text-soft);cursor:pointer;display:grid!important;gap:3px!important;margin:0!important;transition:border-color .16s ease,background .16s ease,transform .16s ease}.choice-card:hover{border-color:var(--ui-accent);transform:translateY(-1px)}.choice-card:has(input:checked){border-color:var(--ui-accent);background:var(--ui-accent-soft);color:var(--ui-text);box-shadow:var(--ui-focus)}.choice-card input{position:absolute;left:13px;top:16px;width:16px;min-height:16px;height:16px;accent-color:var(--ui-accent)}.choice-card b{font-size:10px}.choice-card small{color:var(--ui-muted);font-size:8px;line-height:1.35;font-weight:500}.error-box,.portal-error{background:var(--ui-danger-soft);color:var(--ui-danger)}.notice{background:var(--ui-warning-soft);color:var(--ui-warning)}.bulk-actions{border-color:color-mix(in srgb,var(--ui-accent) 32%,var(--ui-border));background:color-mix(in srgb,var(--ui-accent-soft) 90%,transparent);box-shadow:var(--ui-shadow-sm)}.bulk-actions button{border-color:var(--ui-border);background:var(--ui-surface);color:var(--ui-text-soft)}.bulk-actions button.danger{border-color:color-mix(in srgb,var(--ui-danger) 36%,var(--ui-border));color:var(--ui-danger)}.users-toolbar label{min-width:150px;display:grid;gap:5px;color:var(--ui-muted);font-size:8px;font-weight:750;letter-spacing:.06em}.users-toolbar .toolbar-search{flex:1 1 280px}.users-toolbar input,.users-toolbar select{width:100%;min-height:42px}.users-toolbar strong{margin-left:auto;color:var(--ui-muted);font-size:10px;font-weight:650;white-space:nowrap}.preference-card label{display:grid;gap:7px;color:var(--ui-text-soft);font-size:9px;font-weight:750}.preference-card .notice{margin-top:10px}.badge.good,.link-cell.good,.connected .status-icon{background:var(--ui-positive-soft);color:var(--ui-positive)}.badge.bad,.link-cell.bad{background:var(--ui-danger-soft);color:var(--ui-danger)}.badge.warn{background:var(--ui-warning-soft);color:var(--ui-warning)}.install-steps,.node-metric-line span,.traffic-node-grid>article{background:var(--ui-surface-2)}.token-box code,.installation-command code,.install-code,.pin-result{background:#0c1812;color:#bdf2c9}.login-card code,.token-box p code{background:var(--ui-surface-3);color:var(--ui-text-soft)}.download-result>span,.profile-ready>span{background:var(--ui-positive-soft);color:var(--ui-positive)}.setup-step>i{border-color:color-mix(in srgb,var(--ui-accent) 42%,var(--ui-border));color:var(--ui-accent)}.setup-step a{color:var(--ui-accent)}.portal-brand em{color:var(--ui-muted)}.connection-ingress{color:var(--ui-text-soft)!important}.endpoint-health.good,.ingress-health.good{color:var(--ui-positive)!important}.endpoint-health.bad,.ingress-health.failed{color:var(--ui-danger)!important}.profile-list article em{color:var(--ui-danger)}th,.link-matrix th:first-child{background:var(--ui-surface-2);color:var(--ui-muted)}td,.node-row,.device-list article,.profile-list article,.detected-device,.quota-form,.route-form{border-color:var(--ui-border)}.node-row small,td small,.device-list small,.profile-list article small,.device-traffic article small,.traffic-parts span,.portal-empty,.users-sentinel,.release-list ul{color:var(--ui-muted)}.traffic-parts b,.traffic-class-summary b{color:var(--ui-text)}.portal-traffic-chart,.device-traffic article{border-color:var(--ui-border)}.table-wrap thead{position:sticky;top:0;z-index:2}.hero{border:1px solid color-mix(in srgb,var(--ui-positive) 25%,var(--ui-border));background:linear-gradient(120deg,var(--ui-accent-soft),var(--ui-surface))}.hero-warning{border-color:color-mix(in srgb,var(--ui-danger) 28%,var(--ui-border));background:linear-gradient(120deg,var(--ui-danger-soft),var(--ui-surface))}.connection-card.connected{border-color:color-mix(in srgb,var(--ui-positive) 35%,var(--ui-border));background:linear-gradient(125deg,var(--ui-positive-soft),var(--ui-surface))}.connection-card>button{background:var(--ui-surface);color:var(--ui-text-soft)}.portal-more>summary{color:var(--ui-text-soft)}.portal-more[open]>summary{border-color:var(--ui-border);background:var(--ui-surface-2)}.portal-shell>header button{color:var(--ui-text-soft)}.period-tabs button.active{border-color:var(--ui-accent);background:var(--ui-accent);color:var(--ui-accent-text)}.release-list article.current{border-color:color-mix(in srgb,var(--ui-accent) 45%,var(--ui-border));background:linear-gradient(120deg,var(--ui-surface),var(--ui-accent-soft))}.quota-form,.route-form{margin-top:12px;padding:14px;border:1px solid var(--ui-border);border-radius:12px;background:var(--ui-surface-2);display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:8px 10px}.quota-form label,.route-form label{width:100%;margin:0}.quota-form>small,.route-form>small{grid-column:1 / -1;margin:0;color:var(--ui-muted);line-height:1.5}.quota-form .quiet,.route-form .quiet{margin:0;min-height:46px}:root[data-theme=dark] .shell>aside{background:#0a120e;border-right:1px solid var(--ui-border)}:root[data-theme=dark] .health{background:#13231a;border-color:#294537;color:#a9bdb1}:root[data-theme=dark] nav button:hover,:root[data-theme=dark] nav button.active{background:#1b3427}:root[data-theme=dark] .portal-brand span{background:#68ce90;color:#07130b}:root[data-theme=dark] .status-icon,:root[data-theme=dark] .detected-device>span,:root[data-theme=dark] .profile-list article>span,:root[data-theme=dark] .metrics article>span{background:var(--ui-surface-3);color:var(--ui-accent)}:root[data-theme=dark] .hero:after{opacity:.22}:root[data-theme=dark] .traffic-bar,:root[data-theme=dark] .portal-traffic-point i{background:linear-gradient(#80dca1,#3ba76a)}:root[data-theme=dark] .portal-backdrop,:root[data-theme=dark] .backdrop{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}@media(max-width:760px){.theme-toggle button em{display:none}.theme-toggle button{min-width:32px;padding:0 7px}.theme-floating{top:10px;right:10px}.workspace-actions{display:flex;align-items:center;gap:7px}.workspace-actions .primary{white-space:nowrap}.portal-account-actions{gap:6px}.users-toolbar label,.users-toolbar .toolbar-search{width:100%;flex:1 1 100%}.users-toolbar strong{width:100%;margin-left:0}.ui-form{grid-template-columns:1fr;gap:13px}.ui-form>*{grid-column:1!important}.choice-grid,.quota-form,.route-form{grid-template-columns:1fr}.quota-form>*,.route-form>*{grid-column:1}.quota-form .quiet,.route-form .quiet{width:100%}.portal-shell>header .theme-toggle{margin-left:auto}.users-table tr{border-color:var(--ui-border);background:var(--ui-surface);box-shadow:var(--ui-shadow-sm)}}@media(max-width:420px){.theme-toggle{border-radius:10px}.theme-toggle button{min-width:30px;height:30px}.modal,.portal-modal{border-color:var(--ui-border-strong)}.workspace>header>div:first-child small{display:none}.workspace-actions{gap:4px}.workspace-actions .primary{max-width:112px;overflow:hidden;text-overflow:ellipsis}.form-actions{display:grid;grid-template-columns:1fr}.form-actions>*{width:100%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}