:root{color:#e8f2ff;--bg:#07111f;--panel:#0d1a2e;--panel2:#101f36;--line:#1d3354;--text:#e8f2ff;--muted:#8da4c2;--blue:#38a7ff;--blue2:#2563eb;--green:#3ee787;--red:#ff5b6e;--yellow:#ffd166;background:#07111f;font-family:Inter,ui-sans-serif,system-ui,Segoe UI,Arial,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 20% 0,#123b66 0,#07111f 35%,#050b14 100%);min-height:100vh;margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}.loginPage{place-items:center;min-height:100vh;display:grid;position:relative;overflow:hidden}.loginGlow{filter:blur(90px);background:#1687ff55;border-radius:999px;width:520px;height:520px;position:absolute;top:-120px;right:-100px}.loginCard{background:linear-gradient(#10213aee,#07111fee);border:1px solid #244a78;border-radius:26px;flex-direction:column;gap:12px;width:min(420px,92vw);padding:34px;display:flex;position:relative;box-shadow:0 30px 80px #0008}.brandMark{background:linear-gradient(135deg,#31b5ff,#1d4ed8);border-radius:18px;place-items:center;width:62px;height:62px;font-size:34px;font-weight:900;display:grid;box-shadow:0 15px 35px #1687ff44}.loginCard h1{margin:4px 0 0;font-size:44px}.muted{color:var(--muted);margin:0 0 14px}.loginCard label{color:#a9bdd8;font-size:13px}.loginCard input,.form input,.form textarea,.licenseForm input,.licenseForm select{color:var(--text);background:#081527;border:1px solid #244466;border-radius:13px;outline:none;padding:12px 14px}.loginCard input:focus,.form input:focus,.form textarea:focus,.licenseForm input:focus,.licenseForm select:focus{border-color:var(--blue);box-shadow:0 0 0 3px #38a7ff22}.primary{color:#fff;background:linear-gradient(135deg,#38a7ff,#2563eb);border:0;border-radius:13px;padding:12px 16px;font-weight:800;box-shadow:0 12px 30px #1d4ed844}.alert{color:#ffd2d9;background:#401725;border:1px solid #80314a;border-radius:13px;padding:12px}.app{grid-template-columns:280px 1fr;min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--line);background:#07111fee;flex-direction:column;gap:26px;height:100vh;padding:24px;display:flex;position:sticky;top:0}.logo{align-items:center;gap:12px;display:flex}.logo span{background:linear-gradient(135deg,#31b5ff,#1d4ed8);border-radius:14px;place-items:center;width:46px;height:46px;font-size:25px;font-weight:900;display:grid}.logo b{font-size:22px}.logo small{color:var(--muted);display:block}nav{flex-direction:column;gap:8px;display:flex}nav button,.sideFooter button,.actions button,.detail button,.created button{color:#b8cbe5;text-align:left;background:0 0;border:1px solid #0000;border-radius:13px;padding:11px 12px}nav button:hover,nav button.active{color:#fff;background:#10213a;border-color:#244a78}.sideFooter{color:var(--muted);flex-direction:column;gap:8px;margin-top:auto;display:flex}.sideFooter button{text-align:center;border-color:#244a78}.main{padding:28px;overflow:auto}header{justify-content:space-between;align-items:flex-start;margin-bottom:22px;display:flex}header h2{margin:0;font-size:34px}header p{color:var(--muted);margin:5px 0 0}.pill{color:#b8d9ff;background:#10213a;border:1px solid #244a78;border-radius:999px;padding:10px 13px}.grid{grid-template-columns:repeat(5,minmax(150px,1fr));gap:16px;display:grid}.stat,.card{border:1px solid var(--line);background:linear-gradient(#0e1d33,#0a1628);border-radius:22px;box-shadow:0 20px 50px #0004}.stat{padding:20px}.stat small{color:var(--muted)}.stat strong{margin-top:8px;font-size:34px;display:block}.card{padding:20px;overflow:hidden}.span2{grid-column:span 5}.card h3{margin:0 0 14px;font-size:21px}.two{grid-template-columns:390px 1fr;gap:18px;display:grid}.stack{flex-direction:column;gap:18px;display:flex}.form{flex-direction:column;gap:10px;display:flex}.form textarea{min-height:96px}.licenseForm{grid-template-columns:1.3fr 1fr 130px 160px 1fr auto;gap:10px;display:grid}table{border-collapse:collapse;width:100%}th,td{text-align:left;vertical-align:top;border-bottom:1px solid #172b48;padding:12px 10px;font-size:14px}th{color:#8da4c2;font-weight:700}td{color:#d7e7fb}code{color:#bfe1ff;background:#06101d;border:1px solid #1c365c;border-radius:9px;padding:4px 7px}.badge{background:#10213a;border:1px solid #2b4b73;border-radius:999px;padding:5px 9px;font-size:12px;font-weight:700}.badge.active{color:#9ff0bf;background:#0d2b20;border-color:#1f7d48}.badge.blocked,.badge.revoked,.badge.expired{color:#ffb3bf;background:#341321;border-color:#923348}.badge.deactivated{color:#ffe1a3;background:#352811;border-color:#80622b}.actions{gap:6px;display:flex}.actions button,.detail button,.created button{text-align:center;border-color:#244a78;padding:8px 10px}.created,.detail{background:#071322;border:1px solid #244a78;border-radius:16px;flex-wrap:wrap;align-items:center;gap:12px;margin-top:14px;padding:13px;display:flex}.created span{color:#8da4c2}.created code,.detail code{color:#7dd3fc;padding:8px 10px;font-size:15px}@media (width<=1100px){.app{grid-template-columns:1fr}.sidebar{height:auto;position:relative}.grid,.two,.licenseForm{grid-template-columns:1fr}.span2{grid-column:span 1}header{flex-direction:column;gap:12px}}