:root{--bg:#080b1a;--panel:#10152fd9;--violet:#7957ff;--blue:#00c8ff;--muted:#aab2d5}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 75% 0,#29205b,transparent 38%),var(--bg);color:#fff;font:15px/1.5 Segoe UI,sans-serif}.stars{position:fixed;inset:0;pointer-events:none;opacity:.5;background-image:radial-gradient(#fff 1px,transparent 1px),radial-gradient(#64d8ff 1px,transparent 1px);background-size:63px 63px,97px 97px;animation:twinkle 4s infinite alternate}.login{display:grid;place-items:center;overflow:hidden}.planet{position:fixed;width:620px;height:620px;border-radius:50%;right:-170px;bottom:-230px;background:radial-gradient(circle at 35% 25%,#93dfff,#6853e8 30%,#10163c 70%);box-shadow:0 0 90px #7957ff88;animation:float 7s ease-in-out infinite}.planet span{position:absolute;top:30%;left:25%;font-size:60px;font-weight:900;opacity:.25}.login-card,.panel,.stats article,.packages article{position:relative;background:var(--panel);border:1px solid #ffffff18;border-radius:20px;padding:24px;box-shadow:0 18px 50px #0004;backdrop-filter:blur(16px)}.login-card{z-index:2;width:min(430px,calc(100% - 32px));padding:42px;text-align:center}.login-card form,.panel form,.packages form{display:grid;gap:10px}.eyebrow{color:#8ddfff;letter-spacing:.18em;font-size:12px;font-weight:800}.password{display:flex}.password input{border-radius:10px 0 0 10px}.password button{border-radius:0 10px 10px 0;background:#0a1027;color:white;border:1px solid #ffffff18}input,select{width:100%;padding:11px;border-radius:10px;border:1px solid #ffffff18;background:#090e23;color:white}.primary{padding:12px;border:0;border-radius:10px;color:white;font-weight:800;background:linear-gradient(135deg,var(--violet),var(--blue));text-decoration:none;cursor:pointer}.login-card small{display:block;margin-top:20px;color:var(--muted)}aside{position:fixed;z-index:5;inset:0 auto 0 0;width:250px;padding:28px 18px;background:#0b1026ed;border-right:1px solid #ffffff18}.brand{font-size:20px;font-weight:900;padding:0 12px 30px}.brand small{display:block;color:var(--blue);font-size:10px;letter-spacing:.2em}nav{display:grid;gap:8px}nav a{color:var(--muted);text-decoration:none;padding:13px 16px;border-radius:12px;transition:.25s}nav a span{display:inline-block;width:26px}nav a:hover,nav a.active{color:white;background:linear-gradient(90deg,#7957ff66,#00c8ff22);transform:translateX(3px)}.content{position:relative;z-index:1;margin-left:250px;padding:28px;max-width:1700px}.content header{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}.content h1{margin:0}.content header p{margin:0}.admin a{color:#8ddfff}#menu{display:none}.stats,.packages{display:grid;grid-template-columns:repeat(auto-fit,minmax(205px,1fr));gap:16px}.stats strong,.packages strong{display:block;font-size:27px;margin:10px 0}.stats i{display:block;height:3px;background:linear-gradient(90deg,var(--violet),var(--blue),transparent)}.panel{margin-top:18px}.columns{display:grid;grid-template-columns:1fr 1fr;gap:18px}.bars{height:180px;display:flex;align-items:end;gap:15px;padding:20px}.bars i{flex:1;background:linear-gradient(var(--blue),var(--violet));position:relative;border-radius:8px}.bars span{position:absolute;bottom:-25px}.table{overflow:auto}table{width:100%;min-width:850px;border-collapse:collapse}th,td{padding:13px;text-align:left;border-bottom:1px solid #ffffff18;white-space:nowrap}th{color:var(--muted);font-size:12px}.filters{grid-template-columns:1fr auto!important}.badge{padding:5px 9px;border-radius:99px;background:#fff1}.active{color:#62f0bd}.locked,.error{color:#ff9cac}.tiny{padding:7px 10px;border:1px solid #7957ff66;border-radius:8px;background:#7957ff22;color:#fff}.alert{padding:14px;border-radius:12px;margin:14px 0}.ok{background:#1bc98e20}.credential{background:#00c8ff18}.credential code{display:block;overflow-wrap:anywhere}.close{float:right;background:none;border:0;color:white;font-size:24px}dialog{background:#10152f;color:white;border:1px solid #7957ff66;border-radius:18px;max-width:520px}dialog::backdrop{background:#050713cc}@keyframes twinkle{to{opacity:.8}}@keyframes float{50%{transform:translateY(-18px)}}@media(max-width:800px){aside{transform:translateX(-100%);transition:.25s}aside.open{transform:none}.content{margin:0;padding:18px}#menu{display:block}.admin{font-size:0}.admin a{font-size:14px}.columns{grid-template-columns:1fr}.login-card{padding:28px}.planet{width:420px;height:420px}}@media(max-width:480px){.stats{grid-template-columns:1fr}}