@import "https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600;700;900&family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;1,9..40,300&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--purple-950:#0f0520;--purple-900:#1a0b38;--purple-800:#2d1060;--purple-700:#3d1a7a;--purple-600:#5b2d9e;--purple-500:#7c3aed;--purple-400:#a855f7;--purple-300:#c084fc;--purple-100:#f3e8ff;--gold-500:#d4a017;--gold-400:#e8b84b;--gold-300:#f5d07a;--gold-200:#faeab0;--gold-glow:#d4a01759;--white:#fff;--gray-50:#fafafa;--gray-100:#f4f4f5;--gray-200:#e4e4e7;--gray-400:#a1a1aa;--gray-600:#52525b;--gray-800:#27272a;--success:#22c55e;--warning:#f59e0b;--danger:#ef4444;--font-display:"Cinzel", serif;--font-body:"DM Sans", sans-serif;--radius-sm:6px;--radius-md:12px;--radius-lg:20px;--radius-xl:32px;--shadow-gold:0 0 40px #d4a01726;--shadow-card:0 4px 24px #0000002e;--shadow-deep:0 20px 60px #0006}html{scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--purple-950);color:var(--white);-webkit-font-smoothing:antialiased;min-height:100vh;overflow-x:hidden}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--purple-900)}::-webkit-scrollbar-thumb{background:var(--purple-600);border-radius:3px}.card{border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(135deg,#2d1060cc 0%,#1a0b38e6 100%);border:1px solid #d4a01726;position:relative;overflow:hidden}.card:before{content:"";pointer-events:none;background:linear-gradient(135deg,#d4a01708 0%,#0000 60%);position:absolute;inset:0}.btn{font-family:var(--font-body);cursor:pointer;white-space:nowrap;border:none;align-items:center;gap:8px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--gold-500), var(--gold-300));color:var(--purple-900);border-radius:var(--radius-md);letter-spacing:.01em;box-shadow:0 4px 20px var(--gold-glow);padding:12px 28px;font-size:.95rem}.btn-primary:hover{box-shadow:0 8px 30px var(--gold-glow);filter:brightness(1.05);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-ghost{color:var(--white);border-radius:var(--radius-md);background:#ffffff0f;border:1px solid #ffffff1a;padding:10px 20px;font-size:.9rem}.btn-ghost:hover{background:#ffffff1a}.btn-danger{color:#fca5a5;border-radius:var(--radius-md);background:#ef444426;border:1px solid #ef44444d;padding:10px 20px;font-size:.9rem}.btn-sm{border-radius:var(--radius-sm);padding:7px 16px;font-size:.82rem}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.form-group{flex-direction:column;gap:6px;display:flex}.form-label{color:var(--gray-400);text-transform:uppercase;letter-spacing:.06em;font-size:.82rem;font-weight:500}.form-input{border-radius:var(--radius-md);color:var(--white);font-family:var(--font-body);background:#ffffff0d;border:1px solid #d4a01733;outline:none;width:100%;padding:12px 16px;font-size:.95rem;transition:all .2s}.form-input:focus{border-color:var(--gold-400);background:#ffffff14;box-shadow:0 0 0 3px #d4a0171f}.form-input::placeholder{color:var(--gray-600)}.form-input option{background:var(--purple-800);color:var(--white)}.stat-card{flex-direction:column;gap:8px;padding:24px;display:flex}.stat-label{text-transform:uppercase;letter-spacing:.1em;color:var(--gray-400);font-size:.75rem;font-weight:500}.stat-value{font-family:var(--font-display);color:var(--gold-300);font-size:1.8rem;font-weight:700;line-height:1}.stat-sub{color:var(--gray-400);font-size:.8rem}.badge{letter-spacing:.03em;border-radius:100px;align-items:center;gap:4px;padding:3px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.badge-success{color:#86efac;background:#22c55e26;border:1px solid #22c55e40}.badge-warning{color:#fcd34d;background:#f59e0b26;border:1px solid #f59e0b40}.badge-danger{color:#fca5a5;background:#ef444426;border:1px solid #ef444440}.badge-purple{color:var(--purple-300);background:#7c3aed33;border:1px solid #7c3aed4d}.badge-gold{color:var(--gold-300);background:#d4a01726;border:1px solid #d4a0174d}.page-layout{min-height:100vh;display:flex}.sidebar{background:linear-gradient(180deg, var(--purple-900) 0%, var(--purple-950) 100%);z-index:100;border-right:1px solid #d4a0171a;flex-direction:column;flex-shrink:0;width:260px;display:flex;position:fixed;top:0;bottom:0;left:0}.main-content{flex:1;min-height:100vh;margin-left:260px;padding:32px}.glow-orb{filter:blur(80px);pointer-events:none;z-index:0;border-radius:50%;position:fixed}.divider{background:linear-gradient(90deg,#0000,#d4a01733,#0000);height:1px;margin:8px 0}.data-table{border-collapse:collapse;width:100%}.data-table th{text-align:left;text-transform:uppercase;letter-spacing:.1em;color:var(--gray-400);border-bottom:1px solid #d4a0171a;padding:12px 16px;font-size:.72rem}.data-table td{vertical-align:middle;border-bottom:1px solid #ffffff0a;padding:14px 16px;font-size:.9rem}.data-table tr:hover td{background:#ffffff05}.spinner{border:3px solid #d4a01733;border-top-color:var(--gold-400);border-radius:50%;width:36px;height:36px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loading-center{min-height:200px;color:var(--gray-400);justify-content:center;align-items:center;gap:12px;font-size:.9rem;display:flex}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-up{animation:.4s forwards fadeUp}.plan-option{border-radius:var(--radius-md);cursor:pointer;background:#ffffff08;border:2px solid #d4a01726;align-items:center;gap:12px;padding:14px 18px;transition:all .2s;display:flex}.plan-option:hover{background:#d4a0170d;border-color:#d4a01766}.plan-option.selected{border-color:var(--gold-400);background:#d4a0171a;box-shadow:0 0 0 1px #d4a01733}.empty-state{text-align:center;color:var(--gray-400);padding:60px 20px}.empty-state .icon{opacity:.4;margin-bottom:16px;font-size:3rem}.empty-state h3{color:var(--gray-400);font-size:1rem;font-weight:500}@media (width<=768px){.sidebar{transition:transform .3s;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.main-content{margin-left:0;padding:20px 16px}.stat-value{font-size:1.4rem}}