:root{--bg:#05080f;--bg-2:#080e1c;--panel:#0c1526;--panel-2:#10203c;--azure:#2f9fff;--azure-deep:#0b6bcb;--cyan:#66c8ff;--glow:#2f9fff66;--text:#e9eff8;--muted:#93a6c1;--line:#78a5e124;--green:#45c58a;--amber:#f0b64b;--red:#ff6b6b}*{box-sizing:border-box}body{color:var(--text);background:radial-gradient(circle at 50% -10%, #2f9fff24, transparent 55%), var(--bg);-webkit-font-smoothing:antialiased;min-height:100vh;margin:0;font-family:Segoe UI,system-ui,-apple-system,Arial,sans-serif}a{color:var(--cyan);cursor:pointer;text-decoration:none}a:hover{color:#fff}h2{margin:0 0 16px}h3{margin:0 0 10px}.muted{color:var(--muted)}.small{font-size:13px}.center{place-items:center;min-height:100vh;padding:20px;display:grid}input,button,select{font:inherit}input,select{border:1px solid var(--line);width:100%;color:var(--text);background:#0a1120;border-radius:9px;outline:none;padding:11px 13px}input:focus,select:focus{border-color:var(--azure);box-shadow:0 0 0 3px #2f9fff24}input::placeholder{color:#5f7391}button{cursor:pointer;border:none;border-radius:9px;padding:11px 16px;font-weight:700}button.primary{background:linear-gradient(135deg, var(--azure), var(--azure-deep));color:#fff;box-shadow:0 6px 22px var(--glow)}button.primary:hover{filter:brightness(1.06)}button.primary:disabled{opacity:.6;cursor:default;box-shadow:none}button.ghost{color:var(--text);border:1px solid var(--line);background:#78a5e10f}button.ghost:hover{border-color:var(--azure);background:#2f9fff1a}button.ghost.danger{color:var(--red);border-color:#ff6b6b59}button.link{color:var(--cyan);background:0 0;padding:6px 8px}button.link:hover{color:#fff}button.link.danger{color:var(--red)}.error{color:#ffb4b4;background:#ff6b6b1f;border:1px solid #ff6b6b4d;border-radius:9px;padding:9px 12px;font-size:14px}.ok{color:#a7ecc9;background:#45c58a1f;border:1px solid #45c58a4d;border-radius:9px;padding:9px 12px;font-size:14px}.auth-card{background:linear-gradient(180deg, var(--panel-2), var(--panel));border:1px solid var(--line);border-radius:18px;flex-direction:column;gap:13px;width:360px;padding:30px;display:flex;box-shadow:0 20px 70px #0000008c}.brand{letter-spacing:.22em;text-align:center;font-size:20px;font-weight:800}.brand b{background:linear-gradient(120deg, #bfe0ff, var(--azure));color:#0000;-webkit-background-clip:text;background-clip:text}.brand span{color:var(--muted);letter-spacing:.3em;font-size:12px;font-weight:600}.app{min-height:100vh}.topbar{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:20;background:#080e1cb3;align-items:center;gap:14px;padding:15px 24px;display:flex;position:sticky;top:0}.topbar .brand{text-align:left;font-size:17px}.topbar .spacer{flex:1}.topbar .who{color:var(--muted);font-size:14px}.tabs{border-bottom:1px solid var(--line);gap:6px;padding:8px 18px 0;display:flex;overflow-x:auto}.tabs button{color:var(--muted);white-space:nowrap;background:0 0;border-bottom:3px solid #0000;border-radius:0;padding:12px 16px}.tabs button.active{color:#fff;border-bottom-color:var(--azure)}.content{max-width:960px;margin:0 auto;padding:28px 18px}.grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px;display:grid}.card{background:linear-gradient(180deg, var(--panel-2), var(--panel));border:1px solid var(--line);border-radius:16px;padding:22px}.card.stack{flex-direction:column;gap:12px;display:flex}.product h3{margin:0;font-size:22px}.product h3 span{color:var(--azure)}.product .tagline{color:var(--muted);margin:6px 0 16px;font-size:14px}.pill{text-transform:capitalize;border-radius:999px;padding:3px 11px;font-size:12px;font-weight:700;display:inline-block}.pill.active,.pill.paid{color:#8fe6bb;background:#45c58a29}.pill.pending{color:#f3d38a;background:#f0b64b29}.pill.refunded,.pill.cancelled{color:#ffb4b4;background:#ff6b6b29}table.grid-t{border-collapse:collapse;width:100%}table.grid-t th{text-align:left;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);border-bottom:1px solid var(--line);padding:10px 8px;font-size:12px}table.grid-t td{border-bottom:1px solid var(--line);padding:12px 8px}.right{text-align:right}.rowacts{text-align:right;white-space:nowrap}tr.clickable{cursor:pointer}tr.clickable:hover td{background:#78a5e10d}.field{flex-direction:column;gap:6px;display:flex}.field>span{color:var(--muted);font-size:13px;font-weight:600}.row{align-items:center;gap:10px;display:flex}.row.gap>*{flex:1}.spread{justify-content:space-between}.section{margin:26px 0}.empty{text-align:center;color:var(--muted);border:1px dashed var(--line);border-radius:14px;padding:50px 20px}@media (width<=640px){.auth-card{width:100%}.content{padding:20px 12px}.topbar .who{display:none}}