@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";:root{--bg-primary:#0c1a12;--bg-secondary:#111f17;--bg-card:#ffffff0a;--bg-glass:#ffffff0f;--bg-glass-hover:#ffffff1a;--accent-primary:#2d8a4e;--accent-secondary:#1f7a3e;--accent-glow:#2d8a4e4d;--accent-gradient:linear-gradient(135deg, #34a853 0%, #2d8a4e 50%, #1a6b35 100%);--warm:#e8b84b;--warm-glow:#e8b84b33;--cream:#f5f0e1;--coral:#e85d4a;--text-primary:#f0ece3;--text-secondary:#f0ece3b3;--text-muted:#f0ece366;--success:#34d399;--success-bg:#34d39926;--warning:#e8b84b;--warning-bg:#e8b84b26;--danger:#e85d4a;--danger-bg:#e85d4a1f;--info:#5bb8d4;--info-bg:#5bb8d41f;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--shadow-sm:0 2px 8px #0000004d;--shadow-md:0 4px 20px #0006;--shadow-lg:0 8px 40px #00000080;--shadow-glow:0 0 40px var(--accent-glow)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{background:var(--bg-primary);color:var(--text-primary);min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;overflow-x:hidden}#root{min-height:100vh}body:before{content:"";z-index:0;pointer-events:none;background:radial-gradient(at 15%,#2d8a4e14 0%,#0000 50%),radial-gradient(at 85% 20%,#e8b84b0d 0%,#0000 45%),radial-gradient(at 50% 85%,#e85d4a08 0%,#0000 40%),radial-gradient(at 70% 60%,#5bb8d408 0%,#0000 40%);position:fixed;inset:0}.container{z-index:1;max-width:480px;margin:0 auto;padding:20px;position:relative}.container--wide{max-width:1200px}.card{background:var(--bg-glass);-webkit-backdrop-filter:blur(20px);border-radius:var(--radius-lg);border:1px solid #ffffff14;padding:24px;transition:all .3s}.card:hover{background:var(--bg-glass-hover);border-color:#ffffff1f}.card--glow{box-shadow:var(--shadow-glow);border-color:#2d8a4e40}.btn{border-radius:var(--radius-md);cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;padding:14px 28px;font-family:Inter,sans-serif;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;position:relative;overflow:hidden}.btn:after{content:"";opacity:0;background:linear-gradient(135deg,#ffffff1f 0%,#0000 50%);transition:opacity .3s;position:absolute;inset:0}.btn:hover:after{opacity:1}.btn--primary{background:var(--accent-gradient);color:#fff;box-shadow:0 4px 20px var(--accent-glow)}.btn--primary:hover{box-shadow:0 8px 30px var(--accent-glow);transform:translateY(-2px)}.btn--primary:active{transform:translateY(0)}.btn--secondary{color:var(--text-primary);background:#ffffff14;border:1px solid #ffffff1f}.btn--secondary:hover{background:#ffffff24;border-color:#fff3}.btn--danger{color:var(--danger);background:#e85d4a26;border:1px solid #e85d4a4d}.btn--danger:hover{background:#e85d4a40}.btn--warm{color:#1a1a1a;box-shadow:0 4px 20px var(--warm-glow);background:linear-gradient(135deg,#e8b84b 0%,#d4a43a 100%)}.btn--sm{padding:8px 16px;font-size:.85rem}.btn--lg{padding:18px 36px;font-size:1.1rem}.btn--full{width:100%}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.input{border-radius:var(--radius-md);width:100%;color:var(--text-primary);background:#ffffff0f;border:1px solid #ffffff1a;outline:none;padding:14px 18px;font-family:Inter,sans-serif;font-size:1rem;transition:all .3s}.input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-glow);background:#ffffff14}.input::placeholder{color:var(--text-muted)}.input--code{text-align:center;letter-spacing:.4em;text-transform:uppercase;background:#2d8a4e0a;border-color:#2d8a4e4d;padding:20px;font-size:2rem;font-weight:700}.label{color:var(--text-secondary);margin-bottom:6px;font-size:.85rem;font-weight:500;display:block}.heading{font-weight:800;line-height:1.2}.heading--xl{background:linear-gradient(135deg,#34a853 0%,#2d8a4e 40%,#e8b84b 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:2.2rem}.heading--lg{color:var(--cream);font-size:1.5rem}.heading--md{font-size:1.2rem}.text-center{text-align:center}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-success{color:var(--success)}.text-warning{color:var(--warning)}.text-danger{color:var(--danger)}.mt-1{margin-top:8px}.mt-2{margin-top:16px}.mt-3{margin-top:24px}.mt-4{margin-top:32px}.mb-1{margin-bottom:8px}.mb-2{margin-bottom:16px}.mb-3{margin-bottom:24px}.gap-1{gap:8px}.gap-2{gap:16px}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.flex-wrap{flex-wrap:wrap}.badge{text-transform:uppercase;letter-spacing:.05em;border-radius:100px;align-items:center;padding:4px 12px;font-size:.75rem;font-weight:600;display:inline-flex}.badge--generated{background:var(--info-bg);color:var(--info)}.badge--played{background:var(--warning-bg);color:var(--warning)}.badge--redeemed{background:var(--success-bg);color:var(--success)}.badge--loss{background:var(--danger-bg);color:var(--danger)}.badge--small{background:var(--info-bg);color:var(--info)}.badge--medium{background:var(--warning-bg);color:var(--warning)}.badge--jackpot{color:var(--warm);background:linear-gradient(135deg,#e8b84b33,#e85d4a1a);border:1px solid #e8b84b4d}.alert{border-radius:var(--radius-md);padding:14px 18px;font-size:.9rem;font-weight:500}.alert--error{background:var(--danger-bg);color:var(--danger);border:1px solid #e85d4a33}.alert--success{background:var(--success-bg);color:var(--success);border:1px solid #34d39933}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;display:grid}.table-wrap{border-radius:var(--radius-md);border:1px solid #ffffff0f;overflow-x:auto}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid #ffffff0f;padding:12px 16px}th{text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);background:#ffffff0a;font-size:.8rem;font-weight:600}td{font-size:.9rem}tr:hover td{background:#ffffff05}.spinner{border:3px solid #ffffff1a;border-top-color:var(--accent-primary);border-radius:50%;width:24px;height:24px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.page-enter{opacity:0;transform:translateY(20px)}.page-visible{opacity:1;transform:translateY(0)}@keyframes confetti-fall{0%{opacity:1;transform:translateY(-100vh)rotate(0)}to{opacity:0;transform:translateY(100vh)rotate(720deg)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px var(--accent-glow)}50%{box-shadow:0 0 35px var(--accent-glow), 0 0 60px #e8b84b14}}.pulse-glow{animation:2s ease-in-out infinite pulse-glow}.admin-layout{min-height:100vh;display:flex}.admin-sidebar{background:var(--bg-secondary);z-index:100;border-right:1px solid #ffffff0f;flex-direction:column;width:260px;padding:24px 16px;display:flex;position:fixed;top:0;bottom:0;left:0}.admin-sidebar__logo{background:linear-gradient(135deg,#34a853,#e8b84b);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:32px;padding:0 8px;font-size:1.3rem;font-weight:800}.admin-sidebar__nav{flex-direction:column;flex:1;gap:4px;display:flex}.admin-sidebar__link{border-radius:var(--radius-md);color:var(--text-secondary);align-items:center;gap:12px;padding:12px 16px;font-size:.9rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.admin-sidebar__link:hover{color:var(--text-primary);background:#ffffff0f}.admin-sidebar__link--active{color:var(--accent-primary);background:#2d8a4e1f}.admin-sidebar__link--active:hover{background:#2d8a4e2e}.admin-content{z-index:1;flex:1;margin-left:260px;padding:32px;position:relative}@media (width<=768px){.admin-sidebar{display:none}.admin-content{margin-left:0;padding:16px}.stats-grid{grid-template-columns:repeat(2,1fr)}}.wheel-container{flex-direction:column;justify-content:center;align-items:center;padding:20px 0;display:flex}.timer-circle{width:120px;height:120px;color:var(--warm);background:#e8b84b0f;border:3px solid #e8b84b4d;border-radius:50%;justify-content:center;align-items:center;font-size:2.5rem;font-weight:800;display:flex;position:relative}.timer-circle:before{content:"";border:2px solid #0000;border-top-color:var(--warm);border-radius:50%;animation:1s linear infinite spin;position:absolute;inset:-6px}.emoji-decoration{font-size:4rem;line-height:1}