:root{--bg:#0c0d10;--panel:#15171c;--panel2:#1b1e24;--line:#2a2d35;--text:#f3f4f6;--muted:#9399a6;--red:#ff3b30;--orange:#ff7433;--green:#35d07f;--yellow:#f7c948;--blue:#5ca8ff;--shadow:0 24px 70px rgba(0,0,0,.28)}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 70% -20%,rgba(255,59,48,.10),transparent 35%),var(--bg);color:var(--text);font:14px/1.5 Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}.sidebar{position:fixed;inset:0 auto 0 0;width:235px;background:#101216;border-right:1px solid var(--line);padding:25px 17px;display:flex;flex-direction:column;z-index:5}.brand{display:flex;align-items:center;gap:12px}.brandmark{width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,var(--red),var(--orange));display:grid;place-items:center;font-weight:900;font-size:20px;box-shadow:0 8px 30px rgba(255,59,48,.24)}.brand strong,.brand span{display:block}.brand span{color:var(--muted);font-size:12px}.brand.big{margin-bottom:35px}.brand.big .brandmark{width:48px;height:48px}.sidebar nav{margin-top:35px;display:grid;gap:7px}.sidebar nav a{padding:11px 12px;border-radius:10px;color:#b9bec8;display:flex;gap:11px;align-items:center}.sidebar nav a:hover,.sidebar nav a.active{background:#202229;color:white}.sidebar nav a.active{box-shadow:inset 3px 0 var(--red)}.sidefoot{margin-top:auto;border-top:1px solid var(--line);padding-top:15px;color:var(--muted)}.linkbtn{padding:7px 0;background:none;border:0;color:#ddd}.with-sidebar{margin-left:235px;padding:30px 38px 70px;max-width:1700px}.topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}.topbar h1{margin:1px 0 0;font-size:27px}.eyebrow{text-transform:uppercase;font-size:10px;letter-spacing:.16em;color:#767d8a;font-weight:800}.pill{border:1px solid var(--line);background:#15171b;border-radius:999px;padding:8px 12px;color:#bfc3cb}.pill i{display:inline-block;width:7px;height:7px;background:var(--green);border-radius:50%;margin-right:7px;box-shadow:0 0 12px var(--green)}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.stats article,.panel{background:linear-gradient(160deg,#17191f,#13151a);border:1px solid var(--line);border-radius:15px;box-shadow:var(--shadow)}.stats article{padding:19px 20px;min-height:122px}.stats article span,.stats article small{display:block;color:var(--muted)}.stats article strong{display:block;font-size:30px;margin:9px 0 2px}.stats article strong.text{font-size:18px}.warnbox{border-color:#5c4320!important}.grid2{display:grid;grid-template-columns:1.35fr 1fr;gap:18px;margin-bottom:18px}.panel{padding:21px}.panelhead{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.panelhead h2,.panel h2{margin:3px 0 8px;font-size:18px}.panelhead>a{color:#ff8566;font-size:12px}.service-list,.rows{display:grid}.service,.row{display:flex;align-items:center;gap:12px;padding:13px 4px;border-top:1px solid #24272e}.service:first-child,.row:first-child{border-top:0}.service-icon{width:38px;height:38px;border-radius:11px;background:#262932;border:1px solid #333741;display:grid;place-items:center;font-weight:800}.grow{flex:1}.service b,.service small,.row b,.row small{display:block}.service small,.row small,.muted{color:var(--muted)}.row{justify-content:space-between}.row:hover{background:rgba(255,255,255,.015)}.right{text-align:right}.status{font-size:10px;text-transform:uppercase;letter-spacing:.08em;border-radius:999px;padding:4px 8px;border:1px solid #3a3d45;color:#bcc1c9;display:inline-block}.status.online,.status.active{color:#76e8aa;border-color:#276745;background:#163728}.status.past_due{color:#ffe08a;border-color:#635420;background:#362f16}.status.suspended,.status.manual_suspended,.status.offline,.status.error{color:#ff9a93;border-color:#6b2f2a;background:#3a1c1a}.status.unconfigured{color:#aeb4c0}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.product{border:1px solid var(--line);background:#111318;padding:18px;border-radius:13px}.product h3{margin:12px 0 7px}.product p{color:var(--muted);min-height:42px}.product a{color:#ff866a}.stack{display:grid;gap:12px}.stack label{display:grid;gap:6px;color:#bbc0c9;font-size:12px}.cols{display:grid;grid-template-columns:1fr 1fr;gap:10px}input,select,textarea{width:100%;border:1px solid #343842;background:#101216;color:white;border-radius:9px;padding:10px 11px;outline:none}input:focus,select:focus,textarea:focus{border-color:#b74335;box-shadow:0 0 0 3px rgba(255,75,55,.09)}button{border:1px solid #3b3e47;background:#22252c;color:#f4f5f7;border-radius:9px;padding:9px 13px;cursor:pointer}button:hover{background:#2b2f37}.primary{background:linear-gradient(135deg,#e83329,#ff653b);border-color:#ff5a40;font-weight:700}.danger{color:#ff9d95;border-color:#6c302a;background:#351b1a}.check{display:flex!important;grid-template-columns:auto 1fr!important;align-items:center}.check input{width:auto}.clients-grid{grid-template-columns:1.6fr .8fr}.sticky{position:sticky;top:20px;height:max-content}.search input{width:220px}.crumb{color:var(--muted);margin:-14px 0 18px}.crumb a{color:#ff8061}.mini{grid-template-columns:repeat(3,1fr)}.mini article{min-height:105px}.actions,.inline{display:flex;gap:9px;align-items:center}.inline input{width:80px}.compact .row{padding:10px 4px}.empty{color:var(--muted);padding:20px 5px}.callout{border:1px solid #3a3430;background:#211a17;padding:14px;border-radius:11px;margin:10px 0}.callout p{color:#aaa;margin:5px 0 12px}.secret{white-space:pre-wrap;background:#090a0c;border:1px solid #30333b;border-radius:9px;padding:12px;color:#a9efc8;overflow:auto}.hidden{display:none}hr{border:0;border-top:1px solid var(--line);margin:18px 0}.flash{margin:-12px 0 20px;padding:12px 14px;border-radius:10px;border:1px solid #285d41;background:#153424;color:#8ceab4}.flash.error{border-color:#6d312c;background:#371b19;color:#ffaaa3}.table{overflow:auto}.tr{display:grid;grid-template-columns:150px 190px 180px 120px minmax(260px,1fr);gap:12px;padding:11px 5px;border-top:1px solid #272a31;color:#bfc3cb}.tr.th{color:#747b87;text-transform:uppercase;font-size:10px;letter-spacing:.08em;border-top:0}.auth-main{min-height:100vh;display:grid;place-items:center}.login-shell{width:100%;min-height:100vh;display:grid;place-items:center;padding:25px}.login-card{width:min(430px,100%);background:#14161b;border:1px solid var(--line);box-shadow:0 40px 100px rgba(0,0,0,.5);border-radius:19px;padding:32px}.login-card h2{font-size:28px;margin:0 0 5px}.login-card>p{color:var(--muted);margin:0 0 24px}.login-note{border-top:1px solid var(--line);margin-top:23px;padding-top:17px;color:#777e89;font-size:12px}@media(max-width:1050px){.stats{grid-template-columns:1fr 1fr}.grid2,.clients-grid{grid-template-columns:1fr}.product-grid{grid-template-columns:1fr}.sticky{position:static}}@media(max-width:760px){.sidebar{width:66px;padding:20px 10px}.sidebar .brand>div:last-child,.sidebar nav span,.sidefoot small{display:none}.sidebar nav a{justify-content:center}.with-sidebar{margin-left:66px;padding:22px 15px}.topbar .pill{display:none}.stats,.mini{grid-template-columns:1fr}.cols{grid-template-columns:1fr}.tr{grid-template-columns:130px 160px 160px 100px 250px}}
.services-big{margin-bottom:18px}.service-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:16px 0}.service-kpis>div{background:#101216;border:1px solid #282b32;padding:10px;border-radius:10px}.service-kpis b,.service-kpis small{display:block}.service-kpis b{font-size:18px}.service-kpis small{color:var(--muted)}.service-open{display:inline-block;margin-top:4px;color:#ff866a!important}

.license-row{align-items:flex-start;gap:16px}.license-actions{display:flex;gap:7px;align-items:center;justify-content:flex-end;flex-wrap:wrap}.license-actions form{margin:0}.license-actions form button{width:auto}.license-actions button{white-space:nowrap}@media(max-width:760px){.license-row{flex-direction:column}.license-actions{justify-content:flex-start;width:100%}}