:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--background:#22242a;--sidebar:#1b1d22;--surface:#292c33;--surface-raised:#2e3139;--surface-soft:#25272d;--border:#3a3d46;--border-soft:#33363e;--text:#eef1f4;--text-secondary:#b7bdc7;--muted:#8f97a4;--accent:#90b7aa;--accent-strong:#a2c8bb;--accent-soft:#90b7aa21;--blue:#849cbc;--blue-soft:#849cbc21;--cyan:#7fadb1;--cyan-soft:#7fadb121;--violet:#a397bd;--violet-soft:#a397bd21;--amber:#c4a171;--amber-soft:#c4a17121;--rose:#bc8794;--rose-soft:#bc879421;--warning:#cda56f;--warning-soft:#cda56f21;--danger:#c97b7d;--danger-soft:#c97b7d21;--shadow:0 14px 36px #07080a29;--radius:14px;--radius-small:9px;font-synthesis:none;text-rendering:optimizelegibility;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:var(--background);min-width:320px;min-height:100%}body{background:var(--background);min-width:320px;min-height:100vh;color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-size:14px;line-height:1.5}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}::selection{color:var(--text);background:#90b7aa40}.app-shell{grid-template-columns:236px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{z-index:20;background:var(--sidebar);border-right:1px solid #2f3239;flex-direction:column;height:100vh;padding:24px 16px 18px;display:flex;position:sticky;top:0}.sidebar-brand,.login-brand{color:var(--text);letter-spacing:-.02em;align-items:center;gap:11px;font-size:17px;font-weight:680;display:flex}.sidebar-brand{padding:0 8px 28px}.primary-nav{flex-direction:column;flex:1;gap:5px;display:flex}.nav-link{color:#9fa6b2;cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:9px;align-items:center;gap:12px;width:100%;min-height:43px;padding:0 12px;font-size:13.5px;font-weight:550;transition:color .14s,background-color .14s,border-color .14s;display:flex}.nav-link>svg{color:var(--nav-tone,var(--muted));opacity:.78;transition:opacity .14s}.nav-link:first-child{--nav-tone:var(--blue)}.nav-link:nth-child(2){--nav-tone:var(--violet)}.nav-link:nth-child(3){--nav-tone:var(--cyan)}.nav-link:nth-child(4){--nav-tone:var(--amber)}.nav-link:nth-child(5){--nav-tone:var(--rose)}.nav-link:nth-child(6){--nav-tone:var(--accent)}.nav-link:nth-child(7){--nav-tone:var(--cyan)}.nav-link:hover{color:var(--text-secondary);background:#24262c}.nav-link:hover>svg,.nav-link-active>svg{opacity:1}.nav-link-active{background:var(--accent-soft);color:var(--accent-strong);border-color:#90b7aa1f}.sidebar-foot{border-top:1px solid #2d3037;gap:10px;padding-top:16px;display:grid}.sidebar-connection{color:var(--muted);align-items:center;gap:10px;padding:4px 12px;font-size:12px;display:flex}.sidebar-connection i{background:var(--accent);border-radius:50%;width:7px;height:7px;margin-left:auto;box-shadow:0 0 0 4px #90b7aa17}.sidebar-logout{border:0}.workspace{min-width:0}.workspace-header{z-index:10;border-bottom:1px solid var(--border-soft);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#22242af5;justify-content:space-between;align-items:center;min-height:92px;padding:18px clamp(24px,4vw,52px);display:flex;position:sticky;top:0}.workspace-header h1,.login-heading h1{color:var(--text);letter-spacing:-.035em;margin:2px 0 0;font-size:clamp(22px,2.4vw,27px);font-weight:650;line-height:1.2}.page-eyebrow,.section-kicker{color:var(--muted);letter-spacing:.14em;text-transform:uppercase;font-size:10px;font-weight:700}.page-content{width:min(1180px,100%);margin:0 auto;padding:32px clamp(24px,4vw,52px) 56px}.page-stack{grid-template-columns:minmax(0,1fr);gap:20px;display:grid}.panel-card,.metric-card,.service-card{border:1px solid var(--border-soft);border-radius:var(--radius);background:var(--surface);box-shadow:0 1px #ffffff03}[data-tone]{--tone:var(--blue);--tone-soft:var(--blue-soft);--tone-border:#849cbc57}[data-tone=green],[data-tone=tls],[data-tone=anytls]{--tone:var(--accent);--tone-soft:var(--accent-soft);--tone-border:#90b7aa57}[data-tone=cyan],[data-tone=hysteria2],[data-tone=hysteria2-hop],[data-tone=vless-ws]{--tone:var(--cyan);--tone-soft:var(--cyan-soft);--tone-border:#7fadb157}[data-tone=violet],[data-tone=reality],[data-tone=vless-tls]{--tone:var(--violet);--tone-soft:var(--violet-soft);--tone-border:#a397bd57}[data-tone=amber],[data-tone=gateway],[data-tone=naive-http]{--tone:var(--amber);--tone-soft:var(--amber-soft);--tone-border:#c4a17157}[data-tone=rose],[data-tone=web]{--tone:var(--rose);--tone-soft:var(--rose-soft);--tone-border:#bc879457}[data-tone=blue],[data-tone=core],[data-tone=naive]{--tone:var(--blue);--tone-soft:var(--blue-soft);--tone-border:#849cbc57}[data-tone=indigo]{--tone:#9297b8;--tone-soft:#9297b821;--tone-border:#9297b857}[data-tone=copper],[data-tone=naive-socks5]{--tone:#b18f7d;--tone-soft:#b18f7d21;--tone-border:#b18f7d57}[data-tone=sage]{--tone:#91a48b;--tone-soft:#91a48b21;--tone-border:#91a48b57}[data-tone=slate]{--tone:#8999a5;--tone-soft:#8999a521;--tone-border:#8999a557}[data-tone=mauve]{--tone:#aa8fa2;--tone-soft:#aa8fa221;--tone-border:#aa8fa257}[data-tone=olive]{--tone:#a5a078;--tone-soft:#a5a07821;--tone-border:#a5a07857}.panel-card{padding:22px}.card-header{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:20px;display:flex}.card-header h2,.check-panel h2,.service-title h2,.confirm-dialog h2{color:var(--text);letter-spacing:-.02em;margin:2px 0 0;font-size:16px;font-weight:630}.header-note{color:var(--muted);font-size:12px}.text-link{color:var(--accent);align-items:center;gap:5px;font-size:12px;font-weight:600;display:inline-flex}.text-link:hover{color:var(--accent-strong)}.button,.icon-button{border-radius:var(--radius-small);cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;font-weight:620;transition:background-color .13s,border-color .13s,color .13s,transform .13s,opacity .13s;display:inline-flex}.button{gap:8px;min-height:40px;padding:0 15px;font-size:12.5px}.button:active:not(:disabled),.icon-button:active:not(:disabled){transform:translateY(1px)}.button:disabled,.icon-button:disabled{cursor:not-allowed;opacity:.48}.button-primary{background:var(--accent);color:#1d2825;border-color:#9abdb2}.button-primary:hover:not(:disabled){background:var(--accent-strong)}.button-secondary{border-color:var(--border);background:var(--surface-raised);color:var(--text-secondary)}.button-secondary:hover:not(:disabled),.button-ghost:hover:not(:disabled){color:var(--text);background:#343740;border-color:#4b4f5a}.button-ghost{border-color:var(--border);color:var(--text-secondary);background:0 0}.button-danger{border-color:var(--danger);background:var(--danger);color:#2f1819}.icon-button{border-color:var(--border);background:var(--surface-raised);width:40px;height:40px;color:var(--text-secondary)}.icon-button:hover:not(:disabled){color:var(--text);border-color:#4b4f5a}.icon-button-danger:hover:not(:disabled){background:var(--danger-soft);color:var(--danger);border-color:#c97b7d73}.refresh-button{gap:8px;width:auto;padding:0 12px;font-size:12px}.button-spinner{border:2px solid;border-right-color:#0000;border-radius:50%;flex:none;width:15px;height:15px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.status-pill{white-space:nowrap;border:1px solid;border-radius:999px;align-items:center;gap:7px;width:fit-content;padding:5px 9px;font-size:10.5px;font-weight:650;display:inline-flex}.status-dot{background:currentColor;border-radius:50%;width:6px;height:6px}.status-positive{background:var(--accent-soft);color:var(--accent-strong);border-color:#90b7aa33}.status-negative{background:var(--danger-soft);color:#d98b8e;border-color:#c97b7d33}.health-banner{border-radius:var(--radius);border:1px solid;align-items:center;gap:15px;min-height:84px;padding:17px 20px;display:flex}.health-good{background:#90b7aa13;border-color:#90b7aa30}.health-warning{background:#cda56f13;border-color:#cda56f3d}.health-warning .health-icon{background:var(--warning-soft);color:var(--warning)}.health-icon{background:var(--surface);width:42px;height:42px;color:var(--accent);border-radius:11px;flex:none;place-items:center;display:grid}.health-banner>div:nth-child(2){flex:1;gap:1px;display:grid}.health-banner strong{font-size:14px;font-weight:630}.health-banner span:not(.status-pill,.status-dot){color:var(--muted);font-size:12px}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.metric-card{flex-direction:column;min-height:150px;padding:18px;display:flex}.metric-card[data-tone],.service-card[data-tone],.protocol-card[data-tone],.link-card[data-tone]{border-top-color:var(--tone-border);box-shadow:inset 0 2px 0 var(--tone-soft), 0 1px 0 #ffffff03}.metric-card-top{align-items:center;gap:9px;display:flex}.metric-icon,.summary-icon,.service-icon,.route-summary-icon,.check-icon,.empty-icon{background:var(--blue-soft);color:var(--blue);border-radius:9px;flex:none;place-items:center;display:grid}.metric-icon{width:32px;height:32px}.metric-card[data-tone] .metric-icon,.service-card[data-tone] .service-icon,.service-summary-row[data-tone] .summary-icon{background:var(--tone-soft);color:var(--tone)}.metric-label,.metric-detail{color:var(--muted);font-size:11px}.metric-value{color:var(--text);letter-spacing:-.035em;margin-top:auto;padding-top:14px;font-size:24px;font-weight:620}.progress-track{background:#3a3d45;border-radius:99px;width:100%;height:4px;margin:9px 0 7px;overflow:hidden}.progress-track>span{border-radius:inherit;background:var(--accent);height:100%;display:block}.metric-card[data-tone] .progress-track>span{background:var(--tone)}.overview-columns{grid-template-columns:1fr 1fr;gap:14px;display:grid}.service-summary-list,.activity-compact-list,.activity-list{display:grid}.service-summary-row,.activity-compact-row{border-top:1px solid var(--border-soft);align-items:center;gap:12px;min-height:58px;display:flex}.service-summary-row:first-child,.activity-compact-row:first-child{border-top:0}.summary-icon{width:32px;height:32px}.service-summary-row>div,.activity-compact-row>div{flex:1;display:grid}.service-summary-row strong,.activity-compact-row strong{color:var(--text-secondary);font-size:12.5px;font-weight:590}.service-summary-row>div span,.activity-compact-row>div span{color:var(--muted);font-size:10.5px}.activity-marker{border-radius:50%;flex:none;place-items:center;width:31px;height:31px;display:grid}.activity-success{background:var(--accent-soft);color:var(--accent)}.activity-failed{background:var(--danger-soft);color:var(--danger)}.activity-warning{background:var(--warning-soft);color:var(--warning)}.compact-empty{min-height:190px;color:var(--muted);place-items:center;font-size:12px;display:grid}.listener-summary{justify-content:space-between;align-items:center;display:flex}.listener-summary>div{align-items:center;gap:12px;display:flex}.listener-summary .summary-icon{background:var(--cyan-soft);width:38px;height:38px;color:var(--cyan)}.listener-summary>div>div{display:grid}.listener-summary strong{font-size:13px}.listener-summary>span{color:var(--muted);font-size:12px}.service-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.service-card{flex-direction:column;padding:20px;display:flex}.component-update-overview{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;width:100%;min-width:0;max-width:100%;display:flex;overflow:hidden}.component-update-heading{flex:420px;align-items:flex-start;gap:13px;min-width:0;display:flex}.component-update-heading>div{min-width:0}.component-update-heading h2{letter-spacing:-.02em;margin:2px 0 3px;font-size:16px;font-weight:630}.component-update-heading p{overflow-wrap:anywhere;max-width:620px;color:var(--muted);margin:0;font-size:11.5px}.component-update-icon{background:var(--accent-soft);width:38px;height:38px;color:var(--accent);border-radius:10px;flex:none;place-items:center;display:grid}.component-update-refresh{align-items:center;gap:12px;min-width:0;display:flex}.component-update-refresh>span{color:var(--muted);white-space:nowrap;font-size:11px}.component-update-alert{background:var(--danger-soft);color:#d98b8e;border:1px solid #c97b7d38;border-radius:8px;align-items:center;gap:7px;width:100%;padding:10px 12px;font-size:11.5px;display:flex}.service-card[data-tone] .service-title span{color:var(--tone)}.service-card header{justify-content:space-between;align-items:flex-start;display:flex}.service-icon{width:40px;height:40px}.service-title{margin:18px 0}.service-title h2{font-size:18px}.service-title span{color:var(--muted);font-size:11px}.service-details{border-top:1px solid var(--border-soft);border-bottom:1px solid var(--border-soft);grid-template-columns:repeat(2,minmax(0,1fr));gap:13px 18px;margin:0;padding:15px 0;display:grid}.service-details div{gap:2px;display:grid}.service-details dt{color:var(--muted);font-size:10px}.service-details dd{color:var(--text-secondary);text-transform:capitalize;margin:0;font-size:12px;font-weight:560}.component-version-block{gap:11px;padding:15px 0 0;display:grid}.component-version-topline{justify-content:space-between;align-items:center;gap:12px;display:flex}.component-update-state{border:1px solid var(--border);background:var(--surface-raised);width:fit-content;color:var(--muted);white-space:nowrap;border-radius:999px;align-items:center;gap:5px;padding:4px 7px;font-size:9.5px;font-weight:650;display:inline-flex}.component-update-state.is-current{background:var(--accent-soft);color:var(--accent-strong);border-color:#90b7aa33}.component-update-state.is-available{border-color:var(--tone-border);background:var(--tone-soft);color:var(--tone)}.component-update-state.is-source{background:var(--warning-soft);color:var(--warning);border-color:#cda56f3d}.component-update-state.is-error{background:var(--danger-soft);color:#d98b8e;border-color:#c97b7d38}.component-release-link{color:var(--muted);align-items:center;gap:4px;font-size:10px;font-weight:600;display:inline-flex}.component-release-link:hover{color:var(--text-secondary)}.component-version-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0;display:grid}.component-version-facts div{gap:2px;display:grid}.component-version-facts dt{color:var(--muted);font-size:9.5px}.component-version-facts dd{min-width:0;color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px;font-weight:560;overflow:hidden}.component-update-note,.component-update-error{margin:0;font-size:10.5px;line-height:1.45}.component-update-note{color:var(--muted)}.component-update-error{color:#d98b8e;align-items:flex-start;gap:6px;display:flex}.component-update-error svg{flex:none;margin-top:1px}.component-update-button{width:100%}.service-actions{gap:8px;margin-top:auto;padding-top:16px;display:flex}.service-actions .button{flex:1}.table-scroll{margin:0 -6px -5px;overflow-x:auto}.data-table{border-collapse:collapse;white-space:nowrap;width:100%}.data-table th,.data-table td{border-top:1px solid var(--border-soft);text-align:left;padding:13px 12px}.data-table th{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;border-top:0;padding-top:4px;font-size:9.5px;font-weight:680}.data-table td{color:var(--text-secondary);font-size:11.5px}.data-table td strong{color:var(--text);font-weight:590}.code-label,.scope-badge{background:var(--surface-raised);color:var(--text-secondary);border-radius:6px;padding:3px 7px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:10px;display:inline-flex}.mono-value{color:var(--text-secondary);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:10.5px}.scope-public{background:var(--blue-soft);color:#9db2cf}.scope-local{background:var(--accent-soft);color:var(--accent)}.data-table tbody tr:nth-child(5n+1) .code-label{background:var(--blue-soft);color:var(--blue)}.data-table tbody tr:nth-child(5n+2) .code-label{background:var(--violet-soft);color:var(--violet)}.data-table tbody tr:nth-child(5n+3) .code-label{background:var(--cyan-soft);color:var(--cyan)}.data-table tbody tr:nth-child(5n+4) .code-label{background:var(--amber-soft);color:var(--amber)}.data-table tbody tr:nth-child(5n+5) .code-label{background:var(--rose-soft);color:var(--rose)}.route-summary{justify-content:space-between;align-items:center;gap:28px;display:flex}.route-summary-main{align-items:center;gap:13px;min-width:220px;display:flex}.route-summary-icon{background:var(--accent-soft);width:42px;height:42px;color:var(--accent)}.route-summary-main>div{display:grid}.route-summary-main strong{max-width:430px;color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12.5px;font-weight:570;overflow:hidden}.route-summary dl{gap:clamp(22px,4vw,48px);margin:0;display:flex}.route-summary dl div{gap:2px;display:grid}.route-summary dt{color:var(--muted);text-transform:uppercase;font-size:9.5px}.route-summary dd{color:var(--text-secondary);margin:0;font-size:11px;font-weight:580}.route-summary dl div:first-child dd{color:var(--cyan)}.route-summary dl div:nth-child(2) dd{color:var(--amber)}.route-summary dl div:nth-child(3) dd{color:var(--violet)}.route-summary dl div:nth-child(4) dd{color:var(--accent)}.webshare-operations{gap:20px;min-width:0;padding:24px;display:grid;overflow:hidden}.webshare-operations-header,.webshare-operations-heading,.webshare-operations-refresh,.webshare-statuses{align-items:center;display:flex}.webshare-operations-header{justify-content:space-between;gap:24px}.webshare-operations-heading{gap:12px;min-width:0}.webshare-operations-heading>div:nth-child(2){min-width:max-content;display:grid}.webshare-operations-heading h2{color:var(--text);letter-spacing:-.025em;margin:1px 0 0;font-size:17px;font-weight:650}.webshare-operations-icon{background:var(--blue-soft);width:39px;height:39px;color:var(--blue);border-radius:10px;flex:none;place-items:center;display:grid}.webshare-statuses{gap:7px;min-width:0;margin-left:4px}.webshare-compact-status,.webshare-plan-tag{border:1px solid var(--border-soft);background:var(--surface-soft);min-height:25px;color:var(--muted);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:0 8px;font-size:9.5px;font-weight:650;display:inline-flex}.webshare-compact-status>span{background:currentColor;border-radius:50%;width:6px;height:6px}.webshare-compact-status.is-positive{background:var(--accent-soft);color:var(--accent-strong);border-color:#90b7aa36}.webshare-compact-status.is-warning{background:var(--warning-soft);color:var(--warning);border-color:#cda56f3d}.webshare-plan-tag{color:var(--text-secondary);font-weight:570}.webshare-operations-refresh{flex:none;gap:11px}.webshare-operations-refresh>span{color:var(--muted);font-size:9.5px}.webshare-operations-refresh .button{min-height:36px;padding:0 11px;font-size:10.5px}.webshare-operations-state{min-height:180px;color:var(--muted);justify-content:center;align-items:center;gap:9px;font-size:11px;display:flex}.webshare-operations-state.is-error{color:var(--danger)}.webshare-inline-alert,.webshare-settings-error{background:var(--danger-soft);color:#d89294;border:1px solid #c97b7d2e;border-radius:8px;align-items:flex-start;gap:7px;padding:8px 10px;font-size:10px;display:flex}.webshare-metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.webshare-metric{border:1px solid var(--border-soft);border-top-color:var(--tone-border);background:var(--surface-soft);min-width:0;min-height:126px;box-shadow:inset 0 2px 0 var(--tone-soft);border-radius:11px;align-content:start;padding:15px 16px;display:grid}.webshare-metric-top{color:var(--tone);align-items:center;gap:7px;display:flex}.webshare-metric-top span{color:var(--muted);text-transform:uppercase;font-size:9.5px;font-weight:650}.webshare-metric>strong{color:var(--text);letter-spacing:-.035em;text-overflow:ellipsis;white-space:nowrap;margin-top:9px;font-size:22px;font-weight:630;overflow:hidden}.webshare-metric>small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:9.5px;overflow:hidden}.webshare-progress{background:#3a3d45;border-radius:99px;width:100%;height:5px;margin:9px 0 7px;overflow:hidden}.webshare-progress>span{border-radius:inherit;background:var(--tone);height:100%;transition:width .18s;display:block}.webshare-primary-grid{grid-template-columns:minmax(0,2fr) minmax(280px,1fr);gap:12px;display:grid}.webshare-secondary-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:12px;display:grid}.webshare-detail-card{border:1px solid var(--border-soft);background:var(--surface-soft);border-radius:11px;min-width:0;padding:18px}.webshare-card-heading{min-height:38px;color:var(--muted);justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:15px;display:flex}.webshare-card-heading>div{display:grid}.webshare-card-heading h3{color:var(--text-secondary);letter-spacing:-.015em;margin:1px 0 0;font-size:13.5px;font-weight:630}.webshare-chart-summary{text-align:right}.webshare-chart-summary span{color:var(--muted);text-transform:uppercase;font-size:8.5px}.webshare-chart-summary strong{color:var(--cyan);font-size:12px;font-weight:630}.webshare-usage-chart{border-bottom:1px solid var(--border-soft);scrollbar-width:thin;background:repeating-linear-gradient(#0000 0 36px,#3a3d468c 36px 37px);align-items:stretch;gap:5px;min-height:174px;padding:5px 4px 0;display:flex;position:relative;overflow-x:auto}.webshare-chart-day{flex:1;grid-template-rows:minmax(120px,1fr) 23px;gap:5px;width:28px;min-width:12px;max-width:34px;display:grid}.webshare-chart-column{min-height:120px;position:relative}.webshare-chart-bar{height:var(--chart-height);opacity:.88;background:linear-gradient(#86b3b6,#668e92);border-radius:4px 4px 1px 1px;min-height:2px;position:absolute;bottom:0;left:1px;right:1px}.webshare-chart-bar[data-empty=true]{background:var(--border);opacity:.7}.webshare-chart-column>i{z-index:1;background:var(--danger);border:1px solid #34272a;border-radius:50%;width:5px;height:5px;position:absolute;bottom:4px;right:50%;transform:translate(50%)}.webshare-chart-day>span{color:var(--muted);text-align:center;white-space:nowrap;font-size:7.5px;line-height:1.2;overflow:visible}.webshare-traffic-facts{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin:14px 0 0;display:grid}.webshare-traffic-facts>div{gap:2px;min-width:0;display:grid}.webshare-traffic-facts dt,.webshare-plan-facts dt{color:var(--muted);font-size:8.5px}.webshare-traffic-facts dd,.webshare-plan-facts dd{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:10px;font-weight:590;overflow:hidden}.webshare-plan-facts{margin:0;display:grid}.webshare-plan-facts>div{border-top:1px solid var(--border-soft);justify-content:space-between;align-items:center;gap:12px;min-width:0;min-height:34px;display:flex}.webshare-plan-facts>div:first-child{border-top:0}.webshare-plan-facts dd{text-align:right;max-width:58%}.webshare-feature-list{flex-wrap:wrap;gap:6px;margin-top:13px;display:flex}.webshare-feature-list>span{background:var(--accent-soft);color:var(--accent);border:1px solid #90b7aa29;border-radius:999px;align-items:center;gap:5px;padding:4px 7px;font-size:8.5px;display:inline-flex}.webshare-toggle-list{display:grid}.webshare-toggle-row{border-top:1px solid var(--border-soft);cursor:pointer;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;min-height:55px;display:grid;position:relative}.webshare-toggle-row:first-child{border-top:0}.webshare-toggle-row>input{opacity:0;width:1px;height:1px;position:absolute}.webshare-toggle-control{background:#393c44;border:1px solid #4a4d56;border-radius:999px;width:30px;height:17px;transition:border-color .14s,background-color .14s;position:relative}.webshare-toggle-control>span{background:var(--muted);border-radius:50%;width:9px;height:9px;transition:background-color .14s,transform .14s;position:absolute;top:3px;left:3px}.webshare-toggle-row>input:checked+.webshare-toggle-control{background:#3d5b51bf;border-color:#90b7aa80}.webshare-toggle-row>input:checked+.webshare-toggle-control>span{background:var(--accent-strong);transform:translate(13px)}.webshare-toggle-row>input:focus-visible+.webshare-toggle-control{outline:2px solid var(--accent);outline-offset:2px}.webshare-toggle-row:has(input:disabled){cursor:not-allowed;opacity:.55}.webshare-toggle-copy{gap:1px;min-width:0;display:grid}.webshare-toggle-copy strong{color:var(--text-secondary);font-size:10.5px;font-weight:590}.webshare-toggle-copy small{color:var(--muted);font-size:8.5px}.webshare-timeout-row{flex-wrap:wrap;gap:7px;margin-top:12px;display:flex}.webshare-timeout-row>span{background:var(--surface);color:var(--muted);border-radius:7px;align-items:center;gap:5px;padding:5px 7px;font-size:8.5px;display:inline-flex}.webshare-timeout-row strong{color:var(--text-secondary);font-weight:620}.webshare-settings-error{margin-top:10px}.webshare-settings-actions{justify-content:flex-end;margin-top:14px;display:flex}.webshare-settings-actions .button{min-height:36px;font-size:10.5px}.webshare-distribution-group{gap:7px;margin-bottom:14px;display:grid}.webshare-distribution-group>span,.webshare-error-list>span{color:var(--muted);text-transform:uppercase;font-size:8.5px;font-weight:650}.webshare-distribution-group>div{flex-wrap:wrap;gap:6px;display:flex}.webshare-distribution-group>div>span{border:1px solid var(--border-soft);background:var(--surface);min-height:26px;color:var(--text-secondary);border-radius:7px;align-items:center;gap:8px;padding:0 8px;font-size:9px;font-weight:620;display:inline-flex}.webshare-distribution-group strong{color:var(--cyan);font-size:9px}.webshare-distribution-group small{color:var(--muted);font-size:9px}.webshare-error-list{gap:8px;padding-top:2px;display:grid}.webshare-error-row{color:var(--danger);background:#c97b7d11;border:1px solid #c97b7d26;border-radius:8px;align-items:flex-start;gap:8px;padding:9px 10px;display:flex}.webshare-error-row>svg{flex:none;margin-top:1px}.webshare-error-row>div{gap:1px;min-width:0;display:grid}.webshare-error-row strong{color:#d09a9c;font-size:9.5px;font-weight:620}.webshare-error-row span,.webshare-error-row small{color:var(--muted);font-size:8.5px;line-height:1.45}.webshare-error-row small{margin-top:3px}.webshare-no-errors{background:var(--accent-soft);color:var(--accent);border-radius:8px;align-items:center;gap:7px;padding:9px 10px;font-size:9.5px;display:flex}.route-slot-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.route-form{gap:10px}.route-slot{border-top-color:var(--tone-border);min-width:0;box-shadow:inset 0 2px 0 var(--tone-soft), 0 1px 0 #ffffff03;grid-template-rows:auto auto 1fr;gap:18px;padding:20px;transition:border-color .14s,box-shadow .14s;display:grid}.route-slot[data-selected=true]{border-color:#90b7aa52;box-shadow:inset 0 2px #90b7aa47,0 1px #ffffff03}.route-slot.route-slot-active,.route-slot.route-slot-active[data-selected=true]{background:linear-gradient(145deg,#7458991f,#292c33f5 48%);border-color:#b69dddb8;box-shadow:inset 0 0 0 1px #b69ddd3d,inset 0 2px #c3abe76b,0 0 0 1px #785ba01f,0 7px 22px #100c1733}.route-slot-header{justify-content:space-between;align-items:center;gap:12px;min-width:0;display:flex}.route-location-name{width:100%;min-width:0;color:var(--tone);letter-spacing:-.015em;text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:670;display:block;overflow:hidden}.route-slot-active .route-location-name{color:#c4afe3}.route-slot-state{border:1px solid var(--border-soft);background:var(--surface-soft);color:var(--muted);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:5px 8px;font-size:10px;font-weight:650;display:inline-flex}.route-slot-state>span{background:currentColor;border-radius:50%;width:6px;height:6px}.route-state-active{color:#d1e3dd;background:#3d5b51;border-color:#58766c}.route-state-pending{background:var(--amber-soft);color:var(--amber);border-color:#c4a17138}.route-slot-fields{grid-template-columns:minmax(0,1fr) 112px;gap:12px;display:grid}.route-slot-footer{border-top:1px solid var(--border-soft);align-content:end;gap:13px;padding-top:15px;display:grid}.route-slot-actions{gap:12px;min-width:0;display:grid}.route-provider-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.route-replacement-note{width:fit-content;min-width:0;color:var(--muted);font:inherit;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:0;align-items:center;gap:5px;font-size:9.5px;display:inline-flex;overflow:hidden}.route-replacement-note-action{color:var(--amber);cursor:pointer;padding:0}.route-replacement-note-action:hover:not(:disabled){color:#d5ad78}.route-active-choice{width:fit-content;color:var(--muted);cursor:pointer;align-items:center;gap:8px;font-size:11px;font-weight:610;display:inline-flex;position:relative}.route-active-choice input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.route-active-choice:has(input:disabled){cursor:not-allowed;opacity:.45}.route-active-choice-selected{color:var(--accent-strong)}.route-radio{border:1px solid var(--border);background:var(--surface-soft);border-radius:50%;place-items:center;width:19px;height:19px;display:grid}.route-active-choice-selected .route-radio{background:var(--accent-soft);color:var(--accent);border-color:#90b7aa73}.route-active-choice:focus-within .route-radio{outline:2px solid var(--accent);outline-offset:2px}.route-probe-result{min-width:0;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.route-probe-result:not(.route-probe-error){color:var(--accent)}.route-probe-error{color:var(--danger)}.route-provider-actions .button{width:100%;min-width:0;padding-inline:7px;font-size:10px}.route-save-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.route-save-actions .button{grid-column:3;justify-self:end;min-width:148px}.form-section{padding:24px}.form-grid{gap:16px;display:grid}.endpoint-grid{grid-template-columns:minmax(240px,1fr) 150px}.field-group{min-width:0;color:var(--text-secondary);align-content:start;gap:7px;font-size:11px;font-weight:580;display:grid}.field-group>span:first-child{min-height:16px}.field-group i{color:var(--muted);margin-left:5px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:9px;font-style:normal;font-weight:500}.field-group input,.field-group select{border:1px solid var(--border);background:var(--surface-soft);width:100%;height:43px;color:var(--text);border-radius:8px;outline:0;font-size:12.5px;font-weight:480;transition:border-color .13s,box-shadow .13s,background-color .13s}.field-group input{padding:0 12px}.field-group select{appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--muted) 50%), linear-gradient(135deg, var(--muted) 50%, transparent 50%);background-position:calc(100% - 16px) 18px,calc(100% - 11px) 18px;background-repeat:no-repeat;background-size:5px 5px,5px 5px;padding:0 34px 0 12px}.field-group input:hover,.field-group select:hover{border-color:#4a4e58}.field-group input:focus,.field-group select:focus{background-color:#272a30;border-color:#90b7aaa6;box-shadow:0 0 0 3px #90b7aa14}.field-group input::placeholder{color:#6f7681}.input-with-icon{display:block;position:relative}.input-with-icon>svg{z-index:1;color:var(--muted);pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.input-with-icon input{padding-left:39px}.field-error{color:var(--danger);font-size:10px;font-weight:500}.check-panel p{color:var(--muted);margin:-8px 0 17px;font-size:11px}.sticky-form-actions{z-index:8;border:1px solid var(--border);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#282b32f2;border-radius:12px;justify-content:space-between;align-items:center;gap:20px;padding:14px;display:flex;position:sticky;bottom:16px}.sticky-form-actions>div{align-items:center;gap:9px;display:flex}.sticky-form-actions>div:first-child{color:var(--muted);font-size:11px}.sticky-form-actions>div:first-child svg{color:var(--accent)}.check-panel{justify-content:space-between;align-items:center;gap:24px;display:flex}.check-panel-copy{align-items:center;gap:14px;display:flex}.check-icon{background:var(--accent-soft);width:44px;height:44px;color:var(--accent)}.check-panel p{margin:4px 0 0}.validation-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.validation-card{border:1px solid;border-radius:10px;align-items:center;gap:10px;min-height:78px;padding:14px;display:flex}.validation-card>div{min-width:0;display:grid}.validation-card strong{color:var(--text-secondary);font-size:11.5px}.validation-card span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:9.5px;overflow:hidden}.validation-card small{color:var(--muted);margin-left:auto;font-size:9px}.validation-valid{color:var(--accent);background:#90b7aa0e;border-color:#90b7aa29}.validation-invalid{color:var(--danger);background:#c97b7d0e;border-color:#c97b7d33}.activity-row{border-top:1px solid var(--border-soft);align-items:center;gap:13px;min-height:66px;display:flex}.activity-row:first-child{border-top:0}.activity-row-copy{flex:1;display:grid}.activity-row-copy strong{color:var(--text-secondary);font-size:12.5px;font-weight:590}.activity-row-copy span{color:var(--muted);font-size:10.5px}.activity-row time{color:var(--muted);align-items:center;gap:6px;font-size:10px;display:flex}.empty-state{min-height:190px;color:var(--muted);text-align:center;align-content:center;place-items:center;gap:5px;display:grid}.empty-icon{width:38px;height:38px;margin-bottom:5px}.empty-state strong{color:var(--text-secondary);font-size:12.5px}.empty-state>span:last-child{font-size:10.5px}.login-page{background:var(--background);place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{border:1px solid var(--border-soft);background:var(--surface);width:min(390px,100%);box-shadow:var(--shadow);border-radius:16px;padding:30px}.login-brand{margin-bottom:42px}.login-heading{margin-bottom:23px}.login-heading h1{max-width:300px;font-size:22px}.login-form{gap:15px;display:grid}.login-form .field-group>span:first-child{color:var(--muted);font-size:10px}.login-form input{background:var(--surface-soft);height:47px}.login-submit{width:100%;min-height:45px;margin-top:3px}.login-submit svg:last-child{margin-left:auto}.form-alert{background:var(--danger-soft);color:#d89294;border:1px solid #c97b7d33;border-radius:7px;padding:9px 11px;font-size:11px}.dialog-backdrop{z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0a0b0dad;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.confirm-dialog{border:1px solid var(--border);background:var(--surface-raised);border-radius:14px;width:min(420px,100%);padding:24px;box-shadow:0 24px 70px #00000061}.webshare-dialog{border:1px solid var(--border);background:var(--surface-raised);border-radius:14px;grid-template-rows:auto auto minmax(0,1fr);gap:18px;width:min(780px,100%);max-height:min(760px,100vh - 48px);padding:22px;display:grid;box-shadow:0 24px 70px #00000061}.webshare-dialog-header{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.webshare-dialog-header h2{color:var(--text);letter-spacing:-.02em;margin:3px 0 0;font-size:17px;font-weight:640}.webshare-toolbar{grid-template-columns:minmax(220px,1fr) auto;align-items:end;gap:10px;display:grid}.webshare-toolbar .button{height:43px}.webshare-proxy-list{align-content:start;gap:8px;min-height:180px;padding-right:3px;display:grid;overflow-y:auto}.webshare-proxy-row{border:1px solid var(--border-soft);background:var(--surface-soft);border-radius:9px;grid-template-columns:38px minmax(0,1fr) auto auto;align-items:center;gap:12px;min-height:66px;padding:10px 11px;display:grid}.webshare-country-code{background:var(--blue-soft);width:36px;height:30px;color:var(--blue);letter-spacing:.06em;border-radius:7px;place-items:center;font-size:10px;font-weight:720;display:grid}.webshare-proxy-copy{gap:2px;min-width:0;display:grid}.webshare-proxy-copy strong{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11.5px;font-weight:590;overflow:hidden}.webshare-proxy-copy span{color:var(--muted);align-items:center;gap:4px;font-size:9.5px;display:flex}.webshare-health{color:var(--muted);align-items:center;gap:6px;font-size:9.5px;font-weight:620;display:inline-flex}.webshare-health>span{background:currentColor;border-radius:50%;width:6px;height:6px}.webshare-health-valid{color:var(--accent)}.webshare-proxy-statuses{justify-items:start;gap:5px;min-width:112px;display:grid}.webshare-allocation{text-overflow:ellipsis;white-space:nowrap;border:1px solid #0000;border-radius:999px;align-items:center;gap:5px;max-width:150px;padding:3px 7px;font-size:9px;font-weight:650;line-height:1.2;display:inline-flex;overflow:hidden}.webshare-allocation>span{background:currentColor;border-radius:50%;flex:none;width:5px;height:5px}.webshare-allocation-current{color:#b8a6d4;background:#a397bd1f;border-color:#b69ddd38}.webshare-allocation-used{background:var(--amber-soft);color:var(--amber);border-color:#c4a17133}.webshare-allocation-unused{background:var(--cyan-soft);color:var(--cyan);border-color:#7fadb12e}.webshare-use-button{min-width:78px}.webshare-dialog-state{min-height:180px;color:var(--muted);justify-content:center;align-items:center;gap:9px;font-size:11px;display:flex}.webshare-dialog-alert{margin:0}.webshare-replacement-dialog{grid-template-rows:auto;align-content:start;width:min(680px,100%);overflow-y:auto}.replacement-meta-grid{grid-template-columns:minmax(0,1.4fr) minmax(150px,.7fr) auto;align-items:end;gap:10px;display:grid}.replacement-meta-grid>div{border:1px solid var(--border-soft);background:var(--surface-soft);border-radius:9px;gap:5px;min-width:0;padding:11px 12px;display:grid}.replacement-meta-grid span{color:var(--muted);font-size:9px}.replacement-meta-grid strong{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px;font-weight:600;overflow:hidden}.replacement-refresh{height:43px}.replacement-target-grid{grid-template-columns:minmax(150px,.7fr) minmax(0,1.3fr);align-items:end;gap:12px;display:grid}.replacement-random-choice{border:1px solid var(--border-soft);background:var(--surface-soft);min-height:43px;color:var(--muted);border-radius:8px;align-items:center;gap:8px;padding:0 12px;font-size:10px;display:flex}.replacement-history-line{min-width:0;color:var(--muted);align-items:center;gap:7px;font-size:9.5px;display:flex;overflow:hidden}.replacement-history-line strong{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:9.5px;font-weight:560;overflow:hidden}.replacement-preview{color:var(--accent);background:#3d5b5133;border:1px solid #68968647;border-radius:9px;align-items:center;gap:11px;padding:12px 13px;display:flex}.replacement-preview>div{gap:3px;display:grid}.replacement-preview strong{color:var(--text-secondary);align-items:center;gap:5px;font-size:10.5px;font-weight:620;display:flex}.replacement-preview span{color:var(--muted);font-size:9.5px}.replacement-dialog-actions{justify-content:flex-end;gap:9px;padding-top:4px;display:flex}.confirm-dialog h2{font-size:17px}.confirm-dialog p{color:var(--muted);margin:9px 0 24px;font-size:12px;line-height:1.6}.dialog-alert{background:var(--danger-soft);color:#d89294;border:1px solid #c97b7d33;border-radius:7px;margin:-10px 0 18px;padding:9px 11px;font-size:11px;line-height:1.5}.dialog-actions{justify-content:flex-end;gap:9px;display:flex}.toast-stack{z-index:200;gap:9px;width:min(360px,100vw - 32px);display:grid;position:fixed;bottom:22px;right:22px}.toast{border:1px solid var(--border);min-height:50px;box-shadow:var(--shadow);color:var(--text-secondary);background:#30333a;border-radius:10px;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:10px 11px 10px 13px;font-size:11.5px;display:grid}.toast-success>svg{color:var(--accent)}.toast-error>svg{color:var(--danger)}.toast-info>svg{color:var(--blue)}.toast button{width:28px;height:28px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;display:grid}.toast button:hover{background:var(--surface-raised);color:var(--text)}.standalone-message{min-height:100vh;color:var(--muted);text-align:center;align-content:center;place-items:center;gap:8px;padding:24px;display:grid}.standalone-message strong{color:var(--text);font-size:18px}.standalone-message a{color:var(--accent);font-size:12px}.protocol-intro,.links-toolbar,.links-toolbar>div:first-child{align-items:center;display:flex}.protocol-intro{gap:14px;padding:20px 22px}.protocol-intro .route-summary-icon{background:var(--cyan-soft);color:var(--cyan)}.links-toolbar .route-summary-icon{background:var(--violet-soft);color:var(--violet)}.route-page .route-summary-icon{background:var(--amber-soft);color:var(--amber)}.protocol-intro h2,.links-toolbar h2{color:var(--text);margin:0 0 4px;font-size:14px;font-weight:650}.protocol-intro p,.links-toolbar p{color:var(--muted);margin:0;font-size:11px}.protocol-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.protocol-card{gap:20px;padding:20px;display:grid}.protocol-card>header,.link-card>header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.protocol-card h2,.link-card h2{color:var(--text);margin:4px 0 0;font-size:14px;font-weight:650}.protocol-card[data-tone] .section-kicker,.link-card[data-tone] .section-kicker{color:var(--tone)}.port-mode{border-radius:6px;align-items:center;gap:5px;padding:5px 8px;font-size:10px;font-weight:650;display:inline-flex}.port-mode-random{background:var(--accent-soft);color:var(--accent)}.port-mode-fixed{background:var(--surface-raised);color:var(--muted)}.protocol-port{border:1px solid var(--border-soft);background:var(--surface-soft);border-radius:9px;justify-content:space-between;align-items:baseline;gap:20px;padding:14px;display:flex}.protocol-card[data-tone] .protocol-port{background:linear-gradient(90deg, var(--tone-soft), transparent 48%), var(--surface-soft)}.protocol-port span,.additional-ports>span{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:10px;font-weight:600}.protocol-port strong{color:var(--text);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:22px;font-weight:620}.protocol-card[data-tone] .protocol-port strong{color:var(--tone)}.protocol-egress{justify-content:space-between;align-items:center;gap:16px;margin-top:-10px;padding:0 3px;display:flex}.protocol-egress>span{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:9px;font-weight:650}.protocol-egress>strong{color:var(--text-secondary);font-size:10.5px;font-weight:650}.protocol-egress[data-egress=http]>strong{color:var(--amber)}.protocol-egress[data-egress=socks5]>strong{color:var(--accent-strong)}.additional-ports{gap:8px;display:grid}.additional-ports>div{flex-wrap:wrap;gap:6px;display:flex}.additional-ports code{background:var(--surface-raised);color:var(--text-secondary);border-radius:5px;padding:4px 6px;font-size:10px}.protocol-card[data-tone] .additional-ports code{background:var(--tone-soft);color:var(--tone)}.protocol-action{width:100%}.socks-route-summary .route-summary-icon{background:var(--accent-soft);color:var(--accent)}.socks-route-layout{grid-template-columns:minmax(0,1.35fr) minmax(300px,.75fr);align-items:start;gap:14px;display:grid}.socks-route-form{gap:20px;min-width:0;padding:24px;display:grid}.socks-route-card-header{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.socks-route-card-header h2,.socks-route-entry-card h2{color:var(--text);letter-spacing:-.02em;margin:3px 0 0;font-size:16px;font-weight:650}.socks-route-card-header p{max-width:560px;color:var(--muted);margin:7px 0 0;font-size:10.5px;line-height:1.6}.socks-route-enable{border:1px solid var(--border-soft);background:var(--surface-soft);cursor:pointer;border-radius:9px;justify-content:space-between;align-items:center;gap:18px;padding:14px 15px;display:flex;position:relative}.socks-route-enable>span:first-child{gap:2px;display:grid}.socks-route-enable strong{color:var(--text-secondary);font-size:11.5px;font-weight:630}.socks-route-enable small{color:var(--muted);font-size:9.5px}.socks-route-enable>input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.socks-route-enable:has(input:disabled){cursor:not-allowed;opacity:.58}.socks-route-switch{border:1px solid var(--border);background:#202228;border-radius:999px;flex:none;align-items:center;width:38px;height:21px;padding:2px;transition:border-color .14s,background-color .14s;display:flex}.socks-route-switch>span{background:var(--muted);border-radius:50%;width:15px;height:15px;transition:transform .14s}.socks-route-enable>input:checked+.socks-route-switch{background:var(--accent-soft);border-color:#90b7aa8c}.socks-route-enable>input:checked+.socks-route-switch>span{background:var(--accent-strong);transform:translate(17px)}.socks-route-enable>input:focus-visible+.socks-route-switch{outline:2px solid var(--accent);outline-offset:2px}.socks-route-endpoint-grid{grid-template-columns:minmax(0,1fr) 130px}.socks-route-credential-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.socks-route-secret-note,.socks-route-probe,.socks-route-entry-note{border-radius:8px;align-items:center;gap:7px;padding:9px 10px;font-size:10px;line-height:1.5;display:flex}.socks-route-secret-note{background:var(--violet-soft);color:var(--violet);margin-top:-8px}.socks-route-probe.is-success{background:var(--accent-soft);color:var(--accent-strong);border:1px solid #90b7aa2e}.socks-route-probe.is-error{background:var(--danger-soft);color:var(--danger);border:1px solid #c97b7d33}.socks-route-form-actions{border-top:1px solid var(--border-soft);justify-content:flex-end;gap:9px;padding-top:18px;display:flex}.socks-route-form-actions .button{min-width:132px}.socks-route-entry-card{min-width:0;box-shadow:inset 0 2px 0 var(--violet-soft), 0 1px 0 #ffffff03;border-top-color:#a397bd57;gap:19px;padding:22px;display:grid}.socks-route-entry-card>header{align-items:center;gap:11px;display:flex}.socks-route-entry-icon{background:var(--violet-soft);width:38px;height:38px;color:var(--violet);border-radius:10px;flex:none;place-items:center;display:grid}.socks-route-flow{border:1px solid var(--border-soft);background:var(--surface-soft);color:var(--muted);border-radius:9px;justify-content:center;align-items:center;gap:7px;padding:13px 10px;display:flex}.socks-route-flow>span{color:var(--text-secondary);text-align:center;white-space:nowrap;gap:1px;font-size:10px;font-weight:650;display:grid}.socks-route-flow small{color:var(--muted);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:8.5px;font-weight:520}.socks-route-entry-facts{gap:9px;display:grid}.socks-route-entry-facts>div{border-bottom:1px solid var(--border-soft);justify-content:space-between;gap:15px;padding-bottom:9px;display:flex}.socks-route-entry-facts span{color:var(--muted);font-size:9.5px}.socks-route-entry-facts strong{color:var(--text-secondary);font-size:10px;font-weight:620}.socks-route-entry-card>p{color:var(--muted);margin:0;font-size:10px;line-height:1.7}.socks-route-entry-note{background:var(--amber-soft);color:var(--amber);align-items:flex-start}.socks-add-card{gap:18px;padding:23px;display:grid}.socks-section-header,.socks-pool-header,.socks-proxy-card>header,.socks-proxy-title,.socks-proxy-actions{align-items:center;display:flex}.socks-section-header,.socks-pool-header,.socks-proxy-card>header{justify-content:space-between;gap:18px}.socks-section-header{align-items:flex-start}.socks-section-header h2,.socks-pool-header h2,.socks-proxy-title h3{color:var(--text);letter-spacing:-.02em;margin:3px 0 0;font-weight:650}.socks-section-header h2,.socks-pool-header h2{font-size:16px}.socks-section-header p{max-width:680px;color:var(--muted);margin:7px 0 0;font-size:10.5px;line-height:1.6}.socks-add-form{grid-template-columns:minmax(160px,.32fr) minmax(320px,1fr) auto;align-items:end;gap:12px;display:grid}.socks-add-button{min-width:148px}.socks-add-card .socks-route-secret-note{margin-top:-5px}.socks-pool-section{gap:13px;display:grid}.socks-pool-header{padding:2px 4px 0}.socks-pool-header>span{color:var(--muted);font-size:10px;font-weight:620}.socks-proxy-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;display:grid}.socks-proxy-card{border-top-color:var(--tone-border);min-width:0;box-shadow:inset 0 2px 0 var(--tone-soft), 0 1px 0 #ffffff03;gap:17px;padding:20px;display:grid}.socks-proxy-card.is-active{border-color:var(--tone-border);background:linear-gradient(135deg, var(--tone-soft), transparent 43%), var(--surface);box-shadow:inset 3px 0 0 var(--tone), 0 1px 0 #ffffff03}.socks-proxy-title{gap:10px;min-width:0}.socks-proxy-title>div{min-width:0}.socks-proxy-title h3{text-overflow:ellipsis;white-space:nowrap;max-width:240px;font-size:13.5px;overflow:hidden}.socks-proxy-icon{background:var(--tone-soft);width:36px;height:36px;color:var(--tone);border-radius:9px;flex:none;place-items:center;display:grid}.socks-proxy-header-actions{flex:none;align-items:center;gap:7px;display:flex}.socks-rename-trigger{border:1px solid var(--border-soft);background:var(--surface-raised);width:27px;height:27px;color:var(--muted);cursor:pointer;border-radius:7px;place-items:center;display:grid}.socks-rename-trigger:hover:not(:disabled){border-color:var(--tone-border);color:var(--tone)}.socks-rename-trigger:disabled{cursor:not-allowed;opacity:.45}.socks-health{border:1px solid var(--border-soft);border-radius:999px;flex:none;align-items:center;gap:5px;padding:5px 8px;font-size:9px;font-weight:650;display:inline-flex}.socks-health.is-available{background:var(--accent-soft);color:var(--accent-strong);border-color:#90b7aa42}.socks-health.is-unavailable{background:var(--danger-soft);color:var(--danger);border-color:#c97b7d47}.socks-health.is-unknown{background:var(--surface-raised);color:var(--muted)}.socks-rename-form{border:1px solid var(--tone-border);background:var(--tone-soft);border-radius:8px;grid-template-columns:minmax(0,1fr) auto 40px;align-items:end;gap:8px;padding:12px;display:grid}.socks-rename-form .button{min-width:112px}.socks-rename-form .form-alert{grid-column:1/-1}.socks-proxy-endpoint{border:1px solid var(--border-soft);border-left-color:var(--tone);color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;background:#1d1f24;border-radius:8px;padding:12px 13px;font-size:10.5px;overflow:hidden}.socks-proxy-facts{grid-template-columns:1.35fr 1fr .7fr;gap:8px;margin:0;display:grid}.socks-proxy-facts>div{border:1px solid var(--border-soft);background:var(--surface-soft);border-radius:7px;min-width:0;padding:9px 10px}.socks-proxy-facts dt{color:var(--muted);align-items:center;gap:5px;margin:0 0 4px;font-size:8.5px;display:flex}.socks-proxy-facts dd{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:9.5px;font-weight:620;overflow:hidden}.socks-proxy-actions{border-top:1px solid var(--border-soft);justify-content:flex-end;gap:8px;padding-top:15px}.socks-proxy-actions .button:first-child{margin-right:auto}.socks-pool-empty{min-height:190px;color:var(--muted);text-align:center;align-content:center;place-items:center;gap:7px;display:grid}.socks-pool-empty>svg{color:var(--copper,#b18f7d);margin-bottom:3px}.socks-pool-empty strong{color:var(--text-secondary);font-size:12px}.socks-pool-empty span{font-size:10px}.links-toolbar{justify-content:space-between;gap:20px;padding:18px 20px}.links-toolbar>div:first-child{gap:13px}.links-toolbar>div:last-child{gap:8px;display:flex}.links-loading{min-height:150px;color:var(--muted);justify-content:center;align-items:center;gap:10px;font-size:11px;display:flex}.link-list{gap:12px;display:grid}.link-card{gap:14px;padding:18px 20px;display:grid}.link-card[data-tone] .icon-button{border-color:var(--tone-border);background:var(--tone-soft);color:var(--tone)}.share-link{overflow-wrap:anywhere;border:1px solid var(--border-soft);min-height:46px;color:var(--text-secondary);-webkit-user-select:all;user-select:all;background:#1d1f24;border-radius:8px;padding:13px 14px;font-size:10.5px;line-height:1.7;display:block}.link-card[data-tone] .share-link{border-left-color:var(--tone)}.share-link-hidden{color:var(--muted);-webkit-user-select:none;user-select:none;place-items:center;display:grid}@media (max-width:1180px){.route-slot-grid,.webshare-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.webshare-primary-grid,.webshare-secondary-grid{grid-template-columns:1fr}.route-save-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.route-save-actions .button{grid-column:2}}@media (max-width:980px){.metric-grid,.validation-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.route-summary{align-items:flex-start}.route-summary dl{grid-template-columns:repeat(2,auto);gap:12px 28px;display:grid}.socks-route-layout,.socks-proxy-grid{grid-template-columns:1fr}}@media (max-width:760px){.app-shell{display:block}.sidebar{border-right:0;border-bottom:1px solid var(--border-soft);width:100%;height:auto;padding:14px 16px;position:static;overflow:hidden}.sidebar-brand{padding:0 4px 13px}.primary-nav{flex-direction:row;width:100%;min-width:0;max-width:100%;padding-bottom:2px;overflow-x:auto}.nav-link{width:auto;min-width:max-content;min-height:39px;padding:0 10px}.sidebar-foot{border:0;padding:0;display:block;position:absolute;top:14px;right:14px}.sidebar-connection{display:none}.sidebar-logout{width:39px;min-width:39px;padding:0}.sidebar-logout span{display:none}.workspace-header{min-height:82px;padding:16px 20px;position:static}.page-content{padding:24px 18px 44px}.overview-columns,.service-grid,.protocol-grid{grid-template-columns:1fr}.component-update-overview{flex-direction:column;align-items:stretch}.component-update-heading{flex:none;width:100%}.component-update-refresh{justify-content:space-between}.endpoint-grid,.socks-route-endpoint-grid,.socks-add-form{grid-template-columns:1fr}.socks-add-button{width:100%}.route-slot-grid,.route-save-actions{grid-template-columns:1fr}.route-save-actions .button{grid-column:1}.route-summary{display:grid}.route-summary dl{grid-template-columns:repeat(3,1fr);width:100%}.webshare-operations-header,.webshare-operations-heading{align-items:flex-start}.webshare-operations-header{flex-direction:column}.webshare-operations-heading{flex-wrap:wrap}.webshare-statuses{width:100%;margin:2px 0 0 51px}.webshare-operations-refresh{justify-content:space-between;width:100%}.webshare-traffic-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.sticky-form-actions{flex-direction:column;align-items:stretch;position:static}.sticky-form-actions>div:last-child{grid-template-columns:1fr 1fr;display:grid}.route-page .sticky-form-actions>div:last-child{grid-template-columns:1fr}.links-toolbar{flex-direction:column;align-items:stretch}}@media (max-width:520px){.workspace-header h1{font-size:22px}.refresh-button{width:40px;padding:0}.refresh-button span{display:none}.metric-grid{grid-template-columns:1fr 1fr;gap:10px}.metric-card{min-height:142px;padding:15px}.metric-value{font-size:21px}.health-banner{align-items:flex-start}.health-banner .status-pill{display:none}.listener-summary{flex-direction:column;align-items:flex-start}.service-details{gap:12px}.component-update-refresh{flex-direction:column;align-items:stretch}.component-update-refresh .button{width:100%}.panel-card,.form-section{padding:18px}.route-summary dl{grid-template-columns:1fr 1fr}.route-save-actions .button{width:100%}.socks-route-credential-grid{grid-template-columns:1fr}.socks-route-form-actions{grid-template-columns:1fr;display:grid}.socks-route-form-actions .button{width:100%}.socks-section-header{flex-direction:column;align-items:flex-start}.socks-proxy-facts{grid-template-columns:1fr}.socks-proxy-actions{grid-template-columns:1fr 1fr 40px;display:grid}.socks-proxy-actions .button:first-child{margin-right:0}.socks-rename-form{grid-template-columns:1fr 40px}.socks-rename-form .field-group{grid-column:1/-1}.socks-rename-form .button{min-width:0}.webshare-operations{padding:16px}.webshare-statuses{margin-left:0}.webshare-plan-tag{text-overflow:ellipsis;max-width:170px;overflow:hidden}.webshare-operations-refresh>span{display:none}.webshare-operations-refresh .button{width:100%}.webshare-metric-grid{grid-template-columns:1fr}.webshare-metric{min-height:120px}.webshare-detail-card{padding:15px}.route-slot-fields{grid-template-columns:1fr}.webshare-dialog{max-height:calc(100vh - 24px);padding:16px}.webshare-toolbar{grid-template-columns:1fr}.webshare-toolbar .button{width:100%}.replacement-meta-grid,.replacement-target-grid{grid-template-columns:1fr}.replacement-refresh{width:100%}.replacement-history-line{flex-wrap:wrap;align-items:flex-start}.webshare-proxy-list{flex-direction:column;display:flex}.webshare-proxy-row{flex:none;grid-template-rows:auto auto auto;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:9px 12px}.webshare-country-code{grid-area:1/1}.webshare-proxy-copy{grid-area:1/2}.webshare-proxy-statuses{flex-wrap:wrap;grid-area:2/1/auto/-1;align-items:center;gap:7px;min-width:0;display:flex}.webshare-use-button{grid-area:3/1/auto/-1;width:100%}.links-toolbar>div:last-child{grid-template-columns:1fr 1fr;display:grid}.check-panel{flex-direction:column;align-items:stretch}.validation-grid{grid-template-columns:1fr}.activity-row time{flex-direction:column;align-items:flex-end;gap:1px}.login-card{padding:24px}.login-brand{margin-bottom:34px}.toast-stack{bottom:16px;right:16px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}