*,:before,:after,::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border:0 solid #e5e7eb}:before,:after{--tw-content:""}html,:host{-webkit-text-size-adjust:100%;tab-size:4;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5}body{line-height:inherit;margin:0}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-feature-settings:normal;font-variation-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-feature-settings:inherit;font-variation-settings:inherit;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:#0000;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{margin:0;padding:0;list-style:none}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder{opacity:1;color:#9ca3af}textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.-bottom-1{bottom:-.25rem}.bottom-0{bottom:0}.left-0{left:0}.left-3{left:.75rem}.right-0{right:0}.right-3{right:.75rem}.top-3{top:.75rem}.top-8{top:2rem}.z-0{z-index:0}.z-10{z-index:10}.z-\[100\]{z-index:100}.mb-10{margin-bottom:2.5rem}.mb-6{margin-bottom:1.5rem}.mt-10{margin-top:2.5rem}.mt-2\.5{margin-top:.625rem}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.block{display:block}.flex{display:flex}.table{display:table}.hidden{display:none}.h-20{height:5rem}.h-8{height:2rem}.h-\[20px\]{height:20px}.h-\[440px\]{height:440px}.h-full{height:100%}.h-px{height:1px}.min-h-screen{min-height:100vh}.w-0{width:0}.w-8{width:2rem}.w-auto{width:auto}.w-full{width:100%}.min-w-0{min-width:0}.max-w-\[1200px\]{max-width:1200px}.max-w-\[380px\]{max-width:380px}.max-w-\[480px\]{max-width:480px}.max-w-\[580px\]{max-width:580px}.flex-1{flex:1}.shrink-0{flex-shrink:0}.scale-\[1\.02\]{--tw-scale-x:1.02;--tw-scale-y:1.02;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.resize{resize:both}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1\.5{gap:.375rem}.gap-10{gap:2.5rem}.gap-2{gap:.5rem}.gap-2\.5{gap:.625rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.overflow-hidden{overflow:hidden}.rounded-\[14px\]{border-radius:14px}.rounded-\[20px\]{border-radius:20px}.rounded-\[28px\]{border-radius:28px}.rounded-full{border-radius:9999px}.border{border-width:1px}.border-2{border-width:2px}.border-\[1\.5px\]{border-width:1.5px}.border-transparent{border-color:#0000}.border-white\/10{border-color:#ffffff1a}.border-white\/20{border-color:#fff3}.border-white\/30{border-color:#ffffff4d}.border-white\/40{border-color:#fff6}.border-white\/80{border-color:#fffc}.bg-\[\#00bc7d\]{--tw-bg-opacity:1;background-color:rgb(0 188 125/var(--tw-bg-opacity,1))}.bg-black\/40{background-color:#0006}.bg-black\/45{background-color:#00000073}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.bg-white\/10{background-color:#ffffff1a}.bg-white\/15{background-color:#ffffff26}.bg-white\/20{background-color:#fff3}.bg-white\/5{background-color:#ffffff0d}.bg-gradient-to-br{background-image:linear-gradient(to bottom right, var(--tw-gradient-stops))}.bg-gradient-to-t{background-image:linear-gradient(to top, var(--tw-gradient-stops))}.from-\[\#00bc7d\]{--tw-gradient-from:#00bc7d var(--tw-gradient-from-position);--tw-gradient-to:#00bc7d00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}.from-black\/70{--tw-gradient-from:#000000b3 var(--tw-gradient-from-position);--tw-gradient-to:#0000 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}.to-\[\#01a36c\]{--tw-gradient-to:#01a36c var(--tw-gradient-to-position)}.to-transparent{--tw-gradient-to:transparent var(--tw-gradient-to-position)}.object-cover{-o-object-fit:cover;object-fit:cover}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-3\.5{padding-left:.875rem;padding-right:.875rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-4{padding-top:1rem;padding-bottom:1rem}.pb-16{padding-bottom:4rem}.pl-5{padding-left:1.25rem}.pr-6{padding-right:1.5rem}.pt-10{padding-top:2.5rem}.pt-36{padding-top:9rem}.font-sans{font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}.text-\[12px\]{font-size:12px}.text-\[13px\]{font-size:13px}.text-\[15px\]{font-size:15px}.text-\[42px\]{font-size:42px}.text-base{font-size:1rem;line-height:1.5rem}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.font-medium{font-weight:500}.font-semibold{font-weight:600}.leading-\[1\.05\]{line-height:1.05}.leading-\[1\.65\]{line-height:1.65}.leading-tight{line-height:1.25}.tracking-\[-0\.02em\]{letter-spacing:-.02em}.text-\[\#111\]{--tw-text-opacity:1;color:rgb(17 17 17/var(--tw-text-opacity,1))}.text-black{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.text-white\/60{color:#fff9}.text-white\/70{color:#ffffffb3}.text-white\/75{color:#ffffffbf}.text-white\/85{color:#ffffffd9}.opacity-0{opacity:0}.shadow-\[0_10px_30px_-10px_rgba\(0\,188\,125\,0\.5\)\]{--tw-shadow:0 10px 30px -10px #00bc7d80;--tw-shadow-colored:0 10px 30px -10px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.shadow-\[0_20px_60px_rgba\(0\,0\,80\,0\.2\)\]{--tw-shadow:0 20px 60px #00005033;--tw-shadow-colored:0 20px 60px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.shadow-\[0_8px_32px_rgba\(0\,0\,0\,0\.3\)\]{--tw-shadow:0 8px 32px #0000004d;--tw-shadow-colored:0 8px 32px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.shadow-black\/20{--tw-shadow-color:#0003;--tw-shadow:var(--tw-shadow-colored)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur-\[20px\]{--tw-backdrop-blur:blur(20px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-md{--tw-backdrop-blur:blur(12px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-xl{--tw-backdrop-blur:blur(24px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter,backdrop-filter;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-all{transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-opacity{transition-property:opacity;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-transform{transition-property:transform;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;text-rendering:optimizelegibility;color:#e8edf6;background:#09111f;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:#09111f;min-width:320px;margin:0}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}.vpn-app{color:#e8edf6;background:#09111f;min-height:100vh}.vpn-shell{grid-template-columns:248px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{background:#0b1525;border-right:1px solid #1b293c;flex-direction:column;height:100vh;padding:28px 16px 18px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:11px;padding:0 13px 31px;display:flex}.brand-mark{color:#0c1b24;background:#b4f25d;border:1px solid #9be646;border-radius:9px;place-items:center;width:30px;height:30px;display:grid}.brand-copy{line-height:1.1}.brand-copy strong{letter-spacing:.02em;font-size:15px;display:block}.brand-copy span{color:#7d8ba0;letter-spacing:.12em;text-transform:uppercase;margin-top:4px;font-size:10px;display:block}.nav-label{color:#607087;letter-spacing:.13em;text-transform:uppercase;padding:0 13px 10px;font-size:10px;font-weight:700}.nav-list{gap:4px;display:grid}.nav-item{color:#8d9aad;text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:11px;width:100%;padding:11px 13px;font-size:13px;transition:all .18s;display:flex}.nav-item:hover{color:#dbe6f3;background:#132238}.nav-item.active{color:#c5f675;background:#173032;box-shadow:inset 3px 0 #b4f25d}.nav-item svg{width:17px;height:17px}.sidebar-footer{margin-top:auto}.server-mini{background:#101d30;border:1px solid #25354b;border-radius:10px;padding:14px}.server-mini-head{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.server-mini-title{color:#bac7d8;align-items:center;gap:7px;font-size:12px;font-weight:600;display:flex}.server-mini-title svg{color:#b4f25d}.online-dot{background:#b4f25d;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #b4f25d22}.server-mini p{color:#7d8da2;margin:0;font-size:11px}.server-mini strong{color:#e5ebf4;font-size:12px;font-weight:600}.main{min-width:0}.topbar{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0b1525cc;border-bottom:1px solid #1b293c;justify-content:space-between;align-items:center;height:80px;padding:0 42px;display:flex}.breadcrumbs{color:#738197;align-items:center;gap:9px;font-size:12px;display:flex}.breadcrumbs strong{color:#dce5f0;font-size:13px;font-weight:600}.top-actions{align-items:center;gap:16px;display:flex}.secure-pill{color:#a8b5c8;align-items:center;gap:7px;font-size:11px;display:flex}.secure-pill svg{color:#b4f25d}.avatar{color:#dfe8f2;background:#1b2b40;border:1px solid #35465d;border-radius:50%;place-items:center;width:33px;height:33px;font-size:11px;font-weight:700;display:grid}.mobile-menu{color:#dfe8f2;background:0 0;border:0;display:none}.page{max-width:1400px;margin:0 auto;padding:42px}.page-head{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:30px;display:flex}.eyebrow{color:#b4f25d;letter-spacing:.14em;text-transform:uppercase;margin:0 0 9px;font-size:11px;font-weight:700}.page-title{color:#f1f5fb;letter-spacing:-.025em;margin:0;font-size:clamp(25px,3vw,34px);line-height:1.1}.page-subtitle{color:#8493a8;max-width:620px;margin:10px 0 0;font-size:13px;line-height:1.6}.button-primary,.button-secondary,.button-danger,.button-icon{border-radius:7px;justify-content:center;align-items:center;gap:8px;transition:all .18s;display:inline-flex}.button-primary{color:#102022;background:#b4f25d;border:1px solid #b4f25d;min-height:40px;padding:0 15px;font-size:12px;font-weight:800}.button-primary:hover{background:#c9fb7d;transform:translateY(-1px)}.button-primary:disabled{cursor:not-allowed;opacity:.4;transform:none}.button-secondary{color:#c7d2e0;background:#101d30;border:1px solid #32455e;min-height:38px;padding:0 13px;font-size:12px;font-weight:700}.button-secondary:hover{color:#fff;background:#15243a;border-color:#58708e}.button-danger{color:#f19aab;background:#2b1923;border:1px solid #583340;min-height:34px;padding:0 11px;font-size:11px;font-weight:700}.button-danger:hover{background:#3a202d;border-color:#a55265}.button-icon{color:#93a3b6;background:#101d30;border:1px solid #2b3d54;width:33px;height:33px;padding:0}.button-icon:hover{color:#fff;border-color:#58708e}.button-primary svg,.button-secondary svg,.button-danger svg{width:15px;height:15px}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:24px;display:grid}.stat-card{background:#101d30;border:1px solid #213149;padding:19px 20px}.stat-head{color:#8392a7;justify-content:space-between;align-items:center;font-size:11px;display:flex}.stat-head svg{color:#71839c;width:16px;height:16px}.stat-value{color:#f0f5fb;letter-spacing:-.04em;margin-top:17px;font-size:28px;font-weight:700;display:block}.stat-trend{color:#b4f25d;align-items:center;gap:4px;margin-top:7px;font-size:11px;display:inline-flex}.stat-trend.muted{color:#7d8ca1}.content-grid{grid-template-columns:minmax(0,1.65fr) minmax(300px,.9fr);gap:18px;display:grid}.panel{background:#0f1b2c;border:1px solid #213149}.panel-head{border-bottom:1px solid #213149;justify-content:space-between;align-items:flex-start;gap:18px;padding:19px 20px;display:flex}.panel-title{color:#e4ebf4;margin:0;font-size:14px;font-weight:700}.panel-kicker{color:#77879c;margin:5px 0 0;font-size:11px}.panel-body{padding:20px}.status-line{color:#aee6aa;background:#14291f;border:1px solid #254733;align-items:center;gap:9px;padding:13px 14px;font-size:12px;display:flex}.status-line svg{color:#b4f25d}.status-line strong{color:#ddf7d5}.status-line span{color:#91bb91;margin-left:auto;font-size:11px}.table-wrap{overflow-x:auto}.device-table{border-collapse:collapse;text-align:left;width:100%}.device-table th{color:#68788d;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;padding:0 16px 12px;font-size:10px;font-weight:700}.device-table td{color:#aebccc;white-space:nowrap;border-top:1px solid #1b2a3f;padding:15px 16px;font-size:12px}.device-table tr:first-child td{border-top:0}.device-table tbody tr:hover{background:#122238}.device-name{color:#e0e8f1;align-items:center;gap:10px;font-weight:700;display:flex}.device-icon{color:#a6bad2;background:#17273c;border:1px solid #2e435d;place-items:center;width:29px;height:29px;display:grid}.device-icon svg{width:15px;height:15px}.subtext{color:#65768c;margin-top:4px;font-size:10px;font-weight:400;display:block}.mono{color:#a9bad0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px}.badge{color:#b8e9bd;background:#143024;border:1px solid #2e5040;align-items:center;gap:5px;padding:4px 7px;font-size:10px;font-weight:700;display:inline-flex}.badge.offline{color:#dd9ba9;background:#291b25;border-color:#4e3340}.badge.pending{color:#e1c681;background:#2d291b;border-color:#5b4e2d}.badge-dot{background:currentColor;border-radius:50%;width:5px;height:5px}.row-actions{justify-content:flex-end;gap:7px;display:flex}.row-actions .button-icon{width:29px;height:29px}.activity-list{gap:0;display:grid}.activity-item{border-bottom:1px solid #1b2a3f;grid-template-columns:25px 1fr auto;align-items:start;gap:10px;padding:13px 0;display:grid}.activity-item:first-child{padding-top:0}.activity-item:last-child{border:0;padding-bottom:0}.activity-icon{color:#a3b8cf;background:#15253a;border:1px solid #2b405a;place-items:center;width:25px;height:25px;display:grid}.activity-icon svg{width:13px;height:13px}.activity-copy strong{color:#cdd7e2;font-size:11px;font-weight:700;display:block}.activity-copy span{color:#73839a;margin-top:4px;font-size:10px;line-height:1.4;display:block}.activity-time{color:#68788d;white-space:nowrap;font-size:10px}.config-strip{grid-template-columns:repeat(2,1fr);gap:9px;margin-top:18px;display:grid}.config-item{background:#112137;border:1px solid #24364f;padding:12px}.config-item label{color:#6f8198;font-size:10px;display:block}.config-item strong{color:#d5e0ec;margin-top:6px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;font-weight:600;display:block}.devices-page .panel{margin-top:22px}.device-toolbar{justify-content:space-between;align-items:center;gap:14px;margin-bottom:13px;display:flex}.device-toolbar p{color:#8291a5;margin:0;font-size:12px}.search-box{color:#6f8095;background:#101d30;border:1px solid #2a3c54;align-items:center;gap:8px;min-width:190px;padding:0 11px;display:flex}.search-box input{color:#e3ebf5;background:0 0;border:0;outline:0;width:100%;height:35px;font-size:12px}.settings-grid{grid-template-columns:minmax(0,1fr) minmax(320px,.75fr);gap:18px;display:grid}.settings-section{border-bottom:1px solid #213149;padding:20px}.settings-section:last-child{border-bottom:0}.setting-row{border-bottom:1px solid #1b2a3f;justify-content:space-between;align-items:center;gap:20px;padding:15px 0;display:flex}.setting-row:last-child{border-bottom:0}.setting-row strong{color:#dbe4ee;font-size:12px;display:block}.setting-row span{color:#74849a;margin-top:5px;font-size:11px;line-height:1.45;display:block}.toggle{background:#34465d;border:0;border-radius:20px;width:37px;height:21px;position:relative}.toggle:after{content:"";background:#bfccdc;border-radius:50%;width:15px;height:15px;transition:all .18s;position:absolute;top:3px;left:3px}.toggle.on{background:#4f8f4a}.toggle.on:after{background:#e9ffd4;left:19px}.notice{color:#d8c88f;background:#292516;border-left:3px solid #e1bd62;padding:15px;font-size:11px;line-height:1.55}.overlay{z-index:30;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#060d17aa;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:#0e1a2b;border:1px solid #30425b;width:min(100%,560px);max-height:calc(100vh - 40px);overflow:auto;box-shadow:0 25px 70px #030710aa}.modal-head{border-bottom:1px solid #24364e;justify-content:space-between;align-items:flex-start;padding:21px 22px;display:flex}.modal-head h2{color:#eef3f8;margin:0;font-size:17px}.modal-head p{color:#7e8fa4;margin:6px 0 0;font-size:11px}.modal-body{padding:22px}.modal-footer{border-top:1px solid #24364e;justify-content:flex-end;gap:9px;padding:15px 22px;display:flex}.field{gap:7px;margin-bottom:16px;display:grid}.field label{color:#abb8ca;font-size:11px;font-weight:700}.field input,.field select{color:#e7edf5;background:#101f34;border:1px solid #2b3d55;border-radius:6px;outline:0;width:100%;height:40px;padding:0 11px;font-size:12px}.field input:focus,.field select:focus{border-color:#8dc54c;box-shadow:0 0 0 3px #b4f25d1a}.helper{color:#697a8f;margin:-8px 0 17px;font-size:10px;line-height:1.5}.check-row{color:#a8b6c9;align-items:flex-start;gap:9px;margin-top:4px;font-size:11px;line-height:1.5;display:flex}.check-row input{accent-color:#b4f25d;margin-top:2px}.config-modal{width:min(100%,680px)}.config-layout{grid-template-columns:185px 1fr;gap:23px;display:grid}.qr-box{background:#f3f5f3;place-items:center;min-height:185px;padding:12px;display:grid}.qr-note{color:#8493a7;text-align:center;margin-top:10px;font-size:10px;line-height:1.5}.config-preview{color:#a9c1d8;white-space:pre;background:#091421;border:1px solid #263952;max-height:240px;padding:15px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;line-height:1.75;overflow:auto}.config-meta{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-bottom:14px;display:grid}.config-meta div{background:#112137;border:1px solid #263952;padding:10px}.config-meta label{color:#6e8098;font-size:10px;display:block}.config-meta strong{color:#dbe4ee;margin-top:5px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;font-weight:600;display:block}.auth-screen{background:#09111f;grid-template-columns:1.1fr .9fr;min-height:100vh;display:grid}.auth-visual{background:radial-gradient(circle at 55% 33%,#21472f 0,#0d2330 30%,#09111f 72%);flex-direction:column;justify-content:space-between;padding:54px;display:flex}.auth-copy{max-width:530px;margin-top:13vh}.auth-copy h1{color:#eef5f3;letter-spacing:-.045em;margin:0;font-size:clamp(37px,5vw,66px);line-height:.98}.auth-copy p{color:#9aabba;max-width:470px;margin:22px 0 0;font-size:14px;line-height:1.65}.auth-feature{color:#aebeca;align-items:center;gap:10px;font-size:11px;display:flex}.auth-feature svg{color:#b4f25d}.auth-form-wrap{background:#0b1525;place-items:center;padding:35px;display:grid}.auth-form{width:min(100%,365px)}.auth-form h2{color:#f0f4fa;letter-spacing:-.025em;margin:0;font-size:25px}.auth-form>p{color:#8292a7;margin:9px 0 28px;font-size:12px;line-height:1.5}.auth-error{color:#f09ead;background:#2a1a24;border:1px solid #694050;margin:-5px 0 14px;padding:10px 11px;font-size:11px}.auth-foot{color:#718198;justify-content:space-between;margin-top:20px;font-size:10px;display:flex}.text-button{color:#b4f25d;background:0 0;border:0;padding:0;font-size:11px}.welcome-code{background:#14281e;border:1px dashed #496b45;justify-content:space-between;align-items:center;gap:8px;padding:14px;display:flex}.welcome-code strong{color:#dff6c2;letter-spacing:.13em;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:18px}.welcome-code button{color:#b4f25d;background:0 0;border:0;align-items:center;gap:5px;font-size:11px;display:inline-flex}.toast{z-index:50;color:#d7f0c9;background:#14291f;border:1px solid #3d6344;align-items:center;gap:9px;padding:12px 15px;font-size:12px;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 12px 30px #03071066}.toast svg{color:#b4f25d}@media (width<=1120px){.page,.topbar{padding-left:28px;padding-right:28px}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.content-grid,.settings-grid{grid-template-columns:1fr}}@media (width<=760px){.user-portal .sidebar{display:none}.vpn-shell{display:block}.sidebar{z-index:20;width:248px;transition:transform .22s;position:fixed;inset:0 auto 0 0;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.topbar{height:68px;padding:0 18px}.mobile-menu{display:block}.secure-pill{display:none}.page{padding:28px 18px 42px}.page-head{flex-direction:column;align-items:flex-start;gap:17px}.page-head .button-primary{width:100%}.stats-grid{gap:9px}.stat-card{padding:15px}.stat-value{margin-top:13px;font-size:24px}.panel-head,.panel-body{padding:16px}.device-toolbar{flex-direction:column;align-items:stretch}.search-box{width:100%}.config-layout{grid-template-columns:1fr}.qr-box{width:185px;margin:0 auto}.auth-screen{display:block}.auth-visual{min-height:38vh;padding:27px 24px}.auth-copy{margin-top:8vh}.auth-copy h1{font-size:42px}.auth-copy p{display:none}.auth-form-wrap{min-height:62vh;padding:34px 24px}}.hover\:-translate-y-0\.5:hover{--tw-translate-y:-.125rem;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:border-white\/30:hover{border-color:#ffffff4d}.hover\:bg-\[\#00bc7d\]:hover{--tw-bg-opacity:1;background-color:rgb(0 188 125/var(--tw-bg-opacity,1))}.hover\:bg-\[\#f4f5f5\]:hover{--tw-bg-opacity:1;background-color:rgb(244 245 245/var(--tw-bg-opacity,1))}.hover\:bg-white\/20:hover{background-color:#fff3}.hover\:text-white:hover{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.hover\:opacity-80:hover{opacity:.8}.hover\:shadow-\[0_15px_40px_-10px_rgba\(0\,188\,125\,0\.6\)\]:hover{--tw-shadow:0 15px 40px -10px #00bc7d99;--tw-shadow-colored:0 15px 40px -10px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.active\:translate-y-0:active{--tw-translate-y:0px;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group\/link:hover .group-hover\/link\:w-full{width:100%}.group:hover .group-hover\:-translate-y-0\.5{--tw-translate-y:-.125rem;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:translate-x-0\.5{--tw-translate-x:.125rem;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:rotate-12{--tw-rotate:12deg;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.group:hover .group-hover\:opacity-10{opacity:.1}.group:hover .group-hover\:opacity-80{opacity:.8}@media (width>=640px){.sm\:block{display:block}.sm\:gap-5{gap:1.25rem}.sm\:gap-6{gap:1.5rem}.sm\:px-4{padding-left:1rem;padding-right:1rem}.sm\:px-5{padding-left:1.25rem;padding-right:1.25rem}.sm\:px-7{padding-left:1.75rem;padding-right:1.75rem}.sm\:px-8{padding-left:2rem;padding-right:2rem}.sm\:pl-7{padding-left:1.75rem}.sm\:pl-8{padding-left:2rem}}@media (width>=768px){.md\:flex{display:flex}.md\:text-\[64px\]{font-size:64px}}@media (width>=1024px){.lg\:mt-0{margin-top:0}.lg\:flex-row{flex-direction:row}.lg\:gap-20{gap:5rem}.lg\:gap-8{gap:2rem}.lg\:px-\[60px\]{padding-left:60px;padding-right:60px}.lg\:pb-20{padding-bottom:5rem}.lg\:pt-36{padding-top:9rem}}