:root{color-scheme:dark;--bg:#07101d;--panel:#101b2c;--panel-2:#152235;--line:rgba(157,181,219,.13);--text:#f4f7fb;--muted:#8796ae;--cyan:#53d8ff;--blue:#5969ff;--green:#35d399;--danger:#ff6f85;font-family:Inter,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif}
*{box-sizing:border-box}html,body{min-width:980px;min-height:660px;margin:0;background:var(--bg);color:var(--text)}button,input,select{font:inherit}button,a{ -webkit-tap-highlight-color:transparent}.hidden{display:none!important}.eyebrow{margin:0 0 7px;color:#7690b9;font-size:10px;font-weight:800;letter-spacing:.19em}.desktop-brand{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none;font-size:21px;font-weight:760;letter-spacing:-.02em}.desktop-brand img{width:34px;height:34px}.desktop-brand small{margin-left:2px;color:#7487a5;font-size:9px;letter-spacing:.16em}.desktop-brand.compact{justify-content:center}.desktop-brand.compact span{display:none}.desktop-brand.compact img{width:38px;height:38px}.desktop-brand-slogan{position:absolute;top:88px;left:106px;margin:0;color:#71839d;font-size:11px;letter-spacing:.13em}.desktop-shell-slogan{margin:0 auto;color:#61738d;font-size:10px;letter-spacing:.13em}
.desktop-auth{display:grid;grid-template-columns:minmax(500px,1.3fr) minmax(430px,.7fr);min-height:100vh;background:#091321}.auth-visual{position:relative;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;padding:48px 60px;background:radial-gradient(circle at 60% 55%,rgba(68,101,255,.2),transparent 37%),linear-gradient(145deg,#07101d,#0c1c32)}.auth-visual:before{position:absolute;inset:17% -8% 8% 5%;content:"";opacity:.27;background:url('/world-network.svg') center/contain no-repeat;filter:brightness(1.2) saturate(1.25)}.auth-visual:after{position:absolute;width:360px;height:360px;right:10%;top:30%;content:"";border:1px solid rgba(91,216,255,.18);border-radius:50%;box-shadow:0 0 0 65px rgba(70,122,255,.035),0 0 0 130px rgba(70,122,255,.025)}.auth-visual>*{position:relative;z-index:1}.auth-visual-copy{max-width:620px}.auth-kicker{color:#6fe3ff;font-size:11px;font-weight:800;letter-spacing:.22em}.auth-visual h1{margin:18px 0 22px;font-size:clamp(44px,5vw,72px);line-height:1.08;letter-spacing:-.055em}.auth-visual h1 em{color:transparent;font-style:normal;background:linear-gradient(90deg,#68e0ff,#8490ff);background-clip:text}.auth-visual-copy p{max-width:520px;margin:0;color:#98a8c0;font-size:16px;line-height:1.8}.auth-trust{display:flex;gap:30px;color:#899bb6;font-size:12px}.auth-trust span{display:flex;align-items:center;gap:8px}.auth-trust i{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 12px rgba(53,211,153,.8)}.auth-form-wrap{display:grid;place-items:center;padding:48px;background:#f6f8fc;color:#121a29}.auth-card{width:min(390px,100%);padding:34px;border:1px solid #e1e7f0;border-radius:25px;background:#fff;box-shadow:0 25px 80px rgba(16,28,51,.12)}.auth-card-mark{display:grid;width:49px;height:49px;margin-bottom:28px;place-items:center;border-radius:15px;background:#0b1423}.auth-card-mark img{width:31px}.auth-card .eyebrow{color:#6a7a94}.auth-card h2{margin:0;color:#111a29;font-size:28px;letter-spacing:-.035em}.auth-card-copy{margin:9px 0 27px;color:#7a8799;font-size:13px}.auth-card label,.desktop-dialog label{display:grid;gap:8px;margin:16px 0;color:#344158;font-size:12px;font-weight:700}.auth-card input,.desktop-dialog input,.desktop-dialog select{width:100%;height:48px;padding:0 14px;border:1px solid #dce3ee;border-radius:11px;outline:0;background:#f9fbfd;color:#172135}.auth-card input:focus,.desktop-dialog input:focus,.desktop-dialog select:focus{border-color:#6573f5;box-shadow:0 0 0 3px rgba(89,105,255,.1)}.primary-button,.secondary-button{display:inline-flex;min-height:42px;align-items:center;justify-content:center;gap:8px;padding:0 18px;border:0;border-radius:10px;text-decoration:none;cursor:pointer;font-size:12px;font-weight:750}.primary-button{background:linear-gradient(135deg,#5366ff,#735cff);color:#fff;box-shadow:0 10px 25px rgba(84,98,255,.25)}.primary-button:hover{filter:brightness(1.07)}.primary-button:disabled,.secondary-button:disabled{opacity:.55;cursor:wait}.secondary-button{border:1px solid rgba(127,149,185,.22);background:rgba(124,145,181,.09);color:inherit}.wide{width:100%;height:49px;margin-top:10px}.auth-links{display:flex;justify-content:space-between;margin-top:21px}.auth-links a{color:#6e7f97;text-decoration:none;font-size:11px}.form-error{margin:10px 0;color:#d8495f;font-size:12px}
.desktop-shell{display:grid;grid-template-columns:76px 1fr;min-height:100vh;background:radial-gradient(circle at 45% 36%,#0d2038 0,#07101d 39%,#060d18 100%)}.desktop-sidebar{position:relative;z-index:4;display:flex;flex-direction:column;align-items:center;padding:20px 0;border-right:1px solid var(--line);background:rgba(6,14,25,.88);backdrop-filter:blur(24px)}.desktop-sidebar nav{display:grid;width:100%;gap:10px;margin:auto 0}.desktop-sidebar nav button,.sidebar-footer button,.sidebar-footer a{display:flex;position:relative;width:100%;height:58px;flex-direction:column;align-items:center;justify-content:center;gap:5px;border:0;background:transparent;color:#63738c;text-decoration:none;cursor:pointer}.desktop-sidebar nav button:before{position:absolute;left:0;width:3px;height:26px;border-radius:0 4px 4px 0;background:transparent;content:""}.desktop-sidebar nav button span,.sidebar-footer span{font-size:18px;line-height:1}.desktop-sidebar nav button b,.sidebar-footer b{font-size:9px;font-weight:650;letter-spacing:.06em}.desktop-sidebar nav button:hover,.desktop-sidebar nav button.active,.sidebar-footer button:hover,.sidebar-footer a:hover{color:#eef4ff}.desktop-sidebar nav button.active:before{background:var(--cyan);box-shadow:0 0 16px var(--cyan)}.desktop-sidebar nav button.active span{color:var(--cyan)}.sidebar-footer{display:grid;width:100%;gap:2px}.sidebar-footer a,.sidebar-footer button{height:43px}.desktop-avatar{display:grid;width:30px;height:30px;margin:13px auto 0;place-items:center;border:1px solid rgba(114,224,255,.35);border-radius:10px;background:#18314a;color:#72dcff;font-size:11px;font-weight:800}
.desktop-main{min-width:0}.desktop-topbar{display:flex;height:84px;align-items:center;justify-content:space-between;padding:0 31px;border-bottom:1px solid var(--line);background:rgba(6,14,25,.4);backdrop-filter:blur(16px)}.desktop-topbar h1{margin:0;font-size:20px;letter-spacing:-.025em}.desktop-top-actions{display:flex;align-items:center;gap:10px}.service-status{display:flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid rgba(53,211,153,.16);border-radius:20px;background:rgba(53,211,153,.06);color:#94a8bd;font-size:10px}.service-status i{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 9px var(--green)}.icon-button{width:34px;height:34px;border:1px solid var(--line);border-radius:10px;background:rgba(117,139,177,.06);color:#92a3ba;cursor:pointer}.desktop-view{display:none;height:calc(100vh - 84px);min-height:576px;padding:24px 29px;overflow:auto}.desktop-view.active{display:block}.connection-layout{display:grid;grid-template-columns:minmax(520px,1.45fr) minmax(310px,.62fr);height:100%;gap:20px}.connection-stage,.connection-panel{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:22px;background:rgba(14,27,45,.78);box-shadow:0 30px 80px rgba(0,0,0,.18)}.connection-stage{min-height:520px}.desktop-map{position:absolute;inset:0 0 120px;display:grid;place-items:center;opacity:.72}.desktop-map:after{position:absolute;inset:0;content:"";background:radial-gradient(circle,transparent 0,rgba(8,17,30,.05) 35%,rgba(8,17,30,.72) 82%)}.desktop-map img{width:88%;opacity:.42;filter:contrast(1.1) brightness(.85) saturate(.85)}.map-point{position:absolute;z-index:2;width:8px;height:8px;border:2px solid #8ae9ff;border-radius:50%;background:#142b43;box-shadow:0 0 13px #50d9ff}.point-one{left:27%;top:39%}.point-two{left:52%;top:31%}.point-three{right:20%;top:45%}.map-route{position:absolute;z-index:1;width:170px;height:75px;border-top:1px solid rgba(75,204,255,.45);border-radius:50%}.route-one{left:30%;top:34%;transform:rotate(-8deg)}.route-two{right:21%;top:35%;transform:rotate(16deg)}.connection-center{position:absolute;z-index:3;left:50%;top:44%;display:flex;flex-direction:column;align-items:center;transform:translate(-50%,-50%)}.connect-button{position:relative;width:174px;height:174px;border:0;border-radius:50%;background:transparent;cursor:pointer}.connect-halo{position:absolute;border-radius:50%;inset:0;border:1px solid rgba(82,203,255,.32);transition:.25s}.halo-one{box-shadow:0 0 50px rgba(49,172,255,.14),inset 0 0 30px rgba(69,186,255,.07)}.halo-two{inset:12px;border:2px dotted rgba(110,216,255,.52);animation:spin 30s linear infinite}.connect-core{position:absolute;inset:27px;display:grid;place-items:center;border:1px solid rgba(105,221,255,.55);border-radius:50%;background:linear-gradient(145deg,#162b44,#0c192b);box-shadow:0 12px 55px rgba(0,0,0,.4),inset 0 0 35px rgba(76,190,255,.1);transition:.25s}.connect-core svg{width:53px;fill:none;stroke:#8ba0ba;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.connect-button:hover .connect-core{transform:scale(1.04);border-color:#74dfff}.connect-button.connected .connect-core{background:linear-gradient(145deg,#1b4653,#0c2b34);border-color:#54efc1;box-shadow:0 0 50px rgba(53,211,153,.19)}.connect-button.connected .connect-core svg{stroke:#74f0c8}.connect-button.connected .connect-halo{border-color:rgba(84,239,193,.46)}.connection-center>strong{margin-top:14px;font-size:21px}.connection-center>span{margin-top:7px;color:#7f91aa;font-size:11px}.connection-metrics{position:absolute;right:18px;bottom:17px;left:18px;display:grid;grid-template-columns:repeat(3,1fr);gap:1px;overflow:hidden;border:1px solid var(--line);border-radius:14px;background:var(--line)}.connection-metrics>div{display:flex;align-items:center;gap:11px;padding:14px;background:#0c1829}.connection-metrics>div>span{display:grid;width:29px;height:29px;place-items:center;border-radius:9px;background:#14263c;color:#65d9ff}.connection-metrics p{display:grid;gap:2px;margin:0}.connection-metrics small{color:#6f819c;font-size:9px}.connection-metrics strong{font-size:12px}
.connection-panel{padding:22px}.connection-panel-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:18px}.connection-panel-head h2{margin:0;font-size:18px}.connection-panel-head>span{padding:5px 8px;border-radius:8px;background:rgba(53,211,153,.08);color:#58dcb2;font-size:9px}.setting-card{display:grid;width:100%;grid-template-columns:38px 1fr 14px;align-items:center;gap:12px;margin:10px 0;padding:14px 13px;border:1px solid var(--line);border-radius:13px;background:rgba(102,129,166,.055);color:inherit;text-align:left;cursor:pointer}.setting-card:hover{border-color:rgba(84,209,255,.3);background:rgba(81,157,214,.08)}.setting-symbol{display:grid;width:38px;height:38px;place-items:center;border-radius:11px;background:#172a42;color:#6fdcff;font-size:10px;font-weight:800}.setting-symbol.flag{font-size:19px}.setting-card>span:nth-child(2){display:grid;gap:3px}.setting-card small,.active-device-card small{color:#6d809d;font-size:9px}.setting-card strong,.active-device-card strong{font-size:12px}.setting-card em,.active-device-card em{overflow:hidden;color:#708098;font-size:9px;font-style:normal;text-overflow:ellipsis;white-space:nowrap}.setting-card>i{color:#7889a2;font-style:normal}.active-device-card{display:grid;grid-template-columns:40px 1fr auto;align-items:center;gap:11px;margin-top:18px;padding:15px 12px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.active-device-card>div{display:grid;min-width:0;gap:3px}.device-glyph{display:grid;width:37px;height:37px;place-items:center;border-radius:50%;background:rgba(89,105,255,.12);color:#8d99ff}.active-device-card button{border:0;background:transparent;color:#6ddcff;cursor:pointer;font-size:10px}.desktop-safety-note{display:flex;align-items:center;gap:8px;margin:15px 2px 0;color:#6e819d;font-size:9px}.desktop-safety-note span{color:var(--green)}
.view-toolbar{display:flex;align-items:flex-end;justify-content:space-between;margin:2px 0 23px}.view-toolbar h2{margin:0 0 6px;font-size:24px}.view-toolbar div>span{color:#7f90a8;font-size:11px}.node-grid,.device-grid{display:grid;grid-template-columns:repeat(3,minmax(230px,1fr));gap:15px}.node-card,.device-card{position:relative;padding:19px;border:1px solid var(--line);border-radius:17px;background:rgba(15,29,48,.78)}.node-card.selected{border-color:rgba(81,220,255,.6);box-shadow:0 0 0 1px rgba(81,220,255,.16),0 20px 45px rgba(0,0,0,.16)}.node-card-head{display:flex;align-items:center;gap:12px}.node-flag{display:grid;width:40px;height:40px;place-items:center;border-radius:12px;background:#172b44;font-size:21px}.node-card h3,.device-card h3{margin:0 0 4px;font-size:14px}.node-card p,.device-card p{margin:0;color:#7587a2;font-size:10px}.node-card-status{display:flex;align-items:center;justify-content:space-between;margin-top:22px}.node-card-status>span{color:#68dcb7;font-size:9px}.node-card-status>span:before{display:inline-block;width:5px;height:5px;margin-right:5px;border-radius:50%;background:currentColor;content:""}.node-card-status button{border:0;background:transparent;color:#65d9ff;cursor:pointer;font-size:10px}.load-bar{height:4px;margin-top:13px;border-radius:3px;background:#1b2a40}.load-bar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#4fd7ff,#6b72ff)}.device-card{display:grid;gap:16px}.device-card-head{display:flex;align-items:center;gap:12px}.device-card-head>span{display:grid;width:40px;height:40px;place-items:center;border-radius:12px;background:rgba(88,103,255,.13);color:#8f9aff}.device-meta{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.device-meta span{display:grid;gap:4px;padding:10px;border-radius:10px;background:rgba(102,129,166,.055)}.device-meta small{color:#6e819d;font-size:8px}.device-meta b{font-size:10px}.device-actions{display:flex;align-items:center;justify-content:space-between}.device-status{color:#52d5aa;font-size:9px}.device-status.revoked{color:#8291a8}.device-revoke{border:0;background:transparent;color:#f17e92;cursor:pointer;font-size:9px}.empty-card{grid-column:1/-1;padding:70px;border:1px dashed rgba(139,162,199,.2);border-radius:17px;color:#7486a1;text-align:center;font-size:12px}
.account-grid{display:grid;grid-template-columns:1.35fr repeat(2,1fr);gap:15px}.account-hero,.account-card,.account-links{padding:20px;border:1px solid var(--line);border-radius:17px;background:rgba(15,29,48,.78)}.account-hero{display:flex;grid-row:span 2;align-items:center;gap:17px}.account-hero>span{display:grid;width:62px;height:62px;place-items:center;border:1px solid rgba(87,218,255,.35);border-radius:19px;background:#17304a;color:#78e1ff;font-size:20px;font-weight:800}.account-hero small,.account-card small{color:#7487a3;font-size:9px;letter-spacing:.08em}.account-hero h3{margin:5px 0;font-size:18px}.account-hero p{margin:0;color:#8293ab;font-size:10px}.account-hero>i{margin-left:auto;align-self:flex-start;padding:5px 8px;border-radius:6px;background:rgba(89,105,255,.1);color:#8e98ff;font-size:8px;font-style:normal}.account-card{display:grid;gap:8px}.account-card strong{font-size:21px}.account-card>span{color:#788ba6;font-size:9px}.usage-track{height:5px;border-radius:4px;background:#1a2b42}.usage-track i{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#56d8ff,#756aff)}.account-links{display:grid;grid-column:2/4;grid-template-columns:repeat(3,1fr);gap:8px}.account-links a{display:flex;align-items:center;justify-content:space-between;padding:13px;border-radius:10px;background:rgba(106,131,170,.06);color:#a1b0c4;text-decoration:none;font-size:10px}.account-links a:hover{color:#fff;background:rgba(79,163,218,.1)}
.desktop-dialog{width:min(510px,calc(100vw - 40px));padding:25px;border:1px solid #dfe5ef;border-radius:20px;background:#fff;color:#172135;box-shadow:0 25px 90px rgba(0,0,0,.45)}.desktop-dialog::backdrop{background:rgba(3,9,17,.78);backdrop-filter:blur(7px)}.small-dialog{width:420px}.dialog-heading{display:flex;align-items:flex-start;justify-content:space-between}.dialog-heading h2,.desktop-dialog form>h2{margin:0;font-size:22px;letter-spacing:-.03em}.dialog-close{width:31px;height:31px;border:0;border-radius:9px;background:#f0f3f8;color:#6e7c91;cursor:pointer;font-size:18px}.dialog-copy,.desktop-dialog form>p{color:#75839a;font-size:12px;line-height:1.6}.dialog-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:21px}.desktop-dialog .secondary-button{border-color:#dfe5ee;background:#f4f6f9;color:#526076}.desktop-dialog .eyebrow{color:#697b99}.dialog-icon{display:grid;width:44px;height:44px;margin-bottom:20px;place-items:center;border-radius:13px;background:#101b2b;color:#70dfff}.profile-options{display:grid;gap:9px;margin-top:18px}.profile-option{display:grid;grid-template-columns:39px 1fr 20px;align-items:center;gap:12px;padding:13px;border:1px solid #e1e7ef;border-radius:12px;background:#fafbfd;color:#1d2a40;text-align:left;cursor:pointer}.profile-option:hover,.profile-option.selected{border-color:#6979f5;background:#f5f6ff}.profile-option>span:first-child{display:grid;width:37px;height:37px;place-items:center;border-radius:10px;background:#eaf0f8;color:#5268df;font-size:12px;font-weight:800}.profile-option>span:nth-child(2){display:grid;gap:3px}.profile-option strong{font-size:12px}.profile-option small{color:#7e8ca0;font-size:10px}.profile-option i{color:#5568e8;font-style:normal}.connect-device-summary{margin:18px 0;padding:14px;border-radius:12px;background:#f4f7fb;color:#28364a;font-size:12px}.connect-steps{display:grid;gap:12px;margin:18px 0;padding:0;list-style:none;color:#526178;font-size:11px}.connect-steps li{display:flex;align-items:center;gap:10px}.connect-steps span{display:grid;width:23px;height:23px;place-items:center;border-radius:8px;background:#e9edff;color:#5969e8;font-weight:800}.secret-warning{padding:11px;border-radius:10px;background:#fff4df!important;color:#8a6125!important}.secret-dialog pre{max-height:260px;overflow:auto;padding:15px;border-radius:12px;background:#101b2a;color:#cce1f5;font-size:10px;line-height:1.55;white-space:pre-wrap;word-break:break-all}.desktop-toast{position:fixed;z-index:20;right:24px;bottom:23px;max-width:360px;padding:12px 17px;border:1px solid rgba(119,217,255,.22);border-radius:11px;background:#142438;color:#eaf5ff;box-shadow:0 15px 40px rgba(0,0,0,.35);opacity:0;transform:translateY(12px);pointer-events:none;transition:.22s;font-size:11px}.desktop-toast.show{opacity:1;transform:none}@keyframes spin{to{transform:rotate(360deg)}}
.active-protocol{margin-top:10px!important;padding:5px 9px;border:1px solid rgba(91,216,255,.18);border-radius:12px;background:rgba(75,170,226,.08);color:#72ddff!important;font-size:9px!important;font-weight:750;letter-spacing:.04em}.desktop-safety-note b{font-weight:600}.protocol-setting-card .setting-symbol{font-size:8px;letter-spacing:.04em}
@media(max-width:1120px){.node-grid,.device-grid{grid-template-columns:repeat(2,minmax(220px,1fr))}.connection-layout{grid-template-columns:minmax(480px,1.25fr) minmax(300px,.75fr)}.auth-visual{padding:42px}.auth-visual h1{font-size:48px}.account-grid{grid-template-columns:1.2fr 1fr}.account-hero{grid-row:auto}.account-links{grid-column:1/3}.connection-metrics>div{padding:11px 9px}}
.account-links a{min-height:42px}

/* Client navigation follows the compact commercial-client surface: account, connection and support only. */
.desktop-shell{grid-template-columns:245px minmax(0,1fr)}
.desktop-sidebar{align-items:stretch;padding:25px 22px 18px;background:rgba(14,25,41,.96)}
.desktop-brand.compact{justify-content:flex-start;gap:11px;padding:0 10px;font-size:17px}
.desktop-brand.compact span{display:inline}
.desktop-brand.compact img{width:35px;height:35px}
.desktop-sidebar nav{gap:5px;margin:27px 0 0}
.desktop-sidebar nav button,.desktop-sidebar nav a{display:flex;position:relative;width:100%;height:52px;flex-direction:row;align-items:center;justify-content:flex-start;gap:13px;border:0;border-radius:11px;padding:0 13px;background:transparent;color:#8491a4;text-decoration:none;cursor:pointer}
.desktop-sidebar nav button:before{display:none}
.desktop-sidebar nav button>span:first-child,.desktop-sidebar nav a>span:first-child{display:grid;width:29px;flex:0 0 29px;place-items:center;color:#dce5f0;font-size:19px;line-height:1}
.desktop-sidebar nav button b,.desktop-sidebar nav a b{font-size:12px;font-weight:670;letter-spacing:0}
.desktop-sidebar nav button i,.desktop-sidebar nav a i{margin-left:auto;color:#7f8da1;font-size:24px;font-style:normal;font-weight:300}
.desktop-sidebar nav button:hover,.desktop-sidebar nav button.active,.desktop-sidebar nav a:hover{color:#fff;background:rgba(78,103,255,.13)}
.desktop-sidebar nav button.active>span:first-child{color:#72dcff}
.desktop-sidebar nav .desktop-account-nav{height:82px;align-items:center;padding:13px;border:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.025)}
.desktop-sidebar nav .desktop-account-nav.active{border-color:rgba(93,115,255,.6);background:#506dff;box-shadow:0 12px 30px rgba(39,70,206,.2)}
.desktop-sidebar nav .desktop-account-nav .desktop-avatar{width:36px;height:36px;margin:0;border-radius:50%;color:#eaf7ff;font-size:13px}
.desktop-account-nav-copy{display:grid!important;min-width:0;gap:4px;text-align:left}
.desktop-account-nav-copy b{font-size:12px!important}.desktop-account-nav-copy small{overflow:hidden;color:#c7d1e1;font-size:10px;text-overflow:ellipsis;white-space:nowrap}
.desktop-nav-divider{display:block!important;width:100%!important;height:1px!important;margin:5px 0 11px;background:rgba(255,255,255,.09)}
.sidebar-footer{margin-top:auto;padding:14px 11px 0;color:#5f6c7f;border-top:1px solid rgba(255,255,255,.06)}
.sidebar-footer small{font-size:9px;letter-spacing:.05em}
.account-detail-heading{margin:21px 0 36px}.account-detail-heading h2{margin:0;font-size:42px;letter-spacing:-.045em}
.account-detail-list{display:grid;max-width:990px;gap:14px;margin-left:38px}
.account-detail-list article{display:grid;min-height:94px;grid-template-columns:38px 170px minmax(0,1fr);align-items:center;gap:15px;padding:0 28px;border:1px solid rgba(255,255,255,.025);border-radius:16px;background:rgba(35,48,67,.76)}
.account-detail-icon{display:grid;width:35px;height:35px;place-items:center;color:#f2f6fb;font-size:20px}.account-detail-list strong{font-size:16px}.account-detail-list b{overflow:hidden;text-align:right;font-size:16px;font-weight:500;text-overflow:ellipsis;white-space:nowrap}
.desktop-account-logout{display:block;min-width:170px;height:52px;margin:29px auto 0;border:0;border-radius:12px;background:#f12f32;color:#fff;cursor:pointer;font-size:14px;font-weight:760}.desktop-account-logout:hover{filter:brightness(1.08)}
@media(max-width:1120px){.desktop-shell{grid-template-columns:215px minmax(0,1fr)}.desktop-sidebar{padding-inline:15px}.connection-layout{grid-template-columns:1fr;height:auto}.desktop-view{height:calc(100vh - 84px)}.account-detail-list{margin-left:0}.account-detail-list article{grid-template-columns:38px 130px minmax(0,1fr)}}
.load-level-1{width:10%}.load-level-2{width:20%}.load-level-3{width:30%}.load-level-4{width:40%}.load-level-5{width:50%}.load-level-6{width:60%}.load-level-7{width:70%}.load-level-8{width:80%}.load-level-9{width:90%}.load-level-10{width:100%}