/* VPN workspace: cool blue, light glass, quiet typography. */
body.network-mode{color-scheme:light;--text:#1b2c49;--muted:#71819a;--line:#dce5f3;--panel:#ffffffd9;--mint:#4f7cff;background:#edf2fb;color:#1b2c49}
.network-mode .main{min-height:100vh;background:radial-gradient(ellipse at 15% 5%,#d9e6ff 0,transparent 45%),radial-gradient(ellipse at 95% 55%,#e8ddfa 0,transparent 48%),linear-gradient(140deg,#f5f8ff,#edf2fb 65%,#e9effa);position:relative}
.network-mode .main:before{content:'';position:fixed;inset:85px 0 0 236px;background:linear-gradient(120deg,transparent 25%,#ffffff30 25%,#ffffff00 49%,#ffffff50 50%,transparent 75%);pointer-events:none}
.network-mode main,.network-mode header{position:relative}.network-mode header{background:#ffffff88;border-bottom:1px solid #ffffffee;backdrop-filter:blur(20px)}
.network-mode .sidebar{background:#f8faffed;border-right:1px solid #d9e3f1}.network-mode .brand{color:#1b2d4e}.network-mode .brand-icon,.network-mode .brand-dot{color:#4f7cff}.network-mode .nav{color:#687d9d}.network-mode .nav.active{background:#e4edff;color:#3b6ce9}.network-mode .nav:hover{background:#eaf0fb}.network-mode .nav small{color:#8da0bd}.network-mode .nav-caption,.network-mode .workspace-label{color:#94a4bc}.network-mode .sidebar-bottom strong{color:#405674}.network-mode .sidebar-bottom p{color:#8495ad}.network-mode .mini-orbit{color:#6890f1}.network-mode .bottom-line{color:#7f91ad;border-color:#dce5f3}.network-mode .status-dot{background:#6b91ff}.network-mode .breadcrumb,.network-mode .breadcrumb b{color:#647a9b}.network-mode .account{color:#4e6385}.network-mode .avatar{background:#e5edff;color:#527ce5}.network-mode #menu{color:#58739d}
.network-mode .intro{margin-bottom:27px}.network-mode .intro .eyebrow{color:#7690b6;font-size:9px}.network-mode h1{font-weight:650;letter-spacing:-.8px;font-size:32px}.network-mode .subtitle{color:#7d8da6;font-size:12px}.network-mode .button.primary{background:#4f7cff;color:white;box-shadow:0 6px 18px #527cf52b;border:1px solid #7095ff}.network-mode .button.primary:hover{background:#3c6deb}.network-mode .quiet{background:#ffffffae;border-color:#d9e3f3;color:#5c7397;box-shadow:0 2px 3px #1c407105}.network-mode .quiet:hover{border-color:#8facf4;background:#eef4ff;color:#315dc5}.network-mode input,.network-mode select,.network-mode textarea{background:#ffffffd9;border-color:#d9e3f3;color:#2a4164}.network-mode input:focus,.network-mode textarea:focus,.network-mode select:focus{border-color:#769aff;box-shadow:0 0 0 3px #5c83ff13}.network-mode .tabs{background:#ffffffa6;border-color:#ffffff;box-shadow:0 4px 18px #41609507}.network-mode .tabs button{color:#7d8fa9}.network-mode .tabs button.active{background:#4f7cff;color:white;box-shadow:0 3px 8px #527cf52b}.network-mode .summary-line{color:#7c91af;font-size:10px}.network-mode #network-summary{display:none}.network-mode .network-toolbar{gap:16px;align-items:flex-start}.network-mode .toolbar-actions{justify-content:flex-end;max-width:68%}.network-mode #search{background:#ffffff9c}
.vpn-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin:4px 0 28px}.vpn-stat{border:1px solid #fff;background:#ffffff9c;box-shadow:0 8px 28px #4f67970a;border-radius:15px;padding:18px 21px;display:flex;align-items:center;gap:14px}.vpn-stat-icon{display:grid;place-items:center;width:39px;height:39px;border:1px solid #d7e4ff;background:#e8efff;border-radius:12px;color:#6385e1;font-size:22px}.vpn-stat strong{font:600 25px Manrope,var(--font);color:#314b72;display:block;line-height:1.2}.vpn-stat small{font-size:10px;color:#8c9cb3;display:block;margin-top:6px}.vpn-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(240px,1fr);gap:22px;align-items:start}.vpn-main{min-width:0}.network-mode .assets{grid-template-columns:1fr;gap:20px}.network-mode .asset{padding:25px;border:1px solid #fff;background:linear-gradient(130deg,#fffffff2,#ffffffb0);box-shadow:0 10px 35px #4368a40b;backdrop-filter:blur(18px);border-radius:19px;position:relative;overflow:hidden}.network-mode .asset:before{content:'';position:absolute;right:-55px;top:-80px;width:180px;height:180px;border:28px solid #7da3fd09;border-radius:50%;pointer-events:none}.network-mode .asset-type{font-size:10px;color:#7794c1;letter-spacing:1px;display:flex;align-items:center;gap:7px;margin-bottom:13px}.asset-mark{width:23px;height:23px;border-radius:7px;background:#edf3ff;color:#6e92e4;display:inline-grid;place-items:center;font-size:15px}.network-mode .asset h3{font:650 21px Manrope,var(--font);letter-spacing:-.4px;color:#2d4165}.network-mode .asset-group{background:#edf2fd;color:#7a94be;border:1px solid #dfe9fa;border-radius:20px;padding:5px 9px;font-size:9px}.vpn-health{display:flex;align-items:center;gap:9px;justify-content:space-between;margin:17px 0 11px}.vpn-health .health{font-size:10px;background:#edf2fd;border:1px solid #dfe7f6;border-radius:20px;padding:5px 8px;color:#8094b3}.vpn-health .health.ok{color:#4e75cf;background:#edf3ff;border-color:#d4e2ff}.vpn-health .health.error{color:#b67f53;background:#fff3e7;border-color:#f1dec7}.vpn-remaining{font-size:11px;color:#7b8ea9}.vpn-remaining b{color:#5273ad;font-weight:600}.vpn-progress{height:7px;background:#e6edf8;border-radius:8px;overflow:hidden;margin-bottom:18px}.vpn-progress span{height:100%;display:block;background:linear-gradient(90deg,#6d9cff,#a6baff);border-radius:8px;transition:width .4s}.vpn-progress.warning span{background:linear-gradient(90deg,#e0a672,#f3c997)}.vpn-progress.unknown{background:repeating-linear-gradient(90deg,#e6edf8,#e6edf8 10px,#eef3fa 10px,#eef3fa 20px)}.vpn-info{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:16px 0}.vpn-info>div{background:#f5f8ffb0;border:1px solid #e3eaf6;border-radius:10px;padding:11px 12px;min-width:0}.vpn-info small{display:block;font-size:9px;color:#8a9bb6;margin-bottom:6px}.vpn-info strong{font-size:11px;font-weight:550;color:#506684;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vpn-subactions{border-top:1px solid #e5ebf5;padding-top:17px;display:grid;grid-template-columns:1fr 1fr;gap:9px}.vpn-subbutton{background:#edf3ff;border:1px solid #d2e0ff;color:#4a6faf;padding:12px 10px;display:flex;align-items:center;justify-content:center;gap:8px;font-size:10px;font-weight:550;border-radius:10px;transition:background .15s}.vpn-subbutton:hover{background:#e1ebff;border-color:#a6bff7}.vpn-subbutton.qr{background:#fff;color:#6a86b5}.vpn-subbutton .qr-icon{font-size:16px}.vpn-subbutton.wide{grid-column:1/-1;background:#faf7f0;border-color:#ece0ca;color:#a48a62;font-weight:500}.network-mode .asset-actions{border-color:#e8edf6;margin-top:17px;padding-top:14px}.network-mode .asset-actions .quiet{background:transparent;border:0;box-shadow:none;padding:5px 9px;color:#8698b3;font-size:10px}.network-mode .asset-actions .danger{color:#bd929e}.vpn-notes{font-size:11px;color:#8a9bb3;line-height:1.8;margin:13px 0 0}.vpn-lastcheck{font-size:9px;color:#9aaac2;align-self:center;margin-left:auto}.vpn-server-host{font:11px monospace;color:#6c87b5;overflow-wrap:anywhere;margin:12px 0}.vpn-guide{padding:25px;border-radius:19px;background:linear-gradient(140deg,#ffffffb5,#f7f9ff88);border:1px solid white;box-shadow:0 10px 30px #4368a409;backdrop-filter:blur(18px);position:sticky;top:24px}.guide-title{display:flex;align-items:center;gap:10px}.guide-title>span{width:29px;height:29px;border-radius:9px;border:1px solid #d4e1ff;background:#e7efff;color:#6088e6;display:grid;place-items:center;font-size:15px}.guide-title h2{font-size:17px;font-weight:600;margin:0;color:#415a7e}.guide-title small{margin-left:auto;font-size:8px;background:#eaf0ff;color:#7e97c3;border-radius:12px;padding:5px 8px;letter-spacing:1px}.vpn-guide>p{color:#8596b0;font-size:11px;line-height:1.8;margin:23px 0 15px}.vpn-guide ol{list-style:none;counter-reset:steps;padding:0;margin:0}.vpn-guide li{counter-increment:steps;position:relative;padding:0 0 22px 31px;font-size:11px;line-height:1.95;color:#6f83a1}.vpn-guide li:before{content:counter(steps,decimal-leading-zero);position:absolute;left:0;top:1px;font:500 10px Manrope;color:#9aafd0}.guide-bottom{border-top:1px solid #dce5f3;padding-top:23px;margin-top:2px}.guide-bottom>span{float:left;font-size:26px;margin:0 12px 20px 0;color:#8ba7d9}.guide-bottom strong{font-size:11px;color:#7a90b1;font-weight:500}.guide-bottom p{font-size:10px;line-height:1.9;color:#9aabc3;margin:6px 0}.network-mode .empty{background:#ffffffa6;border:1px dashed #becfee;padding:45px 20px;border-radius:19px}.network-mode .empty>div{font-size:50px;color:#91afea}.network-mode .empty h2{font-size:19px;color:#56749e}.network-mode .empty p{color:#8b9eb9;font-size:11px}.network-mode .network-note{color:#97a8c0;font-size:10px}.network-mode dialog{background:#f7faff;color:#405a7d;border-color:#e4ebf8;box-shadow:0 25px 100px #203b7040}.network-mode .dialog-header .eyebrow{color:#8da2c3}.network-mode .form-grid label{color:#7a8eac}.network-mode .dialog-footer{border-color:#e0e8f5}.network-mode .dialog-footer>span{color:#91a5c3}.network-mode #toast{background:#fff;color:#5376b0;border:1px solid #d4e1f7;box-shadow:0 10px 40px #304b7820}.network-mode .qr-note{font-size:11px;color:#8b9bb2;line-height:1.8;text-align:center}#qr-dialog{max-width:390px}#qr-content{text-align:center}#qr-content img{width:250px;max-width:100%;background:#fff;padding:10px;border-radius:12px}#qr-content .quiet{display:block;margin:15px auto}#qr-content p{font-size:12px;color:#8596ac}.trash-row{padding:15px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:15px}.trash-row span{font-size:12px}
@media(max-width:1200px){.vpn-layout{grid-template-columns:minmax(0,1fr)}.vpn-guide{position:static}.vpn-guide ol{display:grid;grid-template-columns:1fr 1fr;gap:0 24px}.vpn-stats{gap:10px}.vpn-stat{padding:16px 13px;gap:10px}.vpn-stat-icon{width:32px;height:32px;font-size:19px}.network-mode .toolbar-actions{max-width:100%;justify-content:flex-start}}
@media(max-width:760px){.network-mode .main:before{left:0}.network-mode h1{font-size:27px}.network-mode main{padding-top:26px}.network-mode .intro{margin-bottom:21px}.vpn-stats{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:22px}.vpn-stat{padding:15px 16px;border-radius:12px}.vpn-stat strong{font-size:23px}.vpn-stat small{font-size:9px}.vpn-stat-icon{width:35px;height:35px}.network-mode .asset{padding:21px;border-radius:16px}.network-mode .asset h3{font-size:20px}.vpn-layout{gap:19px}.vpn-guide{padding:22px}.vpn-guide ol{grid-template-columns:1fr}.vpn-subbutton{font-size:10px;padding:12px 8px}.vpn-info>div{padding:10px}.vpn-info strong{font-size:10px}.vpn-lastcheck{font-size:8px}.network-mode .asset-actions{gap:2px}.network-mode .network-toolbar{gap:12px}.network-mode .intro .button{font-size:10px}.vpn-remaining{font-size:10px}}

/* Illustrated night theme. All overrides are scoped to the VPN view. */
body.network-mode{
  --text:#17243c;--muted:#3f506e;--line:#ffffff85;--panel:#eaf0ffb8;
  background:#283c66;
  color:#17243c;font-size:16px;font-weight:600;
}
body.network-mode:before{content:'';position:fixed;inset:0;pointer-events:none;background:linear-gradient(110deg,#16274712,#27375c24 58%,#1c274d38),url('/hub/vpn-night.png') center 42% / cover no-repeat;z-index:0}
.network-mode .main{background:transparent;position:relative;z-index:1}
.network-mode .main:before{display:none}
.network-mode main{max-width:1550px;padding-top:30px;padding-bottom:26px}
.network-mode header{background:#dce6ff9e;border-bottom:1px solid #ffffff75;backdrop-filter:blur(18px);height:78px}
.network-mode .sidebar{background:#dfe9ffb0;border-color:#ffffff70;backdrop-filter:blur(22px);box-shadow:8px 0 35px #10224715}
.network-mode .brand{font-weight:800;color:#182b4d}.network-mode .brand-icon,.network-mode .brand-dot{color:#2f67df}
.network-mode .nav{font-size:15px;color:#344a6e;padding:14px 15px}.network-mode .nav b{font-weight:700}.network-mode .nav.active{background:#e9f0fff0;color:#2657c5;box-shadow:0 3px 12px #234b9310;border:1px solid #ffffffb0}
.network-mode .nav small{font-weight:700;color:#536d97;font-size:10px}.network-mode .nav-caption,.network-mode .workspace-label{color:#4e6384;font-size:11px;font-weight:700}
.network-mode .sidebar-bottom strong{font-size:14px;font-weight:700;color:#2f4669}.network-mode .sidebar-bottom p{font-size:12px;font-weight:600;color:#465c7d}
.network-mode .bottom-line{color:#425b81;font-size:12px;border-color:#ffffff80}.network-mode .version{color:#4c6385}.network-mode .breadcrumb,.network-mode .breadcrumb b{color:#344a6a;font-size:14px;font-weight:650}.network-mode .account{font-size:14px;font-weight:700;color:#2b4267}
.network-mode .intro{padding:26px 28px;background:linear-gradient(120deg,#eff4ffd4,#d7e2ff99);border:1px solid #ffffffad;border-radius:22px;box-shadow:0 10px 35px #1229541f;backdrop-filter:blur(14px);margin-bottom:24px}
.network-mode .intro .eyebrow{font-size:11px;color:#426299;font-weight:800;letter-spacing:2px}
.network-mode h1{font-size:38px;line-height:1.3;font-weight:800;letter-spacing:-1px;color:#152744;margin:11px 0}
.network-mode .subtitle{font-size:16px;font-weight:650;color:#3c506f;line-height:1.8;max-width:none}
.network-mode .button.primary{background:linear-gradient(115deg,#448cff,#2860ee);color:#fff;border:1px solid #91b7ff;box-shadow:0 6px 20px #214dc833;font-size:15px;font-weight:750;padding:15px 21px;min-height:48px;border-radius:12px}
.network-mode .button.primary:hover{background:linear-gradient(115deg,#3279f3,#1e51d9)}
.network-mode .quiet{background:#eaf1ffdc;border-color:#ffffffc9;color:#294b82;font-size:13px;font-weight:700;padding:10px 13px;min-height:40px;border-radius:9px}
.network-mode .quiet:hover{background:#ffffffed;color:#1f54b9;border-color:#9cbaff}
.network-mode .tabs{background:#e6edffb8;border:1px solid #ffffffa8;backdrop-filter:blur(14px);border-radius:13px;box-shadow:0 5px 20px #132b5715}
.network-mode .tabs button{font-size:14px;font-weight:750;color:#3e567c;padding:11px 15px;min-height:42px;border-radius:9px}
.network-mode .tabs button.active{background:#3674ef;box-shadow:0 4px 12px #214cb72b;color:#fff}
.network-mode .network-toolbar{gap:14px;margin-bottom:21px}.network-mode .toolbar-actions{gap:8px;max-width:100%}
.network-mode #search{background:#edf3ffe6;border-color:#ffffffb5;width:190px;font-size:14px;padding:11px 13px;min-height:42px;color:#263e65}
.network-mode input::placeholder,.network-mode textarea::placeholder{color:#617394;opacity:1;font-weight:500}
.network-mode .vpn-stats{gap:16px;margin-bottom:24px}
.network-mode .vpn-stat{background:#e9f0ffb0;border:1px solid #ffffffb5;border-radius:17px;backdrop-filter:blur(15px);box-shadow:0 8px 26px #14264e20;padding:21px 23px;gap:16px}
.network-mode .vpn-stat-icon{width:45px;height:45px;background:#f0f5ffbd;color:#3569c3;border-color:#ffffffc0;border-radius:13px;font-size:25px}
.network-mode .vpn-stat strong{font-size:32px;font-weight:800;color:#193257}
.network-mode .vpn-stat small{font-size:13px;font-weight:700;color:#3e5579;margin-top:7px}
.network-mode .vpn-layout{grid-template-columns:minmax(0,1.7fr) minmax(300px,1fr);gap:24px}
.network-mode .asset,.network-mode .vpn-guide,.network-mode .empty{background:linear-gradient(135deg,#edf2ffbf,#e0e8ff99);border:1px solid #ffffffc0;backdrop-filter:blur(13px);box-shadow:0 12px 40px #10224826;border-radius:23px}
.network-mode .asset{padding:28px}.network-mode .asset:before{border-color:#5684e508}
.network-mode .asset-type{font-size:13px;font-weight:750;color:#355887;letter-spacing:.5px;margin-bottom:15px}
.network-mode .asset-mark{width:29px;height:29px;background:#eaf2ffd6;color:#3665b6;font-size:19px;border-radius:8px;border:1px solid #ffffffb0}
.network-mode .asset h3{font-size:27px;font-weight:800;color:#142a4d;line-height:1.4}
.network-mode .asset-group{font-size:12px;font-weight:700;padding:7px 11px;background:#eaf1ffbf;color:#345784;border-color:#ffffffb0}
.network-mode .vpn-health{margin:19px 0 13px;gap:13px;flex-wrap:wrap}
.network-mode .vpn-health .health{font-size:13px;font-weight:750;color:#405b83;border-color:#ffffffad;padding:7px 10px;background:#e3edffd9}
.network-mode .vpn-health .health.ok{color:#285bc2;background:#e3edfff0;border-color:#b7ceff}.network-mode .vpn-health .health.error{color:#9d4b34;background:#ffeadcf0;border-color:#f3c1ab}
.network-mode .vpn-remaining{font-size:15px;font-weight:650;color:#3e5578}.network-mode .vpn-remaining b{color:#234c93;font-size:17px;font-weight:800}
.network-mode .vpn-progress{height:10px;background:#eff4ffcc;margin-bottom:20px;box-shadow:inset 0 1px 3px #233d7210}
.network-mode .vpn-progress span{background:linear-gradient(90deg,#4388ff,#82a5ff)}
.network-mode .vpn-info{gap:11px;margin:19px 0}
.network-mode .vpn-info>div{background:#eaf1ff85;border-color:#ffffffc2;border-radius:13px;padding:14px 15px}
.network-mode .vpn-info small{font-size:13px;font-weight:650;color:#3a5379;margin-bottom:8px}
.network-mode .vpn-info strong{font-size:16px;font-weight:750;color:#172e52;line-height:1.5}
.network-mode .vpn-subactions{border-color:#ffffff80;gap:11px;padding-top:20px}
.network-mode .vpn-subbutton{font-size:14px;font-weight:750;min-height:51px;padding:14px 12px;background:#e7efffed;color:#214c9c;border-color:#97b8fa;border-radius:13px;box-shadow:0 3px 10px #244d9910}
.network-mode .vpn-subbutton:hover{background:#f5f8ff;border-color:#5f91ee}.network-mode .vpn-subbutton.qr{background:#edf3ffdc;color:#315b9f}.network-mode .vpn-subbutton .qr-icon{font-size:20px}
.network-mode .vpn-subbutton.wide{color:#965521;background:#fff4dbed;border-color:#ebc77d;font-weight:750}
.network-mode .asset-actions{margin-top:20px;border-color:#ffffff8a;padding-top:16px;gap:6px}
.network-mode .asset-actions .quiet{font-size:13px;font-weight:750;color:#355681;padding:8px 10px;min-height:36px;background:#eaf1ff65;border:1px solid #ffffff80}
.network-mode .asset-actions .danger{color:#9e3b55;background:#fff0f380}
.network-mode .vpn-notes,.network-mode .vpn-server-host{font-size:14px;font-weight:650;color:#344e75;line-height:1.8}
.network-mode .vpn-lastcheck{font-size:12px;font-weight:650;color:#4b6388;margin-top:5px}
.network-mode .vpn-guide{padding:28px}.network-mode .guide-title h2{font-size:23px;font-weight:800;color:#1c3558}.network-mode .guide-title>span{width:34px;height:34px;font-size:18px;color:#3568c0;background:#e7efffe3}.network-mode .guide-title small{font-size:10px;font-weight:800;color:#3e6093;background:#edf3ffcc}
.network-mode .vpn-guide>p{font-size:15px;font-weight:750;line-height:1.9;color:#2f496e;margin-top:24px}
.network-mode .vpn-guide li{font-size:15px;font-weight:650;color:#263e61;line-height:1.95;padding-left:34px;padding-bottom:23px}
.network-mode .vpn-guide li:before{font-size:13px;font-weight:800;color:#4870ad;top:4px}
.network-mode .guide-bottom{border-color:#ffffff8c;padding-top:24px}.network-mode .guide-bottom>span{color:#3e6db8}.network-mode .guide-bottom strong{font-size:15px;font-weight:750;color:#2f4c75}.network-mode .guide-bottom p{font-size:13px;font-weight:600;color:#405b81;line-height:1.9}
.network-mode .empty{padding:58px 28px}.network-mode .empty>div{color:#4a77c1;font-size:62px}.network-mode .empty h2{font-size:25px;font-weight:800;color:#203e67}.network-mode .empty p{font-size:16px;font-weight:650;line-height:1.9;color:#3c557a;max-width:460px;margin:16px auto 26px}
.network-mode .network-note{font-size:13px;font-weight:650;color:#edf3ff;text-shadow:0 1px 4px #142950;line-height:1.9;background:#1b305c55;border:1px solid #ffffff25;border-radius:13px;padding:14px 18px;margin-top:24px}
.network-mode dialog{background:linear-gradient(130deg,#edf3fff2,#e0e9fff2);border-color:#ffffffd9;backdrop-filter:blur(25px);border-radius:22px;box-shadow:0 25px 100px #10254b66;color:#223c61}
.network-mode .dialog-header h2{font-size:25px;font-weight:800;color:#1f385e}.network-mode .dialog-header .eyebrow{font-size:11px;font-weight:750;color:#466a9b}
.network-mode .form-grid label{font-size:14px;font-weight:700;color:#36547b;gap:10px}
.network-mode input,.network-mode select,.network-mode textarea{font-size:15px;font-weight:600;line-height:1.5;padding:12px 13px;border-radius:10px;background:#f3f7ffde;border-color:#a9bee3;color:#1e3b65}
.network-mode .dialog-footer>span{font-size:12px;font-weight:700;color:#4b658c}.network-mode .qr-note{font-size:14px;font-weight:650;color:#38547a}.network-mode #qr-content p{font-size:16px;font-weight:750;color:#294a75}.network-mode .trash-row span{font-size:15px;font-weight:700}.network-mode #toast{font-size:14px;font-weight:700;background:#eef4fff2;color:#294b80;border-color:#ffffffc0;backdrop-filter:blur(14px)}
@media(min-width:1800px){.network-mode main{padding-top:38px}.network-mode .vpn-layout{grid-template-columns:minmax(0,1.6fr) minmax(360px,1fr)}.network-mode .vpn-guide li{font-size:16px}.network-mode .asset{padding:32px}.network-mode .vpn-guide{padding:32px}}
@media(max-width:1200px){.network-mode .vpn-layout{grid-template-columns:1fr}.network-mode .vpn-guide{position:static}.network-mode .vpn-guide ol{grid-template-columns:1fr 1fr}.network-mode .vpn-stat{padding:18px 15px;gap:11px}.network-mode .vpn-stat-icon{width:38px;height:38px}.network-mode .vpn-stat small{font-size:12px}.network-mode .vpn-stat strong{font-size:29px}.network-mode .intro{padding:24px}}
@media(max-width:760px){
 body.network-mode:before{background:linear-gradient(#263f6d1c,#263f6d1c),url('/hub/vpn-night.png') 22% center / cover no-repeat}
 .network-mode .main{background:transparent}.network-mode header{height:68px}.network-mode main{padding:20px 16px 24px}
 .network-mode .breadcrumb,.network-mode .breadcrumb b{font-size:12px}.network-mode .header-actions .quiet{font-size:12px;padding:8px 9px;min-height:36px}
 .network-mode .sidebar{background:#e6eefff0}.network-mode .intro{padding:22px 20px;border-radius:18px;flex-wrap:wrap;gap:14px;margin-bottom:20px}
 .network-mode .intro .eyebrow{font-size:10px}.network-mode h1{font-size:31px;margin:10px 0}.network-mode .subtitle{font-size:15px;line-height:1.8}.network-mode .intro>.button{margin-top:0;font-size:14px;padding:13px 17px;min-height:44px}
 .network-mode .tabs{width:100%;gap:2px;padding:5px}.network-mode .tabs button{font-size:13px;padding:10px 8px;flex:1;min-height:41px}
 .network-mode #search{width:100%;font-size:15px;min-height:44px}.network-mode .toolbar-actions{width:100%;gap:8px}.network-mode .toolbar-actions .quiet{font-size:12px;min-height:39px;padding:9px 11px}
 .network-mode .vpn-stats{gap:10px;margin:0 0 20px}.network-mode .vpn-stat{padding:17px 15px;gap:12px;border-radius:15px}.network-mode .vpn-stat-icon{width:36px;height:36px;font-size:22px}.network-mode .vpn-stat strong{font-size:29px}.network-mode .vpn-stat small{font-size:12px}
 .network-mode .asset{padding:22px 19px;border-radius:19px}.network-mode .asset h3{font-size:24px}.network-mode .asset-type{font-size:12px}.network-mode .asset-group{font-size:11px}
 .network-mode .vpn-health .health{font-size:12px}.network-mode .vpn-remaining{font-size:14px}.network-mode .vpn-remaining b{font-size:16px}.network-mode .vpn-info{gap:9px}.network-mode .vpn-info>div{padding:12px}.network-mode .vpn-info small{font-size:12px}.network-mode .vpn-info strong{font-size:14px}
 .network-mode .vpn-subbutton{font-size:13px;padding:13px 9px;min-height:49px;gap:6px}.network-mode .vpn-subactions{gap:9px}.network-mode .asset-actions .quiet{font-size:12px;padding:8px;min-height:37px}.network-mode .vpn-lastcheck{font-size:11px;width:100%;margin-left:0}
 .network-mode .vpn-guide{padding:24px 21px;border-radius:19px}.network-mode .vpn-guide ol{grid-template-columns:1fr}.network-mode .guide-title h2{font-size:22px}.network-mode .vpn-guide li{font-size:15px;line-height:1.95}.network-mode .vpn-guide>p{font-size:15px}
 .network-mode .empty{padding:42px 23px}.network-mode .empty h2{font-size:23px}.network-mode .empty p{font-size:15px}.network-mode .network-note{font-size:12px;padding:13px 15px}
 .network-mode dialog{padding:24px 20px}.network-mode .dialog-header h2{font-size:23px}.network-mode .form-grid label{font-size:14px}.network-mode input,.network-mode select,.network-mode textarea{font-size:16px}.network-mode .dialog-footer{flex-wrap:wrap}.network-mode .dialog-footer .button{font-size:14px;min-height:44px}
}