:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ovpn-ds-bg:#000;--ovpn-ds-bg-elevated:#050505;--ovpn-ds-surface:#0b0b0c;--ovpn-ds-surface-raised:#111214;--ovpn-ds-surface-strong:#17191c;--ovpn-ds-steel:#1a1d21;--ovpn-ds-steel-strong:#0f1012;--ovpn-ds-border:#cdd5dc29;--ovpn-ds-border-strong:#dce4eb4d;--ovpn-ds-text:#f5f7f8;--ovpn-ds-text-soft:#edf4f8;--ovpn-ds-muted:#b7bcc1;--ovpn-ds-subtle:#7b8188;--ovpn-ds-accent:#cfd4d8;--ovpn-ds-accent-strong:#f5f7f8;--ovpn-ds-success:#f5f7f8;--ovpn-ds-warning:#d8dde2;--ovpn-ds-danger:#b7bcc1;--ovpn-ds-radius-control:999px;--ovpn-ds-radius-card:16px;--ovpn-ds-radius-panel:18px;--ovpn-ds-radius-compact:10px;--ovpn-ds-space-xs:6px;--ovpn-ds-space-sm:10px;--ovpn-ds-space-md:16px;--ovpn-ds-space-lg:24px;--ovpn-ds-space-xl:32px;--ovpn-ds-shadow-card:0 18px 48px #00000094, 0 1px 0 #ffffff09 inset;--ovpn-ds-shadow-control:0 8px 18px #0000005c, 0 1px 0 #ffffff0f inset;--ovpn-ds-shadow-map:0 24px 70px #000000ad, 0 0 0 1px #ffffff06 inset;--ovpn-ds-motion-fast:.16s cubic-bezier(.2, .8, .2, 1);--ovpn-ds-motion-standard:.22s cubic-bezier(.2, .8, .2, 1);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}:root[data-theme=premium-light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ovpn-ds-bg:#fff;--ovpn-ds-bg-elevated:#fff;--ovpn-ds-surface:#fff;--ovpn-ds-surface-raised:#f5f6f8;--ovpn-ds-surface-strong:#e7eaee;--ovpn-ds-steel:#dde2e7;--ovpn-ds-steel-strong:#aeb8c2;--ovpn-ds-border:#151b222e;--ovpn-ds-border-strong:#151b2257;--ovpn-ds-text:#050607;--ovpn-ds-text-soft:#171a1f;--ovpn-ds-muted:#3f4852;--ovpn-ds-subtle:#66717c;--ovpn-ds-accent:#2b3138;--ovpn-ds-accent-strong:#050607;--ovpn-ds-success:#050607;--ovpn-ds-warning:#3f4852;--ovpn-ds-danger:#66717c}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:var(--ovpn-ds-bg);--sidebar:var(--ovpn-ds-bg-elevated);--panel:var(--ovpn-ds-surface);--panel-2:var(--ovpn-ds-surface-raised);--panel-3:var(--ovpn-ds-surface-strong);--border:var(--ovpn-ds-border);--border-strong:var(--ovpn-ds-border-strong);--text:var(--ovpn-ds-text);--muted:var(--ovpn-ds-muted);--subtle:var(--ovpn-ds-subtle);--green:var(--ovpn-ds-success);--green-dim:#d8dde2;--white-accent:var(--ovpn-ds-accent);--white-strong:var(--ovpn-ds-accent-strong);--ink-accent:var(--ovpn-ds-accent);--steel:var(--ovpn-ds-steel);--steel-2:var(--ovpn-ds-steel-strong);--soft-white:var(--ovpn-ds-text-soft);--yellow:var(--ovpn-ds-warning);--red:var(--ovpn-ds-danger);--gray:#a8b0b7;--shadow:var(--ovpn-ds-shadow-card);--shadow-soft:var(--ovpn-ds-shadow-control);background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--white-accent);outline-offset:2px}.auth-shell{background:radial-gradient(circle at 70% 20%,#f5f7f814,#0000 30%),linear-gradient(135deg,#05080a,#0b1217 56%,#05080a);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.auth-panel{border:1px solid var(--border);box-shadow:var(--shadow);background:linear-gradient(#121d25f5,#0a1014fa);border-radius:18px;width:min(100%,440px);max-width:440px;padding:24px;position:relative}.auth-theme-toggle{justify-content:center;align-items:center;width:38px;height:38px;padding:0;display:inline-flex;position:absolute;top:18px;right:18px}.auth-brand{padding-bottom:18px}.auth-copy h1{margin:0 0 8px;font-size:32px;line-height:1}.auth-copy p{color:var(--muted);margin:0 0 20px;line-height:1.5}.admin-auth-panel{box-shadow:0 28px 70px #00000075,0 0 44px #f5f7f814}.auth-status{color:var(--muted);margin-bottom:16px;display:block}.auth-tabs{border:1px solid var(--border);background:#ffffff0a;border-radius:14px;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;margin-bottom:18px;padding:4px;display:grid}.auth-tabs button{color:var(--muted);background:0 0;border:0;border-radius:10px;padding:10px 12px}.auth-tabs button.active{color:var(--text);background:linear-gradient(135deg,#f5f7f829,#f5f7f81a)}.auth-form{gap:14px;display:grid}.auth-form label{color:var(--muted);gap:8px;font-size:13px;display:grid}.auth-form input,.auth-form select{border:1px solid var(--border);color:var(--text);background:#070c10;border-radius:12px;min-height:44px;padding:10px 12px}.panel-note{color:var(--muted);margin:0 0 16px}.integration-health{margin-bottom:16px}.integration-field{color:var(--muted);gap:7px;margin-bottom:12px;font-size:13px;display:grid}.integration-field input,.security-input{border:1px solid var(--border);color:var(--text);background:#070c10;border-radius:12px;min-height:42px;padding:10px 12px}.security-toggle{color:var(--muted);align-items:center;gap:10px;margin:8px 0;display:flex}.security-toggle input{accent-color:var(--white-accent)}.integration-actions{flex-wrap:wrap;align-items:center;gap:10px;margin-top:14px;display:flex}.auth-form .remember-row{align-items:center;gap:10px;display:flex}.auth-form .remember-row input{min-height:auto}.app-shell{background:radial-gradient(circle at 76% 12%,#f5f7f814,#0000 32%),linear-gradient(135deg,#05080a,#0a1116 52%,#05080a);grid-template-columns:266px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{border:1px solid var(--border);box-shadow:var(--shadow);background:linear-gradient(#0d1419,#070c10);border-radius:0 18px 18px 0;flex-direction:column;gap:20px;margin:12px 0 12px 12px;padding:18px 14px;display:flex}.brand{align-items:center;gap:13px;padding:2px 4px 10px;display:flex}.brand-mark{border:1px solid var(--border-strong);color:var(--text);border-radius:14px;place-items:center;width:44px;height:44px;display:grid}.brand-image{border:1px solid var(--border-strong);object-fit:cover;border-radius:14px;flex:none;width:44px;height:44px;display:block}.brand strong{letter-spacing:0;font-size:20px;display:block}.brand span,.topbar p,.metric p,.sidebar-card span,.sidebar-card small,.system-card small,.info-card p,.rail-card p,.server-card small,.detail-row span,.detail-row small{color:var(--muted);letter-spacing:0;font-size:12px}nav{gap:6px;display:grid}.nav-item{color:var(--text);text-align:left;background:0 0;border:1px solid #0000;border-radius:12px;grid-template-columns:20px 1fr auto;align-items:center;gap:10px;min-height:39px;padding:9px 11px;transition:background .18s,border-color .18s,box-shadow .18s,transform .18s;display:grid}.nav-item:hover{border-color:var(--border);box-shadow:var(--shadow-soft);background:#ffffff0d;transform:translate(2px)}.nav-item.active{border-color:var(--border-strong);background:linear-gradient(135deg,#f5f7f833,#f5f7f817)}.nav-item em{color:var(--green);background:#f5f7f81f;border:1px solid #f5f7f859;border-radius:999px;padding:2px 6px;font-size:10px;font-style:normal}.sidebar-card,.system-card{border:1px solid var(--border);box-shadow:var(--shadow-soft);background:linear-gradient(#16222cf0,#0d151bf5);border-radius:16px;padding:15px}.sidebar-card{gap:7px;margin-top:auto;display:grid}.sidebar-card strong{font-size:17px}.system-card{align-items:center;gap:10px;display:flex}.pulse{background:var(--green);border-radius:999px;width:14px;height:14px;box-shadow:0 0 0 8px #f5f7f81f}.pulse.warning{background:var(--yellow);box-shadow:0 0 0 8px #d8dde21f}.workspace{min-width:0;padding:18px 14px 18px 12px}.topbar{border:1px solid var(--border);box-shadow:var(--shadow);background:linear-gradient(#121d25f2,#090f14f2);border-radius:18px;justify-content:space-between;align-items:center;min-height:72px;margin-bottom:10px;padding:14px 18px;display:flex}h1,h2,h3,p{letter-spacing:0;margin-top:0}h1{margin-bottom:5px;font-size:22px;line-height:1.15}h2{font-size:17px;line-height:1.2}.top-actions{align-items:center;gap:16px;display:flex}.icon-button,.profile-button{color:var(--text);background:0 0;border:1px solid #0000;border-radius:12px;align-items:center;min-height:38px;padding:8px;display:flex;position:relative}.icon-button:hover,.profile-button:hover{border-color:var(--border);background:#ffffff0f;transform:translateY(-1px)}.icon-button span{background:var(--green);color:#07100a;border-radius:999px;min-width:17px;padding:1px 5px;font-size:10px;font-weight:800;position:absolute;top:-2px;right:-2px}.dashboard-layout{grid-template-columns:minmax(285px,1.25fr) minmax(450px,2.75fr) minmax(230px,1fr);gap:12px;display:grid}.panel{border:1px solid var(--border);box-shadow:var(--shadow);background:linear-gradient(#121d25f5,#090f14fa);border-radius:18px;min-width:0;padding:17px}.panel:hover{border-color:#f5f7f847;box-shadow:0 24px 64px #0000006b,inset 0 0 0 1px #f5f7f80f}.panel-heading,.page-heading,.info-top{justify-content:space-between;align-items:center;display:flex}.panel-heading span,.info-top span{color:var(--text);text-transform:uppercase;font-size:12px;font-weight:800}.status-panel{gap:15px;min-height:352px;display:grid}.shield-orbit{color:var(--green);align-items:center;gap:16px;display:flex}.shield{filter:drop-shadow(0 0 22px #f5f7f842)}.eyebrow{color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:800}.status-panel h2{color:var(--green);margin-bottom:8px;font-size:30px;line-height:1}.server-line{border:1px solid var(--border);background:#101720;border-radius:12px;justify-content:space-between;align-items:center;gap:10px;padding:11px;display:flex}.server-line span{align-items:center;gap:8px;min-width:0;display:flex}.server-line select{appearance:none;border:1px solid var(--border-strong);color:var(--text);background:#15202a;border-radius:11px;min-width:180px;min-height:36px;padding:7px 10px}.server-line button,.detail-row button{border:1px solid var(--border-strong);color:var(--text);background:linear-gradient(#172531,#111b24);border-radius:999px;padding:7px 10px}.connected-time{color:var(--green);grid-template-columns:16px auto 1fr;align-items:center;gap:5px;display:grid}.connected-time small{color:var(--muted)}.primary-action,.light-button{color:var(--soft-white);background:linear-gradient(#243440fa,#111d27fa);border:1px solid #9ab5cb5c;border-radius:999px;justify-content:center;align-items:center;gap:10px;min-height:42px;padding:9px 14px;font-weight:850;transition:transform .18s,filter .18s,box-shadow .18s;display:flex;box-shadow:0 8px 18px #00000038,inset 0 1px #ffffff12}.primary-action:hover,.light-button:hover{filter:brightness(1.05);border-color:#bed6e885;transform:translateY(-1px)}.primary-action:active,.light-button:active{transform:translateY(0)scale(.99)}.primary-action:disabled,.light-button:disabled{cursor:not-allowed;filter:grayscale(.4);opacity:.55;transform:none}.map-panel{grid-column:1/-1;min-height:520px;position:relative;overflow:hidden}.world-map{background:radial-gradient(circle at 30% 34%,#f5f7f81a,#0000 16rem),radial-gradient(circle at 62% 42%,#f5f7f814,#0000 20rem),linear-gradient(140deg,#09131d,#050b12);border-radius:16px;height:clamp(430px,46vw,620px);margin-top:14px;position:relative;overflow:hidden}.mercator-map{width:100%;height:100%;display:block}.ocean{fill:#0b131a}.graticule line{stroke:#b9c2c812;stroke-width:1px}.continents path{fill:#26323c;stroke:#b9c2c838;stroke-linejoin:round;stroke-width:1.2px}.country-borders path{fill:none;opacity:.36;stroke:#b9c2c821;stroke-linejoin:round;stroke-width:.55px}.network-lines path{fill:none;opacity:.45;stroke:#d8dde275;stroke-dasharray:4 7;stroke-linecap:round;stroke-width:1.4px}.node-hitbox{cursor:pointer;outline:none}.node-hitbox:focus-visible .server-node{stroke:#fff;stroke-width:2.4px}.server-node{stroke:#ffffffeb;stroke-width:1.25px}.server-node.active{stroke:#fff;stroke-width:2.8px}.server-node.low,.node-pulse.low{fill:var(--green)}.server-node.medium,.node-pulse.medium{fill:var(--yellow)}.server-node.high,.node-pulse.high{fill:#b7bcc1}.server-node.maintenance,.node-pulse.maintenance{fill:var(--gray)}.node-pulse{opacity:.32;transform-origin:50%;animation:2.4s ease-out infinite nodePulse}@keyframes nodePulse{0%{opacity:.38;transform:scale(.8)}70%{opacity:0;transform:scale(2.8)}to{opacity:0;transform:scale(2.8)}}.map-toolbar{z-index:3;align-items:center;gap:8px;display:flex;position:absolute;top:16px;right:72px}.map-toolbar select{appearance:none;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-strong);color:var(--text);background:#070f16c7;border-radius:11px;min-height:34px;padding:7px 30px 7px 10px;font-size:12px}.map-search{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-strong);color:var(--muted);background:#070f16c7;border-radius:11px;align-items:center;gap:6px;width:150px;min-height:34px;padding:7px 9px;display:flex}.map-search input{font-size:12px}.map-tooltip,.server-detail-popover{border:1px solid var(--border-strong);box-shadow:var(--shadow);pointer-events:none;z-index:4;background:#090f14f5;border-radius:14px;gap:4px;display:grid;position:absolute;transform:translate(12px,-62px)}.map-tooltip{min-width:145px;padding:10px 11px}.map-tooltip span,.map-tooltip small,.server-detail-popover span,.server-detail-popover small{color:var(--muted);font-size:12px}.server-detail-popover{pointer-events:auto;min-width:235px;padding:13px;bottom:18px;right:66px}.server-detail-popover button{color:var(--muted);background:0 0;border:0;font-size:18px;line-height:1;position:absolute;top:7px;right:8px}.map-controls{gap:6px;display:grid;position:absolute;top:116px;right:18px}.map-controls button{border:1px solid var(--border-strong);color:var(--text);background:linear-gradient(#172531,#111b24);border-radius:12px;width:38px;height:38px}.map-legend{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#050c12ad;border:1px solid #8dabc733;border-radius:14px;gap:8px;margin:0;padding:12px;list-style:none;display:grid;position:absolute;bottom:20px;left:18px}.map-legend li,.recent-row,.quick-row{align-items:center;gap:9px;display:flex}.legend-dot{border-radius:999px;width:9px;height:9px;display:inline-block}.legend-dot.low{background:var(--green)}.legend-dot.medium,.legend-dot.warning{background:var(--yellow)}.legend-dot.high{background:#b7bcc1}.legend-dot.error{background:var(--red)}.legend-dot.maintenance{background:var(--gray)}.right-rail{gap:12px;display:grid}.rail-card{min-height:112px}.rail-value{margin:8px 0;font-size:22px;display:block}.device-meter{justify-content:space-between;align-items:center;display:flex}.device-meter strong{font-size:26px}.meter{background:#202a32;border-radius:999px;height:7px;overflow:hidden}.meter span{background:linear-gradient(90deg, var(--green), #f5f7f8);height:100%;display:block}.quick-card svg{color:var(--text)}.info-card{min-height:135px}.info-card strong{margin:13px 0 5px;font-size:20px;display:block}.info-card small{color:var(--muted)}.accent-text{color:var(--green)}.bandwidth-values{gap:28px;display:flex}.bandwidth-values small{font-size:11px;font-weight:500;display:block}.mini-chart{width:100%;height:50px;margin-top:9px}.mini-chart polyline{fill:none;stroke:var(--white-accent);stroke-linecap:round;stroke-linejoin:round;stroke-width:3px}.mini-chart .upload{stroke:var(--green)}.recent-card{gap:8px;display:grid}.recent-row{justify-content:space-between}.flag{border:1px solid var(--border);color:var(--text);background:#17232d;border-radius:4px;justify-content:center;align-items:center;min-width:24px;height:18px;margin-right:2px;font-size:10px;font-weight:800;display:inline-flex}.status-pill{border:1px solid;border-radius:999px;width:fit-content;padding:5px 8px;font-size:11px;font-weight:800;line-height:1;display:inline-flex}.status-pill.success{color:var(--green);background:#f5f7f81f}.status-pill.warning{color:var(--yellow);background:#d8dde21f}.status-pill.error{color:var(--red);background:#b7bcc11f}.status-pill.neutral{color:var(--gray);background:#a8b0b71f}.page-panel{min-height:calc(100vh - 112px)}.page-heading{margin-bottom:18px}.search-box{border:1px solid var(--border);background:#0e151b;border-radius:999px;align-items:center;gap:8px;min-width:260px;padding:9px 11px;display:flex}input{color:var(--text);background:0 0;border:0;outline:0;width:100%}.visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.server-browser-grid,.settings-grid,.billing-overview,.admin-metrics{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;display:grid}.server-card{border:1px solid var(--border);color:var(--text);text-align:left;background:linear-gradient(#121d25,#0d151b);border-radius:16px;gap:12px;min-height:155px;padding:15px;display:grid}.server-card:hover,.server-card.active{border-color:var(--green);box-shadow:0 16px 34px #00000042,0 0 0 1px #f5f7f82e}.server-card strong,.server-card small{display:block}.table-card{gap:8px;display:grid}.billing-actions,.cancellation-policy,.connection-purpose,.connection-checklist,.support-center-card{margin-top:12px}.billing-actions{gap:14px;display:grid}.billing-action-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px;display:grid}.billing-action-grid button{border:1px solid var(--border);color:var(--text);text-align:left;background:linear-gradient(#14212c,#0f1820);border-radius:14px;gap:7px;min-height:92px;padding:13px;display:grid}.billing-action-grid button:hover{border-color:var(--ink-accent);box-shadow:var(--shadow-soft);transform:translateY(-1px)}.billing-action-grid small,.cancellation-policy p,.connection-purpose small,.support-center-card small,.preference-row small{color:var(--muted);line-height:1.45}.cancellation-policy{border-color:#d8dde261}.cancellation-policy div,.connection-purpose div,.support-center-card div,.setting-card-head,.preference-row{align-items:center;gap:12px;display:flex}.cancellation-policy svg{color:var(--yellow)}.connection-purpose,.support-center-card{justify-content:space-between;align-items:center;gap:18px;display:flex}.connection-purpose.connected{border-color:#f5f7f85c}.connection-purpose svg,.support-center-card svg{color:var(--green);flex:none}.connection-purpose span,.support-center-card span,.preference-row span{gap:4px;display:grid}.connection-checklist{gap:8px;display:grid}.setting-card-head{justify-content:space-between}.preferences-card{gap:13px;display:grid}.preference-list{gap:10px;display:grid}.preference-row{border:1px solid var(--border);background:linear-gradient(#14212c,#0f1820);border-radius:14px;justify-content:space-between;padding:12px}.preference-row input{accent-color:var(--white-accent);flex:none;width:18px;height:18px}.detail-row{border:1px solid var(--border);color:var(--text);background:#0e151b;border-radius:12px;grid-template-columns:minmax(140px,1.3fr) minmax(90px,1fr) auto auto;align-items:center;gap:12px;min-height:54px;padding:10px 12px;display:grid}.device-row{grid-template-columns:minmax(150px,1.2fr) minmax(80px,.8fr) minmax(110px,.9fr) minmax(150px,1fr) auto auto auto}.device-management-list{gap:8px;margin-top:12px;display:grid}.device-management-row{border:1px solid var(--border);background:#0e151b;border-radius:12px;grid-template-columns:minmax(160px,1.2fr) minmax(80px,.6fr) auto minmax(140px,.9fr) auto minmax(250px,1.2fr);align-items:center;gap:10px;padding:10px 12px;display:grid}.device-management-row strong,.device-management-row small{display:block}.device-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.danger-button{color:#d8dde2;border-color:#ff5a5a73}.empty-state{border:1px dashed var(--border-strong);color:var(--muted);background:#0e151b;border-radius:14px;margin-top:12px;padding:16px}.setting-card{min-height:120px}.admin-grid{grid-template-columns:minmax(420px,1.5fr) minmax(260px,.8fr);gap:12px;margin-top:12px;display:grid}.gateway-table{gap:8px;margin-top:12px;display:grid}.gateway-table>div{border:1px solid var(--border);background:#0e151b;border-radius:12px;grid-template-columns:1.5fr 1fr auto 64px 64px;align-items:center;gap:10px;min-height:40px;padding:8px 10px;display:grid}.alert-list{gap:12px;margin-top:12px;display:grid}.alert-list p{align-items:center;gap:9px;margin:0;display:flex}.support-workspace{grid-template-columns:minmax(280px,.85fr) minmax(260px,.75fr) minmax(360px,1.25fr);gap:14px;margin-top:14px;display:grid}.support-ticket-form,.support-ticket-detail{align-content:start;gap:12px;display:grid}.support-ticket-form label{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;gap:7px;font-size:12px;display:grid}.support-ticket-form input,.support-ticket-form select,.support-ticket-form textarea,.support-reply-form textarea{border:1px solid var(--border-strong);color:var(--text);font:inherit;background:#071019;border-radius:12px;outline:none;padding:11px 12px}.support-ticket-form input:focus,.support-ticket-form select:focus,.support-ticket-form textarea:focus,.support-reply-form textarea:focus{border-color:#f5f7f86b;box-shadow:0 0 0 3px #f5f7f81f}.support-ticket-list{gap:10px;display:grid}.support-ticket-row{border:1px solid var(--border);color:var(--text);cursor:pointer;text-align:left;background:linear-gradient(145deg,#111214f5,#080809c7);border-radius:14px;gap:5px;padding:12px;transition:border-color .16s,box-shadow .16s,transform .16s;display:grid}.support-ticket-row span,.muted-copy,.support-event span{color:var(--muted);font-size:12px}.support-ticket-row:hover,.support-ticket-row.active{border-color:#f5f7f86b;transform:translateY(-1px);box-shadow:0 14px 30px #f5f7f81f}.support-events{gap:10px;max-height:360px;display:grid;overflow:auto}.support-event{border:1px solid var(--border);background:#0e151b;border-radius:14px;padding:12px}.support-event p{white-space:pre-wrap;margin:6px 0 0}.support-reply-form{gap:10px;display:grid}.support-actions{flex-wrap:wrap;gap:10px;display:flex}.warning-copy{color:#fbbf24;background:#f59e0b1f;border:1px solid #f59e0b5c;border-radius:14px;margin:0;padding:10px 12px}@media (width<=1180px){.dashboard-layout{grid-template-columns:minmax(280px,1fr) minmax(390px,1.4fr)}.right-rail{grid-column:1/-1;grid-template-columns:repeat(3,1fr)}}@media (width<=900px){.app-shell{grid-template-columns:1fr}.sidebar{border-radius:0 0 8px 8px;margin:0}.dashboard-layout,.support-workspace,.admin-grid,.right-rail{grid-template-columns:1fr}.topbar,.page-heading{flex-direction:column;align-items:flex-start;gap:12px}}@media (width<=620px){.workspace{padding:10px}.detail-row,.device-management-row,.gateway-table>div{grid-template-columns:1fr}.device-actions{justify-content:flex-start}.world-map{height:250px}}.sidebar{-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:linear-gradient(#121f2ae0,#050a0ff0),linear-gradient(90deg,#f5f7f81a,#0000 28%);border-color:#8dabc742;margin:16px 0 16px 16px;padding:20px 16px}.brand-mark,.icon-button,.profile-button,.map-controls button{box-shadow:0 10px 24px #00000038}.brand-mark{background:linear-gradient(135deg,#f5f7f82e,#f5f7f81a)}.nav-item{min-height:46px;padding:11px 13px}.nav-item.active{box-shadow:0 16px 34px #d8dde229,inset 0 0 0 1px #f5f7f814}.workspace{padding:22px 22px 22px 18px}.topbar,.auth-panel,.panel,.sidebar-card,.system-card,.server-card,.billing-action-grid button,.preference-row,.detail-row,.device-management-row,.gateway-table>div,.support-ticket-row,.support-event,.empty-state{position:relative;overflow:hidden}.topbar:before,.auth-panel:before,.panel:before,.server-card:before,.billing-action-grid button:before,.preference-row:before,.detail-row:before,.device-management-row:before,.gateway-table>div:before,.support-ticket-row:before,.support-event:before,.empty-state:before{content:"";opacity:.88;background:linear-gradient(90deg,#f5f7f8bd,#f5f7f861,#0000);height:2px;position:absolute;top:0;left:0;right:0}.topbar{min-height:84px;padding:18px 22px}h1{font-size:26px;font-weight:900}h2{font-size:19px;font-weight:860}.dashboard-layout{gap:18px}.panel{background:linear-gradient(#121f2af0,#060c12fa),radial-gradient(circle at 100% 0,#f5f7f821,#0000 18rem);padding:20px}.status-panel h2{letter-spacing:0;font-size:38px}.primary-action,.light-button{min-height:40px;padding:9px 15px;position:relative;overflow:hidden}.primary-action:before,.light-button:before{content:"";background:linear-gradient(120deg,#0000,#ffffff2e,#0000);transition:transform .42s;position:absolute;inset:0;transform:translate(-115%)}.primary-action:hover:before,.light-button:hover:before{transform:translate(115%)}.primary-action:hover,.light-button:hover{box-shadow:0 12px 24px #00000047,inset 0 0 0 1px #bed6e81a}.server-line,.search-box,.auth-form input,.auth-form select,.integration-field input,.security-input,.support-ticket-form input,.support-ticket-form select,.support-ticket-form textarea,.support-reply-form textarea{box-shadow:inset 0 0 0 1px #ffffff05}.world-map{box-shadow:0 24px 60px #0000004d,inset 0 0 0 1px #f5f7f814}.server-card,.billing-action-grid button,.support-ticket-row{transition:border-color .18s,box-shadow .18s,transform .18s}.server-card:hover,.billing-action-grid button:hover,.support-ticket-row:hover,.support-ticket-row.active{transform:translateY(-3px)}.app-shell,.auth-shell{background:radial-gradient(circle at 74% 12%, #d8dde21f, transparent 28rem), radial-gradient(circle at 12% 82%, #f5f7f812, transparent 22rem), linear-gradient(135deg, var(--ovpn-ds-bg), #081118 52%, #020406)}.sidebar,.topbar,.auth-panel,.panel,.server-card,.table-card,.device-management-row,.support-ticket-row{border-color:var(--ovpn-ds-border);box-shadow:var(--ovpn-ds-shadow-card)}.panel,.auth-panel,.server-card,.device-management-row{background:linear-gradient(#ffffff09,#0000 34%),linear-gradient(#121f29f5,#070d13fa)}.panel-heading span,.page-heading h2,.info-top span,.topbar h1{letter-spacing:0}.primary-action,.light-button,.connect-button,.primary-button,.billing-action-grid button,.detail-row button,.auth-tabs button.active{border:1px solid var(--ovpn-ds-border-strong);border-radius:var(--ovpn-ds-radius-control);box-shadow:var(--ovpn-ds-shadow-control);color:var(--ovpn-ds-text-soft);min-height:40px;transition:transform var(--ovpn-ds-motion-fast), border-color var(--ovpn-ds-motion-fast), box-shadow var(--ovpn-ds-motion-fast), filter var(--ovpn-ds-motion-fast);background:linear-gradient(#2b3d4afa,#14222efa)}.primary-action:hover,.light-button:hover,.connect-button:hover,.primary-button:hover,.billing-action-grid button:hover,.detail-row button:hover{filter:brightness(1.04);border-color:#d3e3ef7a;transform:translateY(-1px);box-shadow:0 12px 26px #0000004d,inset 0 0 0 1px #ffffff14}.map-panel{min-height:560px}.world-map{border-radius:var(--ovpn-ds-radius-panel);box-shadow:var(--ovpn-ds-shadow-map);background:radial-gradient(circle at 31% 43%,#f5f7f824,#0000 15rem),radial-gradient(circle at 62% 41%,#d8dde21f,#0000 20rem),linear-gradient(140deg,#071019,#101c25 52%,#05090f);border:1px solid #8dabc72e;height:clamp(470px,48vw,660px)}.map-toolbar,.map-controls,.map-legend,.map-tooltip,.server-detail-popover{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#060c12c2;border-color:#b4cde033;box-shadow:0 14px 32px #00000047}.network-lines path{stroke:#d8dde285}.node-pulse{animation-duration:2.4s}.canonical-dashboard{gap:16px;display:grid}.canonical-welcome{justify-content:space-between;align-items:center;gap:18px;min-height:62px;display:flex}.canonical-welcome>div>span{color:var(--muted);font-size:15px;display:block}.canonical-welcome h2{letter-spacing:0;margin:2px 0 0;font-size:34px;line-height:1}.secure-state{color:var(--muted);align-items:center;gap:10px;margin:0;display:inline-flex}.secure-state span{background:var(--ovpn-ds-success);border-radius:999px;width:10px;height:10px;display:inline-flex;box-shadow:0 0 18px #f5f7f873}.canonical-ops-grid{grid-template-columns:minmax(0,1fr) minmax(280px,320px);gap:16px;display:grid}.canonical-main-stack{gap:16px;min-width:0;display:grid}.canonical-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.canonical-map-panel{padding:12px}.dashboard-gateway-select select{min-width:180px;min-height:40px}.canonical-bottom-grid{grid-template-columns:minmax(0,1fr) minmax(0,.95fr) minmax(0,1.1fr);gap:12px;display:grid}.canonical-right-rail{gap:14px;display:grid}.quick-connect-panel{text-align:center;place-items:center;gap:14px;min-height:350px;padding:24px 18px;display:grid}.quick-connect-panel h3,.plan-rail-card h3{letter-spacing:.05em;text-transform:uppercase;margin:0;font-size:14px}.power-orb{color:var(--text);background:radial-gradient(circle,#f5f7f81a,#0000 48%),linear-gradient(#191b1ffa,#070809fa);border:5px solid #f5f7f8ad;border-radius:999px;justify-content:center;align-items:center;width:132px;height:132px;transition:transform .18s,box-shadow .18s;display:inline-flex;box-shadow:0 0 36px #f5f7f838,inset 0 0 28px #00000073}.power-orb:hover{transform:translateY(-2px);box-shadow:0 0 46px #f5f7f852,inset 0 0 30px #00000070}.power-orb.connected{animation:2.4s ease-in-out infinite beaconPulse}.active-gateway-card{border:1px solid var(--border);border-radius:var(--ovpn-ds-radius-card);justify-content:space-between;align-items:center;width:100%;padding:12px 14px;display:flex}.active-gateway-card span,.device-mini-row span,.shortcut-grid span{gap:3px;display:grid}.active-gateway-card small,.device-mini-row small,.shortcut-grid small{color:var(--muted);font-size:12px}.rail-heading{justify-content:space-between;align-items:center;display:flex}.plan-rail-card,.recent-connections-rail{gap:12px;padding:18px;display:grid}.plan-rail-card>strong{font-size:22px}.plan-rail-card>button,.recent-card button,.device-list-card button{color:var(--ovpn-ds-success);font-size:12px;font-weight:800}.device-mini-row,.shortcut-grid span{border:1px solid var(--border);border-radius:var(--ovpn-ds-radius-card);justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.device-mini-row em{color:var(--ovpn-ds-success);font-style:normal;font-weight:800}.shortcut-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.shortcut-grid span{justify-content:center;align-items:flex-start;min-height:74px}:root[data-theme=premium-light] body,:root[data-theme=premium-light]{background:var(--ovpn-ds-bg);color:var(--ovpn-ds-text)}:root[data-theme=premium-light] .sidebar,:root[data-theme=premium-light] .topbar,:root[data-theme=premium-light] .auth-panel,:root[data-theme=premium-light] .panel,:root[data-theme=premium-light] .server-card,:root[data-theme=premium-light] .table-card,:root[data-theme=premium-light] .device-management-row,:root[data-theme=premium-light] .support-ticket-row{border-color:var(--ovpn-ds-border);background:linear-gradient(#fffffffa,#f7f8fafa);box-shadow:0 18px 42px #1d2d3d1f,inset 0 1px #ffffffb8}:root[data-theme=premium-light] .sidebar{color:#f7f8fa;background:linear-gradient(#050506,#111214)}:root[data-theme=premium-light] .sidebar .nav-item{color:#f7f8fabd}:root[data-theme=premium-light] .sidebar .nav-item.active{color:#fff;background:linear-gradient(90deg,#ffffff1a,#f5f7f82e)}:root[data-theme=premium-light] .world-map{background:radial-gradient(circle at 31% 43%,#12895a1f,#0000 15rem),radial-gradient(circle at 62% 41%,#0f172014,#0000 20rem),linear-gradient(140deg,#fff,#edf0f3 52%,#fafafa)}:root[data-theme=premium-light] .country-borders path,:root[data-theme=premium-light] .graticule path{stroke:#2a48602e}:root[data-theme=premium-light] .map-toolbar,:root[data-theme=premium-light] .map-controls,:root[data-theme=premium-light] .map-legend,:root[data-theme=premium-light] .map-tooltip,:root[data-theme=premium-light] .server-detail-popover,:root[data-theme=premium-light] input,:root[data-theme=premium-light] select,:root[data-theme=premium-light] .security-input,:root[data-theme=premium-light] .search-box{color:var(--ovpn-ds-text);background:#ffffffd1}@media (width<=1100px){.canonical-ops-grid{grid-template-columns:1fr}.canonical-stats,.canonical-bottom-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=720px){.canonical-welcome{flex-direction:column;align-items:flex-start}.canonical-stats,.canonical-bottom-grid,.shortcut-grid{grid-template-columns:1fr}}:root:not([data-theme=premium-light]) .sidebar,:root:not([data-theme=premium-light]) .topbar,:root:not([data-theme=premium-light]) .auth-panel,:root:not([data-theme=premium-light]) .panel,:root:not([data-theme=premium-light]) .server-card,:root:not([data-theme=premium-light]) .table-card,:root:not([data-theme=premium-light]) .device-management-row,:root:not([data-theme=premium-light]) .support-ticket-row{background:linear-gradient(#ffffff06,#0000 36%),linear-gradient(#111214f7,#050506fc);border-color:#cdd5dc24}:root:not([data-theme=premium-light]) .auth-tabs,:root:not([data-theme=premium-light]) .integration-actions,:root:not([data-theme=premium-light]) .search-box{background:#ffffff06;border-color:#cdd5dc21}:root:not([data-theme=premium-light]) input,:root:not([data-theme=premium-light]) select,:root:not([data-theme=premium-light]) textarea,:root:not([data-theme=premium-light]) .auth-form input,:root:not([data-theme=premium-light]) .auth-form select,:root:not([data-theme=premium-light]) .integration-field input,:root:not([data-theme=premium-light]) .security-input{color:#f2f4f5;background:#0b0b0c;border-color:#cdd5dc29}:root:not([data-theme=premium-light]) input::placeholder,:root:not([data-theme=premium-light]) textarea::placeholder{color:#d9dfe475}:root:not([data-theme=premium-light]) input:-webkit-autofill{-webkit-text-fill-color:#f2f4f5;caret-color:#f2f4f5;box-shadow:inset 0 0 0 1000px #0b0b0c}:root:not([data-theme=premium-light]) input:-webkit-autofill:hover{-webkit-text-fill-color:#f2f4f5;caret-color:#f2f4f5;box-shadow:inset 0 0 0 1000px #0b0b0c}:root:not([data-theme=premium-light]) input:-webkit-autofill:focus{-webkit-text-fill-color:#f2f4f5;caret-color:#f2f4f5;box-shadow:inset 0 0 0 1000px #0b0b0c}:root:not([data-theme=premium-light]) .theme-toggle,:root:not([data-theme=premium-light]) .auth-tabs button{color:#d9dfe4;background:linear-gradient(#151618f5,#080809fa);border:1px solid #cdd5dc24}:root:not([data-theme=premium-light]) .primary-action,:root:not([data-theme=premium-light]) .light-button,:root:not([data-theme=premium-light]) .connect-button,:root:not([data-theme=premium-light]) .primary-button,:root:not([data-theme=premium-light]) .billing-action-grid button,:root:not([data-theme=premium-light]) .detail-row button,:root:not([data-theme=premium-light]) .auth-tabs button.active{background:linear-gradient(#1f2125fa,#0b0c0efa);border-color:#dce4eb3d}:root:not([data-theme=premium-light]) .world-map{background:radial-gradient(circle at 31% 43%,#f5f7f81a,#0000 15rem),radial-gradient(circle at 62% 41%,#7f98ad12,#0000 20rem),linear-gradient(140deg,#030303,#0b0c0e 52%,#000)}:root[data-theme=premium-light] .primary-action,:root[data-theme=premium-light] .light-button,:root[data-theme=premium-light] .connect-button,:root[data-theme=premium-light] .primary-button,:root[data-theme=premium-light] .billing-action-grid button,:root[data-theme=premium-light] .detail-row button,:root[data-theme=premium-light] .auth-tabs button.active{color:#0b1117;background:linear-gradient(#fff,#e8edf2);border-color:#2a48603d}:root[data-theme=premium-light] input,:root[data-theme=premium-light] select,:root[data-theme=premium-light] textarea,:root[data-theme=premium-light] .auth-form input,:root[data-theme=premium-light] .auth-form select,:root[data-theme=premium-light] .integration-field input,:root[data-theme=premium-light] .security-input{color:#0b1117;background:#fff;border-color:#2a48602e}:root[data-theme=premium-light] .theme-toggle,:root[data-theme=premium-light] .auth-tabs button{color:#273542;background:linear-gradient(#fff,#eef2f6);border:1px solid #2a486029}:root[data-theme=premium-light] input:-webkit-autofill{-webkit-text-fill-color:#0b1117;caret-color:#0b1117;box-shadow:inset 0 0 0 1000px #fff}:root[data-theme=premium-light] input:-webkit-autofill:hover{-webkit-text-fill-color:#0b1117;caret-color:#0b1117;box-shadow:inset 0 0 0 1000px #fff}:root[data-theme=premium-light] input:-webkit-autofill:focus{-webkit-text-fill-color:#0b1117;caret-color:#0b1117;box-shadow:inset 0 0 0 1000px #fff}:root:not([data-theme=premium-light]){--white-accent:#d7dadd;--white-strong:#fff;--ink-accent:#d7dadd;--steel:#18191b;--steel-2:#0f1012}:root:not([data-theme=premium-light]) .app-shell,:root:not([data-theme=premium-light]) .auth-shell{background:linear-gradient(135deg,#000,#050505 52%,#000)}:root:not([data-theme=premium-light]) .sidebar,:root:not([data-theme=premium-light]) .topbar,:root:not([data-theme=premium-light]) .auth-panel,:root:not([data-theme=premium-light]) .panel,:root:not([data-theme=premium-light]) .server-card,:root:not([data-theme=premium-light]) .table-card,:root:not([data-theme=premium-light]) .device-management-row,:root:not([data-theme=premium-light]) .support-ticket-row,:root:not([data-theme=premium-light]) .active-gateway-card,:root:not([data-theme=premium-light]) .device-mini-row,:root:not([data-theme=premium-light]) .shortcut-grid span{background:linear-gradient(#111214,#080809);border-color:#ebeef126;box-shadow:0 14px 34px #00000075,inset 0 1px #ffffff09}:root:not([data-theme=premium-light]) .brand-mark,:root:not([data-theme=premium-light]) .nav-item.active,:root:not([data-theme=premium-light]) .theme-toggle,:root:not([data-theme=premium-light]) .icon-button,:root:not([data-theme=premium-light]) .profile-button,:root:not([data-theme=premium-light]) .auth-tabs,:root:not([data-theme=premium-light]) .auth-tabs button,:root:not([data-theme=premium-light]) .map-toolbar,:root:not([data-theme=premium-light]) .map-controls,:root:not([data-theme=premium-light]) .map-legend,:root:not([data-theme=premium-light]) .map-tooltip,:root:not([data-theme=premium-light]) .server-detail-popover{box-shadow:none;color:#f5f7f8;background:linear-gradient(#17191c,#0b0b0c);border-color:#ebeef129}:root:not([data-theme=premium-light]) .primary-action,:root:not([data-theme=premium-light]) .light-button,:root:not([data-theme=premium-light]) .connect-button,:root:not([data-theme=premium-light]) .primary-button,:root:not([data-theme=premium-light]) .billing-action-grid button,:root:not([data-theme=premium-light]) .detail-row button,:root:not([data-theme=premium-light]) .auth-tabs button.active,:root:not([data-theme=premium-light]) .plan-rail-card>button,:root:not([data-theme=premium-light]) .recent-card button,:root:not([data-theme=premium-light]) .device-list-card button{color:#fff;background:linear-gradient(#202225,#070707);border:1px solid #f5f7f83d;box-shadow:0 8px 18px #0000005c,inset 0 1px #ffffff0d}:root:not([data-theme=premium-light]) .world-map{background:linear-gradient(140deg,#030303,#090909 52%,#000);border-color:#ebeef124;box-shadow:0 22px 58px #0000008f}:root:not([data-theme=premium-light]) .ocean{fill:#030303}:root:not([data-theme=premium-light]) .continents path{fill:#1a1b1d}:root:not([data-theme=premium-light]) .country-borders path,:root:not([data-theme=premium-light]) .graticule line,:root:not([data-theme=premium-light]) .graticule path{stroke:#ebeef114}:root:not([data-theme=premium-light]) .network-lines path{stroke:#ebeef138}:root:not([data-theme=premium-light]) .power-orb{background:linear-gradient(#202225,#060606);border-color:#f5f7f847;box-shadow:inset 0 0 26px #00000080}:root:not([data-theme=premium-light]) .secure-state span,:root:not([data-theme=premium-light]) .server-node.low,:root:not([data-theme=premium-light]) .legend-dot.low{box-shadow:none}:root[data-theme=premium-light]{--white-accent:#050607;--white-strong:#050607;--ink-accent:#050607;--steel:#e7eaee;--steel-2:#aeb8c2}:root[data-theme=premium-light] .app-shell,:root[data-theme=premium-light] .auth-shell{background:linear-gradient(135deg,#fff,#f7f8fa 52%,#eef1f4)}:root[data-theme=premium-light] .sidebar{color:#fff;background:linear-gradient(#050506,#101113);border-color:#050607db}:root[data-theme=premium-light] .topbar,:root[data-theme=premium-light] .auth-panel,:root[data-theme=premium-light] .panel,:root[data-theme=premium-light] .server-card,:root[data-theme=premium-light] .table-card,:root[data-theme=premium-light] .device-management-row,:root[data-theme=premium-light] .support-ticket-row,:root[data-theme=premium-light] .active-gateway-card,:root[data-theme=premium-light] .device-mini-row,:root[data-theme=premium-light] .shortcut-grid span{color:#050607;background:#fff;border-color:#151b2229;box-shadow:0 14px 30px #151b2214}:root[data-theme=premium-light] .brand-mark,:root[data-theme=premium-light] .theme-toggle,:root[data-theme=premium-light] .icon-button,:root[data-theme=premium-light] .profile-button,:root[data-theme=premium-light] .auth-tabs,:root[data-theme=premium-light] .auth-tabs button,:root[data-theme=premium-light] .map-toolbar,:root[data-theme=premium-light] .map-controls,:root[data-theme=premium-light] .map-legend,:root[data-theme=premium-light] .map-tooltip,:root[data-theme=premium-light] .server-detail-popover{box-shadow:none;color:#050607;background:#f5f6f8;border-color:#151b2229}:root[data-theme=premium-light] .nav-item.active{color:#fff;background:linear-gradient(90deg,#24262a,#050607);border-color:#ffffff29}:root[data-theme=premium-light] .primary-action,:root[data-theme=premium-light] .light-button,:root[data-theme=premium-light] .connect-button,:root[data-theme=premium-light] .primary-button,:root[data-theme=premium-light] .billing-action-grid button,:root[data-theme=premium-light] .detail-row button,:root[data-theme=premium-light] .auth-tabs button.active,:root[data-theme=premium-light] .plan-rail-card>button,:root[data-theme=premium-light] .recent-card button,:root[data-theme=premium-light] .device-list-card button{color:#fff;background:linear-gradient(#17191c,#050607);border:1px solid #050607bd;box-shadow:0 8px 18px #151b2229}:root[data-theme=premium-light] .world-map{background:linear-gradient(140deg,#fff,#f0f1f3 52%,#fafafa);border-color:#151b2229;box-shadow:0 18px 34px #151b2214}:root[data-theme=premium-light] .ocean{fill:#f8f9fa}:root[data-theme=premium-light] .continents path{fill:#d8dde2}:root[data-theme=premium-light] .country-borders path,:root[data-theme=premium-light] .graticule line,:root[data-theme=premium-light] .graticule path{stroke:#151b2229}:root[data-theme=premium-light] .network-lines path{stroke:#151b223d}:root[data-theme=premium-light] .power-orb{color:#fff;background:linear-gradient(#17191c,#050607);border-color:#050607c7;box-shadow:0 12px 26px #151b222e}:root,:root:not([data-theme=premium-light]){--white-accent:#f5f7f8!important;--white-strong:#fff!important;--ink-accent:#f5f7f8!important;--ovpn-ds-accent:#f5f7f8!important;--ovpn-ds-accent-strong:#fff!important;--ovpn-ds-success:#f5f7f8!important;--ovpn-ds-warning:#d8dde2!important;--ovpn-ds-danger:#b7bcc1!important}:root:not([data-theme=premium-light]) body,:root:not([data-theme=premium-light]) .app-shell,:root:not([data-theme=premium-light]) .auth-shell{color:#fff!important;background:#000!important}:root:not([data-theme=premium-light]) .app-shell *,:root:not([data-theme=premium-light]) .auth-shell *{border-color:#f5f7f82e}:root:not([data-theme=premium-light]) .status-pill,:root:not([data-theme=premium-light]) .status-badge,:root:not([data-theme=premium-light]) .health-badge,:root:not([data-theme=premium-light]) .plan-badge,:root:not([data-theme=premium-light]) .badge,:root:not([data-theme=premium-light]) .server-node,:root:not([data-theme=premium-light]) .legend-dot,:root:not([data-theme=premium-light]) .secure-state span,:root:not([data-theme=premium-light]) .notification-badge,:root:not([data-theme=premium-light]) .online,:root:not([data-theme=premium-light]) .ready,:root:not([data-theme=premium-light]) .success,:root:not([data-theme=premium-light]) .warning,:root:not([data-theme=premium-light]) .danger{box-shadow:none!important;color:#050607!important;background:#f5f7f8!important;border-color:#ffffff75!important}:root:not([data-theme=premium-light]) input:focus,:root:not([data-theme=premium-light]) select:focus,:root:not([data-theme=premium-light]) textarea:focus,:root:not([data-theme=premium-light]) button:focus-visible,:root:not([data-theme=premium-light]) a:focus-visible{outline-color:#fff!important;box-shadow:0 0 0 3px #f5f7f82e!important}:root[data-theme=premium-light]{--white-accent:#050607!important;--white-strong:#000!important;--ink-accent:#050607!important;--ovpn-ds-accent:#050607!important;--ovpn-ds-accent-strong:#000!important;--ovpn-ds-success:#050607!important;--ovpn-ds-warning:#3f4852!important;--ovpn-ds-danger:#66717c!important}:root[data-theme=premium-light] body,:root[data-theme=premium-light] .app-shell,:root[data-theme=premium-light] .auth-shell{color:#050607!important;background:#fff!important}:root[data-theme=premium-light] .app-shell *,:root[data-theme=premium-light] .auth-shell *{border-color:#05060729}:root[data-theme=premium-light] .status-pill,:root[data-theme=premium-light] .status-badge,:root[data-theme=premium-light] .health-badge,:root[data-theme=premium-light] .plan-badge,:root[data-theme=premium-light] .badge,:root[data-theme=premium-light] .server-node,:root[data-theme=premium-light] .legend-dot,:root[data-theme=premium-light] .secure-state span,:root[data-theme=premium-light] .notification-badge,:root[data-theme=premium-light] .online,:root[data-theme=premium-light] .ready,:root[data-theme=premium-light] .success,:root[data-theme=premium-light] .warning,:root[data-theme=premium-light] .danger{box-shadow:none!important;color:#fff!important;background:#050607!important;border-color:#0506076b!important}:root[data-theme=premium-light] input:focus,:root[data-theme=premium-light] select:focus,:root[data-theme=premium-light] textarea:focus,:root[data-theme=premium-light] button:focus-visible,:root[data-theme=premium-light] a:focus-visible{outline-color:#050607!important;box-shadow:0 0 0 3px #05060724!important}:root:not([data-theme=premium-light]){--bg:#000!important;--sidebar:#000!important;--panel:#000!important;--panel-2:#000!important;--panel-3:#000!important;--border:#fff!important;--border-strong:#fff!important;--text:#fff!important;--muted:#fff!important;--subtle:#fff!important;--green:#fff!important;--green-dim:#fff!important;--yellow:#fff!important;--red:#fff!important;--gray:#fff!important;--steel:#000!important;--steel-2:#000!important}:root:not([data-theme=premium-light]) .sidebar,:root:not([data-theme=premium-light]) .topbar,:root:not([data-theme=premium-light]) .auth-panel,:root:not([data-theme=premium-light]) .panel,:root:not([data-theme=premium-light]) .sidebar-card,:root:not([data-theme=premium-light]) .system-card,:root:not([data-theme=premium-light]) .server-card,:root:not([data-theme=premium-light]) .table-card,:root:not([data-theme=premium-light]) .gateway-table>div,:root:not([data-theme=premium-light]) .detail-row,:root:not([data-theme=premium-light]) .device-management-row,:root:not([data-theme=premium-light]) .support-ticket-row,:root:not([data-theme=premium-light]) .active-gateway-card,:root:not([data-theme=premium-light]) .device-mini-row,:root:not([data-theme=premium-light]) .shortcut-grid span,:root:not([data-theme=premium-light]) .empty-state,:root:not([data-theme=premium-light]) .world-map,:root:not([data-theme=premium-light]) .map-toolbar,:root:not([data-theme=premium-light]) .map-controls,:root:not([data-theme=premium-light]) .map-legend,:root:not([data-theme=premium-light]) .map-tooltip,:root:not([data-theme=premium-light]) .server-detail-popover,:root:not([data-theme=premium-light]) .auth-tabs,:root:not([data-theme=premium-light]) input,:root:not([data-theme=premium-light]) select,:root:not([data-theme=premium-light]) textarea{box-shadow:none!important;color:#fff!important;background:#000!important;border-color:#fff!important}:root:not([data-theme=premium-light]) .primary-action,:root:not([data-theme=premium-light]) .light-button,:root:not([data-theme=premium-light]) .connect-button,:root:not([data-theme=premium-light]) .primary-button,:root:not([data-theme=premium-light]) .billing-action-grid button,:root:not([data-theme=premium-light]) .detail-row button,:root:not([data-theme=premium-light]) .auth-tabs button.active,:root:not([data-theme=premium-light]) .nav-item.active,:root:not([data-theme=premium-light]) .theme-toggle,:root:not([data-theme=premium-light]) .icon-button,:root:not([data-theme=premium-light]) .profile-button{box-shadow:none!important;color:#fff!important;background:#000!important;border:1px solid #fff!important}:root:not([data-theme=premium-light]) .status-pill,:root:not([data-theme=premium-light]) .status-badge,:root:not([data-theme=premium-light]) .health-badge,:root:not([data-theme=premium-light]) .plan-badge,:root:not([data-theme=premium-light]) .badge,:root:not([data-theme=premium-light]) .pulse,:root:not([data-theme=premium-light]) .legend-dot,:root:not([data-theme=premium-light]) .server-node,:root:not([data-theme=premium-light]) .secure-state span,:root:not([data-theme=premium-light]) .notification-badge{box-shadow:none!important;color:#000!important;fill:#fff!important;background:#fff!important;border-color:#fff!important}:root:not([data-theme=premium-light]) .brand span,:root:not([data-theme=premium-light]) .topbar p,:root:not([data-theme=premium-light]) .metric p,:root:not([data-theme=premium-light]) .sidebar-card span,:root:not([data-theme=premium-light]) .sidebar-card small,:root:not([data-theme=premium-light]) .system-card small,:root:not([data-theme=premium-light]) .info-card p,:root:not([data-theme=premium-light]) .rail-card p,:root:not([data-theme=premium-light]) .server-card small,:root:not([data-theme=premium-light]) .gateway-table>div *,:root:not([data-theme=premium-light]) .empty-state,:root:not([data-theme=premium-light]) .empty-state *,:root:not([data-theme=premium-light]) .detail-row span,:root:not([data-theme=premium-light]) .detail-row small{color:#fff!important}:root[data-theme=premium-light]{--bg:#fff!important;--sidebar:#000!important;--panel:#fff!important;--panel-2:#fff!important;--panel-3:#fff!important;--border:#000!important;--border-strong:#000!important;--text:#000!important;--muted:#000!important;--subtle:#000!important;--green:#000!important;--green-dim:#000!important;--yellow:#000!important;--red:#000!important;--gray:#000!important;--steel:#fff!important;--steel-2:#fff!important}:root[data-theme=premium-light] .topbar,:root[data-theme=premium-light] .auth-panel,:root[data-theme=premium-light] .panel,:root[data-theme=premium-light] .sidebar-card,:root[data-theme=premium-light] .system-card,:root[data-theme=premium-light] .server-card,:root[data-theme=premium-light] .table-card,:root[data-theme=premium-light] .device-management-row,:root[data-theme=premium-light] .support-ticket-row,:root[data-theme=premium-light] .active-gateway-card,:root[data-theme=premium-light] .device-mini-row,:root[data-theme=premium-light] .shortcut-grid span,:root[data-theme=premium-light] .world-map,:root[data-theme=premium-light] .map-toolbar,:root[data-theme=premium-light] .map-controls,:root[data-theme=premium-light] .map-legend,:root[data-theme=premium-light] .map-tooltip,:root[data-theme=premium-light] .server-detail-popover,:root[data-theme=premium-light] .auth-tabs,:root[data-theme=premium-light] input,:root[data-theme=premium-light] select,:root[data-theme=premium-light] textarea{box-shadow:none!important;color:#000!important;background:#fff!important;border-color:#000!important}:root[data-theme=premium-light] .server-card,:root[data-theme=premium-light] .gateway-table>div,:root[data-theme=premium-light] .empty-state{box-shadow:none!important;color:#fff!important;background:#000!important;border-color:#000!important}:root[data-theme=premium-light] .sidebar,:root[data-theme=premium-light] .primary-action,:root[data-theme=premium-light] .light-button,:root[data-theme=premium-light] .connect-button,:root[data-theme=premium-light] .primary-button,:root[data-theme=premium-light] .billing-action-grid button,:root[data-theme=premium-light] .detail-row button,:root[data-theme=premium-light] .auth-tabs button.active,:root[data-theme=premium-light] .nav-item.active,:root[data-theme=premium-light] .theme-toggle,:root[data-theme=premium-light] .icon-button,:root[data-theme=premium-light] .profile-button{box-shadow:none!important;color:#fff!important;background:#000!important;border:1px solid #000!important}:root[data-theme=premium-light] .status-pill,:root[data-theme=premium-light] .status-badge,:root[data-theme=premium-light] .health-badge,:root[data-theme=premium-light] .plan-badge,:root[data-theme=premium-light] .badge,:root[data-theme=premium-light] .pulse,:root[data-theme=premium-light] .legend-dot,:root[data-theme=premium-light] .server-node,:root[data-theme=premium-light] .secure-state span,:root[data-theme=premium-light] .notification-badge{box-shadow:none!important;color:#fff!important;fill:#000!important;background:#000!important;border-color:#000!important}:root[data-theme=premium-light] .brand span,:root[data-theme=premium-light] .topbar p,:root[data-theme=premium-light] .metric p,:root[data-theme=premium-light] .sidebar-card span,:root[data-theme=premium-light] .sidebar-card small,:root[data-theme=premium-light] .system-card small,:root[data-theme=premium-light] .info-card p,:root[data-theme=premium-light] .rail-card p,:root[data-theme=premium-light] .server-card small,:root[data-theme=premium-light] .server-card *,:root[data-theme=premium-light] .gateway-table>div *,:root[data-theme=premium-light] .empty-state,:root[data-theme=premium-light] .empty-state *,:root[data-theme=premium-light] .detail-row span,:root[data-theme=premium-light] .detail-row small{color:#fff!important}:root[data-theme=premium-light] .topbar *,:root[data-theme=premium-light] .auth-panel *,:root[data-theme=premium-light] .panel>:not(.gateway-table):not(.empty-state),:root[data-theme=premium-light] .table-card *,:root[data-theme=premium-light] .detail-row,:root[data-theme=premium-light] .detail-row *{color:#000!important}:root,:root:not([data-theme=premium-light]){--bg:#000!important;--sidebar:#000!important;--panel:#000!important;--panel-2:#000!important;--panel-3:#000!important;--border:#fff!important;--border-strong:#fff!important;--text:#fff!important;--muted:#fff!important;--subtle:#fff!important;--green:#fff!important;--green-dim:#fff!important;--yellow:#fff!important;--red:#fff!important;--gray:#fff!important;--steel:#000!important;--steel-2:#000!important;--shadow:none!important;--shadow-soft:none!important}:root:not([data-theme=premium-light]) body,:root:not([data-theme=premium-light]) body *,:root:not([data-theme=premium-light]) .app-shell,:root:not([data-theme=premium-light]) .app-shell *,:root:not([data-theme=premium-light]) .auth-shell,:root:not([data-theme=premium-light]) .auth-shell *{box-shadow:none!important;color:#fff!important;text-shadow:none!important}:root:not([data-theme=premium-light]) body,:root:not([data-theme=premium-light]) .app-shell,:root:not([data-theme=premium-light]) .auth-shell,:root:not([data-theme=premium-light]) aside,:root:not([data-theme=premium-light]) section,:root:not([data-theme=premium-light]) article,:root:not([data-theme=premium-light]) div,:root:not([data-theme=premium-light]) nav,:root:not([data-theme=premium-light]) form,:root:not([data-theme=premium-light]) input,:root:not([data-theme=premium-light]) select,:root:not([data-theme=premium-light]) textarea{background:#000!important;border-color:#fff!important}:root:not([data-theme=premium-light]) button{color:#fff!important;background:#000!important;border:1px solid #fff!important}:root:not([data-theme=premium-light]) svg,:root:not([data-theme=premium-light]) img{filter:grayscale()contrast()!important}:root:not([data-theme=premium-light]) .brand-image,:root:not([data-theme=premium-light]) img[src*=outlaw-vpn-icon]{filter:none!important}:root[data-theme=premium-light]{--bg:#fff!important;--sidebar:#fff!important;--panel:#fff!important;--panel-2:#fff!important;--panel-3:#fff!important;--border:#000!important;--border-strong:#000!important;--text:#000!important;--muted:#000!important;--subtle:#000!important;--green:#000!important;--green-dim:#000!important;--yellow:#000!important;--red:#000!important;--gray:#000!important;--steel:#fff!important;--steel-2:#fff!important;--shadow:none!important;--shadow-soft:none!important}:root[data-theme=premium-light] body,:root[data-theme=premium-light] body *,:root[data-theme=premium-light] .app-shell,:root[data-theme=premium-light] .app-shell *,:root[data-theme=premium-light] .auth-shell,:root[data-theme=premium-light] .auth-shell *{box-shadow:none!important;color:#000!important;text-shadow:none!important}:root[data-theme=premium-light] body,:root[data-theme=premium-light] .app-shell,:root[data-theme=premium-light] .auth-shell,:root[data-theme=premium-light] aside,:root[data-theme=premium-light] section,:root[data-theme=premium-light] article,:root[data-theme=premium-light] div,:root[data-theme=premium-light] nav,:root[data-theme=premium-light] form,:root[data-theme=premium-light] input,:root[data-theme=premium-light] select,:root[data-theme=premium-light] textarea{background:#fff!important;border-color:#000!important}:root[data-theme=premium-light] button{color:#fff!important;background:#000!important;border:1px solid #000!important}:root[data-theme=premium-light] button *{color:#fff!important}:root[data-theme=premium-light] svg,:root[data-theme=premium-light] img{filter:grayscale()contrast()!important}:root[data-theme=premium-light] .brand-image,:root[data-theme=premium-light] img[src*=outlaw-vpn-icon]{filter:none!important}