@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&family=Inter:wght@400;700&display=swap";:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh}body:has(.app-container){display:flex;place-items:center;background-image:url(/background.svg);background-size:cover;background-position:center;background-repeat:no-repeat;overflow:hidden}body:has(.app-container) #root{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}body:has(.admin-layout){background:var(--bg-primary, #0a0a0f);overflow:auto}body:has(.admin-layout) #root{width:100%;height:100%}:root{--neon-purple: #9d00ff;--neon-green: #25d366;--bg-dark: #3a0ca3;--bg-deep: #240046}*{box-sizing:border-box}body,html{margin:0;padding:0;width:100%;height:100%;font-family:Inter,sans-serif;color:#fff;overflow-x:hidden;overscroll-behavior-x:none}.brand-logo{max-width:400px;width:90%;height:auto;margin-bottom:2rem;margin-left:-8px}#root{width:100%;height:100%}.app-container{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh;width:100%;max-width:100vw;overflow-x:hidden;background-image:url(/background.svg);background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:scroll}.main-content{flex:1;display:flex;flex-direction:row;align-items:center;justify-content:center;padding:2rem;max-width:1200px;margin:0 auto;width:100%;box-sizing:border-box}@media(max-width:768px){.main-content{flex-direction:column;text-align:center;padding:1rem}.logo-container{order:1;margin-bottom:1rem;display:flex;justify-content:center;width:100%}.right-panel{order:2;width:100%;display:flex;justify-content:center}.left-panel{order:3;padding:1rem}}@media(min-width:769px){.main-content{flex-direction:row}.logo-container{display:none}.left-panel{flex:1;order:1}.right-panel{flex:1;order:2}.left-panel:before{content:"";display:block;background:url(/logo%20roleta.svg) no-repeat center;background-size:contain;height:120px;margin-bottom:2rem}}.left-panel{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:2rem;z-index:2}.logo-placeholder h1{font-family:"Press Start 2P",cursive;font-size:2.5rem;color:#fff;text-shadow:4px 4px 0 #000;line-height:1.2;margin-bottom:2rem;text-transform:uppercase;transform:rotate(-2deg)}.cta-button-container{display:flex;align-items:center;gap:12px;background-color:#00e0541a;border:1px solid rgba(0,255,136,.5);border-radius:100px;padding:8px;width:100%;max-width:500px;transition:transform .2s,box-shadow .2s;box-shadow:0 0 15px #00e0541a;box-sizing:border-box;cursor:pointer}.cta-button-container:hover{transform:scale(1.02);box-shadow:0 0 20px #00e0544d}.cta-text-pill{flex-grow:1;background-color:#00e054;color:#0f0f0f;font-family:Inter,sans-serif;font-weight:800;font-size:1.2rem;letter-spacing:1px;text-transform:uppercase;padding:16px 0;border-radius:50px;text-align:center;box-shadow:0 4px 10px #0003}.cta-icon-pill{width:56px;height:56px;background-color:#00e054;border-radius:50%;display:flex;justify-content:center;align-items:center;color:#0f0f0f;flex-shrink:0;box-shadow:0 4px 10px #0003;font-size:1.5rem}.cta-button-container.cta-pink{background-color:#ff007f1a;border:1px solid rgba(255,0,127,.5);box-shadow:0 0 15px #ff007f1a}.cta-button-container.cta-pink:hover{box-shadow:0 0 20px #ff007f4d}.cta-button-container.cta-pink .cta-text-pill,.cta-button-container.cta-pink .cta-icon-pill{background-color:#ff007f;color:#fff}.cta-button-container.cta-blue{background-color:#1a73e81a;border:1px solid rgba(26,115,232,.5);box-shadow:0 0 15px #1a73e81a}.cta-button-container.cta-blue:hover{box-shadow:0 0 20px #1a73e84d}.cta-button-container.cta-blue .cta-text-pill,.cta-button-container.cta-blue .cta-icon-pill{background-color:#1a73e8;color:#fff}.cta-button-container[style*=not-allowed]{opacity:.7;filter:grayscale(.5)}.icon-arrow{background:#0000001a;border-radius:50%;width:30px;height:30px;display:flex;align-items:center;justify-content:center;font-size:1.2rem}.user-info{margin-bottom:2rem}.user-name{font-size:.9rem;opacity:.8;margin:0}.spins-left{font-size:1rem;margin:.2rem 0}.spins-left strong{color:#fff;font-weight:700}.action-container{display:flex;flex-direction:column;align-items:center;width:100%;max-width:500px}.spins-info{width:100%;text-align:center;color:#ffffffb3;margin-top:1rem;font-size:1rem}.highlight-text{color:#fff;font-weight:700}.footer-text{background-color:#14003299;padding:1.5rem;border-radius:4px;text-align:center;margin-top:2rem;width:100%;max-width:500px;box-sizing:border-box;box-shadow:0 4px 6px #0000001a}.footer-text p{margin:.3rem 0;color:#ffffffe6;font-size:.95rem;line-height:1.4}.change-phone-link{color:#fff;background:none;border:none;font-size:1rem;margin-top:1.5rem;opacity:.9;width:100%;max-width:500px;text-align:center;cursor:pointer;text-decoration:none;font-family:Inter,sans-serif}.change-phone-link:hover{text-decoration:underline;opacity:1}.promo-text-box{background:#0000004d;padding:1rem;border-radius:8px;border:1px solid rgba(255,255,255,.1);font-size:.8rem;color:#ddd;max-width:400px;text-align:center}.right-panel{flex:1;display:flex;justify-content:center;align-items:center;position:relative}.wheel-container{position:relative;width:450px;height:450px;display:flex;justify-content:center;align-items:center}.wheel-pointer{position:absolute;top:-10px;left:50%;transform:translate(-50%);width:60px;z-index:20;filter:drop-shadow(0 4px 4px rgba(0,0,0,.5))}.wheel-wrapper{width:100%;height:100%;border-radius:50%;box-shadow:0 0 50px #9d00ff80;overflow:hidden;transition:transform 4s cubic-bezier(.25,.1,.25,1);position:relative}.wheel-image{width:100%;height:100%;object-fit:cover}.wheel-wrapper.spinning{transform:rotate(1440deg)}.whatsapp-float{position:fixed;bottom:20px;right:20px;background:#25d366;border-radius:50%;width:60px;height:60px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 10px #0000004d;cursor:pointer;z-index:99999}.bottom-links{text-align:center;padding:1rem;width:100%}.bottom-links a{color:#fff9;text-decoration:none;font-size:.9rem}.bottom-links a:hover{text-decoration:underline;color:#fff}@media(max-width:600px){.wheel-container{width:300px;height:300px}.logo-placeholder h1{font-size:1.8rem}.cta-button{font-size:.9rem;padding:1rem}}.roulette-container{position:relative;width:90%;max-width:600px;aspect-ratio:1;display:flex;justify-content:center;align-items:center;filter:drop-shadow(0 0 20px rgba(170,0,255,.3))}.roulette-wheel{width:100%;height:100%;object-fit:contain;transition:transform 5s cubic-bezier(.2,.8,.2,1);will-change:transform}.roulette-pointer{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:20%;pointer-events:none;z-index:10;filter:drop-shadow(0 4px 8px rgba(0,0,0,.5))}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000c;display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .3s ease-out}.modal-content{position:relative;display:flex;flex-direction:column;align-items:center;max-width:90%;background:#fff;padding:2rem 2rem 0;border-radius:20px;box-shadow:0 10px 30px #00000080;animation:scaleIn .3s cubic-bezier(.175,.885,.32,1.275);width:100%;max-width:600px;box-sizing:border-box;overflow:hidden}.modal-image-main{width:100%;max-width:300px;object-fit:contain;margin-bottom:.5rem}.modal-image-foot{width:100%;max-width:100%;object-fit:contain;margin-top:.5rem;display:block}.prize-text-container{text-align:center;margin:1rem 0}.prize-name{font-size:1.2rem;color:#000;font-weight:800;text-transform:uppercase;margin-bottom:.5rem}.prize-subtitle{font-size:.95rem;color:#444;font-weight:400;text-transform:none;line-height:1.4;margin-top:5px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.welcome-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000000b3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:9999;display:flex;justify-content:center;align-items:center}.welcome-modal-content{background:#fff;padding:40px;border-radius:20px;width:90%;max-width:500px;display:flex;flex-direction:column;align-items:center;box-shadow:0 20px 50px #00000080;animation:modalPop .3s cubic-bezier(.175,.885,.32,1.275)}@media(max-width:600px){.welcome-modal-content{padding:25px;width:95%}.pixel-title{font-size:2.2rem!important}.modal-cta-button{font-size:.9rem}.cta-text-pill{font-size:1rem!important;padding:12px 0!important}.hypez-text,.modal-instruction{font-size:.85rem}}@keyframes modalPop{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.modal-header-logo{margin-bottom:5px}.welcome-logo{height:30px;object-fit:contain;display:block}.welcome-title-img{max-width:100%;height:auto;display:block;margin:10px 0}.modal-instruction{text-align:center;color:#666;font-size:.95rem;margin:20px 0;line-height:1.4;font-weight:500}.input-group{display:flex;align-items:center;background:#f5f7fa;border:1px solid #E0E0E0;border-radius:50px;padding:5px 15px;width:100%;box-sizing:border-box;margin-bottom:20px;transition:border-color .2s}.input-group:focus-within{border-color:#00e676;box-shadow:0 0 0 2px #00e6761a}.country-code{display:flex;align-items:center;gap:5px;padding-right:10px;border-right:1px solid #ddd;margin-right:10px;color:#333;font-weight:500;font-size:.9rem;cursor:pointer;position:relative}.country-code img{width:20px;border-radius:2px}.chevron{color:#999;font-size:.8rem;margin-left:2px}.country-dropdown{position:absolute;top:100%;left:0;background:#fff;border:1px solid #ddd;border-radius:8px;margin-top:5px;max-height:200px;overflow-y:auto;width:150px;box-shadow:0 4px 15px #0000001a;z-index:10}.country-option{display:flex;align-items:center;gap:10px;padding:8px 12px;cursor:pointer;transition:background .1s;font-size:.85rem}.country-option:hover{background:#f1f1f1}.country-option img{width:20px;border-radius:2px}.phone-input{border:none;background:transparent;flex-grow:1;font-size:1rem;color:#333;outline:none;padding:10px 0}.phone-input::placeholder{color:#aaa}.modal-cta-button{width:100%;padding:12px;background:#00e676;border:none;border-radius:50px;color:#000;font-weight:800;font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;text-transform:uppercase;margin-bottom:15px;transition:transform .1s,background .1s;box-shadow:0 4px 10px #00e6764d}.modal-cta-button:hover:not(:disabled){transform:translateY(-2px);background:#0f8}.modal-cta-button:disabled{background:#ccc;cursor:wait;box-shadow:none}.modal-icon-wrapper{background:#0000001a;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.secondary-button{background:transparent;border:2px solid #FF00AA;border-radius:50px;padding:12px;width:100%;color:#f0a;font-weight:700;font-size:.95rem;cursor:pointer;transition:all .2s}.secondary-button:hover{background:#fff0f9}.error-message{color:red;font-size:.8rem;margin-bottom:10px}.oops-content{display:flex;flex-direction:column;align-items:center;width:100%}.oops-title-img{max-width:250px;margin:1rem 0}.oops-actions{display:flex;flex-direction:column;gap:15px;width:100%;margin-top:2rem}.oops-change-phone{color:#666;background:none;border:none;cursor:pointer;font-family:inherit;margin-top:1.5rem;max-width:100%;font-size:.9rem;text-decoration:underline}.oops-change-phone:hover{color:#000}.loading-spinner-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;display:flex;justify-content:center;align-items:center}.loading-spinner-content{display:flex;flex-direction:column;align-items:center;gap:30px}.spinner-container{width:120px;height:120px;display:flex;justify-content:center;align-items:center}.spinner-ring{position:absolute;width:100%;height:100%;border-radius:50%;border:3px solid transparent;animation:spin 1.5s linear infinite}.spinner-ring:nth-child(1){width:120px;height:120px;border-top-color:#00e676;border-right-color:#00e676;animation-duration:1.5s}.spinner-ring .spinner-ring:nth-child(1){width:100px;height:100px;border-top-color:#f0a;border-left-color:#f0a;animation-duration:1.2s;animation-direction:reverse}.spinner-ring .spinner-ring .spinner-ring:nth-child(1){width:80px;height:80px;border-top-color:#ffd600;border-right-color:#ffd600;animation-duration:.9s}.spinner-ring .spinner-ring .spinner-ring .spinner-ring:nth-child(1){width:60px;height:60px;border-top-color:#00b8ff;border-left-color:#00b8ff;animation-duration:.6s;animation-direction:reverse}.spinner-core{width:35px;height:35px;background:linear-gradient(135deg,#00e676,#f0a);border-radius:50%;animation:pulse 1s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(.8);opacity:.7}}.loading-text{color:#fff;font-size:1.3rem;font-weight:700;text-transform:uppercase;letter-spacing:3px;text-shadow:0 0 10px rgba(0,230,118,.5);animation:textGlow 1.5s ease-in-out infinite}@keyframes textGlow{0%,to{text-shadow:0 0 10px rgba(0,230,118,.5),0 0 20px rgba(0,230,118,.3)}50%{text-shadow:0 0 20px rgba(0,230,118,.8),0 0 40px rgba(0,230,118,.5),0 0 60px rgba(0,230,118,.3)}}:root{--bg-primary: #0a0a0f;--bg-secondary: #13131a;--bg-tertiary: #1a1a24;--bg-card: #16161f;--bg-card-hover: #1c1c28;--primary: #8b5cf6;--primary-light: #a78bfa;--primary-dark: #7c3aed;--primary-gradient: linear-gradient(135deg, #8b5cf6 0%, #a78bfa 100%);--accent: #22d3ee;--accent-light: #67e8f9;--accent-dark: #06b6d4;--success: #10b981;--success-light: #34d399;--warning: #f59e0b;--warning-light: #fbbf24;--error: #ef4444;--error-light: #f87171;--text-primary: #f8fafc;--text-secondary: #94a3b8;--text-muted: #64748b;--border: #1e1e2d;--border-light: #2d2d3d;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .5);--shadow-glow: 0 0 20px rgba(139, 92, 246, .3);--sidebar-width: 260px;--sidebar-collapsed: 72px;--header-height: 64px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 24px;--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .4s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg-primary);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}.admin-layout{display:flex;min-height:100vh}.admin-main{flex:1;margin-left:var(--sidebar-width);transition:margin-left var(--transition-base)}.admin-main.collapsed{margin-left:var(--sidebar-collapsed)}.admin-header{height:var(--header-height);background:var(--bg-secondary);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 24px;position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.admin-content{padding:24px;min-height:calc(100vh - var(--header-height))}.admin-sidebar{position:fixed;left:0;top:0;bottom:0;width:var(--sidebar-width);background:var(--bg-secondary);border-right:1px solid var(--border);display:flex;flex-direction:column;transition:width var(--transition-base);z-index:200;overflow:hidden}.admin-sidebar.collapsed{width:var(--sidebar-collapsed)}.sidebar-logo{height:var(--header-height);display:flex;align-items:center;padding:0 20px;border-bottom:1px solid var(--border);gap:12px}.sidebar-logo img{height:36px;width:auto}.sidebar-logo span{font-weight:700;font-size:18px;background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;white-space:nowrap}.sidebar-nav{flex:1;padding:16px 12px;overflow-y:auto}.nav-section{margin-bottom:24px}.nav-section-title{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);padding:0 12px;margin-bottom:8px}.nav-item{display:flex;align-items:center;gap:12px;padding:12px;border-radius:var(--radius-md);color:var(--text-secondary);transition:all var(--transition-fast);margin-bottom:4px;cursor:pointer;border:none;background:none;width:100%;text-align:left;font-size:14px;font-weight:500}.nav-item:hover{background:var(--bg-tertiary);color:var(--text-primary)}.nav-item.active{background:#8b5cf626;color:var(--primary-light)}.nav-item.active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:24px;background:var(--primary);border-radius:0 4px 4px 0}.nav-item svg{flex-shrink:0;width:20px;height:20px}.nav-item span{white-space:nowrap}.sidebar-toggle{position:absolute;bottom:16px;right:16px;width:40px;height:40px;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:all var(--transition-fast)}.sidebar-toggle:hover{background:var(--bg-card-hover);color:var(--text-primary)}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px;transition:all var(--transition-fast)}.card:hover{border-color:var(--border-light)}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.card-title{font-size:16px;font-weight:600;color:var(--text-primary)}.card-subtitle{font-size:13px;color:var(--text-muted);margin-top:4px}.stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px;position:relative;overflow:hidden;transition:all var(--transition-fast)}.stat-card:hover{border-color:var(--border-light);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--primary-gradient);opacity:0;transition:opacity var(--transition-fast)}.stat-card:hover:before{opacity:1}.stat-card-icon{width:48px;height:48px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;margin-bottom:16px}.stat-card-icon.purple{background:#8b5cf626;color:var(--primary-light)}.stat-card-icon.cyan{background:#22d3ee26;color:var(--accent)}.stat-card-icon.green{background:#10b98126;color:var(--success)}.stat-card-icon.orange{background:#f59e0b26;color:var(--warning)}.stat-card-value{font-size:32px;font-weight:700;color:var(--text-primary);line-height:1.2}.stat-card-label{font-size:14px;color:var(--text-secondary);margin-top:4px}.stat-card-trend{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:500;margin-top:12px;padding:4px 8px;border-radius:var(--radius-sm)}.stat-card-trend.up{background:#10b98126;color:var(--success)}.stat-card-trend.down{background:#ef444426;color:var(--error)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;border-radius:var(--radius-md);font-size:14px;font-weight:500;border:none;transition:all var(--transition-fast);cursor:pointer}.btn-primary{background:var(--primary-gradient);color:#fff;box-shadow:var(--shadow-sm)}.btn-primary:hover{box-shadow:var(--shadow-glow);transform:translateY(-1px)}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border)}.btn-secondary:hover{background:var(--bg-card-hover);border-color:var(--border-light)}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover{background:var(--bg-tertiary);color:var(--text-primary)}.btn-danger{background:var(--error);color:#fff}.btn-danger:hover{background:var(--error-light)}.btn-sm{padding:6px 12px;font-size:13px}.btn-lg{padding:14px 28px;font-size:16px}.btn-icon{width:40px;height:40px;padding:0}.data-table-container{overflow-x:auto}.data-table{width:100%;border-collapse:collapse}.data-table th{text-align:left;padding:12px 16px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);background:var(--bg-tertiary);border-bottom:1px solid var(--border)}.data-table th:first-child{border-radius:var(--radius-md) 0 0 0}.data-table th:last-child{border-radius:0 var(--radius-md) 0 0}.data-table td{padding:16px;border-bottom:1px solid var(--border);font-size:14px;color:var(--text-primary)}.data-table tr:hover td{background:var(--bg-tertiary)}.data-table tr:last-child td{border-bottom:none}.badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:100px;font-size:12px;font-weight:500}.badge-success{background:#10b98126;color:var(--success)}.badge-warning{background:#f59e0b26;color:var(--warning)}.badge-error{background:#ef444426;color:var(--error)}.badge-info{background:#22d3ee26;color:var(--accent)}.badge-purple{background:#8b5cf626;color:var(--primary-light)}.input-group{margin-bottom:16px}.input-label{display:block;font-size:13px;font-weight:500;color:var(--text-secondary);margin-bottom:6px}.input{width:100%;padding:12px 16px;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-size:14px;transition:all var(--transition-fast)}.input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #8b5cf633}.input::placeholder{color:var(--text-muted)}.input-with-icon{position:relative}.input-with-icon .input{padding-left:44px}.input-with-icon svg{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--text-muted);width:18px;height:18px}.toggle{position:relative;width:44px;height:24px;background:var(--bg-tertiary);border-radius:100px;border:1px solid var(--border);cursor:pointer;transition:all var(--transition-fast)}.toggle.active{background:var(--primary);border-color:var(--primary)}.toggle:after{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;background:#fff;border-radius:50%;transition:transform var(--transition-fast)}.toggle.active:after{transform:translate(20px)}.page-header{margin-bottom:32px}.page-title{font-size:28px;font-weight:700;color:var(--text-primary);margin-bottom:8px}.page-subtitle{font-size:15px;color:var(--text-secondary)}.page-actions{display:flex;gap:12px;margin-top:20px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-bottom:32px}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.chart-container{height:300px;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);border-radius:var(--radius-md);color:var(--text-muted)}.activity-list{display:flex;flex-direction:column;gap:16px}.activity-item{display:flex;align-items:center;gap:12px;padding:12px;background:var(--bg-tertiary);border-radius:var(--radius-md);transition:all var(--transition-fast)}.activity-item:hover{background:var(--bg-card-hover)}.activity-icon{width:40px;height:40px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.activity-content{flex:1;min-width:0}.activity-title{font-size:14px;font-weight:500;color:var(--text-primary)}.activity-meta{font-size:12px;color:var(--text-muted);margin-top:2px}.prize-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.prize-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px;transition:all var(--transition-fast)}.prize-card:hover{border-color:var(--border-light);transform:translateY(-2px)}.prize-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.prize-name{font-size:16px;font-weight:600;color:var(--text-primary)}.prize-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:16px}.prize-stat{text-align:center;padding:12px;background:var(--bg-tertiary);border-radius:var(--radius-md)}.prize-stat-value{font-size:20px;font-weight:700;color:var(--text-primary)}.prize-stat-label{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-top:4px}.avatar{width:36px;height:36px;border-radius:50%;background:var(--primary-gradient);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;color:#fff}.avatar-group{display:flex;align-items:center;gap:12px}.avatar-info{display:flex;flex-direction:column}.avatar-name{font-size:14px;font-weight:500;color:var(--text-primary)}.avatar-role{font-size:12px;color:var(--text-muted)}@media(max-width:1024px){.admin-sidebar{width:var(--sidebar-collapsed)}.admin-sidebar .sidebar-logo span,.admin-sidebar .nav-item span,.admin-sidebar .nav-section-title{display:none}.admin-main{margin-left:var(--sidebar-collapsed)}.grid-2,.grid-3{grid-template-columns:1fr}}@media(max-width:768px){.admin-sidebar{transform:translate(-100%);width:var(--sidebar-width)}.admin-sidebar.open{transform:translate(0)}.admin-sidebar .sidebar-logo span,.admin-sidebar .nav-item span,.admin-sidebar .nav-section-title{display:block}.admin-main{margin-left:0}.admin-content{padding:16px}.stats-grid{grid-template-columns:1fr}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .3s ease forwards}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}