*{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}}