:root{--accent:#d0bfff;--font:'Segoe UI','Microsoft YaHei',system-ui,sans-serif}
body.network-mode{font-size:15px;background-position:center;background-attachment:fixed}

.network-mode .sidebar{width:206px;padding:32px 16px 20px;background:rgba(18,25,50,.12);border-color:#d7ddff24;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none}
.network-mode .brand{font-size:29px;gap:9px;padding-left:13px;font-weight:800;letter-spacing:-1px;color:#fff}.network-mode .brand-icon{font-size:36px;color:#dfd3ff}.network-mode .brand-dot{color:#cfbdf7}
.network-mode .workspace-label{font-size:9px;letter-spacing:1.7px;margin:22px 13px 30px;color:#d0d8edaa}.network-mode .nav{color:#dce3f6;padding:12px 14px;font-size:14px;border-radius:12px;margin:5px 0;transition:background .2s,transform .2s}.network-mode .nav b{font-weight:650}.network-mode .nav>span{font-size:21px;color:#c6c1e8}.network-mode .nav.active{background:linear-gradient(110deg,#c3b0f435,#b6caff16);color:#fff;border:1px solid #ded5ff3c}.network-mode .nav:hover{background:#dcd5ff1c;transform:translateX(2px)}
.admin-menu{margin-top:28px}.admin-menu summary{font-size:12px;font-weight:650;color:#c5c9e1;padding:10px 14px;cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center}.admin-menu summary:after{content:'⌄';font-size:17px;transition:transform .25s}.admin-menu[open] summary:after{transform:rotate(180deg)}.admin-menu .nav{font-size:13px;padding:11px 14px}.admin-menu .advanced-link{opacity:.7;margin-top:10px}.network-mode .sidebar-bottom{padding:14px 0 0}.network-mode .bottom-line{margin:10px 12px 0;padding:14px 0 0;border-color:#d7ddff22;color:#ced5eb99;font-size:11px}.network-mode .status-dot{background:#b9b2f3;box-shadow:0 0 10px #c2b3ff80}
.network-mode .main{margin-left:206px}.network-mode .main>header{height:76px;background:transparent;border:0;padding:0 38px;backdrop-filter:none}.network-mode .breadcrumb{font-size:12px;opacity:.8}.network-mode .breadcrumb b{font-weight:650}.network-mode .header-actions{gap:12px}.network-mode .quiet{border-color:#e5e5ff32;background:#a7b6ec12;border-radius:10px;color:#f2f2ff;font-size:12px;font-weight:650;padding:9px 13px;transition:background .2s,border-color .2s,transform .2s}.network-mode .quiet:hover{background:#d5ceff2b;border-color:#d6d0fa73}.network-mode .quiet.danger{color:#ffc4d3}.network-mode .button.primary{background:linear-gradient(120deg,#ddd1ff,#bfcfff);color:#283357;border:1px solid #ece5ff70;box-shadow:0 4px 18px #121e481a;border-radius:12px;font-size:13px;padding:12px 18px;font-weight:750}.network-mode .button.primary:hover{filter:brightness(1.07);transform:translateY(-1px)}.network-mode .avatar{background:#c2b5ee24;color:#f0e8ff;border:1px solid #dbd0ff3b}.network-mode .account{font-size:13px;font-weight:650;color:#f3f2ff}
.network-mode main{max-width:1180px;padding:40px 42px 0}.network-mode h1{font-size:34px;font-weight:750;letter-spacing:-1px;line-height:1.35}.network-mode .subtitle{font-size:14px;font-weight:550;color:#e1e5f4d9}.network-mode .eyebrow{font-size:10px;letter-spacing:2px;font-weight:650;color:#d0d5f1c2}.network-mode .intro{margin-bottom:28px}
.network-mode .work-card,.network-mode .metric-card{background:rgba(29,39,71,var(--orbit-glass-opacity,.28));border:1px solid #d9ddff40;border-radius:20px;backdrop-filter:blur(12px);box-shadow:0 8px 35px #0a153014;padding:25px}.network-mode .work-card h2{font-size:20px;color:#f6f4ff}.network-mode .work-card p{color:#dfe4f6da;font-size:14px;font-weight:550}.network-mode .work-card h3{color:#efebff}.network-mode .work-card .muted{font-size:13px;color:#d1d8efb3}.network-mode .work-grid{gap:20px}.network-mode .data-row{border-color:#dae1ff26}.network-mode .data-row strong,.network-mode .data-row>span{color:#edf0ff}.network-mode .work-heading{margin-bottom:18px}.network-mode .model-tags span{background:#c8bbf71a;border-color:#d8ceff38;color:#f2eeff;border-radius:8px;font-weight:550}.network-mode .state{background:#b6b4e22a;color:#f2eefe}.network-mode .state.ok{background:#bad4ff28;color:#dce9ff}.network-mode .state.warn{background:#f4c9a326;color:#ffe4ca}
.network-mode .home-view{max-width:920px;margin:0 auto}.network-mode .home-intro{min-height:215px;margin:4px 0 24px;align-items:center}.network-mode .home-intro h1{font-size:clamp(30px,3.2vw,46px);letter-spacing:-1.4px;margin:20px 0 13px;text-shadow:0 3px 20px #07132b45}.network-mode .home-intro .subtitle{font-size:16px;font-weight:550;letter-spacing:.5px;color:#edf0fff0}.home-intro .eyebrow>span{width:5px;height:5px;background:#e3d4ff;box-shadow:0 0 12px #d0bcff}.network-mode .home-refresh{align-self:flex-start;margin-top:50px;background:#a7b6ec12;color:#e9e6fa}.home-surface{border:1px solid #d9dcff4a;border-radius:24px;background:rgba(24,35,68,var(--orbit-glass-opacity,.28));backdrop-filter:blur(10px);box-shadow:0 20px 60px #101a3120;overflow:hidden}.network-mode .home-surface .stats{gap:0;margin:0;padding:25px 8px 20px;border-bottom:1px solid #d9dcff2c}.network-mode .home-surface .stats article{padding:8px 28px 12px;border:0;background:transparent;backdrop-filter:none;box-shadow:none;border-radius:0}.network-mode .home-surface .stats article+article{border-left:1px solid #ddd4ff2b}.network-mode .home-surface .stats article>div{font-size:13px;font-weight:600;color:#e4e6f7bd}.network-mode .home-surface .stats strong{font-size:clamp(23px,2.6vw,34px);font-weight:700;color:#fff;margin:12px 0 0;letter-spacing:-1px}.network-mode .home-connect.work-card{background:none;backdrop-filter:none;box-shadow:none;border:0;padding:30px 36px;border-radius:0}.home-connect .work-heading h2{margin:9px 0 0;font-size:22px}.network-mode .home-connect .work-heading{margin-bottom:15px}.network-mode .home-connect .inline-endpoint{background:#0b173c38;border-color:#e0ddff33;border-radius:13px;padding:10px 11px 10px 16px;gap:13px;margin-top:20px}.network-mode .inline-endpoint code{font-size:14px;color:#f0edff;font-weight:600;letter-spacing:.3px}.endpoint-mark{font-size:21px;color:#c2bcf0}.model-disclosure{margin-top:23px;padding-top:4px}.model-disclosure summary{font-size:12px;font-weight:600;cursor:pointer;color:#d6d9f0b5;list-style:none;display:flex;align-items:center;gap:9px}.model-disclosure summary:before{content:'+';color:#cbb6ff;font-size:17px}.model-disclosure[open] summary:before{content:'−'}.model-disclosure .model-tags{margin-top:15px}.home-caption{font-size:8px!important;letter-spacing:2px;text-align:center;color:#e4e5f577!important;margin:35px 0 55px!important}.home-caption span{font-size:16px;vertical-align:middle;margin-left:8px}.network-mode footer{opacity:.65;padding-top:20px;font-size:10px}.network-mode footer>span:first-child{font-weight:650}
.account-toolbar{display:flex;align-items:center;gap:16px;margin-bottom:15px}.account-toolbar>input{max-width:280px}.account-filter{display:flex;align-items:center;gap:6px;font-size:12px;color:#d1d7ef;white-space:nowrap;cursor:pointer}.account-filter input{width:16px;height:16px;accent-color:#bcb1ed}.account-toolbar>.quiet{margin-left:auto}.account-row{display:flex;gap:16px;align-items:center;padding:21px 0;border-bottom:1px solid #d3ddfa26}.account-row .avatar{width:40px;height:40px;flex-shrink:0}.account-row-name{min-width:100px;flex:1}.account-row strong{display:block;color:#f5f2ff;font-size:14px;font-weight:650}.account-row small{display:block;font-size:11px;color:#c9d1eeb3;margin-top:7px}.account-row-balance{text-align:right;margin-right:10px}.account-row-actions{display:flex;gap:7px;margin-left:4px}.password-entry{display:flex;gap:7px}.password-entry input{min-width:0;flex:1}.inline-error{color:#ffbfcc!important;font-size:13px!important}.network-mode .profile-card{max-width:650px}.profile-identity{display:flex;gap:18px;align-items:center;margin-bottom:32px}.profile-identity .avatar{width:60px;height:60px;font-size:22px}.profile-identity h2{margin:0}.profile-identity p{margin:7px 0 0}.profile-card form{display:grid;gap:17px}.profile-card form>.button{justify-self:start}.profile-card label,.network-mode #verify-dialog label{display:grid;gap:10px;font-size:13px;color:#eeeaff;font-weight:600}.password-settings{margin-top:30px;padding-top:26px;border-top:1px solid #d7ddff2b}.password-settings summary{cursor:pointer;font-size:14px;font-weight:650;color:#ece5ff}.password-settings form{margin-top:23px}.profile-footer{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;border-top:1px solid #d7ddff2b;padding-top:25px;margin-top:30px}.network-mode #verify-dialog label{margin-top:20px}.network-mode #verify-dialog p{font-size:14px;color:#dce4f5;line-height:1.8}.network-mode input:not([type=range]):not([type=checkbox]),.network-mode select,.network-mode textarea{background:#e6e9ffde;border-color:#e7e3ff80;color:#263858;border-radius:10px;font-size:14px;min-height:42px}.network-mode input::placeholder{color:#53617ea3}.network-mode dialog{border-radius:22px;background:rgba(24,34,65,.93);box-shadow:0 22px 90px #030c315c;border:1px solid #d1c7f956;padding:28px}.network-mode dialog::backdrop{background:#0a123764;backdrop-filter:blur(5px)}
@media(min-width:1400px){.network-mode main{padding-top:55px}.network-mode .home-intro{min-height:255px}}
@media(max-width:1000px){.network-mode main{padding:28px 26px 0}.network-mode .main>header{padding:0 26px}.account-row{gap:10px}.account-row-actions{flex-wrap:wrap;max-width:150px}.account-row-balance{margin:0}}
@media(max-width:760px){.network-mode .sidebar{width:230px}.network-mode .main{margin-left:0}.network-mode .main>header{height:70px;padding:0 18px}.network-mode .breadcrumb{display:none}.network-mode .header-actions{gap:7px}.network-mode .header-actions .separator{display:none}.network-mode .account>span:not(.avatar){display:none}.network-mode main{padding:22px 18px 0}.network-mode h1{font-size:28px}.network-mode .home-intro{min-height:170px;margin:0 0 18px;gap:10px}.network-mode .home-intro h1{font-size:30px;max-width:280px;letter-spacing:-.8px}.home-intro .eyebrow{font-size:8px;letter-spacing:1px}.network-mode .home-intro .subtitle{font-size:14px}.network-mode .home-refresh{margin-top:15px;padding:8px 10px}.network-mode .home-surface .stats{grid-template-columns:repeat(3,1fr);padding:18px 0}.network-mode .home-surface .stats article{padding:4px 13px 7px;min-width:0}.network-mode .home-surface .stats article>div{font-size:11px}.network-mode .home-surface .stats strong{font-size:22px;overflow-wrap:anywhere}.network-mode .home-connect.work-card{padding:24px 20px}.network-mode .inline-endpoint code{font-size:12px}.network-mode .home-connect .inline-endpoint{gap:7px;padding-left:11px}.endpoint-mark{display:none}.home-connect .work-heading .eyebrow{font-size:8px}.home-caption{font-size:7px!important;letter-spacing:1.1px;margin:27px 0 40px!important}.network-mode .work-card{padding:20px}.network-mode .work-grid{grid-template-columns:1fr}.network-mode .intro{gap:13px}.account-toolbar{flex-wrap:wrap;gap:12px}.account-toolbar>input{max-width:none;flex:1;min-width:180px}.account-toolbar .account-filter{order:3;flex:1 0 100%}.account-row{display:grid;grid-template-columns:36px 1fr auto;gap:12px}.account-row-balance{grid-column:3;grid-row:1}.account-row>.state{grid-column:2;justify-self:start}.account-row-actions{grid-column:2/4;max-width:none;flex-wrap:wrap;margin:0}.account-row .avatar{width:36px;height:36px}.account-row>.state{grid-row:2}.account-row-actions{grid-row:3}.network-mode .account-row-actions .quiet{padding:8px 13px}.network-mode dialog{padding:23px 19px;max-width:calc(100vw - 28px)}.password-entry{flex-wrap:wrap}.password-entry input{flex:1 0 100%}.network-mode .profile-footer{gap:12px}.network-mode #menu{background:transparent;border:0;color:#fff;font-size:23px}}
@media(prefers-reduced-motion:no-preference){main>section:not([hidden]){animation:page-arrive .35s ease-out}@keyframes page-arrive{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}}

/* Keep the wallpaper sharp behind the navigation, including the mobile drawer. */
.network-mode .sidebar{z-index:20;text-shadow:0 1px 5px #09122e99}.network-mode .sidebar .nav.active{background:#8875b92b}.network-mode .sidebar .nav:hover{background:#b8a5e522}
@media(max-width:760px){.network-mode .sidebar{background:rgba(17,25,49,.40);backdrop-filter:none;-webkit-backdrop-filter:none}}
