*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,Segoe UI,Tahoma,Arial,sans-serif;background:#eef4f7;color:#233946}button,input,select{font:inherit}button{cursor:pointer}.loginPage{min-height:100vh;display:grid;grid-template-columns:1.15fr .85fr;background:#eef4f7}.loginBrand{position:relative;overflow:hidden;background:linear-gradient(135deg,#0a2230,#0e5368 70%,#11738a);color:#fff;padding:70px;display:flex;align-items:center;gap:22px}.loginBrand:after{content:"";position:absolute;width:420px;height:420px;border:1px solid #ffffff14;border-radius:50%;right:-140px;top:-150px;box-shadow:0 0 0 70px #ffffff08,0 0 0 140px #ffffff05}.logoMark{width:76px;height:76px;border-radius:22px;background:#ffffff13;border:1px solid #ffffff24;display:grid;place-items:center;font-size:37px;font-weight:900;position:relative;z-index:2}.logoMark.small{width:42px;height:42px;border-radius:12px;font-size:20px}.loginBrand>div:last-child{position:relative;z-index:2}.loginBrand span,.loginTitle span,header span,.panelHead span,.settingsHero span{font-size:10px;letter-spacing:2.5px;color:#78d5e7;font-weight:800}.loginBrand h1{margin:5px 0 9px;font-size:39px}.loginBrand p{margin:0;color:#c7dde5;font-size:13px}.loginCard{margin:auto;width:min(390px,88%);background:#fff;border:1px solid #dce7ec;border-radius:22px;padding:31px;box-shadow:0 18px 50px #24495717}.loginTitle h2{margin:5px 0 24px;font-size:25px}.loginCard form{display:grid;gap:13px}.loginCard label,.form label,.settingPanel label{display:grid;gap:6px;font-size:10px;color:#6d818b;font-weight:700}.loginCard input,.form input,.settingPanel input,.toolbar input,.toolbar select{height:42px;border:1px solid #d7e2e7;border-radius:9px;padding:0 11px;background:#fbfdfe;color:#2d4652;outline:none}.loginCard input:focus,.form input:focus,.settingPanel input:focus{border-color:#2ba6c0;box-shadow:0 0 0 3px #25a6bf12}.loginCard button,.settingPanel button,.form .primary{height:43px;border:0;border-radius:9px;background:#147f9d;color:#fff;font-weight:800}.loginCard button:hover,.settingPanel button:hover,.form .primary:hover{background:#0d6e8a}#loginErr{min-height:18px;color:#c74850;font-size:10px}.shell{min-height:100vh;display:grid;grid-template-columns:230px 1fr}.shell aside{background:linear-gradient(180deg,#0a2633,#0c3342);color:#fff;display:flex;flex-direction:column;min-height:100vh}.brand{height:78px;border-bottom:1px solid #ffffff12;display:flex;align-items:center;gap:10px;padding:0 18px}.brand b{display:block;font-size:15px}.brand span{display:block;font-size:8px;color:#8fb8c8;margin-top:3px;letter-spacing:1px}.shell nav{padding:17px 10px;display:grid;gap:5px}.nav{border:0;background:transparent;color:#a9c1cc;text-align:right;padding:11px 12px;border-radius:9px;display:flex;gap:10px;align-items:center;font-size:10px;font-weight:700}.nav:hover,.nav.active{background:#ffffff0d;color:#fff}.nav.active{box-shadow:inset -3px 0 #34bed1}.asideFoot{margin-top:auto;padding:16px 18px;border-top:1px solid #ffffff10;display:grid;gap:3px}.asideFoot span{font-size:8px;color:#76aabc}.asideFoot b{font-size:10px;color:#d9eef5}.asideFoot button{margin-top:10px;border:1px solid #ffffff18;background:#ffffff08;color:#cde0e7;border-radius:8px;padding:8px;font-size:9px}.shell main{min-width:0}.shell header{height:78px;background:#fff;border-bottom:1px solid #dfe7eb;display:flex;align-items:center;justify-content:space-between;padding:0 24px}.shell header h1{margin:4px 0 0;font-size:20px}.live{display:flex;align-items:center;gap:7px;color:#378f70;font-size:9px;font-weight:800}.live i{width:8px;height:8px;border-radius:50%;background:#34c68b;box-shadow:0 0 0 5px #34c68b19}#workspace{padding:17px;display:grid;gap:14px}.stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.stats article{position:relative;overflow:hidden;min-height:108px;background:#fff;border:1px solid #dfe8ed;border-radius:15px;padding:17px;box-shadow:0 6px 19px #294b5909}.stats article:after{content:"";position:absolute;width:90px;height:90px;border-radius:50%;background:#1c88b3;opacity:.05;left:-26px;bottom:-38px}.stats span{display:block;font-size:9px;color:#82949e;font-weight:700}.stats b{display:block;margin-top:10px;font-size:28px;color:#27414e}.stats i{position:absolute;left:15px;top:15px;width:36px;height:36px;border-radius:10px;background:#eef7fb;color:#268eb6;display:grid;place-items:center;font-style:normal}.stats .pending i{background:#fff7df;color:#d49c19}.stats .active i{background:#eaf8f2;color:#29966f}.stats .online i{background:#e9f8fa;color:#20a0b4}.stats .expired i{background:#fff0f2;color:#d34d58}.panel,.settingsHero{background:#fff;border:1px solid #dfe8ed;border-radius:16px;box-shadow:0 6px 20px #2d526009;overflow:hidden}.panelHead{min-height:66px;padding:13px 16px;border-bottom:1px solid #edf2f4;display:flex;align-items:center;justify-content:space-between;gap:12px}.panelHead h2,.settingsHero h2{margin:4px 0 0;font-size:15px}.toolbar{display:flex;gap:7px;align-items:center}.toolbar input{width:230px}.toolbar select{width:130px}.toolbar button,.rowBtn{height:36px;border:1px solid #d8e3e8;background:#f8fbfc;color:#3e6576;border-radius:8px;padding:0 10px;font-size:9px;font-weight:800}.toolbar button:hover,.rowBtn:hover{border-color:#7ec5d6;background:#f3fbfd}.tableWrap{overflow:auto}.tableWrap table{width:100%;border-collapse:collapse;min-width:790px}.tableWrap th{background:#f8fbfc;color:#7b9099;text-align:right;height:36px;padding:0 12px;font-size:8px;letter-spacing:.2px}.tableWrap td{height:58px;border-top:1px solid #edf2f4;padding:7px 12px;font-size:9px;color:#536b76;vertical-align:middle}.tableWrap td b{display:block;color:#314a56;font-size:10px}.tableWrap td small{display:block;margin-top:3px;color:#91a1a8;font-size:7.5px}.code{font:800 13px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:1.2px;color:#1f7f9d;white-space:nowrap}.status{display:inline-flex;padding:4px 7px;border-radius:999px;font-size:7px;font-weight:850;background:#edf1f3;color:#647983}.status.pending{background:#fff6dd;color:#ac790f}.status.active{background:#e9f8f1;color:#278f69}.status.suspended{background:#fff0dc;color:#b4720e}.status.revoked,.status.expired{background:#fff0f1;color:#bb4650}.on{color:#299b72!important}.off{color:#a5b0b5!important}.empty{text-align:center!important;color:#9aa9b0!important;padding:40px!important}.modalBg{position:fixed;inset:0;background:#0a1d27a6;display:grid;place-items:center;padding:18px;z-index:1000}.modal{position:relative;width:min(820px,96vw);max-height:92vh;overflow:auto;background:#fff;border-radius:19px;box-shadow:0 30px 80px #07151d66}.x{position:absolute;left:13px;top:12px;width:32px;height:32px;border:0;border-radius:9px;background:#ffffff17;color:#fff;font-size:20px;z-index:2}.modalHero{padding:23px 24px;color:#fff;background:linear-gradient(135deg,#0b2a38,#12647a);display:flex;align-items:center;justify-content:space-between;gap:15px}.modalHero>div>span{font-size:8px;letter-spacing:1.8px;color:#88d5e5}.modalHero h2{margin:5px 0;font:850 27px/1 ui-monospace,monospace;letter-spacing:2px}.modalHero p{margin:0;color:#bcd7e1;font:8px/1.3 monospace}.modalHero .status{font-size:8px}.form{padding:17px;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.form input{width:100%}.form .wide{grid-column:1/-1}.fieldTitle{font-size:9px;color:#6d818b;font-weight:800}.features{margin-top:7px;display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.feat{display:flex!important;align-items:center;gap:6px;padding:8px;border:1px solid #e1e8ec;border-radius:8px;background:#fbfdfe}.feat input{width:auto!important;height:auto!important}.feat span{font-size:8px;color:#556e79}.actions{display:flex;gap:8px;flex-wrap:wrap;padding-top:5px}.actions button{height:38px;padding:0 14px;border-radius:8px;font-size:9px;font-weight:800}.warnBtn{border:1px solid #e7d09a;background:#fff9eb;color:#9b7015}.okBtn{border:1px solid #cce8dc;background:#effaf5;color:#258864}.badBtn{border:1px solid #ecc8cc;background:#fff4f5;color:#b7434c}.toast{position:fixed;left:22px;bottom:22px;padding:10px 14px;border-radius:9px;background:#163845;color:#fff;font-size:9px;z-index:2000;box-shadow:0 8px 25px #07171f44}.toast.bad{background:#b5444d}.settingsHero{padding:21px}.settingsHero p{margin:8px 0 0;color:#7d8f98;font-size:10px;line-height:1.7}.settingPanel{padding:18px;display:grid;grid-template-columns:1fr 1fr;gap:20px}.settingPanel form{display:grid;gap:10px}.settingPanel input{font:800 17px/1 monospace;letter-spacing:2px}.infoBox{border:1px solid #dce8ed;border-radius:12px;background:#f8fbfc;padding:16px}.infoBox b{font-size:11px;color:#2b5262}.infoBox p{margin:7px 0 0;color:#758992;font-size:9px;line-height:1.7}@media(max-width:1100px){.stats{grid-template-columns:repeat(3,1fr)}.features{grid-template-columns:repeat(3,1fr)}}@media(max-width:760px){.loginPage{grid-template-columns:1fr}.loginBrand{display:none}.shell{grid-template-columns:1fr}.shell aside{min-height:auto;position:relative}.brand{height:62px}.shell nav{display:flex;overflow:auto;padding:8px}.nav{white-space:nowrap}.asideFoot{display:none}.shell header{height:auto;min-height:68px;padding:12px 15px}.stats{grid-template-columns:1fr 1fr}.toolbar{width:100%;display:grid;grid-template-columns:1fr 110px auto}.toolbar input,.toolbar select{width:100%}.panelHead{align-items:flex-start;flex-direction:column}.form{grid-template-columns:1fr 1fr}.features{grid-template-columns:1fr 1fr}.settingPanel{grid-template-columns:1fr}.modalHero{align-items:flex-start;flex-direction:column}.modalHero h2{font-size:20px}.x{color:#fff}}@media(max-width:480px){#workspace{padding:10px}.stats{grid-template-columns:1fr}.form{grid-template-columns:1fr}.form .wide{grid-column:auto}.features{grid-template-columns:1fr}.toolbar{grid-template-columns:1fr 1fr}.toolbar input{grid-column:1/-1}}
.serverBlock,.backupBlock{border:1px solid #dce7ec;border-radius:12px;background:#f9fcfd;padding:13px}.sectionHead,.backupTop{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-bottom:10px}.sectionHead span,.backupTop>div>span{font-size:8px;letter-spacing:1.6px;color:#3295ab;font-weight:850}.sectionHead h3,.backupTop h3{margin:3px 0 0;font-size:13px;color:#2c4b58}.telemetryTime{color:#91a2aa!important;letter-spacing:0!important}.serverGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.serverGrid article{min-width:0;background:#fff;border:1px solid #e1e9ed;border-radius:9px;padding:9px}.serverGrid article>span{display:block;font-size:7px;color:#8a9ca5;font-weight:800;letter-spacing:.8px}.serverGrid article>b{display:block;margin-top:5px;color:#294b59;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.serverGrid article>small{display:block;margin-top:4px;color:#91a1a8;font-size:7px}.backupTop p{margin:5px 0 0;color:#83959e;font-size:8px}.backupSwitch{display:flex!important;align-items:center!important;gap:7px!important;white-space:nowrap}.backupSwitch input{width:17px!important;height:17px!important}.backupSwitch span{font-size:9px;color:#406371;font-weight:850}.backupStatus{display:flex;gap:13px;flex-wrap:wrap;align-items:center;padding:8px 10px;border-radius:8px;background:#fff;border:1px solid #e4ebee;font-size:8px;color:#778b94}.backupStatus b{color:#315461}.backupStatus strong{color:#b4434e}.backupList{margin-top:8px;display:grid;gap:5px;max-height:180px;overflow:auto}.backupRow{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#fff;border:1px solid #e4ebee;border-radius:8px;padding:7px 9px}.backupRow b{display:block;font-size:8px;color:#345563}.backupRow small{display:block;margin-top:3px;font-size:7px;color:#93a2a9}.backupRow button{border:1px solid #cfe1e8;background:#f5fbfd;color:#247f99;border-radius:7px;padding:6px 9px;font-size:8px;font-weight:800}.backupEmpty{padding:12px;text-align:center;color:#93a2aa;font-size:8px}@media(max-width:760px){.serverGrid{grid-template-columns:1fr 1fr}.sectionHead,.backupTop{flex-direction:column}}@media(max-width:480px){.serverGrid{grid-template-columns:1fr}}

.backupConfig{display:grid;grid-template-columns:repeat(3,minmax(110px,1fr)) auto;gap:8px;align-items:end;margin:10px 0}.backupConfig label{display:grid;gap:5px;font-size:8px;color:#738a95;font-weight:800}.backupConfig input{height:36px;border:1px solid #d7e2e7;border-radius:8px;padding:0 9px;background:#fff;color:#294b59;font-weight:800}.backupConfig button{height:36px;border:0;border-radius:8px;background:#147f9d;color:#fff;padding:0 12px;font-size:8px;font-weight:850}.backupConfig button:disabled{opacity:.45;cursor:not-allowed}.backupRule{margin:-2px 0 9px;padding:7px 9px;border-radius:8px;background:#eef8fb;color:#567681;font-size:8px}.backupRule b{color:#177f9c}@media(max-width:760px){.backupConfig{grid-template-columns:1fr 1fr}.backupConfig button{grid-column:1/-1}}@media(max-width:480px){.backupConfig{grid-template-columns:1fr}}


.updateStats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:14px}.updateStats article{position:relative;border:1px solid #dfe8ec;background:#fff;border-radius:13px;padding:14px;min-height:84px;box-shadow:0 4px 14px rgba(36,72,88,.05)}.updateStats article span{display:block;font-size:9px;color:#7c9098;font-weight:800;margin-bottom:7px}.updateStats article b{font-size:22px;color:#294d5a}.updateStats article i{position:absolute;left:12px;top:12px;font-style:normal;font-size:18px;color:#9bb0b8}.updateStats article.ok b{color:#4d963d}.updateStats article.warn b{color:#c07a00}.updateStats article.online b{color:#15859f}.updateRelease{border:1px solid #dce8ec;background:#fff;border-radius:14px;padding:16px;margin-bottom:14px;box-shadow:0 4px 16px rgba(36,72,88,.05)}.updateReleaseHead{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.updateReleaseHead span:first-child{font-size:8px;color:#76909b;font-weight:850;letter-spacing:.08em}.updateReleaseHead h2{margin:4px 0 2px;color:#244b59;font-size:21px}.updateReleaseHead p{margin:0;color:#7d9098;font-size:10px}.releaseReady{background:#e8f6e5;color:#4d933d;border-radius:999px;padding:6px 10px;font-size:9px;font-weight:850}.releaseGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-top:13px}.releaseGrid article{border:1px solid #e2eaee;border-radius:10px;padding:10px;background:#f8fbfc}.releaseGrid span,.releaseNotes span,.releaseHash span{display:block;font-size:8px;color:#84969d;font-weight:850;margin-bottom:5px}.releaseGrid b{font-size:10px;color:#315461;overflow-wrap:anywhere}.releaseNotes,.releaseHash{margin-top:10px;border:1px solid #e4ebee;border-radius:10px;padding:11px;background:#fbfcfd}.releaseNotes p{margin:0;color:#5e7882;font-size:10px;line-height:1.7;white-space:pre-wrap}.releaseHash code{display:block;direction:ltr;text-align:left;font-size:8px;color:#46636d;overflow-wrap:anywhere;background:#f0f5f7;padding:7px;border-radius:7px}.releaseHash small{display:block;margin-top:6px;color:#78909a;font-size:8px}.updBadge{display:inline-flex;border-radius:999px;padding:5px 8px;font-size:8px;font-weight:850;margin-bottom:4px}.updBadge.current,.updBadge.ahead{background:#e8f6e5;color:#4f923f}.updBadge.available{background:#fff1cf;color:#9d6800}.updBadge.unknown,.updBadge.none{background:#edf1f3;color:#758790}.refreshUpdates{border:0;border-radius:8px;background:#eef6f8;color:#2b687b;padding:8px 11px;font-size:9px;font-weight:800;cursor:pointer}.emptyRelease{text-align:center;color:#728992}@media(max-width:900px){.updateStats{grid-template-columns:repeat(2,1fr)}.releaseGrid{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.updateStats,.releaseGrid{grid-template-columns:1fr}}