:root{font-family:Inter,Segoe UI,system-ui,sans-serif;color:#edf4ff;background:#07111e;letter-spacing:0;--bg:#07111e;--surface:#0d1b2a;--surface-2:#102236;--line:#20354a;--muted:#9db0c7;--aqua:#18ddcf;--blue:#5caef8;--green:#45e89b;--warning:#f2ad35;--danger:#ff6d73}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 65% 0,#152d43 0,#07111e 41%);min-height:100vh}button,input,select,textarea{font:inherit}button{border:1px solid #2a4158;background:#12263a;color:#eaf3ff;border-radius:7px;padding:9px 13px;cursor:pointer;font-weight:650;min-height:38px}button:hover{border-color:#4f718f;background:#17314a}button:disabled{opacity:.5;cursor:not-allowed}.primary{background:#16c7b9;border-color:#16c7b9;color:#062220}.primary:hover{background:#25d9cb;border-color:#25d9cb}.secondary{background:transparent}.danger{color:#ffb4b7;border-color:#804449}.danger:hover{background:#3a1e28}.link-button{padding:0;border:0;background:transparent;color:#55b9ff;min-height:auto;font-size:13px}.link-button:hover{background:transparent;color:#9ad8ff}input,select,textarea{width:100%;background:#091725;border:1px solid #294259;color:#eff6ff;border-radius:6px;padding:10px 12px;min-height:40px}input:focus,select:focus,textarea:focus,button:focus-visible{outline:3px solid #28d2c355;outline-offset:2px}label{display:block;font-size:13px;color:#c9d8e9;font-weight:650}label span{font-weight:400;color:var(--muted);font-size:11px;margin-left:5px}label input,label textarea,label select{margin-top:6px}textarea{resize:vertical}h1,h2,h3,p{margin:0}.login-shell{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at top right,#173950,#07111e 55%)}.login-card{width:min(430px,100%);display:grid;gap:15px;background:#0d1b2ae8;border:1px solid #29425a;padding:34px;border-radius:10px;box-shadow:0 24px 70px #0008}.login-card h1{font-size:25px;margin-top:12px}.login-card>p{color:var(--muted);font-size:14px;line-height:1.5}.login-brand,.brand{display:flex;gap:11px;align-items:center}.login-brand img,.brand img{border-radius:7px}.login-brand strong,.brand strong{font-size:23px;line-height:1;color:#fff}.login-brand b,.brand b{color:var(--aqua)}.login-brand span,.brand span{display:block;color:var(--muted);font-size:12px;margin-top:5px}.app-shell{min-height:100vh;display:grid;grid-template-columns:248px minmax(0,1fr)}.sidebar{position:sticky;top:0;height:100vh;background:linear-gradient(180deg,#0c1a29,#091624);border-right:1px solid #183148;display:flex;flex-direction:column;padding:20px 14px}.brand{padding:0 11px 25px}.brand strong{font-size:22px}.nav-menu{display:grid;gap:5px}.nav-item{background:transparent;border:0;border-radius:6px;text-align:left;color:#b9c9dc;display:flex;gap:15px;align-items:center;padding:12px 12px;font-weight:560}.nav-item i{font-size:19px;font-style:normal;width:18px;text-align:center;color:#b8d0e7}.nav-item:hover{background:#15283b;border:0}.nav-item.active{background:linear-gradient(90deg,#123c52,#15293c);color:var(--aqua);box-shadow:inset 4px 0 var(--aqua)}.nav-item.active i{color:var(--aqua)}.sidebar-bottom{margin-top:auto;border-top:1px solid #1d354a;padding-top:12px}.logout{color:#ffb6ba}.workspace{padding:20px 28px 42px;min-width:0}.topbar{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:26px}.topbar h1{font-size:34px;line-height:1.1;margin:15px 0 6px}.topbar>div>p:last-child{color:#aebfd4;font-size:17px}.topbar #breadcrumb{color:#c7d5e7;font-size:13px}.topbar #breadcrumb span{color:#5d7288;margin:0 9px}.period{background:#0b1a2a;border-color:#2a435a;display:flex;gap:12px;align-items:center;white-space:nowrap;margin-top:36px}.period b{font-size:15px;color:#90a8bf}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(160px,1fr));gap:16px;margin-bottom:17px}.metric-card,.panel{background:linear-gradient(135deg,#102235ed,#0d1a29ee);border:1px solid #1f374d;border-radius:8px}.metric-card{min-height:134px;padding:15px;display:flex;align-items:flex-start;gap:16px}.metric-icon{width:60px;height:60px;display:grid;place-items:center;border-radius:11px;font-size:31px;font-weight:800;background:#153346}.metric-icon.aqua{color:var(--aqua);background:#0f4d4b}.metric-icon.blue{color:#70b9ff;background:#123d60}.metric-icon.green{color:#63eeb1;background:#154c43}.metric-icon.mint{color:#4ee7cf;background:#144942}.metric-card span{display:block;color:#bdcce0;font-size:15px;margin:4px 0 7px}.metric-card strong{display:block;font-size:33px;line-height:1;color:#f5f8fe}.metric-card small{display:block;color:#8da5bc;font-size:12px;margin-top:13px}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(330px,1fr);gap:16px}.panel{padding:18px}.panel-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.panel-title h2,.health-head h2{font-size:17px}.panel-title i,.health-head i{font-style:normal;color:#dcecff;margin-right:10px}.legend{display:flex;gap:17px;color:#c6d6e7;font-size:12px}.dot{display:inline-block;width:11px;height:11px;border-radius:100%;margin-right:5px}.aqua-dot{background:#1cddd0}.blue-dot{background:#5eaef6}.chart-panel{min-height:280px}.chart-panel canvas{width:100%;height:225px;display:block}.empty-chart{text-align:center;color:var(--muted);margin-top:76px}.operations-panel{min-height:280px}.alerts-list{display:grid;gap:8px}.alert-item{display:flex;gap:11px;align-items:flex-start;padding:11px;border-radius:6px;background:#133e41;border:1px solid #226a66}.alert-item.important{background:#40361d;border-color:#6f5828}.alert-item.maintenance{background:#19354d;border-color:#285674}.alert-item i{font-style:normal;color:var(--aqua);font-size:21px}.alert-item.important i{color:var(--warning)}.alert-item strong{display:block;font-size:13px}.alert-item p{color:#aebed0;font-size:12px;margin-top:4px;line-height:1.35}.no-alert{font-size:13px;color:var(--muted);padding:12px 0}.health-head{display:flex;align-items:center;justify-content:space-between;margin:17px 0 10px}.health-head span{color:#60bffc;font-size:12px}.health-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.health-grid div{background:#0c1a29;border:1px solid #1c344a;padding:9px;border-radius:5px}.health-grid small{display:block;color:#9eb0c4;font-size:11px}.health-grid b{display:block;font-size:12px;margin-top:5px}.ok{color:var(--green)}.activity-table{overflow:auto}.activity-row{display:grid;grid-template-columns:1.05fr 1.1fr 1.4fr .7fr;gap:12px;padding:10px 7px;border-bottom:1px solid #1b3146;font-size:12px;min-width:560px}.activity-row:last-child{border-bottom:0}.activity-head{color:#91a5bc;background:#122338;font-size:10px;font-weight:700}.activity-row span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.activity-row .success-text{color:var(--green)}.finance-panel>p{color:#a5b6ca;font-size:13px;margin-top:20px}.finance-panel>strong{display:block;color:var(--aqua);font-size:30px;margin:7px 0}.finance-panel>small{color:#9eb1c7;font-size:12px;line-height:1.4}.finance-bars{display:grid;gap:9px;margin-top:20px}.finance-bars span{height:9px;background:#1b3248;border-radius:10px;overflow:hidden}.finance-bars i{display:block;height:100%;width:0;background:var(--green)}.finance-bars span:last-child i{background:var(--danger)}.section-actions{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px}.section-actions h2{font-size:24px}.section-actions p{font-size:14px;color:var(--muted);margin-top:5px}.section-actions>div:last-child{display:flex;gap:9px}.toolbar{display:flex;gap:9px;align-items:center;margin-bottom:16px}.toolbar input{max-width:470px}.toolbar span{margin-left:auto;color:var(--muted);font-size:13px}.table-wrap{overflow:auto;border:1px solid #20394f;border-radius:7px;background:#0d1b2a}table{border-collapse:collapse;width:100%;text-align:left;min-width:790px}th{background:#13283a;padding:13px 15px;color:#b7c9dc;font-size:11px;text-transform:uppercase}td{padding:14px 15px;border-top:1px solid #1c3349;font-size:13px;color:#dce8f4}.badge{display:inline-block;padding:4px 8px;border-radius:12px;background:#143c35;color:#61e7a9;font-size:11px}.badge.blocked{background:#412129;color:#ffabb1}.badge.expired{background:#493b20;color:#f8c665}.pagination{display:flex;gap:12px;justify-content:flex-end;align-items:center;color:#b4c6d9;font-size:13px;margin-top:16px}.empty{color:var(--muted);text-align:center;padding:28px}.secondary-screen{min-height:440px;display:grid;place-items:center}.secondary-screen .panel{max-width:550px;text-align:center;padding:52px}.secondary-screen i{display:block;font-size:36px;font-style:normal;color:var(--aqua);margin-bottom:15px}.secondary-screen h2{font-size:25px}.secondary-screen p{color:var(--muted);line-height:1.55;margin:10px 0 21px}.secondary-screen button{display:inline-block}.actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:18px 0}.stack{display:grid;gap:15px}.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.hint,.muted{color:var(--muted);font-size:12px;line-height:1.45}.check{display:flex;gap:9px;align-items:center}.check input{width:16px;min-height:16px;margin:0}.full{width:100%;margin-top:14px}.success{color:var(--green);font-weight:700}#new-code{display:block;font:700 23px ui-monospace,monospace;color:var(--aqua);padding:19px 0;overflow-wrap:anywhere}.device{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid #233b51;align-items:center}.device p{color:var(--muted);font-size:12px;margin-top:4px}.device.revoked{opacity:.58}#events{padding-left:20px;color:var(--muted);font-size:12px}#events li{padding:5px 0}dialog{width:min(570px,calc(100% - 24px));max-height:90dvh;overflow:auto;background:#0e1e2f;color:#eef6ff;border:1px solid #2b455c;border-radius:9px;padding:24px;box-shadow:0 22px 80px #000a}dialog::backdrop{background:#020810bb}.dialog-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:17px}.dialog-head h2{font-size:21px}.close{padding:0;width:34px;min-height:34px;border:0;background:transparent;font-size:25px;font-weight:400}.close:hover{background:#1b3043}#confirm-message{color:#b8c8da;line-height:1.5;margin:15px 0}#reseller-list{margin-top:18px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}#notice{position:fixed;right:24px;bottom:24px;z-index:20;max-width:390px;padding:13px 17px;border:1px solid #2f625f;border-radius:7px;background:#12372f;color:#dcfff1;box-shadow:0 12px 40px #0008;font-size:13px}[hidden]{display:none!important}@media(max-width:1100px){.metric-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.finance-panel{display:none}.app-shell{grid-template-columns:210px minmax(0,1fr)}}@media(max-width:760px){.app-shell{display:block}.sidebar{position:static;height:auto;padding:13px}.brand{padding-bottom:12px}.nav-menu{grid-template-columns:repeat(2,1fr)}.nav-item{padding:9px;font-size:12px;gap:7px}.sidebar-bottom{display:flex;margin-top:10px}.workspace{padding:18px 14px}.topbar{display:block}.topbar h1{font-size:28px;margin-top:10px}.period{margin-top:14px}.metric-grid{grid-template-columns:1fr}.owner-only{display:none!important}.section-actions{align-items:flex-start}.toolbar{flex-wrap:wrap}.toolbar input{max-width:none}.toolbar span{margin-left:0}.two{grid-template-columns:1fr}.activity-panel{display:none}}