:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#1b293a;background:#f5f6f8;font-synthesis:none;font-weight:400;--accent: #177b68;--accent-dark: #126354;--border: #e6e9ed;--muted: #7a8595;--sidebar: #111e2d}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.55;cursor:wait}button{transition:background .15s,box-shadow .15s,transform .15s}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #63c8b4;outline-offset:3px}input:focus,select:focus,textarea:focus{outline:2px solid #73bcae;outline-offset:1px}a{color:inherit}h1,h2,h3,p{margin:0}h1{font-size:30px;letter-spacing:-1.15px;line-height:1.2;font-weight:650}h2{font-size:17px;font-weight:650;letter-spacing:-.35px}h3{font-size:16px}p{line-height:1.6}button svg{flex-shrink:0}svg{stroke-width:1.7}input,select,textarea{width:100%;border:1px solid #dce2e8;border-radius:7px;background:#fff;padding:11px 12px;color:#253346;min-width:0;font-size:13px}input::placeholder,textarea::placeholder{color:#99a3b0}label{display:block;font-size:12px;font-weight:550;color:#415065}label>span{display:block;margin-bottom:7px}label b{color:#a2acb7;font-weight:400}label small{display:block;color:#8a94a2;font-weight:400;margin-top:7px;line-height:1.5}code,pre{font-family:SFMono-Regular,Consolas,Liberation Mono,monospace}code{font-size:12px}pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:11px;line-height:1.65}.app-shell{min-height:100vh}.sidebar{overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:#34465b transparent;position:fixed;top:0;left:0;bottom:0;width:246px;background:var(--sidebar);color:#a0adbd;display:flex;flex-direction:column;padding:31px 19px 16px;z-index:20}.brand{display:flex;gap:10px;align-items:center;text-decoration:none;color:#f5f7f9;letter-spacing:-.5px;font-size:18px;font-weight:650;padding:0 7px}.brand-mark{height:37px;width:37px;display:flex;align-items:center;justify-content:center;background:#177d69;border-radius:11px;color:#d9fff5;box-shadow:inset 0 0 0 1px #ffffff13}.brand div>span{font-weight:350;color:#c7d0dc}.workspace{margin:32px 2px 30px;padding:12px 10px;display:flex;align-items:center;gap:11px;border:1px solid #2c3947;border-radius:8px;background:#1a2939}.server-symbol{color:#aab9c7;background:#263647;padding:7px;border-radius:6px;display:flex}.workspace>div{flex:1}.workspace strong{display:block;font-weight:550;font-size:12px;color:#edf2f6}.workspace div>span{font-size:10px;display:block;color:#8293a4;margin-top:4px}.nav-label{font-size:9px;font-weight:600;letter-spacing:1.5px;color:#607386;margin:0 15px 12px}nav{display:flex;flex-direction:column;gap:5px}nav button,.settings-link{width:100%;display:flex;align-items:center;gap:12px;background:none;border:0;color:#8fa0b3;text-align:left;padding:12px 13px;font-size:12px;border-radius:7px;font-weight:450}nav button:hover,.settings-link:hover{background:#1e2d3e;color:#fff}nav button.active,.settings-link.active{color:#c6f6e8;background:#1d3b3c}nav button.active svg{color:#64c5ac}.nav-count{margin-left:auto;min-width:21px;height:20px;display:flex;align-items:center;justify-content:center;font-size:10px;border-radius:5px;background:#2a4c4b;color:#b3e8d7}.sidebar-bottom{margin-top:auto;padding-top:40px}.system-state{display:flex;gap:10px;padding:13px 13px 20px;align-items:flex-start}.system-state strong{display:block;font-size:11px;font-weight:500;color:#b8c5d2}.system-state div>span{display:block;font-size:10px;color:#6f8397;margin-top:5px}.pulse,.offline{display:block;width:6px;height:6px;border-radius:50%;background:#5fc39c;margin-top:4px;box-shadow:0 0 0 4px #5fc39c12}.offline{background:#de9b68;box-shadow:none}.account{display:flex;align-items:center;gap:9px;margin-top:18px;padding:18px 4px 0;border-top:1px solid #2b3745}.avatar{height:31px;width:31px;border-radius:50%;background:#3b4a60;color:#d3dfed;display:inline-flex;align-items:center;justify-content:center;font-size:10px;font-weight:650;flex-shrink:0}.account>div:nth-child(2){flex:1}.account strong{font-size:11px;color:#d2dce6;display:block;font-weight:550}.account small{font-size:9px;color:#70869b;display:block;margin-top:4px}.account .icon-btn{color:#6e8093}.main-shell{margin-left:246px}.topbar{height:75px;background:#fff;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 39px;font-size:11px;color:#9aa3af}.topbar>div{display:flex;align-items:center;gap:13px}.topbar strong{font-weight:500;color:#4a586b}.host-pill{display:flex;align-items:center;gap:6px;border:1px solid var(--border);border-radius:5px;padding:6px 9px;font-size:10px;color:#657286}.host-pill>span{height:5px;width:5px;border-radius:50%;background:#35a782}.top-divider{height:20px;width:1px;background:#e8ebef}.icon-btn{border:0;background:transparent;padding:6px;display:inline-flex;align-items:center;justify-content:center;color:#8490a0;border-radius:5px}.icon-btn:hover{background:#edf1f4;color:#283a51}.icon-btn.danger:hover{color:#b14b44;background:#fff0ee}.mobile-menu{display:none}main{padding:36px 39px 0;max-width:1640px;margin:auto}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-bottom:27px}.section-kicker{font-size:9px;font-weight:650;letter-spacing:1.7px;color:#8a95a4;margin-bottom:10px}.page-heading p{font-size:12px;color:#8c96a4;margin-top:9px}.heading-actions{display:flex;align-items:center;gap:9px;flex-shrink:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:6px;padding:10px 14px;font-size:11px;font-weight:550;border:1px solid transparent;white-space:nowrap;min-height:36px}.btn.primary{background:var(--accent);color:#fff;box-shadow:0 2px 3px #125c4710}.btn.primary:hover{background:var(--accent-dark);box-shadow:0 3px 6px #125c4720}.btn.secondary{background:#fff;color:#5a677a;border-color:#dde3e8;box-shadow:0 1px 2px #1b293a04}.btn.secondary:hover{background:#f5f8f8;border-color:#b8cfc7}.btn.small{padding:6px 10px;font-size:10px;min-height:30px}.text-btn{display:inline-flex;align-items:center;gap:6px;background:none;border:0;padding:4px 0;color:#247d6c;font-size:11px;font-weight:550}.text-btn:hover{color:#0d5144}.mode-banner{display:flex;align-items:center;gap:12px;padding:13px 16px;border:1px solid #dfe9e6;border-radius:7px;background:#eef6f3;color:#498778;margin-bottom:24px}.mode-banner>svg{flex-shrink:0}.mode-banner>div{display:flex;align-items:center;gap:12px;flex:1}.mode-banner strong{font-size:11px;white-space:nowrap;font-weight:650}.mode-banner span{font-size:10px;color:#7b968f;line-height:1.5}.mode-banner .mode-label{font-size:8px;letter-spacing:1px;font-weight:650;padding:4px 6px;border:1px solid #cedfd8;border-radius:4px;flex-shrink:0}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-bottom:25px}.stat{background:#fff;border:1px solid var(--border);border-radius:9px;padding:19px 20px 17px;box-shadow:0 2px 3px #263a5103}.stat>div{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#99a4b2}.stat>div>span{font-size:10px;color:#788596}.stat>strong{display:flex;align-items:baseline;gap:11px;font-size:33px;font-weight:600;letter-spacing:-1px;margin:13px 0 9px}.stat strong small{font-size:9px;font-weight:400;color:#a0a9b6;letter-spacing:0}.stat p{font-size:9px;color:#9aa5b2;display:flex;align-items:center;gap:5px}.tiny-dot{display:inline-block;background:#51b193;height:5px;width:5px;border-radius:50%;flex-shrink:0}.dashboard-columns{display:grid;grid-template-columns:minmax(0,1.85fr) minmax(280px,1fr);gap:24px;margin-bottom:24px}.panel{border:1px solid var(--border);border-radius:9px;background:#fff;overflow:hidden;margin-bottom:23px;box-shadow:0 2px 3px #263a5103}.dashboard-columns>.panel{margin:0}.panel-head{display:flex;justify-content:space-between;align-items:center;padding:23px 24px;gap:20px}.panel-head h2 span{font-size:10px;margin-left:6px;vertical-align:middle;border-radius:4px;padding:3px 6px;background:#f1f4f6;color:#8c97a7;font-weight:450}.panel-head p{font-size:10px;color:#94a0ae;margin-top:6px}.network-mini-list{padding:0 23px 12px}.network-mini{display:flex;width:100%;align-items:center;text-align:left;gap:13px;background:#fff;border:0;border-bottom:1px solid #eff1f4;padding:17px 0}.network-mini:last-child{border:0}.network-mini:hover{background:#fbfcfc}.vpn-icon{display:inline-flex;height:46px;width:46px;border-radius:11px;align-items:center;justify-content:center;color:#448674;background:#edf6f0;flex-shrink:0}.color-1{color:#6e86b5;background:#eef2fa}.color-2{color:#9275af;background:#f4eef8}.network-mini>div{flex:1;min-width:0}.network-mini strong{display:block;font-size:12px;font-weight:600;color:#3d4b60;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.network-mini div>span{display:flex;align-items:center;gap:7px;font-size:9px;color:#98a2af;margin-top:7px}.network-mini span b{font-weight:400;color:#c7cdd5}.network-mini>svg{color:#a9b2be}.badge{display:inline-flex;align-items:center;gap:5px;white-space:nowrap;padding:4px 7px;border-radius:5px;background:#f0f3f6;color:#7c8999;font-size:9px;font-weight:500;line-height:1.3}.badge>span{height:4px;width:4px;border-radius:50%;background:currentColor}.badge.green{background:#edf7f1;color:#55997b}.badge.amber{background:#fbf5e9;color:#b59653}.badge.red{background:#fcefed;color:#bf6860}.panel-foot{background:#fcfdfd;border-top:1px solid #eff1f4;font-size:9px;color:#a0aaba;padding:13px 24px;display:flex;gap:7px;align-items:center}.server-card{background:#eef2f5;border:1px solid #e0e6ec;border-radius:9px;padding:22px 24px;position:relative;overflow:hidden}.server-card-top{display:flex;align-items:center;justify-content:space-between;color:#8797a6;font-size:8px;letter-spacing:1.3px;font-weight:650}.server-illustration{height:80px;position:relative;margin:5px 0 10px}.server-box{width:57px;height:55px;position:absolute;left:calc(50% - 28px);top:13px;background:linear-gradient(130deg,#f8fafb,#dce4ec);border:1px solid #c8d3dd;border-radius:7px;padding:9px;box-shadow:6px 5px #d8e1e9;transform:perspective(400px) rotateY(-15deg) rotateX(5deg);display:flex;flex-direction:column;gap:5px}.server-box span{height:8px;border:1px solid #b8c8d4;border-radius:2px;background:#d7e1ea;position:relative}.server-box span:after{content:"";position:absolute;top:2px;right:3px;height:2px;width:2px;border-radius:50%;background:#4c9d87}.server-line{position:absolute;left:12%;right:12%;top:45px;border-top:1px dashed #bdcdd6}.connection{position:absolute;top:41px;left:12%;height:8px;width:8px;border:2px solid #9fbbb4;border-radius:50%;background:#eef2f5}.connection.c2{left:auto;right:12%}.connection.c3{top:4px;left:calc(50% - 4px);width:6px;height:6px}.server-card h2{font-size:17px;margin-top:6px}.server-meta{display:flex;gap:9px;align-items:center;font-size:10px;color:#94a1b0;margin-top:7px}.server-meta .badge{font-size:8px;background:#e0e9e5;color:#718d80}.server-details{margin-top:22px;display:flex;flex-direction:column;gap:11px}.server-details>div{display:flex;justify-content:space-between;font-size:9px}.server-details span{color:#8c9aa8}.server-details strong{font-weight:500;color:#5a7184}.audit-list{padding:0 25px 10px}.audit-list>div{display:flex;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid #f0f2f5}.audit-list>div:last-child{border:0}.audit-icon{width:30px;height:30px;display:flex;align-items:center;justify-content:center;border:1px solid #e7ecee;border-radius:7px;color:#75a590;background:#fafdfb}.audit-list>div>div{flex:1}.audit-list strong{font-size:10px;font-weight:500;color:#637183;display:block;text-transform:capitalize}.audit-list small{font-size:9px;color:#a7b0bd;display:block;margin-top:4px}.audit-list time{color:#a1acb9;font-size:9px}.quiet-empty{padding:20px 24px 30px;color:#99a4b1;font-size:12px}.main-footer{display:flex;justify-content:space-between;font-size:9px;color:#a9b1bc;gap:16px;margin-top:38px;padding:20px 0;border-top:1px solid #e5e9ed}.main-footer>span{display:flex;align-items:center;gap:7px}.main-footer b{font-weight:400;color:#c9cfd6}.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 25px 45px;text-align:center}.empty-icon{background:#eff5f3;color:#83aa9e;padding:13px;border-radius:12px;margin-bottom:15px}.empty h3{font-size:14px;font-weight:550;color:#556477}.empty p{font-size:11px;line-height:1.8;color:#97a2b1;max-width:340px;margin-top:8px}.empty .btn{margin-top:18px}.alert{display:flex;align-items:center;gap:10px;padding:13px 15px;border-radius:6px;font-size:11px;line-height:1.7;margin-bottom:18px}.alert svg{flex-shrink:0}.alert.error{color:#aa5b55;background:#fff0ef;border:1px solid #f3d9d7}.alert.error .icon-btn{margin-left:auto}.alert.success{color:#418d71;background:#eaf7ee;border:1px solid #cfe9d9}.alert.info{background:#f2f6fa;border:1px solid #e0e8f0;color:#73859a}.alert.info>span{flex:1}.toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.search{display:flex;align-items:center;gap:8px;border:1px solid var(--border);background:#fff;border-radius:6px;padding:0 12px;width:300px;color:#9aa5b3}.search input{border:0;background:none;padding:11px 0;font-size:11px;outline:none}.vpn-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.vpn-card{border:1px solid var(--border);background:#fff;border-radius:9px;overflow:hidden;padding:23px 22px 0}.vpn-card-top{display:flex;justify-content:space-between;align-items:center;gap:10px}.card-link{background:none;border:0;text-align:left;padding:18px 0 0;width:100%;color:#34465c}.card-link h2{font-size:16px;word-break:break-all}.card-link span{font-size:10px;color:#9da7b4;display:block;margin-top:6px;font-family:monospace}.vpn-attrs{display:flex;gap:20px;margin:24px 0}.vpn-attrs>div{flex:1}.vpn-attrs span{display:block;color:#a2aaba;font-size:9px}.vpn-attrs strong{display:block;font-size:11px;color:#667689;margin-top:7px;font-weight:500;font-family:monospace}.vpn-card-footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #eef1f4;padding:14px 0}.vpn-card-footer>span{font-size:10px;color:#96a3b3;display:flex;gap:7px;align-items:center}.new-vpn-card{border:1px dashed #cfdad6;background:#f0f5f2;min-height:270px;border-radius:9px;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#71a38e;padding:20px}.new-vpn-card:hover{background:#eaf2ed}.new-vpn-card>span{height:47px;width:47px;border:1px solid #d5e5db;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:16px;background:#f7fbf7}.new-vpn-card strong{font-size:12px;font-weight:550}.new-vpn-card p{font-size:10px;margin-top:6px;color:#a0b1a8}.back{margin-bottom:20px}.vpn-detail{padding:25px}.detail-info{display:flex;align-items:center;gap:16px}.detail-info>div:nth-child(2){flex:1}.detail-info p{font-size:11px;color:#98a4b1;margin-top:7px}.public-key{display:flex;align-items:center;gap:12px;margin-top:25px;padding-top:20px;border-top:1px solid var(--border);font-size:10px;color:#9ba5b2;flex-wrap:wrap}.public-key code{overflow-wrap:anywhere;color:#687a90;font-size:10px}.vpn-detail .alert{margin-top:22px;margin-bottom:0}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:11px}th{background:#fafbfc;color:#9ba5b2;font-size:9px;letter-spacing:.4px;font-weight:500;padding:12px 24px;border-top:1px solid #eff1f4;border-bottom:1px solid #eff1f4;white-space:nowrap}td{border-bottom:1px solid #eff1f4;padding:17px 24px;color:#7e8c9d;vertical-align:middle}tr:last-child td{border-bottom:0}td strong{color:#536277;font-size:11px;font-weight:550}td small{display:block;font-size:9px;color:#a2adba;margin-top:6px}td code{font-size:10px}.row-actions{display:flex;gap:3px;align-items:center;justify-content:flex-end}.identity{display:flex;align-items:center;gap:10px}.avatar.pastel{background:#eaf0f6;color:#7f95ac;border-radius:8px}.muted{color:#a0aab6;font-size:10px}.device-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.device-card{margin:0;padding:23px 22px 0}.device-top{display:flex;justify-content:space-between;align-items:center}.device-symbol{display:flex;align-items:center;justify-content:center;width:43px;height:43px;background:#f0f3f8;color:#8d9db3;border-radius:10px}.device-card h2{margin-top:18px}.device-card>p{font-size:10px;color:#8797a7;margin-top:6px}.device-card>p span{color:#adb5c1}.device-memberships{min-height:65px;margin-top:18px}.device-memberships>div{display:flex;align-items:center;gap:8px;color:#6b7c91;font-size:10px}.device-memberships .icon-btn{margin-left:auto}.device-footer{display:flex;align-items:center;justify-content:space-between;padding:15px 0;border-top:1px solid #eef1f4}.full{grid-column:1/-1}.tabbar{display:flex;border-bottom:1px solid #e0e5eb;gap:25px;margin-bottom:25px}.tabbar button{border:0;background:none;color:#96a1af;padding:0 0 13px;font-size:11px;border-bottom:2px solid transparent}.tabbar button.active{color:var(--accent);border-bottom-color:var(--accent);font-weight:550}.code-panel{margin:0;padding:24px;background:#f9fafb;color:#6b7d8d;max-height:550px;overflow:auto;border-top:1px solid var(--border)}.rule-action{display:inline-block;font-size:8px;color:#87a69c;background:#eef5f1;border-radius:3px;padding:3px 5px;margin-left:8px}.route-lookup{padding:22px;display:flex;align-items:center;justify-content:space-between;gap:20px}.route-lookup>div{display:flex;align-items:center;gap:13px;color:#8eaba1}.route-lookup h2{font-size:13px;color:#617184}.route-lookup p{font-size:10px;color:#a0aab7;margin-top:5px}.route-lookup form{display:flex;gap:8px;max-width:390px}.route-lookup input{font-size:11px}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f1d2d70;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:100;display:flex;align-items:center;justify-content:center;padding:30px}.modal{background:#fff;border:1px solid #d8e1e8;border-radius:12px;padding:27px;width:610px;max-width:100%;max-height:90vh;overflow:auto;box-shadow:0 25px 100px #0c192c40;outline:none}.modal.wide{width:800px}.modal-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:26px}.modal-head h2{font-size:21px}.modal-head p{font-size:11px;color:#98a4b1;margin-top:7px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px 17px}.check-field{display:flex;align-items:center;gap:8px;height:38px;font-size:12px;font-weight:400}.check-field input{width:15px;height:15px;accent-color:var(--accent)}.modal-actions{display:flex;justify-content:flex-end;gap:9px;border-top:1px solid #edf0f3;padding-top:20px;margin-top:26px}.modal .alert{margin-top:20px}.confirm-message{font-size:13px;color:#7b899a;line-height:1.8}.job-status{display:flex;justify-content:space-between;align-items:center}.job-status>span:nth-child(2){display:flex;align-items:center;gap:8px;font-size:10px;color:#a18049}.plan-summary{padding:15px 0}.plan-summary>div{display:flex;gap:9px;align-items:center;padding:8px 0;color:#6c7e8d;font-size:11px}.plan-summary svg{color:#73a68c}.plan-warning{font-size:10px;color:#a59879;display:flex;align-items:flex-start;gap:7px;padding:6px 0;line-height:1.5}.plan-warning svg{flex-shrink:0}.plan-code{font-size:11px;color:#8a99a7;margin-top:15px;border:1px solid var(--border);border-radius:7px;padding:12px}.plan-code summary{cursor:pointer}.plan-code pre{background:#f7f9fa;padding:12px}.profile-preview{display:flex;align-items:center;gap:25px;padding:15px 0}.profile-preview img{width:210px;height:210px}.profile-preview h3{font-size:14px;color:#607185}.profile-preview p{font-size:11px;color:#95a1ae;margin:10px 0 20px}.loading-screen{height:100vh;display:flex;align-items:center;justify-content:center;gap:10px;color:#6c8d83}.spin{animation:rotate 1s linear infinite}@keyframes rotate{to{transform:rotate(360deg)}}.login-shell{min-height:100vh;background:#f5f7f7;position:relative;padding:50px 8%;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:10%}.login-brand{position:absolute;top:43px;left:7%;display:flex;align-items:center;gap:9px;font-size:22px;font-weight:650;color:#213749;letter-spacing:-.7px}.login-brand>span{font-weight:350;margin-left:-8px}.login-panel{max-width:370px;margin:80px auto 35px;width:100%}.login-panel h1{font-size:42px;line-height:1.13;letter-spacing:-1.7px}.login-panel>p{font-size:12px;color:#8c9b9e;margin-top:17px}.login-panel form{margin-top:32px}.login-panel label{margin-bottom:18px;font-size:11px}.login-panel label input{display:block;margin-top:9px;background:#fff;border-color:#dce5e3;padding:13px}.login-panel .btn{width:100%;margin-top:8px;padding:13px;font-size:12px}.login-panel .btn svg:last-child{margin-left:auto}.login-panel .btn svg:first-child{margin-right:auto}.login-foot{display:flex;align-items:center;justify-content:center;gap:7px;font-size:9px;color:#9baaa7;margin-top:24px}.login-graphic{position:relative;aspect-ratio:1;max-width:450px;display:flex;align-items:center;justify-content:center}.orbital{position:absolute;border:1px solid #c7dcd3;border-radius:50%;height:85%;width:85%;background:radial-gradient(circle,#c9dfd31a,#d3e1d512,transparent 70%)}.orbital.b{height:56%;width:56%;border-style:dashed;border-color:#b5d1c4}.center-node{height:108px;width:108px;background:#176f5e;border:7px solid #e0ede7;box-shadow:0 15px 45px #21735720,0 0 0 14px #ddebe64d;border-radius:30px;display:flex;align-items:center;justify-content:center;color:#c5ebda;transform:rotate(-7deg)}.orb-node{height:57px;width:57px;border:1px solid #d5e3db;background:#f7fbf8;box-shadow:0 7px 19px #3e775414;border-radius:15px;display:flex;align-items:center;justify-content:center;position:absolute;color:#87af9a}.n1{top:7%;left:37%}.n2{bottom:18%;right:7%}.n3{bottom:23%;left:5%}.graphic-label{position:absolute;bottom:-4%;font-size:11px;letter-spacing:.5px;color:#8da59b}.rule-action{white-space:nowrap}@media(min-width:1550px){main{padding-top:42px}.stats-grid{gap:23px}.stat{padding:24px}.page-heading{margin-bottom:33px}}@media(max-width:1250px){.sidebar{width:218px;padding-left:13px;padding-right:13px}.main-shell{margin-left:218px}main{padding-left:26px;padding-right:26px}.topbar{padding:0 26px}.page-heading{align-items:flex-start}.page-heading h1{font-size:25px}.heading-actions{flex-wrap:wrap;justify-content:flex-end}.btn{font-size:10px;padding:9px 11px}.stats-grid{gap:12px}.stat{padding:15px}.stat>strong{font-size:29px}.stat strong small{font-size:8px}.dashboard-columns{gap:18px;grid-template-columns:minmax(0,1.55fr) minmax(240px,1fr)}.panel-head{padding:20px}.panel-head p{font-size:9px}.network-mini-list{padding-left:19px;padding-right:19px}.network-mini{gap:9px}.network-mini .badge{font-size:8px}.vpn-grid,.device-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mode-banner>div{display:block}.mode-banner strong{margin-right:10px}.mode-banner span{font-size:9px}.route-lookup{flex-direction:column;align-items:stretch}.route-lookup form{max-width:100%}}@media(max-width:950px){.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-columns{grid-template-columns:1fr}.server-card{display:none}.page-heading{flex-direction:column;gap:18px}.heading-actions{justify-content:flex-start}.vpn-grid,.device-grid{gap:14px}.vpn-card{padding-left:17px;padding-right:17px}.main-footer{font-size:8px}.topbar>div{gap:8px}.login-shell{padding:50px 7%;gap:4%}.login-panel h1{font-size:36px}.login-graphic{max-width:330px}}@media(max-width:700px){.sidebar{visibility:hidden;transform:translate(-100%);width:246px;transition:transform .2s}.sidebar.open{visibility:visible;transform:translate(0);box-shadow:10px 0 40px #111e2d50}.main-shell{margin-left:0}.mobile-menu{display:inline-flex}.topbar{height:60px;padding:0 18px}.topbar>div:first-child>span{display:none}.topbar>div:first-child>svg{display:none}main{padding:25px 18px 0}.page-heading h1{font-size:25px}.section-kicker{font-size:8px}.page-heading p{font-size:11px}.mode-banner{padding:11px 12px}.mode-banner .mode-label{display:none}.stats-grid{gap:10px}.stat{padding:14px}.stat>div>span{font-size:9px}.stat>div>svg{display:none}.stat>strong{font-size:27px;gap:7px}.stat strong small{font-size:7px}.stat p{font-size:8px}.network-mini strong{font-size:11px}.network-mini div>span{font-size:8px}.network-mini .badge{display:none}.panel-head{padding:18px;align-items:flex-start}.panel-head h2{font-size:15px}.panel-head p{font-size:9px}.vpn-grid,.device-grid{grid-template-columns:1fr}.toolbar{gap:10px;align-items:stretch}.search{width:auto;flex:1}.toolbar .btn{font-size:9px}.detail-info{flex-wrap:wrap}.detail-info p{font-size:9px}.detail-info .row-actions{margin-left:auto}.vpn-detail{padding:19px}.table-wrap th,.table-wrap td{padding:13px 17px}.tabbar{gap:17px}.tabbar button{font-size:10px}.main-footer{flex-direction:column;gap:10px}.audit-list{padding:0 18px 10px}.audit-list time{font-size:8px}.form-grid{grid-template-columns:1fr;gap:15px}.overlay{padding:14px}.modal{padding:21px;max-height:94vh}.modal-head{margin-bottom:20px}.modal-head h2{font-size:18px}.profile-preview{flex-direction:column;text-align:center}.profile-preview img{width:220px;height:220px}.profile-preview>div p{max-width:270px}.login-shell{display:flex;padding:130px 25px 40px;justify-content:center}.login-brand{top:38px;left:25px}.login-panel{margin:30px auto}.login-graphic{display:none}.login-panel h1{font-size:39px}.login-panel .section-kicker{font-size:8px}.panel-head .btn{white-space:normal}.tabbar{overflow-x:auto}.tabbar button{white-space:nowrap}.route-lookup form{flex-wrap:wrap}.route-lookup input{flex:1;min-width:170px}}