@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;650;700;750;800&display=swap";:root{font-family:Manrope,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#e9edf7;background:#0d1017;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--bg:#0d1017;--panel:#151923;--panel2:#191e2a;--border:#272e3c;--muted:#7f899f;--blue:#7d9dff;--teal:#50d7b7;--purple:#ad91f7;--orange:#e8b777}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select{outline-offset:4px}button{cursor:pointer}button:disabled{cursor:wait;opacity:.6}a{color:inherit;text-decoration:none}button{color:inherit}input,select{color:#e8edf9;background:#11151e;border:1px solid #303747;border-radius:9px;min-height:42px;padding:10px 12px;transition:border-color .15s,box-shadow .15s}input:focus,select:focus{outline:none;border-color:#7899fb;box-shadow:0 0 0 3px #6f95ff15}input::placeholder{color:#596478}input:disabled{opacity:.5}select{cursor:pointer;max-width:100%}select option{background:#171c27}svg{flex-shrink:0}h1,h2,h3,p{margin:0}code{font-family:SFMono-Regular,Consolas,monospace}button{border:0;background:none}::selection{background:#6d8bec66;color:#fff}.muted{color:var(--muted)}.tiny{font-size:13px}.right{text-align:right!important}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.logo{display:flex;align-items:center;gap:10px;font-size:23px;font-weight:800;letter-spacing:-1px}.logo-light{font-weight:500;color:#b6c0d4}.logo-mark{width:35px;height:35px;border-radius:10px;background:linear-gradient(145deg,#8baaff,#5476e6);display:grid;place-items:center;box-shadow:0 4px 15px #7295ff26;color:#fff}.logo-mark svg{width:30px;height:30px}.app-shell{min-height:100vh}.sidebar{position:fixed;left:0;top:0;bottom:0;width:242px;background:#10141c;border-right:1px solid #242b38;padding:28px 16px 10px;display:flex;flex-direction:column;z-index:30}.sidebar>.logo{padding:0 10px 26px}.workspace{display:flex;align-items:center;gap:10px;border:1px solid #29303e;border-radius:10px;padding:11px 10px;margin:1px 4px 23px;background:#161b25}.workspace-icon{color:#9eb7ff;border:1px solid #3b4965;background:#26324d;border-radius:8px;padding:7px;display:grid;place-items:center}.workspace>div:nth-child(2){flex:1}.workspace strong{font-size:14px;display:block;font-weight:700}.workspace span{font-size:12px;color:#7e899f;display:block;margin-top:4px}.workspace>svg{color:#737e94}.nav-label{font-size:12px;color:#637089;font-weight:800;letter-spacing:1.4px;padding:0 13px;margin-bottom:10px}.nav-label.second{margin-top:28px}.sidebar nav{display:flex;flex-direction:column;gap:5px}.sidebar nav>button{display:flex;align-items:center;gap:12px;width:100%;height:43px;border-radius:8px;padding:0 13px;color:#8e99b0;font-size:14px;font-weight:600;text-align:left;transition:background .15s,color .15s}.sidebar nav>button:hover{background:#1a2030;color:#cbd8f5}.sidebar nav>button.active{background:linear-gradient(90deg,#243250,#1d2943);color:#9bb7ff;box-shadow:inset 2px 0 #83a5ff}.sidebar nav>button b{margin-left:auto;font-weight:600;font-size:12px;border:1px solid #4b6087;padding:1px 6px;border-radius:5px;min-width:23px;text-align:center}.nav-dot{height:6px;width:6px;border-radius:50%;background:#d8a867;margin-left:auto}.sidebar-bottom{margin-top:auto;padding-top:28px}.node-card{border:1px solid #29303e;border-radius:10px;padding:13px 12px;background:#151a24;margin:0 4px 16px}.node-card>div{display:flex;align-items:center;gap:7px}.node-card strong{font-size:13px}.status-dot{display:inline-block;width:6px;height:6px;background:#50d7b7;border-radius:50%;box-shadow:0 0 0 4px #50d7b712;flex-shrink:0}.node-card>span{display:block;font:11px SFMono-Regular,monospace;color:#9eabc4;margin:9px 0 5px}.node-card small{font-size:12px;color:#77859d}.account{border-top:1px solid #252c39;display:flex;align-items:center;text-align:left;width:100%;padding:16px 5px 10px;gap:9px}.account>div:nth-child(2){flex:1}.account strong{display:block;font-size:13px}.account span{font-size:12px;display:block;color:#758198;margin-top:4px}.account>svg{color:#6f7a91}.sidebar-version{display:flex;justify-content:space-between;color:#47536b;font-size:12px;padding:10px 7px 2px}.avatar{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;font-size:13px;font-weight:750;flex-shrink:0;border:1px solid #54699455;background:#304267;color:#b7cdff}.avatar.color-1{background:#34304c;border-color:#64558155;color:#cbb3ff}.avatar.color-2{background:#223f3d;border-color:#3e706a55;color:#98ddd1}.avatar.color-3{background:#493a2a;border-color:#7a604355;color:#e6c69b}.avatar.color-4{background:#3f2e40;border-color:#74517655;color:#dca9d4}.avatar.admin{background:#293148;color:#a3b8f8;width:32px;height:32px}.avatar.top-admin{width:29px;height:29px;font-size:14px;background:#243454;border-color:#405780;color:#a5c2ff}main{margin-left:242px;min-width:0}.topbar{height:69px;border-bottom:1px solid #232a37;padding:0 34px;display:flex;justify-content:space-between;align-items:center;background:#0e121acc}.breadcrumb{display:flex;align-items:center;gap:12px;font-size:13px;color:#6f7c93}.breadcrumb strong{color:#c6d0e2;font-weight:600}.breadcrumb>svg{color:#4e5a71}.topbar-right{display:flex;align-items:center;gap:20px}.live-label{font-size:12px;font-weight:800;letter-spacing:1.1px;color:#5acfae;display:flex;align-items:center;gap:6px}.live-label i{width:4px;height:4px;background:#50d7b7;border-radius:50%}.topbar-date{font-size:13px;color:#818da5}.notification-button{position:relative;color:#9caac2;padding:4px}.notification-button>b{position:absolute;right:-5px;top:-3px;font-size:11px;color:#dce9ff;background:#4268b9;border:2px solid #10141c;border-radius:9px;min-width:15px;height:15px;display:grid;place-items:center}.mobile-menu{display:none!important}.page-content{padding:30px 34px 0;max-width:1800px;margin:auto}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:25px}.eyebrow{font-size:11px;letter-spacing:1.8px;color:#7887a3;font-weight:800;margin-bottom:9px}h1{font-size:27px;line-height:1.25;font-weight:750;letter-spacing:-.8px}.page-heading p{font-size:13px;color:#7d8ba4;margin-top:9px;line-height:1.7}.heading-actions{display:flex;gap:9px;padding-top:16px}.button{height:37px;display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#202735;border:1px solid #333d50;border-radius:8px;padding:0 13px;font-size:13px;font-weight:700;white-space:nowrap;transition:background .15s,border-color .15s,transform .15s}.button:hover{background:#2a3345;border-color:#536584}.button:active{transform:translateY(1px)}.button.primary{color:#101a31;background:linear-gradient(180deg,#9bb6ff,#83a3f8);border-color:#a4bcff;box-shadow:0 3px 8px #5b7ed82b}.button.primary:hover{background:#b0c5ff}.button.full{width:100%;height:43px}.text-button{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:650;color:#8ba9f7;padding:5px 0}.icon-button{display:inline-grid;place-items:center;width:28px;height:28px;color:#7e8ca5;border-radius:6px;padding:4px}.icon-button:hover{background:#293448;color:#c4d5fa}.icon-button.blue{color:#90adfa}.status-strip{display:flex;align-items:center;justify-content:space-between;border:1px solid #26423f;background:linear-gradient(90deg,#14232399,#141d2499);border-radius:8px;padding:12px 15px;margin-bottom:20px;font-size:12px;color:#7a9a98;gap:14px}.status-strip>div{display:flex;align-items:center;gap:13px}.status-strip strong{font-weight:600;color:#9fcec1}.strip-separator{width:1px;height:12px;background:#31514a}.status-strip>span{display:flex;align-items:center;gap:6px;font-size:11px;color:#78958f}.metrics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:21px}.metric-card{position:relative;border:1px solid var(--border);background:linear-gradient(120deg,#191e29,#141923);padding:17px 18px;border-radius:11px;overflow:hidden;min-height:135px}.metric-card:after{content:"";width:90px;height:90px;border-radius:50%;filter:blur(35px);background:#5279dd13;position:absolute;right:-25px;bottom:-20px;pointer-events:none}.metric-top{display:flex;align-items:center;justify-content:space-between;color:#9aa8bf;gap:8px;font-size:12px;font-weight:500}.metric-icon{height:29px;width:29px;display:grid;place-items:center;border-radius:8px;background:#2b3a5c;color:#92b4ff}.metric-icon.teal{background:#213e3d;color:#64dbc0}.metric-icon.purple{background:#362e4b;color:#bca1ff}.metric-icon.orange{background:#3c3327;color:#dbb37c}.metric-card>strong{display:block;font-size:27px;line-height:1.25;font-weight:750;letter-spacing:-.8px;margin:13px 0 9px}.metric-card p{font-size:11px;color:#73819a}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.95fr) minmax(255px,1fr);gap:20px;margin-bottom:21px}.dashboard-grid.bottom{align-items:start}.panel{border:1px solid var(--border);border-radius:11px;background:linear-gradient(130deg,#171c27,#141923);min-width:0;margin-bottom:21px;overflow:visible}.dashboard-grid>.panel,.two-columns>.panel{margin:0}.panel-heading{display:flex;justify-content:space-between;align-items:center;padding:20px 20px 16px;gap:12px}.panel-heading h3{font-size:14px;letter-spacing:-.1px;font-weight:750}.panel-heading p{font-size:11px;color:#6f7e97;margin-top:7px;line-height:1.5}.panel-heading select{font-size:13px;min-height:34px;padding:6px 10px}.range{display:flex;border:1px solid #2b3445;border-radius:7px;padding:3px;background:#111722;flex-shrink:0}.range button{font-size:11px;font-weight:650;padding:5px 8px;color:#74839d;white-space:nowrap;border-radius:4px}.range button.selected{background:#2a3853;color:#adc4ff;box-shadow:0 1px 4px #0004}.chart-summary{display:flex;align-items:center;gap:31px;padding:0 21px 10px}.chart-summary>div>span{display:flex;align-items:center;gap:7px;font-size:11px;color:#8492aa}.legend-dot{width:6px;height:6px;border-radius:50%;display:inline-block}.legend-dot.blue{background:#7d9dff}.legend-dot.teal{background:#50d7b7}.chart-summary strong{font-size:18px;font-weight:700;letter-spacing:-.4px;display:block;margin-top:7px}.chart-summary strong small{font-size:13px;font-weight:500;color:#63728c;margin-left:3px}.history-since{margin-left:auto;align-self:flex-end;font-size:11px;color:#596a86;padding-bottom:3px}.chart{padding:3px 20px 15px;min-height:170px}.chart svg{width:100%;height:190px;overflow:visible;display:block}.chart-axis{display:flex;justify-content:space-between;font-size:11px;color:#52647d;padding-top:9px}.chart.small{padding:0;min-height:50px}.chart.small svg{height:55px}.chart-empty{height:228px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;color:#566783;font-size:13px}.chart-empty.small{height:55px}.resource{padding:7px 20px 15px}.resource>div:first-child{display:flex;justify-content:space-between;align-items:center;font-size:12px;margin-bottom:10px}.resource>div>span{display:flex;align-items:center;gap:7px;color:#97a5bd}.resource strong{font-size:12px;font-weight:700}.meter{width:100%;height:5px;background:#262f41;border-radius:5px;overflow:hidden}.meter>span{display:block;height:100%;border-radius:5px;background:linear-gradient(90deg,#789cff,#a0b8ff);min-width:0;transition:width .5s}.meter>span.purple{background:linear-gradient(90deg,#a385ed,#cab3ff)}.meter>span.teal{background:linear-gradient(90deg,#43bfa6,#73dfc7)}.resource small{display:block;font-size:11px;color:#a8b4c8;margin-top:7px}.resource small>span{color:#566982}.resource-footer{border-top:1px solid #262e3d;display:flex;align-items:center;gap:7px;font-size:11px;color:#7a8ba5;padding:12px 20px;margin-top:5px}.two-columns{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:21px}.core-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px 22px;padding:16px 20px 21px;border-top:1px solid #262f40}.core-grid>div{display:grid;grid-template-columns:43px 1fr 42px;align-items:center;gap:8px;font-size:11px;color:#8395b1}.core-grid b{text-align:right;color:#b4c2dc;font-size:11px}.info-list{margin:0;padding:0 20px 20px}.info-list>div{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;border-bottom:1px solid #242c3b;padding:12px 0;font-size:12px}.info-list>div:last-child{border-bottom:0}.info-list dt{color:#7c8ca7;flex-shrink:0}.info-list dd{margin:0;text-align:right;color:#bcc8dd;overflow-wrap:anywhere;line-height:1.5;max-width:65%}.services-list{padding:0 20px 6px}.services-list>div{display:flex;gap:9px;align-items:center;margin-bottom:15px}.service-symbol{width:28px;height:28px;border:1px solid #3c4970;background:#28334e;display:grid;place-items:center;border-radius:7px;color:#9bb9fc;font-size:13px;font-weight:800}.service-symbol.xray{background:#2f3043;color:#bbb3ee;border-color:#494667}.service-symbol.panel{background:#223c38;color:#7bd8bd;border-color:#33574b}.service-symbol.tunnel{background:#3d3023;color:#e9b17c;border-color:#5a4430}.services-list strong{font-size:12px;font-weight:650;display:block}.services-list small{font-size:10px;color:#62728c;display:block;margin-top:3px}.service-state{margin-left:auto;font-size:11px;color:#7b8fa4;display:flex;align-items:center;gap:5px}.service-state i{height:4px;width:4px;border-radius:50%;background:#96a0ae}.service-state.ok{color:#56c8aa}.service-state.ok i{background:#56c8aa}.service-state.pending{color:#c2a46c}.service-buttons{padding:3px 20px 16px;display:flex;gap:10px}.cert-info{padding:17px 20px;border-top:1px solid #2b3446;display:flex;gap:12px;color:#88a4d7}.cert-info strong{display:block;font-size:13px;color:#bdcbe1}.cert-info span{display:block;font-size:12px;color:#8398bc;margin-top:5px}.cert-info small{display:block;font-size:11px;color:#6a7d9a;margin-top:5px}.system-notice{display:flex;align-items:flex-start;gap:9px;margin:0 15px 13px;padding:11px 10px;border:1px solid #2e3f56;background:#1b2634;border-radius:7px;color:#82a3d7}.system-notice strong{display:block;font-size:11px;line-height:1.5;color:#adbfdd}.system-notice small{display:block;font-size:10px;color:#748aa8;margin-top:4px;line-height:1.7}.system-notice.warning{background:#30291b66;border-color:#51432d;color:#dab578}.system-notice.warning strong{color:#d2b68b}.system-notice.danger{background:#3b202866;border-color:#5f333f;color:#e999a9}.system-notice.danger strong{color:#e6a5b2}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;text-align:left;white-space:nowrap}th{font-size:11px;font-weight:600;color:#637793;background:#11172277;padding:11px 19px;border-top:1px solid #273143;border-bottom:1px solid #273143}td{font-size:12px;padding:13px 19px;border-bottom:1px solid #242d3c}tr:last-child td{border-bottom:0}tbody tr:hover{background:#1c263522}.user-cell{display:flex;align-items:center;gap:10px;text-align:left;padding:0;max-width:250px}.user-cell>div:nth-child(2){min-width:0}.user-cell strong{display:block;font-size:13px;font-weight:650;overflow:hidden;text-overflow:ellipsis;max-width:190px}.user-cell span{display:block;font-size:10px;color:#647995;margin-top:5px}.online-dot{height:5px;width:5px;background:#51cba9;border-radius:50%;margin-left:4px}.badge{display:inline-flex;align-items:center;gap:5px;border:1px solid #3c465a;background:#232d3e;color:#98a6c1;border-radius:5px;padding:4px 7px;font-size:10px;font-weight:650;white-space:nowrap;line-height:1}.badge i{height:3px;width:3px;border-radius:50%;background:currentColor}.badge.active{color:#6cd9b5;background:#143c2c66;border-color:#245c4666}.badge.paused,.badge.pending{color:#d5b175;background:#44351e66;border-color:#66513266}.badge.expired,.badge.exhausted{color:#df96a4;background:#49263366;border-color:#6b354766}.badge.offline{color:#8c9bb3;background:#29324755;border-color:#3b465866}.traffic-cell{min-width:100px}.traffic-cell strong{font-size:12px;font-weight:600;display:block}.traffic-cell strong>span{color:#596f91;font-weight:500}.traffic-cell>.tiny{display:block;margin-top:5px;font-size:10px}.traffic-cell .meter{height:3px;max-width:125px;margin-top:7px}.icon-label{display:inline-flex;align-items:center;gap:5px;font-size:12px;color:#98aac7}.row-actions{display:flex;justify-content:flex-end;gap:5px}.menu-anchor{position:relative}.dropdown{position:absolute;top:32px;right:0;background:#202939;border:1px solid #3b4963;border-radius:8px;padding:5px;min-width:195px;z-index:80;box-shadow:0 12px 30px #0008}.dropdown>button{width:100%;display:flex;align-items:center;gap:9px;white-space:nowrap;text-align:left;font-size:13px;padding:10px 9px;color:#b7c7e3;border-radius:5px}.dropdown>button:hover{background:#354562;color:#dbe8ff}.menu-dismiss{position:fixed;inset:0;z-index:50;cursor:default}tr:nth-last-child(-n+2) .dropdown{top:auto;bottom:31px}.user-summary{display:flex;gap:26px;padding:0 1px;margin:4px 0 21px;font-size:13px;color:#91a3bf;flex-wrap:wrap}.user-summary>div{display:flex;align-items:center;gap:7px}.user-summary b{background:#202a3d;padding:2px 7px;border-radius:5px;font-size:12px;color:#c5d5ef}.mini-dot{height:5px;width:5px;display:inline-block;border-radius:50%;background:#667c9d}.mini-dot.blue{background:#8ba8ff}.mini-dot.teal{background:#4fd4ac}.mini-dot.orange{background:#ddb47a}.table-toolbar{display:flex;gap:10px;align-items:center;padding:16px 18px}.search-field{display:flex;align-items:center;gap:8px;flex:1;max-width:450px;color:#667b99;border:1px solid #2e3b50;border-radius:7px;background:#111925;padding-left:11px}.search-field input{padding:9px 9px 9px 0;border:0;background:none;box-shadow:none;min-height:35px;width:100%;font-size:12px}.search-field>button{color:#6b81a5;margin-right:7px}.table-toolbar select{font-size:12px;min-height:35px;padding:8px 12px}.table-toolbar>.button{margin-left:auto;height:35px}.table-footer{display:flex;justify-content:space-between;gap:12px;padding:14px 19px;border-top:1px solid #293447;font-size:11px;color:#6d85a8}.table-footer>span{font-size:11px;color:#526b8b}.notice{display:flex;gap:10px;align-items:flex-start;border:1px solid #304361;border-radius:8px;padding:12px 14px;color:#91afe1;background:#1d2d4244;font-size:13px;line-height:1.7;margin-bottom:18px}.notice>svg{margin-top:2px}.notice>span{flex:1}.notice button{font-size:13px;text-decoration:underline}.notice.warning{background:#3d301c55;border-color:#604a2d;color:#d9ba87}.notice.danger{background:#48263566;border-color:#6a394b;color:#e2a2b4}.empty{text-align:center;display:flex;align-items:center;justify-content:center;flex-direction:column;min-height:210px;padding:30px 20px}.empty-icon{color:#617a9f;width:50px;height:50px;background:#202c3f;border:1px solid #34455e;border-radius:14px;display:grid;place-items:center;margin-bottom:16px}.empty strong{font-size:12px;color:#adbfdc;font-weight:650}.empty p{font-size:13px;line-height:1.8;color:#637c9e;max-width:330px;margin-top:8px}.page-footer{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:18px 1px 23px;font-size:11px;color:#4d6383}.page-footer>span{display:flex;align-items:center;gap:6px}.footer-dot{padding:0 3px}.endpoint-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:21px}.endpoint-card{padding:21px;margin:0}.endpoint-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.endpoint-icon{width:42px;height:42px;border-radius:11px;background:#263653;border:1px solid #3d5277;color:#9cbeff;display:grid;place-items:center}.endpoint-card h3{font-size:16px;font-weight:700;letter-spacing:-.4px}.endpoint-card>p{font-size:12px;color:#738aa9;margin-top:6px}.endpoint-address{display:flex;gap:2px;align-items:center;font:10px monospace;color:#b1c5e8;margin-top:23px;padding:13px 11px;background:#101824;border:1px solid #293d59;border-radius:7px;overflow-wrap:anywhere;flex-wrap:wrap}.endpoint-address b{font-weight:500;color:#7596cd}.endpoint-card dl{display:grid;grid-template-columns:1fr;gap:6px;font-size:11px;margin:18px 0 0}.endpoint-card dt{color:#5e789e}.endpoint-card dd{color:#a1b7d9;margin:0 0 8px;word-break:break-word}.settings-form{padding:0 21px 22px}.settings-form .button{margin-top:4px}.settings-form>label,.user-form>label,.form-grid>label{display:block;color:#a9bcd9;font-size:13px;font-weight:600;margin-bottom:17px}.settings-form input,.settings-form select,.user-form label>input,.user-form label>select,.form-grid input,.form-grid select{display:block;width:100%;margin-top:8px;font-size:14px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.form-help{font-size:12px;line-height:1.8;color:#6c86aa;margin:0 0 16px}.field-heading{display:flex;justify-content:space-between;font-size:13px;color:#adc0e0;margin:4px 0 10px}.field-heading>span+span{font-size:11px;color:#617b9e}.protocol-select{display:flex;gap:10px;margin-bottom:22px}.protocol-select>button{display:flex;align-items:center;gap:8px;text-align:left;padding:12px 10px;border:1px solid #33435f;background:#172233;border-radius:9px;flex:1}.protocol-select>button.active{border-color:#6689ce;background:#293c6066}.check-box{height:15px;width:15px;border:1px solid #4b6283;border-radius:4px;color:#132540;display:grid;place-items:center}.active>.check-box{background:#9cbbff;border-color:#9cbbff}.protocol-select strong{display:block;font-size:13px;color:#c5d7f4;font-weight:650}.protocol-select small{display:block;font-size:11px;color:#708bb2;margin-top:4px}.form-section{padding:16px 0 0;border-top:1px solid #2a3a53;margin-top:16px}.switch-row{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:16px}.switch-row strong{font-size:14px;color:#b4c7e6;font-weight:650;display:block}.switch-row small{font-size:12px;color:#6d88af;display:block;margin-top:5px}.switch{height:22px;width:39px;border-radius:30px;padding:3px;background:#34425b;border:1px solid #43516b;flex-shrink:0}.switch>span{display:block;background:#a3afc2;width:14px;height:14px;border-radius:50%;transition:transform .2s}.switch.on{background:#7196ed;border-color:#8dabf5}.switch.on>span{transform:translate(16px);background:#e4edff}.checkbox-label{display:flex!important;align-items:center;gap:7px;padding-top:19px;color:#8fa8cd!important;font-size:12px!important;font-weight:500!important}.checkbox-label input{width:13px!important;height:13px;min-height:0;accent-color:#92b3ff;margin:0!important}.inline-actions{display:flex;gap:10px;flex-wrap:wrap}.form-error{padding:11px 13px;border:1px solid #734358;background:#482b3b;color:#e6b0c4;border-radius:8px;font-size:13px;line-height:1.6;margin-bottom:16px}.resilience-hero{display:flex;align-items:center;gap:27px;padding:30px 31px;border:1px solid #344769;border-radius:12px;background:radial-gradient(ellipse at 80% 70%,#25437335,transparent 60%),linear-gradient(110deg,#1e2e45,#172134);margin-bottom:20px}.resilience-symbol{height:85px;width:85px;border-radius:23px;background:linear-gradient(150deg,#3c5c92,#253d65);border:1px solid #5374a4;color:#adc9ff;display:grid;place-items:center;box-shadow:0 6px 35px #0b172833}.resilience-hero .eyebrow{color:#7799ca;font-size:11px}.resilience-hero h2{font-size:27px;letter-spacing:-1px;line-height:1.2;font-weight:750}.resilience-hero h2>span{color:#8fb1ff}.resilience-hero p{font-size:13px;line-height:1.9;color:#8ba7ce;margin-top:12px}.resilience-hero>.badge{margin-left:auto;align-self:flex-start}.resilience-steps{display:flex;align-items:center;justify-content:space-between;padding:20px 21px;margin-bottom:22px;border:1px solid #2b3b56;border-radius:11px;background:#151f2d}.resilience-steps>div{display:grid;grid-template-columns:25px 1fr;gap:3px 8px;align-items:center}.resilience-steps b{grid-row:span 2;width:25px;height:25px;border:1px solid #4a6189;border-radius:8px;display:grid;place-items:center;color:#a5c4f7;background:#293c5b;font-size:13px}.resilience-steps strong{font-size:12px;color:#b8ccec;font-weight:650}.resilience-steps span{font-size:10px;color:#6c87ac;line-height:1.5}.resilience-steps>svg{color:#456087}.resilience-hero~.two-columns .notice{margin:0 20px 18px;font-size:12px}.resilience-hero~.two-columns .panel>.button{margin:0 20px 21px}.log-view{padding:3px 20px 21px;max-height:650px;overflow:auto}.log-view>div:not(.empty){display:flex;gap:15px;padding:8px 0;border-bottom:1px solid #273449;font-size:12px;line-height:1.8}.log-view time{font-size:11px;min-width:55px;color:#586f93;flex-shrink:0}.log-view code{color:#9db3d7;white-space:pre-wrap;word-break:break-word}.backup-list{padding:0 20px 12px}.backup-list>div{display:flex;gap:13px;align-items:center;border-top:1px solid #29394e;padding:15px 0}.backup-list strong{font-size:13px;color:#bdceea;display:block}.backup-list span{font-size:11px;color:#627fa5;margin-top:5px;display:block}.backup-list b{font-size:12px;color:#7896bd;font-weight:500;margin-left:auto}.backup-list .button{height:32px;font-size:12px}.backup-icon{height:35px;width:35px;display:grid;place-items:center;border:1px solid #3e557a;border-radius:9px;color:#92b2e9;background:#283d5d}.audit-list{padding:0 20px 16px;max-height:440px;overflow:auto}.audit-list>div{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #27384e}.audit-dot{height:5px;width:5px;background:#7099da;border-radius:50%}.audit-list time{font-size:11px;min-width:135px;color:#6985ad}.audit-list strong{font-size:12px;font-weight:500;color:#a8c0e4}.overlay{position:fixed;inset:0;background:#030914bb;z-index:100;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);display:flex;align-items:center;justify-content:center;padding:28px}.dialog{width:490px;max-width:100%;max-height:calc(100dvh - 56px);overflow:auto;overscroll-behavior:contain;background:linear-gradient(140deg,#1b2638,#151e2d);border:1px solid #3a4c6a;border-radius:15px;box-shadow:0 25px 90px #0009;animation:appear .15s ease-out}.dialog.wide{width:720px}.dialog>header{padding:24px 25px 20px;display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid #2f405c}.dialog>header h2{font-size:17px;font-weight:700;letter-spacing:-.5px}.dialog>header p{font-size:13px;color:#7b98be;line-height:1.6;margin-top:7px}.user-form{padding:23px 25px}.dialog-actions{border-top:1px solid #30435f;margin-top:21px;padding-top:20px;display:flex;justify-content:flex-end;gap:9px}.share-content{padding:20px 25px 25px}.qr-frame{width:230px;height:230px;border:8px solid #fff;background:#fff;border-radius:12px;display:grid;place-items:center;margin:6px auto 17px;box-shadow:0 5px 25px #0003}.qr-frame>img{width:100%;height:100%;image-rendering:pixelated}.share-tags{display:flex;justify-content:center;gap:9px}.share-tags>span{display:flex;gap:6px;align-items:center;color:#a6c2e8;border:1px solid #405b80;background:#253c5a;border-radius:6px;font-size:12px;padding:5px 8px}.share-content>p{text-align:center;font-size:13px;color:#819ec4;line-height:1.8;margin:15px 0}.copy-field{display:flex;align-items:center;border:1px solid #405477;border-radius:8px;background:#111d2e;padding-right:5px;margin-bottom:10px}.copy-field input{width:100%;background:none;border:0;box-shadow:none;color:#9fbae3;font:9px monospace;min-height:40px;flex:1;min-width:0}.copy-field>button{height:30px;width:30px;display:grid;place-items:center;background:#2b4165;border-radius:6px;color:#a5c5ff}.share-content>.notice{font-size:11px;margin-bottom:15px}.share-content>.notice:last-child{margin-top:17px;margin-bottom:0}.future-link{padding:13px 0;margin-bottom:6px}.future-link>span{display:block;font-size:11px;color:#7897c0}.future-link code{display:block;font-size:12px;color:#99b9e5;margin-top:6px;overflow-wrap:anywhere}.raw-key{border-top:1px solid #30435f;margin-top:13px;padding-top:13px;display:flex;align-items:center;justify-content:space-between}.raw-key>span{font-size:12px;color:#95b2dc}.raw-key .button{font-size:11px;height:31px}.detail-content{padding:22px 25px}.detail-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-bottom:26px}.detail-metrics>div{background:#122136;border:1px solid #334b70;border-radius:8px;padding:11px}.detail-metrics span{display:block;font-size:11px;color:#708db7}.detail-metrics strong{display:block;font-size:13px;color:#bbd2f5;margin-top:8px}.detail-content>h3{font-size:14px;margin-bottom:15px;color:#9cb8e0}.devices-list>div{display:flex;gap:10px;align-items:center;padding:15px 0;border-top:1px solid #314760}.devices-list>div>svg{color:#7399cd}.devices-list>div>div{flex:1}.devices-list strong{display:block;font-size:13px;font-weight:600;color:#b1c9e9}.devices-list span:not(.badge){display:block;font-size:12px;color:#7194c0;margin-top:5px}.devices-list small{display:block;font-size:11px;color:#597da9;margin-top:4px}.alerts-list{padding:20px 9px 10px}.alerts-list .system-notice{padding:14px}.alerts-list .system-notice strong{font-size:14px}.alerts-list .system-notice small{font-size:13px}.loading{display:grid;place-items:center;min-height:180px;color:#789cdb}.loading-page{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:20px;min-height:65vh;color:#668bca}.loading-page p{font-size:14px;color:#7091bc}.toast{position:fixed;bottom:26px;left:calc(50% + 121px);transform:translate(-50%);z-index:200;background:#263b39;border:1px solid #4b7c6f;border-radius:10px;box-shadow:0 8px 35px #0008;color:#b5e8d6;display:flex;align-items:center;gap:11px;padding:14px 17px;font-size:14px;max-width:calc(100vw - 30px);animation:appear .2s}.toast>button{display:grid;place-items:center;color:#81b9a8;margin-left:10px}@keyframes appear{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.boot{height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:30px;color:#86a8e5}.login-page{min-height:100dvh;background:radial-gradient(ellipse at 65% 25%,#28395b44,transparent 45%),radial-gradient(ellipse at 18% 80%,#123a3b33,transparent 45%),#0b111d;position:relative;display:flex;align-items:center;justify-content:center;padding:90px 24px 70px}.login-grid{position:absolute;inset:0;opacity:.12;pointer-events:none;background-image:linear-gradient(#4a6589 1px,transparent 1px),linear-gradient(90deg,#4a6589 1px,transparent 1px);background-size:80px 80px;-webkit-mask-image:radial-gradient(ellipse at center,black,transparent 70%);mask-image:radial-gradient(ellipse at center,black,transparent 70%)}.login-brand{position:absolute;top:33px;left:40px;display:flex;align-items:center;gap:25px}.login-brand>span{border-left:1px solid #30425c;padding-left:25px;font-size:11px;color:#6382a9;letter-spacing:1.8px;font-weight:700}.login-card{width:395px;position:relative;z-index:1;background:linear-gradient(145deg,#1a273dcc,#142034cc);border:1px solid #354a6a;border-radius:18px;padding:32px 34px;box-shadow:0 22px 100px #0004}.login-symbol{width:52px;height:52px;display:grid;place-items:center;color:#aac7ff;background:linear-gradient(145deg,#354d76,#233959);border:1px solid #4d6e9a;border-radius:14px;margin-bottom:23px}.login-card h1{font-size:33px;font-weight:750;line-height:1.22;letter-spacing:-1.3px}.login-card h1>span{color:#95b5ff}.login-card>p{font-size:13px;line-height:1.9;color:#819fc6;margin-top:13px}.login-card form{margin-top:27px}.login-card label{display:block;font-size:13px;color:#a6bfdc;margin-bottom:17px}.login-card input{display:block;width:100%;margin-top:8px;font-size:12px;min-height:43px;background:#0e1b2d;border-color:#334d70;color:#d8e8ff}.login-card form>.button{width:100%;margin-top:6px;height:44px;justify-content:space-between;font-size:14px}.password-field{position:relative}.password-field>button{position:absolute;right:11px;top:12px;display:grid;place-items:center;color:#6d91bf}.password-field input{padding-right:40px}.login-note{font-size:11px;color:#6b8eb8;display:flex;align-items:center;justify-content:center;gap:7px;margin-top:22px}.login-page>footer{position:absolute;bottom:24px;color:#476486;font-size:12px}.login-page>footer>span{padding:0 10px;color:#3e5778}@media(min-width:1550px){.page-content{padding:36px 42px 0}.topbar{padding:0 42px}.metric-card{min-height:153px;padding:21px 23px}.metric-card>strong{font-size:32px}.metric-top{font-size:14px}.metric-card p,.panel-heading h3,.panel-heading p{font-size:13px}.panel-heading{padding:22px 24px 18px}.resource{padding:10px 24px 19px}.resource>div:first-child{font-size:14px}.resource strong{font-size:14px}.resource small{font-size:13px}.chart svg{height:220px}.chart-summary{padding:0 24px 13px}.chart-summary strong{font-size:21px}.chart-summary>div>span{font-size:13px}.history-since{font-size:12px}.services-list strong{font-size:14px}.services-list small{font-size:12px}.service-state{font-size:13px}.user-cell strong{font-size:14px}.user-cell span{font-size:12px}td{font-size:14px}th{font-size:13px}.badge{font-size:12px}.traffic-cell strong{font-size:14px}.traffic-cell>.tiny{font-size:11px}.system-notice strong{font-size:13px}.system-notice small{font-size:12px}}@media(max-width:1120px){.sidebar{width:208px;padding-left:12px;padding-right:12px}.sidebar>.logo{font-size:21px}.logo-mark{width:31px;height:31px}.workspace{margin-left:0;margin-right:0}.sidebar nav>button{font-size:13px;gap:10px;padding-left:11px}main{margin-left:208px}.topbar{padding:0 23px}.page-content{padding:26px 23px 0}.metrics-grid{gap:11px}.metric-card{padding:14px 13px}.metric-card>strong{font-size:24px}.dashboard-grid{grid-template-columns:minmax(0,1.6fr) minmax(225px,1fr);gap:15px}.panel-heading{padding:17px 16px 14px}.chart-summary{padding-left:17px;padding-right:17px;gap:20px}.history-since{display:none}.panel-heading .range button{padding:5px 6px}.page-heading p{max-width:340px}.toast{left:calc(50% + 104px)}.endpoint-cards{gap:13px}.endpoint-card{padding:16px}.endpoint-address{font-size:12px}.resilience-hero{padding:25px 22px;gap:20px}.resilience-hero>.badge{display:none}.resilience-symbol{height:70px;width:70px;border-radius:19px}.resilience-steps{padding:17px 14px;gap:5px}.resilience-steps span{max-width:105px}.resilience-steps>svg{width:12px}.two-columns{gap:15px}}@media(max-width:900px){.dashboard-grid,.dashboard-grid.bottom{grid-template-columns:1fr}.dashboard-grid>.panel{margin-bottom:0}.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-card{min-height:132px}.resource{padding:8px 20px 14px}.dashboard-grid>.panel:not(.chart-panel) .resource{display:inline-block;width:33.333%;vertical-align:top}.resource-footer{margin-top:4px}.two-columns,.endpoint-cards{grid-template-columns:1fr}.endpoint-card{display:block}.endpoint-card dl{grid-template-columns:60px 1fr;align-items:start}.endpoint-address{margin-top:14px}.endpoint-heading{margin-bottom:14px}.resilience-hero p>br{display:none}.resilience-steps{display:grid;grid-template-columns:1fr 1fr;gap:18px}.resilience-steps>svg{display:none}.resilience-steps span{max-width:none}.heading-actions,.service-buttons{padding-top:10px}.sidebar-bottom{padding-top:18px}.sidebar-version{padding-top:4px}}@media(max-width:700px){.sidebar{transform:translate(-100%);transition:transform .2s;width:242px;z-index:91}.sidebar.open{transform:translate(0)}main{margin-left:0}.mobile-menu{display:inline-grid!important;margin-right:8px}.topbar{padding:0 17px;height:61px;justify-content:flex-start}.breadcrumb{font-size:12px;gap:8px}.breadcrumb>span{display:none}.topbar-right{margin-left:auto;gap:15px}.topbar-date{font-size:12px}.top-admin{display:none}.page-content{padding:24px 17px 0}.page-heading{align-items:flex-start;margin-bottom:22px;gap:10px}h1{font-size:25px}.page-heading p{max-width:230px;font-size:12px;line-height:1.8}.eyebrow{font-size:10px}.heading-actions{padding-top:15px}.heading-actions>.button{font-size:12px;padding:0 10px;gap:5px;height:35px}.heading-actions>.button>svg{width:14px}.status-strip{padding:11px 12px;font-size:11px}.status-strip>div{gap:10px;flex-wrap:wrap}.status-strip>div>span:last-child{display:none}.status-strip>span{display:none}.strip-separator{display:none}.status-strip strong{font-size:11px}.metrics-grid{gap:11px;margin-bottom:16px}.metric-card{padding:14px;min-height:128px}.metric-top{font-size:12px}.metric-icon{height:26px;width:26px}.metric-icon>svg{width:15px}.metric-card>strong{font-size:26px;margin-top:12px}.metric-card p{font-size:10px}.dashboard-grid{gap:16px;margin-bottom:16px}.panel-heading{padding:17px 16px 14px}.panel-heading h3{font-size:14px}.panel-heading p{font-size:11px}.panel-heading .range{padding:2px}.panel-heading .range button{padding:5px;font-size:10px}.chart-summary strong{font-size:18px}.chart-summary{gap:25px}.chart svg{height:175px}.chart{padding-left:16px;padding-right:16px}.resource{padding:8px 16px 14px!important}.dashboard-grid>.panel:not(.chart-panel) .resource{width:100%;padding-top:3px!important}.resource>div:first-child{font-size:13px}.resource small{font-size:11px}.resource-footer{padding:13px 16px}.panel{margin-bottom:16px}.two-columns{gap:16px;margin-bottom:16px}.user-summary{gap:15px;font-size:12px;margin-bottom:17px}.table-toolbar{padding:12px;gap:8px;flex-wrap:wrap}.search-field{max-width:none;flex-basis:100%}.table-toolbar>.button{height:33px}.table-toolbar select{min-height:33px}.table-footer{font-size:11px}.table-footer>span{display:none}td{padding:12px 14px}th{padding:10px 14px}.page-footer{font-size:10px;padding-top:15px;align-items:flex-start}.page-footer>span:last-child{max-width:130px;display:block;text-align:right;line-height:1.9}.footer-dot{padding:0 3px}.mobile-dismiss{position:fixed;inset:0;background:#02071199;z-index:90;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.overlay{padding:12px;align-items:center}.dialog{max-height:calc(100dvh - 24px);border-radius:12px}.dialog>header{padding:20px}.user-form{padding:20px}.share-content{padding:18px 20px 21px}.dialog>header h2{font-size:16px}.detail-content{padding:19px}.detail-metrics{grid-template-columns:1fr 1fr;gap:10px}.devices-list{overflow-x:auto}.devices-list>div{min-width:320px}.toast{left:50%;bottom:17px;width:max-content;font-size:13px}.resilience-hero{padding:23px 19px;gap:15px}.resilience-symbol{width:53px;height:63px;border-radius:15px;flex-shrink:0}.resilience-symbol>svg{width:29px}.resilience-hero h2{font-size:23px}.resilience-hero .eyebrow{font-size:10px}.resilience-hero p{font-size:12px;margin-top:11px;line-height:1.85}.resilience-steps{padding:17px;gap:20px 13px}.resilience-steps b{width:23px;height:23px;border-radius:7px}.resilience-steps>div{grid-template-columns:23px 1fr;gap:3px 7px}.resilience-steps strong{font-size:12px}.resilience-steps span{font-size:10px}.settings-form{padding:0 17px 19px}.form-grid{gap:12px}.backup-list{padding:0 15px 10px}.backup-list>div{gap:9px;flex-wrap:wrap}.backup-list b{font-size:11px}.backup-list .button{font-size:11px;padding:0 9px}.backup-list span{max-width:170px;overflow:hidden;text-overflow:ellipsis}.audit-list{padding:0 17px 17px}.audit-list time{font-size:10px;min-width:103px}.audit-list strong{font-size:11px}.login-page{padding-top:110px}.login-brand{left:25px;top:30px}.login-brand>span{display:none}.login-card{padding:28px;width:370px}.login-card h1{font-size:32px}.login-page>footer{font-size:11px}.core-grid{gap:15px}.log-view{padding:0 16px 18px}.log-view>div:not(.empty){font-size:11px;gap:9px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}