@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-normal-CkhJZR-_.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(data:font/woff2;base64,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)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/manrope-cyrillic-wght-normal-Dvxsihut.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/manrope-greek-wght-normal-DL7QRZyv.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/manrope-vietnamese-wght-normal-usUDDRr7.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/manrope-latin-ext-wght-normal-Ch3YOpNY.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/manrope-latin-wght-normal-DHIcAJRg.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}html{background:#0b0f14;min-width:320px;min-height:100%}body{background:#0b0f14;min-width:320px;min-height:100vh;margin:0}button,input,select{font-family:inherit}:root{color:#e8edf3;font-synthesis:none;text-rendering:optimizelegibility;background:#0b0f14;font-family:Inter Variable,Inter,Arial,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;min-width:320px;min-height:100%;margin:0}body{color:#e8edf3;background:#0b0f14}button,input,select{font:inherit}button{color:inherit}.app-shell{background:radial-gradient(circle at 70% 0,#37699614,#0000 32%),#0b0f14;min-height:100vh;padding-top:64px;display:flex}.homevpn-topbar{z-index:30;background:#101820;border:0;border-radius:0;justify-content:space-between;align-items:center;height:64px;padding:0 28px 0 34px;display:flex;position:fixed;top:0;left:0;right:0;box-shadow:0 13px 30px #00000075,0 5px 12px #00000052}.homevpn-topbar-brand{color:#eef5f9;white-space:nowrap;align-items:center;gap:12px;font-family:Manrope Variable,Manrope,Inter Variable,Inter,Arial,sans-serif;display:flex}.homevpn-brand-name{color:#f3f7fa;letter-spacing:-.8px;font-size:22px;font-weight:800;line-height:1}.homevpn-brand-panel{color:#63b6df;letter-spacing:-.25px;font-size:15px;font-weight:600;line-height:1}.homevpn-topbar-avatar{color:#fff;letter-spacing:.5px;background:linear-gradient(145deg,#38bce8,#2178b8);place-items:center;font-family:Manrope Variable,Manrope,Inter Variable,Inter,Arial,sans-serif;font-size:14px;font-weight:800;display:grid;box-shadow:inset 0 1px #ffffff38,0 5px 16px #1989be42}.homevpn-topbar-actions{align-items:center;gap:12px;display:flex}.header-search-button,.header-notification-button{color:#9aa8b3;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;place-items:center;width:34px;height:34px;display:grid}.header-search-button:hover,.header-notification-button:hover{color:#dce6ec;background:#18232c;border-color:#2a3944}.search-icon{border:1.7px solid;border-radius:50%;width:14px;height:14px;display:block;position:relative}.search-icon:after{content:"";transform-origin:0;background:currentColor;border-radius:2px;width:6px;height:1.7px;position:absolute;bottom:-2px;right:-5px;transform:rotate(45deg)}.app-shell.light-theme .homevpn-topbar{border:0}.sidebar{z-index:10;background:#10151b;border-right:1px solid #202831;flex-direction:column;width:248px;min-width:248px;min-height:100vh;padding:24px 14px 16px;display:flex;position:fixed;top:64px;bottom:0;left:0}.brand{align-items:center;gap:12px;padding:0 10px 30px;display:flex}.brand strong{letter-spacing:-.2px;font-size:15px;display:block}.brand span{color:#66727e;letter-spacing:1.6px;margin-top:3px;font-size:8px;font-weight:700;display:block}.sidebar-title{color:#56616c;letter-spacing:1.4px;padding:0 12px 9px;font-size:9px;font-weight:700;display:block}nav{flex-direction:column;gap:3px;display:flex}.nav-item{color:#84909c;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:12px;width:100%;height:43px;padding:0 12px;transition:background .15s,color .15s;display:flex}.nav-item:hover{color:#cdd5dc;background:#171e26}.nav-item.active{color:#f0f5f8;background:#19231f;box-shadow:inset 2px 0 #28a879}.nav-icon{text-align:center;color:#697682;width:20px;font-size:17px}.nav-item.active .nav-icon{color:#31b383}.sidebar-footer{color:#48535e;letter-spacing:.8px;justify-content:space-between;padding:16px 7px 0;font-size:8px;display:flex}.main-content{width:calc(100% - 248px);min-height:100vh;margin-left:248px}.status-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px;display:inline-block}.status-dot.online{background:#36b47f;box-shadow:0 0 0 3px #36b47f14}.status-dot.offline{background:#5c6670}.icon-button{color:#697580;cursor:pointer;background:0 0;border:0;font-size:18px}.user-avatar{color:#b8c2ca;background:#27313a;border-radius:50%;place-items:center;width:29px;height:29px;font-size:11px;font-weight:600;display:grid}.page-content{max-width:2200px;margin:0 auto;padding:28px 42px 60px}.page-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:18px;display:flex}.eyebrow{color:#596671;letter-spacing:1.5px;font-size:9px;font-weight:700}.page-header h1{color:#eef3f6;letter-spacing:-.8px;margin:7px 0 6px;font-size:28px;line-height:1.1}.page-header p{color:#687580;margin:0;font-size:12px}.primary-button,.secondary-button{cursor:pointer;border-radius:7px;padding:10px 14px;font-size:11px;font-weight:600;transition:background .15s,border-color .15s}.primary-button{color:#fff;background:#1d986e;border:1px solid #25a477}.primary-button:hover{background:#23aa7b}.secondary-button{color:#a5afb7;background:#151b21;border:1px solid #29333d}.secondary-button:hover{background:#1b222a;border-color:#3a4651}.monitor-grid{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px;display:grid}.metric-card{background:#11171d;border:1px solid #202a33;border-radius:10px;padding:19px 20px}.metric-card span,.metric-card small{color:#66737e;font-size:10px;display:block}.metric-card strong{color:#e5ebef;letter-spacing:-.8px;margin:7px 0 5px;font-size:25px;display:block}.metric-card small{color:#4f5b65}.large-card{min-height:125px;padding:22px}.panel{background:#11171d;border:1px solid #202a33;border-radius:11px}.panel-heading{justify-content:space-between;align-items:flex-start;margin-bottom:22px;display:flex}.panel-heading h3{letter-spacing:-.2px;margin:6px 0 0;font-size:14px}.live-badge{color:#55bd91;letter-spacing:1px;background:#112019;border:1px solid #244638;border-radius:5px;padding:5px 8px;font-size:8px;font-weight:700}.live-badge.large{margin-top:5px;padding:8px 11px}.toolbar{justify-content:space-between;margin-bottom:20px}.search-box{color:#56626d;background:#11171d;border:1px solid #242e37;border-radius:7px;align-items:center;gap:8px;width:380px;height:38px;padding:0 12px;display:flex}.search-box input{color:#cdd6dc;background:0 0;border:0;outline:0;flex:1;font-size:10px}.search-box input::placeholder{color:#4e5a65}.filter-buttons{background:#11171d;border:1px solid #202a33;border-radius:7px;gap:4px;padding:3px;display:flex}.filter-buttons button{color:#63707b;cursor:pointer;background:0 0;border:0;border-radius:5px;padding:6px 11px;font-size:9px}.filter-buttons button.active{color:#c4cdd3;background:#222b34}.client-groups{flex-direction:column}.client-group{transition:border-color .15s}.group-heading{justify-content:space-between;align-items:center;display:flex}.group-heading>div{align-items:center;gap:9px;display:flex}.group-mark{border-radius:50%;width:7px;height:7px}.group-mark.paid{background:#36ad80}.group-mark.free{background:#65717b}.group-heading h2{margin:0}.group-count{color:#76828c;text-align:center;background:#1b232b;border-radius:99px;min-width:21px;padding:3px 6px;font-size:8px}.client-card{background:#12181e;border:1px solid #1d252d;display:grid}.client-card:hover{background:#151c23;border-color:#2c3842}.drag-handle{color:#47535e;cursor:grab;font-size:14px}.client-avatar{color:#aab5bd;background:#202a33;border-radius:8px;place-items:center;width:32px;height:32px;font-size:11px;font-weight:600;display:grid}.client-name-row strong{color:#d4dce1}.client-ip{flex-direction:column;gap:4px;display:flex}.client-ip span{color:#4e5a64;text-transform:uppercase;letter-spacing:.6px;font-size:7px}.client-ip strong{color:#9da8b0;font-family:monospace;font-size:9px;font-weight:500}.client-last-seen{text-align:right}.empty-drop{color:#4d5963;text-align:center;border:1px dashed #27323c;border-radius:8px;padding:30px;font-size:10px}.logs-panel{overflow:hidden}.log-row{border-bottom:1px solid #1d252d;grid-template-columns:120px 70px 1fr;align-items:center;gap:15px;min-height:54px;padding:0 18px;font-size:12px;display:grid}.log-row:last-child{border-bottom:0}.log-message{color:#84909a}.settings-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.settings-panel{padding:22px}.settings-panel label{margin-bottom:17px;display:block}.settings-panel label>span{color:#697580;margin-bottom:7px;font-size:9px;display:block}.settings-panel input{color:#bac4cb;background:#0e1419;border:1px solid #26313a;border-radius:6px;outline:none;width:100%;height:38px;padding:0 10px;font-size:10px}.settings-panel input:focus{border-color:#2d6650}.setting-toggle{border-bottom:1px solid #1e272f;justify-content:space-between;align-items:center;gap:20px;padding:16px 0;display:flex}.setting-toggle:last-child{border-bottom:0}.setting-toggle strong{color:#aeb8bf;font-size:10px;font-weight:500;display:block}.setting-toggle span{color:#515d67;margin-top:4px;font-size:8px;display:block}.toggle{background:#252e36;border-radius:99px;flex-shrink:0;width:32px;height:18px;padding:2px}.toggle span{background:#65717b;border-radius:50%;width:14px;height:14px;margin:0}.toggle.active{background:#23694f}.toggle.active span{background:#56bd92;margin-left:14px}@media (width<=1200px){.client-card{grid-template-columns:22px 36px minmax(140px,1.4fr) minmax(110px,1fr) 100px 80px}.client-last-seen{display:none}}@media (width<=950px){.sidebar{width:74px;min-width:74px;padding-left:9px;padding-right:9px}.brand{justify-content:center;padding:0 0 25px}.brand>div:last-child,.sidebar-title,.nav-item span:last-child,.sidebar-footer{display:none}.nav-item{justify-content:center;padding:0}.nav-icon{font-size:18px}.main-content{width:calc(100% - 74px);margin-left:74px}.settings-grid{grid-template-columns:1fr}.monitor-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=700px){.page-content{padding:25px 16px 40px}.page-header,.toolbar{flex-direction:column}.search-box{width:100%}.filter-buttons{width:fit-content}.monitor-grid{grid-template-columns:1fr 1fr}.client-card{grid-template-columns:22px 36px 1fr 90px}.client-ip{display:none}}@media (width<=480px){.monitor-grid{grid-template-columns:1fr}.page-header h1{font-size:24px}.client-card{grid-template-columns:22px 36px 1fr}.log-row{grid-template-columns:70px 50px 1fr;gap:8px;padding:0 10px}}:root{--accent:#3b9bd4;--accent-strong:#2f88c0;--accent-soft:#3b9bd424;--accent-border:#3b9bd452}.theme-button{color:#9ba8b3;cursor:pointer;background:#141b22;border:1px solid #28333d;border-radius:7px;place-items:center;width:32px;height:32px;font-size:15px;line-height:1;transition:background .15s,border-color .15s,color .15s;display:grid}.theme-button:hover{color:#dce7ee;background:#1a232c;border-color:#3a4a58}.app-shell.light-theme .brand strong,.app-shell.light-theme .page-header h1,.app-shell.light-theme .panel-heading h3,.app-shell.light-theme .group-heading h2,.app-shell.light-theme .client-name-row strong{color:#1e2a33}.app-shell.light-theme .brand span,.app-shell.light-theme .sidebar-title,.app-shell.light-theme .eyebrow,.app-shell.light-theme .page-header p,.app-shell.light-theme .metric-card span,.app-shell.light-theme .metric-card small,.app-shell.light-theme .client-ip span,.app-shell.light-theme .client-last-seen,.app-shell.light-theme .log-message,.app-shell.light-theme .setting-toggle span{color:#71818d}.app-shell.light-theme .main-content{background:#f4f7f9}.app-shell.light-theme .metric-card,.app-shell.light-theme .panel,.app-shell.light-theme .client-group,.app-shell.light-theme .client-card,.app-shell.light-theme .search-box,.app-shell.light-theme .filter-buttons,.app-shell.light-theme .settings-panel{background:#fff;border-color:#d8e0e6}.app-shell.light-theme .metric-card strong,.app-shell.light-theme .client-ip strong{color:#24333d}.app-shell.light-theme .client-avatar,.app-shell.light-theme .user-avatar{color:#40515d;background:#e8eef2}.app-shell.light-theme .secondary-button,.app-shell.light-theme .theme-button{color:#526571;background:#fff;border-color:#ccd7de}.app-shell.light-theme .secondary-button:hover,.app-shell.light-theme .theme-button:hover{background:#edf3f6;border-color:#b9c8d2}.app-shell.light-theme .filter-buttons button.active{color:#2d5064;background:#e7f1f6}.app-shell.light-theme .log-row,.app-shell.light-theme .setting-toggle{border-color:#dfe6eb}.app-shell.light-theme .toggle.active span{background:#2f88c0}@media (width<=700px){.homevpn-brand-name{font-size:19px}.homevpn-brand-panel,.homevpn-topbar-avatar{font-size:13px}.homevpn-topbar{padding:0 16px 0 18px}.theme-button{width:30px;height:30px}}.app-shell.dark-theme{--surface-0:#0b1117;--surface-1:#101820;--surface-2:#141d25;--surface-3:#18232c;--border:#26343f;--text:#e8f0f5;--text-muted:#82919d;--text-dim:#7c8c98;color:#e8f2f8;background:radial-gradient(circle at 70% 0,#3b9bd41f,#0000 34%),#09121b}.app-shell.dark-theme .homevpn-topbar{background:#0d1b27;box-shadow:0 13px 30px #00000094,0 6px 16px #0000006b}.app-shell.dark-theme .homevpn-brand-name{color:#f2f8fc;text-shadow:0 0 6px #3b9bd473,0 0 14px #3b9bd43d,0 2px 3px #0000008c}.app-shell.dark-theme .homevpn-brand-panel{color:#62b7e5}.app-shell.dark-theme .homevpn-topbar-avatar{color:#fff;box-shadow:none;background:linear-gradient(145deg,#3aaee0,#247db9)}.app-shell.dark-theme .header-search-button,.app-shell.dark-theme .header-notification-button{color:#829caf}.app-shell.dark-theme .header-search-button:hover,.app-shell.dark-theme .header-notification-button:hover{color:#dcecf5;background:#162a39;border-color:#29475c}.app-shell.dark-theme .sidebar{background:#0c1721;border-right-color:#1b3040}.app-shell.dark-theme .brand span,.app-shell.dark-theme .sidebar-title{color:#5d7484}.app-shell.dark-theme .nav-item{color:#8195a3}.app-shell.dark-theme .nav-item:hover{color:#d1e1ea;background:#122432}.app-shell.dark-theme .nav-item.active{color:#eaf5fb;background:#3b9bd424;box-shadow:inset 2px 0 #3b9bd4}.app-shell.dark-theme .nav-item.active .nav-icon{color:#3b9bd4}.app-shell.dark-theme .nav-icon{color:#61798a}.app-shell.dark-theme .page-header h1{color:#edf5fa}.app-shell.dark-theme .page-header p,.app-shell.dark-theme .eyebrow{color:#6f8492}.app-shell.dark-theme .primary-button{background:#2f88c0;border-color:#3b9bd4}.app-shell.dark-theme .primary-button:hover{background:#3b9bd4}.app-shell.dark-theme .secondary-button{color:#a8bbc7;background:#111f2a;border-color:#294050}.app-shell.dark-theme .secondary-button:hover{background:#172b3a;border-color:#3b5d73}.app-shell.dark-theme .server-ip{color:#78909f}.app-shell.dark-theme .metric-card,.app-shell.dark-theme .panel,.app-shell.dark-theme .client-group,.app-shell.dark-theme .client-card,.app-shell.dark-theme .settings-panel{background:#101c26;border-color:#203746}.app-shell.dark-theme .metric-card:hover,.app-shell.dark-theme .client-card:hover{background:#13232f;border-color:#2b4d61}.app-shell.dark-theme .metric-card span,.app-shell.dark-theme .metric-card small{color:#6d8290}.app-shell.dark-theme .metric-card strong{color:#e6f0f5}.app-shell.dark-theme .panel-heading h3{color:#dce9f0}.app-shell.dark-theme .live-badge{color:#68bae8;background:#3b9bd41f;border-color:#3b9bd452}.app-shell.dark-theme .group-mark.paid{background:#3b9bd4}.app-shell.dark-theme .group-mark.free{background:#607784}.app-shell.dark-theme .group-count{color:#78909f;background:#172936}.app-shell.dark-theme .client-avatar{color:#a9c0cd;background:#182c3a}.app-shell.dark-theme .client-name-row strong{color:#dce8ee}.app-shell.dark-theme .client-ip span{color:#5b7180}.app-shell.dark-theme .client-ip strong{color:#a7bbc7}.app-shell.dark-theme .log-row{border-color:#1c2d38}.app-shell.dark-theme .settings-panel input{color:#bdcdd6;background:#0d1922;border-color:#263d4c}.app-shell.dark-theme .settings-panel input:focus{border-color:#3b9bd4}.app-shell.dark-theme .setting-toggle{border-color:#1e303d}.app-shell.dark-theme .toggle.active span{background:#55b5e4}.app-shell.light-theme{--surface-0:#f4f7f9;--surface-1:#fff;--surface-2:#f7f9fb;--surface-3:#edf2f5;--border:#d8e0e6;--text:#1e2a33;--text-muted:#61717d;--text-dim:#83919b;color:#1c2d38;background:radial-gradient(circle at 70% 0,#3b9bd417,#0000 34%),#f1f6f9}.app-shell.light-theme .homevpn-topbar{background:#fff;box-shadow:0 13px 30px #274d652e,0 5px 14px #274d651a}.app-shell.light-theme .homevpn-brand-name{color:#172b38;text-shadow:0 1px #ffffffe6,0 2px 4px #274d6538}.app-shell.light-theme .homevpn-brand-panel{color:#3189bd}.app-shell.light-theme .homevpn-topbar-avatar{color:#fff;box-shadow:none;background:linear-gradient(145deg,#38bce8,#277fba)}.app-shell.light-theme .header-search-button,.app-shell.light-theme .header-notification-button{color:#607987}.app-shell.light-theme .header-search-button:hover,.app-shell.light-theme .header-notification-button:hover{color:#26495c;background:#e9f2f7;border-color:#c8dbe5}.app-shell.light-theme .sidebar{background:#fff;border-right-color:#d3e0e7}.app-shell.light-theme .nav-item{color:#607582}.app-shell.light-theme .nav-item:hover{color:#263e4b;background:#edf5f9}.app-shell.light-theme .nav-item.active{color:#1d3543;background:#e5f2f9;box-shadow:inset 2px 0 #3189bd}.app-shell.light-theme .nav-item.active .nav-icon{color:#3189bd}.app-shell.light-theme .nav-icon{color:#718895}.app-shell.light-theme .page-header h1{color:#172c39}.app-shell.light-theme .page-header p,.app-shell.light-theme .eyebrow{color:#718591}.app-shell.light-theme .primary-button{background:#3189bd;border-color:#3189bd}.app-shell.light-theme .primary-button:hover{background:#277cad}.app-shell.light-theme .secondary-button{color:#4f6876;background:#fff;border-color:#c9d8e0}.app-shell.light-theme .secondary-button:hover{background:#edf5f8;border-color:#a9c3d1}.app-shell.light-theme .server-ip{color:#637b89}.app-shell.light-theme .metric-card,.app-shell.light-theme .panel,.app-shell.light-theme .client-group,.app-shell.light-theme .client-card,.app-shell.light-theme .settings-panel{background:#fff;border-color:#d3e0e7}.app-shell.light-theme .client-card:hover{background:#f6fafc;border-color:#b8ceda}.app-shell.light-theme .metric-card span,.app-shell.light-theme .metric-card small{color:#718591}.app-shell.light-theme .metric-card strong{color:#1c3340}.app-shell.light-theme .panel-heading h3{color:#263e4b}.app-shell.light-theme .live-badge{color:#3189bd;background:#e8f5fb;border-color:#c1ddeb}.app-shell.light-theme .group-mark.paid{background:#3189bd}.app-shell.light-theme .group-mark.free{background:#8196a2}.app-shell.light-theme .group-count{color:#6b818e;background:#e8f0f4}.app-shell.light-theme .client-avatar{color:#405b6b;background:#e5eef3}.app-shell.light-theme .client-name-row strong{color:#263e4b}.app-shell.light-theme .client-ip span{color:#718591}.app-shell.light-theme .client-ip strong{color:#405866}.app-shell.light-theme .log-row{border-color:#dce6eb}.app-shell.light-theme .settings-panel input{color:#344e5d;background:#f8fbfc;border-color:#cad9e1}.app-shell.light-theme .settings-panel input:focus{border-color:#3189bd}.app-shell.light-theme .setting-toggle{border-color:#dce6eb}.services-section{margin-bottom:24px}.section-heading{justify-content:space-between;align-items:flex-end;margin-bottom:12px;display:flex}.section-heading h2{margin:4px 0 0;font-size:20px;font-weight:600}.services-count{color:#8e9aa5;background:#10171d;border:1px solid #202a33;border-radius:8px;justify-content:center;align-items:center;min-width:28px;height:28px;padding:0 8px;font-size:12px;font-weight:600;display:inline-flex}.services-list{flex-direction:column;gap:8px;display:flex}.service-card{background:linear-gradient(100deg,#172730b8,#10161cf2);border:1px solid #202a33;border-radius:10px;align-items:center;gap:16px;min-height:82px;padding:14px 16px;display:flex}.service-icon{color:#8e9aa5;background:#111a20;border:1px solid #26343f;border-radius:9px;flex:0 0 38px;justify-content:center;align-items:center;width:38px;height:38px;font-size:17px;display:flex}.service-main{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.service-title-row{align-items:center;gap:9px;display:flex}.service-title-row strong{font-size:14px;font-weight:600}.service-type{color:#7f8c97;text-transform:uppercase;letter-spacing:.04em;background:#182229;border-radius:5px;padding:3px 7px;font-size:10px;font-weight:600}.service-description{color:#74818c;font-size:12px}.service-port{color:#596773;font-size:11px}.service-actions{flex-shrink:0;align-items:center;gap:16px;display:flex}.service-status{color:#a4b0b9;align-items:center;gap:7px;font-size:12px;display:flex}.service-status .status-dot{width:7px;height:7px}.switch{flex-shrink:0;width:38px;height:21px;display:inline-block;position:relative}.switch input{opacity:0;width:0;height:0}@media (width<=700px){.service-card{align-items:flex-start}.service-actions{flex-direction:column;align-items:flex-end;gap:8px}.service-title-row{flex-wrap:wrap}}.server-panel-left{min-width:0;padding-right:28px}.server-panel-right{min-width:0;padding-left:24px}.server-flag{font-size:30px;line-height:1}.server-side-section+.server-side-section{border-top:1px solid #202a33;padding-top:21px}.server-side-title{color:#9aafbc;letter-spacing:.08em;margin-bottom:13px;font-size:11px;font-weight:700;display:block}.app-shell.light-theme .server-side-title{color:#4a6070}@media (width<=900px){.server-panel-left{padding-right:0}.server-panel-right{padding-top:24px;padding-left:0}}.nav-icon,.server-flag,.search-box-icon{place-items:center;display:grid}.nav-icon{height:20px}.nav-icon svg,.service-icon svg,.theme-button svg,.header-notification-button svg,.search-box-icon svg,.drag-handle svg{display:block}.drag-handle{letter-spacing:0;place-items:center;display:grid}.server-row{grid-template-columns:minmax(0,6fr) minmax(0,4fr);gap:16px;margin-bottom:16px;display:grid}.server-panel{border:1px solid #202a33;border-radius:12px;min-width:0}.server-panel-left,.server-panel-right{padding:24px}.app-shell.dark-theme .server-panel{background:linear-gradient(100deg,#193547d1,#0c1822f7);border-color:#234052}.app-shell.light-theme .server-panel{background:linear-gradient(100deg,#fff,#eaf3f7);border-color:#d1dfe6}@media (width<=900px){.server-row{grid-template-columns:1fr}}.server-panel-left{flex-direction:column;justify-content:flex-start;display:flex}.server-top{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.server-id strong{font-size:22px;font-weight:600}.server-ip{color:#8ea3b0;margin-top:8px;font-family:monospace;font-size:13px;display:block}.server-uptime{text-align:right;align-items:flex-start;display:flex}.server-uptime span{color:#8ea3b0;font-size:12px;display:block}.server-uptime strong{color:#e6f0f5;font-variant-numeric:tabular-nums;margin-top:3px;font-size:17px;font-weight:600;display:block}.server-uptime small{color:#8ea3b0;font-size:11px}.ping-row{align-items:center;gap:14px;margin-top:18px;display:flex}.ping-text{white-space:nowrap;color:#8ea3b0;font-size:14px}.ping-text b{color:#e6f0f5;font-weight:600}.ping-dot{--ping-color:86, 188, 144;background:#56bc90;border-radius:50%;flex:none;width:9px;height:9px;animation:2s infinite ping-pulse}@keyframes ping-pulse{0%{box-shadow:0 0 0 0 rgba(var(--ping-color), .55)}70%{box-shadow:0 0 0 8px rgba(var(--ping-color), 0)}to{box-shadow:0 0 0 0 rgba(var(--ping-color), 0)}}.server-divider{background:#234052;height:1px;margin:20px 0}.load-list{flex-direction:column;display:flex}.load-track{background:#ffffff12;border-radius:99px;height:8px;overflow:hidden}.load-track div{border-radius:99px;height:100%;transition:width .4s}.app-shell.light-theme .server-ip,.app-shell.light-theme .server-uptime span,.app-shell.light-theme .server-uptime small,.app-shell.light-theme .ping-text{color:#61717d}.app-shell.light-theme .server-uptime strong,.app-shell.light-theme .ping-text b{color:#1e2a33}.app-shell.light-theme .server-divider{background:#d1dfe6}.app-shell.light-theme .load-track{background:#00000014}@media (width<=900px){.server-uptime{gap:18px}}@media (width<=600px){.server-top{flex-direction:column}.server-uptime{text-align:left}.ping-row{flex-wrap:wrap}}.ping-row{margin:20px 0 10px}.ping-chart{cursor:crosshair;touch-action:pan-y;border:1px dotted #3f5a6b;height:120px;position:relative}.ping-svg{width:100%;height:100%;display:block;position:absolute;inset:0}.ping-scale{z-index:1;color:#8ea3b0;font-size:11px;position:absolute;top:6px;right:8px}.ping-cursor{pointer-events:none;border-left:1px dashed #e6f0f58c;width:0;position:absolute;top:0;bottom:0}.ping-marker{pointer-events:none;border:2px solid #0d1720;border-radius:50%;width:10px;height:10px;margin:-5px 0 0 -5px;position:absolute}.ping-tip{z-index:2;white-space:nowrap;pointer-events:none;background:#101c26;border:1px solid #2a4557;border-radius:8px;padding:8px 12px;position:absolute;top:8px;box-shadow:0 8px 24px #0006}.ping-tip span{color:#8ea3b0;margin-bottom:3px;font-size:12px;display:block}.ping-tip strong{color:#e6f0f5;align-items:center;gap:8px;font-size:14px;display:flex}.ping-tip i{border-radius:50%;width:9px;height:9px}.ping-axis{color:#8ea3b0;justify-content:space-between;align-items:center;gap:12px;margin-top:8px;font-size:12px;display:flex}.ping-axis small{text-align:center;font-size:12px}.load-list{gap:0}.load-row{align-items:center;gap:16px;padding:18px 0;display:grid}.load-row+.load-row{border-top:1px solid #234052}.load-icon{color:#6fb7e6;background:#3b9bd41f;border-radius:12px;place-items:center;width:44px;height:44px;display:grid}.load-label strong{color:#e6f0f5;font-size:16px;font-weight:600;display:block}.load-label small{color:#8ea3b0;font-size:12px}.load-percent{text-align:right;color:#e6f0f5;font-variant-numeric:tabular-nums;font-weight:600}.app-shell.light-theme .ping-chart{border-color:#b7c9d3}.app-shell.light-theme .ping-cursor{border-left-color:#1e2a3380}.app-shell.light-theme .ping-marker{border-color:#fff}.app-shell.light-theme .ping-tip{background:#fff;border-color:#d1dfe6;box-shadow:0 8px 24px #141e2826}.app-shell.light-theme .ping-tip strong,.app-shell.light-theme .load-label strong,.app-shell.light-theme .load-percent{color:#1e2a33}.app-shell.light-theme .ping-scale,.app-shell.light-theme .ping-tip span,.app-shell.light-theme .ping-axis,.app-shell.light-theme .load-label small{color:#61717d}.app-shell.light-theme .load-row+.load-row{border-top-color:#d1dfe6}.app-shell.light-theme .load-icon{color:#1d83c2;background:#1d83c21a}@media (width<=600px){.load-row{gap:10px}.ping-axis{flex-wrap:wrap}.ping-axis small{order:3;width:100%}}.latency-chip{white-space:nowrap;cursor:default;align-items:center;font-size:13px;display:inline-flex}.latency-chip strong{font-variant-numeric:tabular-nums;font-weight:600}@media (width<=600px){.latency-chip{margin-right:6px;padding:0 10px}}.homevpn-brand-text{align-items:baseline;gap:9px;display:flex}.homevpn-topbar-avatar{border-radius:10px;width:38px;height:38px}.homevpn-topbar-avatar svg{display:block}.sidebar-footer{margin-top:auto}.server-id-text{flex-direction:column;gap:4px}.server-id-text .server-ip{margin-top:0}.load-row{grid-template-columns:44px 116px minmax(0,1fr) 52px}.load-row .load-track{height:8px}.load-percent{font-size:17px}.latency-chip{background:#141b22;border:1px solid #28333d;border-radius:7px;gap:7px;height:32px;margin-right:4px;padding:0 10px}.latency-icon{place-items:center;display:grid}.latency-icon svg{display:block}.latency-chip strong{color:#dce7ee}.app-shell.light-theme .latency-chip{background:#fff;border-color:#ccd7de}.app-shell.light-theme .latency-chip strong{color:#1e2a33}.server-side{flex-direction:column;gap:16px;min-width:0;display:flex}.srv-row-text strong{color:#d3dee5;font-size:14px;font-weight:600;display:block}.srv-row-text span{color:#8ea3b0;font-size:12px}.srv-confirm{color:#e6f0f5;background:#d9a13b14;border:1px solid #d9a13b80;border-radius:10px;margin-bottom:16px;padding:14px 16px;font-size:13px}.srv-confirm p{margin:0 0 10px;line-height:1.45}.srv-confirm div{gap:10px;display:flex}.srv-confirm button{cursor:pointer;border-radius:7px;height:32px;padding:0 14px;font-size:13px}.srv-confirm-yes{color:#ffd9d6;background:#5a2421;border:1px solid #b5443d}.srv-confirm-no{color:#c7d5de;background:0 0;border:1px solid #2a4557}.app-shell.light-theme .srv-row-text strong,.app-shell.light-theme .srv-confirm{color:#1e2a33}.app-shell.light-theme .srv-row-text span{color:#61717d}.app-shell.light-theme .srv-confirm-no{color:#36505f;border-color:#b9c8d2}@media (width<=700px){.homevpn-topbar-avatar{width:34px;height:34px}}@media (width<=600px){.load-row{grid-template-columns:40px 100px minmax(0,1fr) 46px}}.server-id{grid-template-columns:auto 1fr;gap:4px 14px;display:grid}.server-id-text{display:contents}.server-id-text .server-ip{grid-column:2}.server-id{align-items:start}.server-flag{align-self:start}.server-id strong{align-self:start;margin-top:1px;line-height:1}.srv-icon{color:#6fb7e6;background:#3b9bd41f;border-radius:12px;flex:none;place-items:center;width:44px;height:44px;display:grid}.srv-icon svg{display:block}.proto-card{background:#ffffff08;border:1px solid #234052;border-radius:12px;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;display:grid}.proto-main strong{color:#e6f0f5;font-size:16px;font-weight:600;display:block}.proto-main span{color:#8ea3b0;margin-top:2px;font-size:12px;display:block}.proto-badge{color:#56bc90;background:#56bc9024;border-radius:99px;margin-top:8px;padding:3px 9px;font-size:12px;font-style:normal;font-weight:600;display:inline-block}.proto-card.is-off{opacity:.7}.proto-card.is-off .srv-icon,.svc-row.is-off .srv-icon{filter:grayscale()}.srv-add{color:#7fb6d6;cursor:pointer;background:0 0;border:1px dashed #2f5066;border-radius:12px;width:100%;height:42px;margin-top:12px;font-size:13px;font-weight:600;transition:background .15s}.srv-add:hover{background:#3b9bd414}.server-side-section+.server-side-section{margin-top:22px}.svc-row{border-top:1px solid #1c2c38;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px 0;display:grid}.server-side-title+.svc-row{border-top:0}.svc-row .srv-icon{border-radius:10px;width:36px;height:36px}.svc-row.is-off .srv-row-text strong{color:#7d8d99}.server-network{padding:24px}.app-shell.light-theme .srv-icon{color:#1d83c2;background:#1d83c21a}.app-shell.light-theme .proto-card{background:#00000005;border-color:#d1dfe6}.app-shell.light-theme .proto-main strong{color:#1e2a33}.app-shell.light-theme .proto-main span{color:#61717d}.app-shell.light-theme .proto-badge{color:#17925d;background:#17925d1a}.app-shell.light-theme .srv-add{color:#2f7fae;border-color:#a9c3d3}.app-shell.light-theme .svc-row{border-top-color:#d8e3ea}.app-shell.light-theme .server-side-title+.svc-row{border-top:0}.server-row{align-items:stretch}.server-side{position:relative}.server-panel-right{flex-direction:column;display:flex;position:absolute;inset:0}.srv-scroll{flex:1;min-height:0;max-height:none;overflow-y:auto}@media (width<=900px){.server-panel-right{position:static}.srv-scroll{max-height:380px}}.net-chart-col{flex-direction:column;min-width:0;display:flex}.ping-chart.traffic-chart{flex:1;height:auto;min-height:240px}.ping-tip strong+strong{margin-top:4px}@media (width<=900px){.ping-chart.traffic-chart{min-height:180px}}.client-groups{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;display:grid}.client-group{background:0 0}.client-group.is-over{outline-offset:8px;background:#3b9bd412}.group-heading{margin-bottom:12px}.group-heading h2{font-size:15px}.group-hint{color:#6f8494;font-size:12px}.client-card .drag-handle{align-self:center}.client-line{justify-content:space-between;align-items:center;gap:12px;display:flex}.client-name-row{align-items:center;gap:8px;min-width:0;display:flex}.client-name-row strong{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.client-traffic-value{color:#e6f0f5;font-variant-numeric:tabular-nums;white-space:nowrap}.client-sub{color:#8ea3b0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.client-last-seen{color:#7f93a1}.client-move{color:#8fb6cf;cursor:pointer;background:0 0;border:1px solid #2a4557;border-radius:7px;font-size:12px}.client-move:hover{background:#3b9bd41a}.app-shell.light-theme .client-traffic-value{color:#1e2a33}.app-shell.light-theme .client-sub,.app-shell.light-theme .client-last-seen{color:#61717d}.app-shell.light-theme .client-move{color:#2f7fae;border-color:#b9c8d2}.app-shell.light-theme .client-group.is-over{outline-color:#7fb1cf}@media (width<=1000px){.client-groups{grid-template-columns:1fr}}.app-shell.light-theme .client-group:hover{border-color:#b9c8d2}.client-name-row strong{font-size:14px}.client-name-row .client-last-seen{color:#7f93a1;white-space:nowrap;font-size:12px}.client-traffic-value{font-size:14px}.client-groups{gap:20px}.client-group{border:1px solid #234052;border-radius:12px;padding:18px}.client-group:hover{border-color:#234052}.client-group.is-over{outline:none}.app-shell.dark-theme .client-group{background:linear-gradient(100deg,#193547d1,#0c1822f7);border-color:#234052}.app-shell.dark-theme .client-group.is-over{background:linear-gradient(100deg,#224e6ae6,#0e1e2af7);border-color:#3b7aa0}.app-shell.light-theme .client-group{background:linear-gradient(100deg,#fff,#eaf3f7);border-color:#d1dfe6}.app-shell.light-theme .client-group.is-over{background:linear-gradient(100deg,#f1f8fc,#dcedf6);border-color:#7fb1cf}.app-shell.dark-theme .client-card{background:#ffffff0a;border-color:#ffffff12}.app-shell.dark-theme .client-card:hover{background:#ffffff12;border-color:#ffffff24}.app-shell.light-theme .client-card{background:#fff;border-color:#d8e3ea}.client-sub{flex:1;min-width:0;font-size:12px}.client-last-seen{flex:none;font-size:12px}.client-move{place-items:center;padding:0;display:grid}.client-move svg{display:block}.app-shell.dark-theme .toggle,.app-shell.light-theme .toggle{cursor:pointer;border:0;border-radius:99px;flex:none;width:44px;height:24px;padding:0;transition:background .2s;display:block;position:relative}.app-shell.dark-theme .toggle{background:#3a4650}.app-shell.light-theme .toggle{background:#b5c3cd}.app-shell.dark-theme .toggle.active{background:#2f8fd0}.app-shell.light-theme .toggle.active{background:#1d83c2}.app-shell .toggle span{background:#fff;border-radius:50%;width:18px;height:18px;margin:0;transition:transform .22s cubic-bezier(.4,0,.2,1),width .15s;position:absolute;top:3px;left:3px;transform:none;box-shadow:0 1px 3px #0006}.app-shell .toggle.active span{transform:translate(20px)}.app-shell .toggle:active span{width:22px}.app-shell .toggle.active:active span{transform:translate(16px)}.app-shell .toggle:focus-visible{outline-offset:2px;outline:2px solid #6fb7e6}.proto-card,.svc-row{cursor:pointer}.proto-card:hover{border-color:#3b7aa0}.net-head{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.net-speeds{text-align:right;gap:28px;display:flex}.net-speed span{color:#8ea3b0;font-size:12px;display:block}.net-speed.in span{color:#6fb7e6}.net-speed.out span{color:#56bc90}.net-speed strong{color:#e6f0f5;font-variant-numeric:tabular-nums;margin-top:3px;font-size:22px;font-weight:600;display:block}.net-speed small{color:#8ea3b0;font-size:12px;font-weight:400}.app-shell.light-theme .net-speed strong{color:#1e2a33}.app-shell.light-theme .net-speed span,.app-shell.light-theme .net-speed small{color:#61717d}@keyframes drawer-in{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:none}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.drawer-backdrop{z-index:60;background:#03080c8c;animation:.2s fade-in;position:fixed;inset:0}.drawer{z-index:61;background:#0f1a23;border-left:1px solid #234052;flex-direction:column;width:min(480px,100%);animation:.25s cubic-bezier(.2,.8,.2,1) drawer-in;display:flex;position:fixed;top:0;bottom:0;right:0;box-shadow:-20px 0 50px #00000073}.drawer-head{border-bottom:1px solid #1d2d39;align-items:center;gap:14px;padding:20px 22px;display:flex}.drawer-title{flex:1;min-width:0}.drawer-title strong{color:#e6f0f5;font-size:17px;display:block}.drawer-state{color:#8ea3b0;font-size:12px}.drawer-state.on{color:#56bc90}.drawer-close{color:#a9bcc8;cursor:pointer;background:0 0;border:1px solid #2a4557;border-radius:8px;width:32px;height:32px;font-size:20px;line-height:1}.drawer-confirm{padding:16px 22px 0}.drawer-tabs{border-bottom:1px solid #1d2d39;gap:4px;padding:0 16px;display:flex}.drawer-tab{color:#8ea3b0;cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;padding:12px;font-size:14px}.drawer-tab.active{color:#e6f0f5;border-bottom-color:#3b9bd4}.drawer-body{flex:1;padding:20px 22px;overflow-y:auto}.drawer-info{margin:0}.drawer-info div{border-top:1px solid #1d2d39;justify-content:space-between;gap:16px;padding:12px 0;display:flex}.drawer-info div:first-child{border-top:0}.drawer-info dt{color:#8ea3b0;font-size:13px}.drawer-info dd{color:#e6f0f5;text-align:right;margin:0;font-size:14px;font-weight:600}.drawer-form label{margin-bottom:14px;display:block}.drawer-form label span{color:#8ea3b0;margin-bottom:6px;font-size:12px;display:block}.drawer-form input,.drawer-form select{color:#e6f0f5;background:#0b141b;border:1px solid #2a4557;border-radius:8px;width:100%;height:38px;padding:0 12px;font-size:14px}.drawer-form input:focus,.drawer-form select:focus{border-color:#3b9bd4;outline:none}.drawer-actions{gap:10px;margin-top:20px;display:flex}.drawer-actions button{cursor:pointer;border-radius:8px;height:38px;padding:0 18px;font-size:14px;font-weight:600}.drawer-primary{color:#fff;background:#2f8fd0;border:1px solid #2f8fd0}.drawer-secondary{color:#c7d5de;background:0 0;border:1px solid #2a4557}.drawer-client{border-top:1px solid #1d2d39;grid-template-columns:10px auto minmax(0,1fr);align-items:center;gap:12px;padding:11px 0;font-size:14px;display:grid}.drawer-client:first-child{border-top:0}.drawer-client strong{color:#e6f0f5}.drawer-client span:last-child{color:#8ea3b0;text-align:right;white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.drawer-logs{color:#a9bcc8;white-space:pre-wrap;background:#0b141b;border-radius:10px;margin:0;padding:14px;font:12px/1.7 monospace}.app-shell.light-theme .drawer{background:#fff;border-left-color:#d1dfe6;box-shadow:-20px 0 50px #141e2833}.app-shell.light-theme .drawer-head,.app-shell.light-theme .drawer-tabs,.app-shell.light-theme .drawer-info div,.app-shell.light-theme .drawer-client{border-color:#e1e9ee}.app-shell.light-theme .drawer-title strong,.app-shell.light-theme .drawer-tab.active,.app-shell.light-theme .drawer-info dd,.app-shell.light-theme .drawer-client strong{color:#1e2a33}.app-shell.light-theme .drawer-form input{color:#1e2a33;background:#f6fafc;border-color:#c7d5de}.app-shell.light-theme .drawer-logs{color:#34495a;background:#f1f6f9}@media (width<=600px){.drawer{width:100%}}.server-online-clients{flex-direction:column;padding:24px;display:flex}.oc-head{justify-content:space-between;gap:12px;display:flex}.oc-count strong{color:#e6f0f5;font-variant-numeric:tabular-nums;font-weight:600}.oc-count span{color:#8ea3b0}.oc-list{flex:1}.oc-row{border-top:1px solid #1c2c38;align-items:center;display:grid}.oc-row:first-child{border-top:0}.oc-row>.status-dot{place-self:center;width:8px;height:8px;margin:0}.oc-name{flex-direction:column;justify-content:center;min-width:0;line-height:1.25;display:flex}.oc-name strong{color:#e6f0f5;font-size:14px;font-weight:600;display:block}.oc-name span{color:#8ea3b0;font-size:12px;line-height:1.25}.oc-speed .in{color:#6fb7e6}.oc-speed .out{color:#56bc90}.oc-empty{color:#8ea3b0;padding:16px 0;font-size:13px}.oc-actions{border-top:1px solid #234052;justify-content:space-between;align-items:center;gap:12px;margin-top:14px;padding-top:14px;display:flex}.oc-link{color:#7fb6d6;cursor:pointer;background:0 0;border:0;padding:0;font-size:13px;font-weight:600}.oc-link:hover{color:#a6d0e8}.oc-add{color:#7fb6d6;cursor:pointer;background:0 0;border:1px dashed #2f5066;border-radius:9px;height:34px;padding:0 14px;font-size:13px;font-weight:600}.oc-add:hover{background:#3b9bd414}.app-shell.light-theme .oc-count strong,.app-shell.light-theme .oc-name strong{color:#1e2a33}.app-shell.light-theme .oc-count span,.app-shell.light-theme .oc-name span,.app-shell.light-theme .oc-empty{color:#61717d}.app-shell.light-theme .oc-row{border-top-color:#d8e3ea}.app-shell.light-theme .oc-row:first-child{border-top:0}.app-shell.light-theme .oc-actions{border-top-color:#d1dfe6}.app-shell.light-theme .oc-link,.app-shell.light-theme .oc-add{color:#2f7fae}.app-shell.light-theme .oc-add{border-color:#a9c3d3}@media (width<=600px){.oc-row{grid-template-columns:14px minmax(0,1fr) auto}}@keyframes live-pulse{0%{box-shadow:0 0 #e5534b8c}70%{box-shadow:0 0 0 6px #e5534b00}to{box-shadow:0 0 #e5534b00}}.live-dot{background:#e5534b;border-radius:50%;width:7px;height:7px;animation:1.6s infinite live-pulse}.server-network{flex-direction:column;display:flex}.server-side-2{flex-direction:column;gap:16px;display:flex}.server-network .net-chart-col{flex:none;min-height:0}.server-side-2{min-width:0;position:relative}.server-side-2 .server-online-clients{position:absolute;inset:0}.server-online-clients .oc-list{scrollbar-width:thin;scrollbar-color:#2a4557 transparent;flex:1;min-height:0;overflow-y:auto}@media (width<=900px){.server-side-2 .server-online-clients{position:static}.server-online-clients .oc-list{flex:none;max-height:360px}}.server-online-clients .oc-list{scrollbar-gutter:stable;padding-right:16px}.total-all{margin-right:auto}.total-all span{color:#8ea3b0}.total-all strong{color:#e6f0f5;font-variant-numeric:tabular-nums;margin-top:3px;font-weight:600;display:block}.app-shell.light-theme .total-all strong{color:#1e2a33}.app-shell.light-theme .total-all span{color:#61717d}.lt-heading{align-items:baseline;gap:14px;margin:28px 0 14px;display:flex}.lt-heading h2{margin:0;font-size:18px}.lt-heading small{color:#8ea3b0;font-size:12px}.lt-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.lt-wide{grid-column:1/-1}.lt-panel{padding:22px 24px}.lt-panel h3{margin:0 0 16px;font-size:16px}.lt-bars{align-items:flex-end;gap:10px;display:flex}.lt-bar{flex-direction:column;flex:1;justify-content:flex-end;gap:6px;min-width:0;display:flex}.lt-bar-stack{flex-direction:column;justify-content:flex-end;gap:2px;min-height:150px;display:flex}.lt-bar-stack .tx{background:#56bc90;border-radius:4px 4px 2px 2px}.lt-bar-stack .rx{background:#3b9bd4;border-radius:2px 2px 4px 4px}.lt-bar small{color:#8ea3b0;text-align:center;font-size:11px}.lt-legend{color:#8ea3b0;gap:18px;margin-top:12px;font-size:12px;display:flex}.lt-legend i{border-radius:3px;width:9px;height:9px;margin-right:6px;display:inline-block}.lt-legend i.tx{background:#56bc90}.lt-legend i.rx{background:#3b9bd4}.lt-row{grid-template-columns:90px minmax(0,1fr) 70px;align-items:center;gap:12px;padding:8px 0;font-size:13px;display:grid}.lt-row>span{color:#c7d5de;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.lt-row>strong{color:#e6f0f5;text-align:right;font-variant-numeric:tabular-nums;font-weight:600}.lt-track{background:#ffffff12;border-radius:99px;height:8px;overflow:hidden}.lt-track div{background:#3b9bd4;border-radius:99px;height:100%}.lt-stats{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:16px;display:grid}.lt-stats span{color:#8ea3b0;font-size:12px;display:block}.lt-stats strong{color:#e6f0f5;font-variant-numeric:tabular-nums;margin-top:3px;font-size:20px;font-weight:600;display:block}.lt-note{color:#8ea3b0;margin:14px 0 0;font-size:12px}.app-shell.light-theme .lt-heading small,.app-shell.light-theme .lt-bar small,.app-shell.light-theme .lt-legend,.app-shell.light-theme .lt-stats span,.app-shell.light-theme .lt-note{color:#61717d}.app-shell.light-theme .lt-row>span{color:#34495a}.app-shell.light-theme .lt-row>strong,.app-shell.light-theme .lt-stats strong{color:#1e2a33}.app-shell.light-theme .lt-track{background:#00000012}@media (width<=900px){.lt-grid{grid-template-columns:1fr}}.server-network{overflow:hidden}.total-band{background:#ffffff09;border-bottom:1px solid #2d5873;margin:-24px -24px 0;padding:22px 24px 20px}.total-band+.net-head{margin-top:22px}.total-head{justify-content:flex-start;align-items:baseline;gap:14px;display:flex}.total-row{margin-top:14px;display:flex}.total-all{flex:none;margin:0;display:flex}.total-all span{font-size:13px;display:inline}.total-all strong{font-size:32px}.total-bars{flex-direction:column;flex:1;min-width:0;display:flex}.total-bar{align-items:center;display:grid}.total-bar>span{font-size:12px}.total-bar.tx>span{color:#56bc90}.total-bar.rx>span{color:#6fb7e6}.total-bar>strong{color:#e6f0f5;font-variant-numeric:tabular-nums;font-weight:600}.tb-track{background:#ffffff14;border-radius:99px;height:8px;overflow:hidden}.tb-track div{border-radius:99px;height:100%}.total-bar.tx .tb-track div{background:#56bc90}.total-bar.rx .tb-track div{background:#3b9bd4}.app-shell.light-theme .total-band{background:#1d83c20f;border-bottom-color:#b7cfdd}.app-shell.light-theme .total-bar>strong{color:#1e2a33}.app-shell.light-theme .tb-track{background:#00000014}.chan-chip{z-index:1;color:#8ea3b0;font-size:11px;position:absolute;top:6px;left:8px}.chan-chip strong{color:#e6f0f5;font-weight:600}.chan-gauge{background:#ffffff14;border-radius:0 0 5px 5px;height:4px;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.chan-gauge div{height:100%}.app-shell.light-theme .chan-chip{color:#61717d}.app-shell.light-theme .chan-chip strong{color:#1e2a33}.app-shell.light-theme .chan-gauge{background:#00000014}@media (width<=700px){.total-row{flex-direction:column;align-items:stretch;gap:16px}.total-bar{grid-template-columns:104px 66px minmax(0,1fr)}}.oc-flow{align-items:center;gap:8px;display:flex}.oc-speed{color:#8ea3b0;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:12px}.oc-speed i{opacity:.65;font-size:10px}.wave{color:#56bc90;flex:none;width:44px;height:14px;overflow:hidden}.wave:not(.live){color:#3d4a55}@keyframes wave-move{0%{transform:translate(0)}to{transform:translate(-24px)}}.wave.live .wave-g{animation:1s linear infinite wave-move}@media (prefers-reduced-motion:reduce){.wave.live .wave-g{animation:none}}.app-shell.light-theme .oc-speed{color:#61717d}.app-shell.light-theme .wave:not(.live){color:#b3c1ca}.total-all{align-items:center;gap:14px}.total-all .total-icon{color:#6fb7e6;background:#3b9bd424;border:1px solid #3b9bd447;border-radius:14px;place-items:center;width:52px;height:52px;display:grid}.total-icon svg{display:block}.total-all-text{flex-direction:column;gap:2px;display:flex}.total-all-text span{color:#8ea3b0;font-size:12px;display:block}.total-all-text strong{color:#e6f0f5;font-variant-numeric:tabular-nums;font-weight:600;line-height:1.05}.server-network .ping-chart.traffic-chart{flex:none;height:260px;min-height:0}.oc-speed small{opacity:.6}.app-shell.light-theme .total-all .total-icon{color:#1d83c2;background:#1d83c21a;border-color:#1d83c24d}.app-shell.light-theme .total-all-text span{color:#61717d}.app-shell.light-theme .total-all-text strong{color:#1e2a33}.client-card{cursor:pointer}.client-card .drag-handle,.client-card .client-move{cursor:grab}.cd-config{position:relative}.cd-config pre{color:#a9bcc8;white-space:pre-wrap;word-break:break-all;background:#0b141b;border-radius:10px;max-height:220px;margin:0;padding:14px;font:12px/1.55 monospace;overflow:auto}.cd-config-actions{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.cd-config-actions button{cursor:pointer;border-radius:8px;height:34px;padding:0 14px;font-size:13px;font-weight:600}.cd-btn-primary{color:#fff;background:#2f8fd0;border:1px solid #2f8fd0}.cd-btn-secondary{color:#c7d5de;background:0 0;border:1px solid #2a4557}.cd-toggle-row{border-top:1px solid #1d2d39;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;display:flex}.cd-toggle-row:first-of-type{border-top:0;margin-top:8px}.cd-toggle-row strong{color:#e6f0f5;font-size:14px;display:block}.cd-toggle-row span{color:#8ea3b0;font-size:12px}.app-shell.light-theme .cd-config pre{color:#34495a;background:#f1f6f9}.app-shell.light-theme .cd-toggle-row{border-top-color:#e1e9ee}.app-shell.light-theme .cd-toggle-row strong{color:#1e2a33}.app-shell.light-theme .cd-btn-secondary{color:#34495a;border-color:#c7d5de}.server-ip{cursor:pointer;transition:color .15s}.server-ip:hover{color:#6fb7e6}.server-ip.is-copied{color:#56bc90}.app-shell.light-theme .server-ip:hover{color:#1d83c2}.app-shell.light-theme .server-ip.is-copied{color:#17925d}.drawer.drawer-in-page{width:min(440px,100% - 248px);max-width:440px;top:64px;bottom:0}.drawer.drawer-from-right{border-left:1px solid #234052;border-right:0;animation:.25s cubic-bezier(.2,.8,.2,1) drawer-in-right;left:auto;right:0}.drawer.drawer-from-left{border-left:0;border-right:1px solid #234052;animation:.25s cubic-bezier(.2,.8,.2,1) drawer-in-left;left:248px;right:auto;box-shadow:20px 0 50px #00000073}@keyframes drawer-in-right{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes drawer-in-left{0%{transform:translate(-100%)}to{transform:translate(0)}}.app-shell.light-theme .drawer.drawer-from-left{border-right-color:#d1dfe6;box-shadow:20px 0 50px #141e2833}@media (width<=900px){.drawer.drawer-in-page{width:min(440px,100%);max-width:100%}.drawer.drawer-from-left{left:0}}.client-card{border-radius:8px;gap:8px;padding:7px 10px 7px 6px}.client-card .client-avatar{border-radius:7px;width:28px;height:28px;font-size:12px}.client-name-row strong,.client-traffic-value{font-size:13px}.client-sub,.client-last-seen{font-size:11px}.client-move{width:22px;height:22px}.oc-row.is-clickable{cursor:pointer;border-radius:8px;margin:0 -6px;padding-left:6px;padding-right:6px}.oc-row.is-clickable:hover{background:#ffffff0a}.app-shell.light-theme .oc-row.is-clickable:hover{background:#0000000a}.load-row.is-hot .load-label strong{color:inherit}.toolbar{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.toolbar-add{white-space:nowrap;flex:none}.toolbar .search-box{flex:1;min-width:200px}.client-proto-name{color:#8eb4c9;white-space:nowrap;text-overflow:ellipsis;max-width:140px;font-size:12px;font-weight:500;overflow:hidden}.app-shell.light-theme .client-proto-name{color:#3d6f8c}.client-list{flex-direction:column;gap:5px;display:flex}.client-card{transition:transform .18s,opacity .18s,box-shadow .18s,background .15s}.client-card.is-dragging{opacity:.35;box-shadow:none;transform:scale(.98)}.server-hoster-link{border-radius:10px;place-items:center;text-decoration:none;transition:opacity .15s,transform .15s;display:grid}.server-hoster-link:hover{opacity:.85;transform:scale(1.04)}.server-country-link{color:inherit;border-bottom:1px solid #0000;font-size:22px;font-weight:600;text-decoration:none;transition:border-color .15s,color .15s}.server-country-link:hover{color:#6fb7e6;border-bottom-color:#6fb7e673}.app-shell.light-theme .server-country-link:hover{color:#1d83c2;border-bottom-color:#1d83c266}.uptime-chip span{display:block}.uptime-chip strong{font-variant-numeric:tabular-nums;margin-top:4px;display:block}.app-shell.light-theme .uptime-chip{border-color:#c7d5de}.app-shell.light-theme .uptime-chip span{color:#5a6f7d!important}.period-seg{background:#0003;border:1px solid #2a4557;border-radius:9px;align-items:center;gap:2px;padding:3px;display:inline-flex}.period-seg-btn{color:#8ea3b0;cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:6px;align-items:center;gap:5px;height:26px;padding:0 10px;font-size:12px;font-weight:600;display:inline-flex}.period-seg-btn:hover{color:#c7d5de;background:#ffffff0a}.period-seg-btn.active{color:#e6f0f5;background:#3b9bd438}.app-shell.light-theme .period-seg{background:#f3f7fa;border-color:#c7d5de}.app-shell.light-theme .period-seg-btn{color:#61717d}.app-shell.light-theme .period-seg-btn.active{color:#1d83c2;background:#fff;box-shadow:0 1px 3px #14283c1a}.ping-row{flex-wrap:wrap;row-gap:10px}.ping-row .period-seg{margin-left:auto}.total-row{align-items:stretch;gap:20px}.total-split-line{background:#2d5873;flex:none;align-self:stretch;width:1px}.app-shell.light-theme .total-split-line{background:#b7cfdd}.total-all-text strong{font-size:24px}.total-bars{gap:5px}.total-bar{grid-template-columns:92px 58px minmax(0,1fr);gap:6px}.total-bar>strong{font-size:14px}.oc-head .oc-add{color:#7fb6d6;cursor:pointer;background:0 0;border:1px dashed #2f5066;border-radius:8px;height:30px;padding:0 12px;font-size:12px;font-weight:600}.oc-head .oc-add:hover{background:#3b9bd414}.oc-count strong{font-size:18px}.oc-count span{font-size:13px}.oc-row{padding:10px 4px 10px 2px!important}.oc-row .client-proto-name{padding-left:0}.oc-name strong{white-space:normal;overflow-wrap:anywhere;line-height:1.3}.oc-speed i{margin-right:1px}.oc-speed .out{margin-left:3px}.oc-speed small{font-size:10px!important}.drawer-client.is-clickable{cursor:pointer;border-radius:8px;margin:0 -6px;padding-left:6px;padding-right:6px}.drawer-client.is-clickable:hover{background:#ffffff0a}.app-shell.light-theme .drawer-client.is-clickable:hover{background:#0000000a}.ping-chart{border-radius:4px}.uptime-chip{text-align:left}.uptime-chip span{flex:none;margin:0}.uptime-chip strong{text-align:right;white-space:nowrap}.oc-head{align-items:center;margin-bottom:6px}.oc-add-under{color:#7fb6d6;cursor:pointer;background:0 0;border:1px dashed #2f5066;border-radius:8px;width:100%;height:34px;margin:0 0 12px;font-size:12px;font-weight:600;display:block}.oc-add-under:hover{background:#3b9bd414}.app-shell.light-theme .oc-add-under{color:#2f7fae;border-color:#a9c3d3}.oc-list{padding-left:14px}.oc-row{grid-template-columns:12px minmax(72px,1fr) auto;gap:8px 10px}.oc-row .client-proto-name{text-align:right;max-width:120px;grid-column:auto!important;margin-top:0!important}.client-card .client-move{align-self:center}.settings-hint{color:#8ea3b0;margin:4px 0 14px;font-size:12px;line-height:1.45}.app-shell.light-theme .settings-hint{color:#61717d}.oc-speed{letter-spacing:0;align-items:center;gap:0;display:inline-flex}.oc-speed i{margin:0 1px 0 0;font-style:normal;font-weight:700}.oc-speed .in,.oc-speed .out{margin:0!important}.oc-speed em{opacity:.45;margin:0 3px;font-style:normal}.oc-speed small{margin-left:4px!important}.client-card{align-items:center!important;min-height:58px!important;padding-top:10px!important;padding-bottom:10px!important;position:relative!important}.client-proto-mid{z-index:1;color:#8eb4c9;text-align:center;white-space:nowrap;text-overflow:ellipsis;pointer-events:none;max-width:46%;padding:0 8px;font-size:12px;font-weight:600;line-height:1.2;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}.app-shell.light-theme .client-proto-mid{color:#3d6f8c!important}.client-body{flex-direction:column;justify-content:space-between;gap:14px;min-width:0;min-height:40px;display:flex}.client-line-bottom{margin-top:0}.client-card.is-paid{grid-template-columns:16px 26px 28px minmax(0,1fr)}.client-card.is-free{grid-template-columns:16px 28px minmax(0,1fr) 26px}.server-uptime{gap:0}.uptime-chip span{letter-spacing:.03em;color:#8ea3b0}.uptime-chip strong{color:#c7d5de;margin:0}.app-shell.light-theme .uptime-chip strong{color:#34495a!important;font-weight:400!important}.app-shell.light-theme .uptime-chip span{font-weight:500!important}.srv-scroll{box-sizing:border-box;padding-right:10px}.proto-card{gap:10px;margin-top:10px;margin-right:2px;padding:12px}.proto-card .srv-icon{width:36px;height:36px}.server-panel-left{position:relative;overflow:hidden}.server-top{padding-right:150px}.server-uptime{z-index:2;margin:0;position:absolute;top:0;right:0}.uptime-chip{justify-content:space-between;align-items:center;gap:10px;background:#ffffff0a!important;border-top:0!important;border-bottom:1px solid #234052!important;border-left:1px solid #234052!important;border-right:0!important;border-radius:0 11px 0 10px!important;min-width:0!important;margin:0!important;padding:10px 14px 10px 12px!important;display:flex!important}.app-shell.light-theme .uptime-chip{background:#00000008!important;border-bottom-color:#d1dfe6!important;border-left-color:#d1dfe6!important}.uptime-chip span{text-transform:none;font-size:11px;font-weight:400}.uptime-chip strong{font-size:13px;font-weight:400}.server-network .net-head{flex-direction:row;justify-content:space-between;align-items:flex-start;gap:20px;margin-top:22px;display:flex}.server-network .net-speeds{text-align:right;gap:28px;margin-left:auto;display:flex}.server-network .net-speed span{font-size:12px;display:block}.server-network .net-speed strong{font-variant-numeric:tabular-nums;margin-top:3px;font-size:22px;font-weight:600;line-height:normal;display:block}.server-network .net-speed small{font-size:12px;font-weight:400}.add-client-modal .drawer-form input:disabled,.add-client-modal .drawer-primary:disabled,.drawer-primary:disabled{opacity:.45;cursor:not-allowed}.net-chart-toolbar{justify-content:space-between;align-items:center;gap:16px;min-height:64px;margin:8px 0 6px;display:flex}.net-chart-toolbar>*{align-self:center}.net-chart-toolbar .net-speeds{align-self:center;margin:0}.net-chart-toolbar .period-seg{align-self:center}.net-chart-toolbar .net-speeds{text-align:right;gap:28px;margin:0 0 12px;display:flex;transform:translateY(-10px)}.net-chart-toolbar .net-speed span{font-size:12px;display:block}.net-chart-toolbar .net-speed strong{font-variant-numeric:tabular-nums;margin-top:3px;font-size:22px;font-weight:600;display:block}.net-chart-toolbar .net-speed small{font-size:12px;font-weight:400}.server-network .net-head{margin-bottom:0}.server-network .ping-chart.traffic-chart,.server-network .net-chart-col{margin-top:0}.server-network .net-chart-toolbar{align-items:center;margin:8px 0 0}.server-network .net-chart-toolbar .net-speeds{background:0 0!important;border:1px dotted #3f5a6b!important;border-bottom:0!important;border-radius:6px 6px 0 0!important;align-self:flex-end!important;margin:0!important;padding:8px 16px!important;transform:none!important}.server-network .net-chart-col{margin-top:0}.server-network .ping-chart.traffic-chart{border-radius:0 0 6px 6px;margin-top:0}.server-network .net-speed.in strong{color:#fff;background:#3b9bd42e;border-radius:6px;padding:2px 10px;display:inline-block}.server-network .net-speed.out strong{color:#fff;background:#56bc902e;border-radius:6px;padding:2px 10px;display:inline-block}.server-network .net-speed.in strong small,.server-network .net-speed.out strong small{color:#fff;opacity:.75}.server-network .net-chart-toolbar{position:relative}.server-network .net-chart-toolbar:before{content:""!important;pointer-events:none!important;border-right:1px dotted #3f5a6b!important;width:100%!important;position:absolute!important;top:0!important;bottom:0!important;right:0!important}.server-network .total-bars{gap:14px!important}.server-network .total-bar{grid-template-columns:108px 78px minmax(0,1fr)!important;align-items:center!important;gap:14px!important;min-height:28px!important}.server-network .total-bar>span{font-size:13px}.server-network .total-bar>strong{font-size:16px!important}.conn-banner{color:#e5534b;background:#e5534b1f;border:1px solid #e5534b73;border-radius:10px;margin:0 0 12px;padding:9px 14px;font-size:13px;font-weight:600}.form-error{color:#e57373;margin:12px 0 0;font-size:13px}.client-card.is-disabled{opacity:.55}.qr-code{border-radius:10px;width:100%;max-width:260px;margin:0 auto 14px;display:block}.login-screen{justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.login-form{background:linear-gradient(160deg,#19354799,#0c1822f2);border:1px solid #234052;border-radius:16px;width:100%;max-width:380px;padding:32px;box-shadow:0 20px 60px #00000080}.login-brand{text-align:center;margin-bottom:28px}.login-logo{color:#fff;background:linear-gradient(135deg,#3caedf,#277fb8);border-radius:14px;place-items:center;width:56px;height:56px;margin-bottom:14px;display:inline-grid}.login-logo span{font-size:22px;font-weight:800}.login-brand h1{color:#e6f0f5;margin:0;font-size:22px}.login-brand p{color:#8ea3b0;margin:6px 0 0;font-size:13px}.login-field{margin-bottom:14px;display:block}.login-field span{color:#8ea3b0;margin-bottom:6px;font-size:12px;display:block}.login-field input{color:#e6f0f5;background:#0b141b;border:1px solid #2a4557;border-radius:8px;outline:none;width:100%;height:42px;padding:0 12px;font-size:14px}.login-error{color:#f5a5a0;background:#e5534b1a;border:1px solid #e5534b80;border-radius:8px;margin-bottom:14px;padding:10px 12px;font-size:13px}.login-button{color:#fff;cursor:pointer;background:#2f88c0;border:0;border-radius:8px;width:100%;height:42px;font-size:14px;font-weight:600}.login-button.is-loading{cursor:not-allowed;background:#285a7a}.login-button.is-empty{opacity:.5}.srv-empty{color:#8ea3b0;margin:8px 0 4px;font-size:13px}.setup-plan{color:#8ea3b0;overflow-wrap:anywhere;margin:0 0 12px;padding-left:20px;font-size:12px;line-height:1.5}.setup-plan li{margin-bottom:6px}.setup-warn{color:#e5534b;margin:8px 0;font-size:13px;line-height:1.4}.setup-ok{color:#56bc90;margin:8px 0;font-size:13px;line-height:1.4}.setup-steps{gap:10px;margin:0 0 14px;padding:0;list-style:none;display:grid}.setup-step{color:#8ea3b0;align-items:center;gap:10px;font-size:14px;display:flex}.setup-step.is-run{color:#e6f0f5}.setup-step.is-ok .setup-mark{color:#56bc90}.setup-step.is-fail{color:#e5534b}.setup-mark{text-align:center;width:18px;display:inline-block}.setup-step.is-run .setup-mark{animation:1s linear infinite setup-spin}@keyframes setup-spin{to{transform:rotate(360deg)}}.setup-log{max-height:180px;margin-bottom:14px;overflow:auto}.app-shell.light-theme .srv-empty,.app-shell.light-theme .setup-plan,.app-shell.light-theme .setup-step{color:#61717d}.app-shell.light-theme .setup-step.is-run{color:#1e2a33}@media (prefers-reduced-motion:reduce){.setup-step.is-run .setup-mark{animation:none}}.drawer-form label.setup-check{cursor:pointer;flex-direction:row;align-items:flex-start;gap:10px;display:flex}.drawer-form label.setup-check input{width:auto;margin-top:3px}.oc-proto{color:var(--muted,#8aa0b0);white-space:nowrap;font-size:11px}.load-row .load-spark{width:100%;height:28px;display:block}.ping-mode{border:1px solid #3f5a6b;border-radius:8px;display:inline-flex;overflow:hidden}.ping-mode button{color:inherit;font:inherit;cursor:pointer;opacity:.65;background:0 0;border:0;padding:4px 10px;font-size:12px}.ping-mode button.active{opacity:1;background:#3b9bd440}.ping-mode button:hover{opacity:1}.app-shell .panel,.app-shell .server-panel,.app-shell .proto-card,.app-shell .svc-row,.app-shell .service-card,.app-shell .client-card,.app-shell .oc-row{transition:border-color .2s,box-shadow .2s}.app-shell .panel:hover,.app-shell .server-panel:hover,.app-shell .proto-card:hover,.app-shell .svc-row:hover,.app-shell .service-card:hover,.app-shell .client-card:hover,.app-shell .oc-row:hover{border-color:#3b9bd4;box-shadow:0 0 0 1px #3b9bd48c,0 0 14px #3b9bd438}.app-shell .settings-panel label>span{font-size:13px;line-height:1.35}.app-shell .settings-panel input,.app-shell .settings-panel select{height:42px;font-size:14px}.app-shell .settings-panel .settings-hint,.app-shell .settings-panel .form-error{font-size:12.5px}.app-shell .settings-panel .setting-toggle strong{font-size:14px}.app-shell .settings-panel .setting-toggle span{font-size:12.5px}.logout-button{color:inherit;font:inherit;cursor:pointer;background:0 0;border:1px solid #3f5a6b;border-radius:8px;margin-left:10px;padding:6px 12px;font-size:13px}.logout-button:hover{border-color:#3b9bd4}.remove-box{border-top:1px dashed #3f5a6b;margin-top:18px;padding-top:14px}.drawer-danger{color:#e5534b;font:inherit;cursor:pointer;background:0 0;border:1px solid #e5534b;border-radius:8px;padding:9px 14px;font-size:13px}.drawer-danger:hover:not(:disabled){background:#e5534b24}.drawer-danger:disabled{opacity:.5;cursor:default}.settings-sep{border:0;border-top:1px dashed #3f5a6b;width:100%;margin:16px 0}.setup-more{margin:4px 0 10px}.setup-more summary{cursor:pointer;color:#3b9bd4;font-size:13px}.cd-config pre.cd-link{white-space:pre-wrap;word-break:break-all;font-size:11px}.service-card.is-clickable{cursor:pointer}.service-card.is-clickable:hover{border-color:#2c6a86}.drawer-clients>.primary-button{margin-bottom:12px}.client-proto-mid span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.client-proto-mid .client-app{opacity:.85;margin-bottom:2px;font-weight:500}.dns-rule{grid-template-columns:1fr 120px 36px;gap:8px;margin-bottom:8px;display:grid}.check-row{align-items:center;gap:10px;display:flex}.check-row input{width:auto}.setup-ok{color:#3ecf8e;font-size:13px}.client-proto-mid{font-size:13px}.client-proto-mid:has(.client-app){background:#1426328c;border:1px solid #2c4658;border-radius:8px;padding:0;overflow:hidden}.client-proto-mid:has(.client-app) span{padding:3px 12px}.client-proto-mid .client-app{opacity:1;border-bottom:1px solid #2c4658;margin-bottom:0;font-weight:500}.app-shell.light-theme .client-proto-mid:has(.client-app){background:#ffffffb3;border-color:#b9c8d2}.app-shell.light-theme .client-proto-mid .client-app{border-bottom-color:#b9c8d2}.client-proto-mid{flex-direction:column;align-items:stretch;gap:4px;font-size:13px;display:flex}.client-proto-mid span{background:#2f53672e;border:1px solid #2f5367;border-radius:7px;padding:3px 10px;font-size:13px}.client-proto-mid .client-app{opacity:1;background:#3a6a562e;border-color:#3a6a56;margin-bottom:0}.app-shell.light-theme .client-proto-mid span{background:#9fbccd33;border-color:#9fbccd}.app-shell.light-theme .client-proto-mid .client-app{background:#8fc0a833;border-color:#8fc0a8}.app-shell{--hover-edge:#96bed733;--hover-shade:inset 0 0 22px #0003;--hover-shade-sm:inset 0 0 12px #00000038}.app-shell.light-theme{--hover-edge:#285a8238;--hover-shade:inset 0 0 22px #14325012;--hover-shade-sm:inset 0 0 12px #14325017}.app-shell.app-shell.app-shell .panel:hover,.app-shell.app-shell.app-shell .server-panel:hover,.app-shell.app-shell.app-shell .proto-card:hover,.app-shell.app-shell.app-shell .svc-row:hover,.app-shell.app-shell.app-shell .service-card:hover,.app-shell.app-shell.app-shell .service-card.is-clickable:hover,.app-shell.app-shell.app-shell .client-card:hover,.app-shell.app-shell.app-shell .client-group:hover,.app-shell.app-shell.app-shell .metric-card:hover,.app-shell.app-shell.app-shell .oc-row:hover,.app-shell.app-shell.app-shell .oc-row.is-clickable:hover,.app-shell.app-shell.app-shell .drawer-client.is-clickable:hover{border-color:var(--hover-edge);box-shadow:var(--hover-shade)}.app-shell.app-shell.app-shell .primary-button:hover,.app-shell.app-shell.app-shell .secondary-button:hover,.app-shell.app-shell.app-shell .nav-item:hover,.app-shell.app-shell.app-shell .header-search-button:hover,.app-shell.app-shell.app-shell .header-notification-button:hover,.app-shell.app-shell.app-shell .theme-button:hover,.app-shell.app-shell.app-shell .srv-add:hover,.app-shell.app-shell.app-shell .client-move:hover,.app-shell.app-shell.app-shell .oc-add:hover,.app-shell.app-shell.app-shell .oc-add-under:hover,.app-shell.app-shell.app-shell .oc-head .oc-add:hover,.app-shell.app-shell.app-shell .period-seg-btn:hover,.app-shell.app-shell.app-shell .logout-button:hover,.app-shell.app-shell.app-shell .drawer-primary:hover,.app-shell.app-shell.app-shell .drawer-secondary:hover,.app-shell.app-shell.app-shell .drawer-tab:hover,.app-shell.app-shell.app-shell .filter-buttons button:hover{box-shadow:var(--hover-shade-sm)}.app-shell.app-shell.app-shell .logout-button:hover{border-color:var(--hover-edge)}