:root{
  color-scheme:dark;
  font-family:Inter,Segoe UI,Arial,sans-serif;
  --bg:#050507;
  --panel:#0e1015;
  --panel2:#151820;
  --line:#30343d;
  --text:#f6f6f7;
  --muted:#9ca1ac;
  --red:#ff1717;
  --red2:#8f0505;
  --gold:#ffd000;
  --green:#20d879;
  --blue:#47bfff;
}
*{box-sizing:border-box}
body{margin:0;background:radial-gradient(circle at 18% 0,rgba(255,23,23,.08),transparent 33%),radial-gradient(circle at 82% 0,rgba(255,208,0,.07),transparent 30%),var(--bg);color:var(--text)}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
.hidden{display:none!important}
.admin-login{min-height:100vh;display:grid;place-items:center;padding:24px}
.login-card{width:min(410px,100%);padding:30px;border:1px solid #4a3c29;border-radius:20px;background:linear-gradient(180deg,#13151b,#090a0e);box-shadow:0 30px 100px rgba(0,0,0,.5)}
.login-logo{display:block;width:150px;height:85px;object-fit:contain;margin:0 auto 8px}
.login-card h1{text-align:center;margin:0;font-size:27px;letter-spacing:1px}.login-card h1 span{color:var(--red)}
.login-card p{text-align:center;color:#d2b85c;font-size:12px;margin:6px 0 22px}
label{display:block;color:#cdd0d6;font-size:11px;font-weight:700;margin:12px 0 6px}
input,select,textarea{width:100%;border:1px solid #3a3f49;border-radius:10px;background:#08090d;color:#fff;padding:11px;outline:none}
input:focus,select:focus,textarea:focus{border-color:#a97c16;box-shadow:0 0 0 3px rgba(255,208,0,.08)}
button{border:1px solid #474c56;border-radius:10px;background:#171a20;color:#fff;padding:10px 13px;font-weight:750}
button:hover{filter:brightness(1.14)}
.primary{border:0;background:linear-gradient(90deg,#d60000,#ff2727);color:#fff;box-shadow:0 0 20px rgba(255,23,23,.13)}
.login-card .primary{width:100%;margin-top:16px}
.message{min-height:18px;color:#ff758c;font-size:11px;margin-top:10px}
.admin-shell{min-height:100vh;display:grid;grid-template-columns:245px 1fr}
.sidebar{position:sticky;top:0;height:100vh;padding:18px 14px;border-right:1px solid #2c2a29;background:linear-gradient(180deg,#0c0d11,#07080b);display:flex;flex-direction:column}
.sidebar-brand{display:flex;align-items:center;gap:10px;padding:4px 5px 18px;border-bottom:1px solid #272a31}
.sidebar-brand img{width:55px;height:45px;object-fit:contain}.sidebar-brand strong{display:block;font-size:13px;letter-spacing:.6px}.sidebar-brand strong span{color:var(--red)}.sidebar-brand small{color:#c9ab46;font-size:8px;letter-spacing:1.3px}
.sidebar nav{display:grid;gap:5px;margin-top:18px}
.sidebar nav button{text-align:left;border:0;background:transparent;color:#b8bdc8;padding:12px}
.sidebar nav button.active{color:#fff;background:linear-gradient(90deg,rgba(255,23,23,.24),rgba(255,208,0,.05));border-left:3px solid var(--red)}
.sidebar-bottom{margin-top:auto;display:grid;gap:10px}.server-dot{color:#9da3ad;font-size:10px}.server-dot i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 10px var(--green);margin-right:6px}
.workspace{min-width:0}
.topbar{display:flex;justify-content:space-between;align-items:center;padding:20px 25px;border-bottom:1px solid #292c33;background:rgba(9,10,14,.9);backdrop-filter:blur(10px);position:sticky;top:0;z-index:3}
.topbar small{color:var(--gold);font-size:9px;font-weight:900;letter-spacing:1.4px}.topbar h1{margin:5px 0 0;font-size:25px}
.top-actions{display:flex;align-items:center;gap:10px}.top-actions span{color:var(--muted);font-size:10px}
#page-content{padding:22px;max-width:1450px;margin:auto}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:14px}
.stat-card,.card{border:1px solid var(--line);border-radius:15px;background:linear-gradient(180deg,#12151b,#0b0d11)}
.stat-card{padding:16px;position:relative;overflow:hidden}.stat-card::after{content:"";position:absolute;right:-25px;top:-30px;width:85px;height:85px;border-radius:50%;background:rgba(255,23,23,.07)}.stat-card.gold::after{background:rgba(255,208,0,.09)}
.stat-card span{color:var(--muted);font-size:10px}.stat-card strong{display:block;font-size:27px;margin-top:7px}.stat-card small{color:var(--green)}
.card{padding:18px;margin-bottom:14px}
.card-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:14px}.card-head small{color:var(--gold);font-size:9px;font-weight:900;letter-spacing:1px}.card-head h2{margin:4px 0 0}
.form-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr 2fr;gap:9px;align-items:end}
.form-grid .primary{height:42px}
.helper{color:var(--muted);font-size:10px}
.new-license{padding:13px;border:1px solid #7b6417;border-radius:10px;background:#1a1608;margin-top:12px}.new-license code{display:block;color:var(--gold);font-size:15px;margin:7px 0;word-break:break-all}
.filters{display:grid;grid-template-columns:1fr 220px;gap:9px;margin-bottom:12px}
.licenses{display:grid;gap:10px}
.license-card{padding:15px;border:1px solid #2d323b;border-radius:13px;background:#090b10}
.license-head{display:flex;justify-content:space-between;gap:12px}.license-head h3{margin:7px 0 5px}.license-key{color:#f6c923;word-break:break-all}
.license-plan,.license-status,.badge{display:inline-block;padding:5px 8px;border:1px solid #4b4f58;border-radius:999px;font-size:9px}.license-plan{color:#ffd847}.license-status.active{color:var(--green);border-color:#1e754f}.license-status.pending{color:var(--gold);border-color:#806a14}.license-status.revoked,.license-status.expired{color:#ff7184;border-color:#7b2340}
.license-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:12px 0}.license-grid>div,.metric-box{padding:9px;border:1px solid #252a32;border-radius:9px;background:#06070a}.license-grid span,.metric-box span{display:block;color:var(--muted);font-size:9px}.license-grid strong,.metric-box strong{display:block;margin-top:5px;font-size:11px}
.license-note{color:var(--muted);font-size:10px}.license-actions{display:flex;flex-wrap:wrap;gap:7px}.danger{border-color:#7c1d3d;color:#ff6681;background:#2d0d1a}
.dashboard-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:14px}.chart-card{min-height:260px}.bars{display:flex;align-items:end;gap:8px;height:170px;padding-top:15px}.bar{flex:1;min-width:18px;border-radius:7px 7px 2px 2px;background:linear-gradient(180deg,var(--gold),#9e6500);position:relative}.bar.red{background:linear-gradient(180deg,#ff3a3a,#8e0000)}.bar span{position:absolute;bottom:-24px;left:50%;transform:translateX(-50%);font-size:9px;color:var(--muted)}
.table{width:100%;border-collapse:collapse}.table th,.table td{text-align:left;padding:10px;border-bottom:1px solid #242830;font-size:10px}.table th{color:#bdc1c9}.table td{color:#e8e8ea}
.online-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);margin-right:5px}.offline-dot{background:#666}
.ticket{padding:13px;border:1px solid #2c313a;border-radius:11px;background:#090b10;margin-bottom:8px}.ticket-head{display:flex;justify-content:space-between;gap:10px}.ticket p{color:var(--muted);font-size:11px}.priority-high{color:#ff6178}.priority-normal{color:var(--gold)}.priority-low{color:#6ec7ff}
.report-actions{display:flex;flex-wrap:wrap;gap:8px}.empty{padding:30px;text-align:center;color:var(--muted)}
@media(max-width:1000px){.admin-shell{grid-template-columns:75px 1fr}.sidebar-brand div,.sidebar nav button{font-size:0}.sidebar nav button::first-letter{font-size:18px}.stats{grid-template-columns:1fr 1fr}.form-grid{grid-template-columns:1fr 1fr}.dashboard-grid{grid-template-columns:1fr}}
@media(max-width:650px){.admin-shell{display:block}.sidebar{position:static;height:auto}.sidebar nav{grid-template-columns:repeat(3,1fr)}.sidebar nav button{font-size:9px}.sidebar-brand div{display:block}.stats,.license-grid,.form-grid,.filters{grid-template-columns:1fr}.topbar{position:static}}