:root{--bg-gradient-start:#0f172a;--bg-gradient-end:#1e293b;--bg-card:#ffffff0d;--bg-card-hover:#ffffff14;--text-primary:#fff;--text-secondary:#ffffffb3;--text-tertiary:#ffffff80;--border-color:#ffffff1a;--shadow-color:#00000080;--color-purple:#667eea;--color-purple-dark:#764ba2;--color-gold:#fbbf24;--color-gold-dark:#f59e0b;--color-green:#10b981;--color-red:#ef4444;--color-blue:#3b82f6}body.light-mode{--bg-gradient-start:#f8fafc;--bg-gradient-end:#e2e8f0;--bg-card:#ffffffe6;--bg-card-hover:#fff;--text-primary:#1e293b;--text-secondary:#64748b;--text-tertiary:#94a3b8;--border-color:#0000001a;--shadow-color:#0000001a}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(180deg,#0f172a,#1e293b);background:linear-gradient(180deg,var(--bg-gradient-start) 0,var(--bg-gradient-end) 100%);color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;transition:all .3s ease}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.achievements-game-container,.dashboard-simple,.home-map-container,.leaderboard-view,.profile-container,.profile-edit-view,.profile-section-view,.profile-settings-view,.scanner-game-container,.wallet-game-container{background:linear-gradient(180deg,#0f172a,#1e293b)!important;background:linear-gradient(180deg,var(--bg-gradient-start) 0,var(--bg-gradient-end) 100%)!important}.achievements-compact-header,.balance-showcase,.camera-frame,.leaderboard-prizes,.leaderboard-top,.leaderboard-winners,.menu-card,.profile-header,.quick-stat,.recent-scans,.scanner-header,.settings-section,.stations-top-bar,.stations-view-section,.wallet-header,.withdrawal-history,.withdrawal-section{background:#ffffff0d!important;background:var(--bg-card)!important;border-color:#ffffff1a!important;border-color:var(--border-color)!important}.menu-card:active,.quick-stat:hover{background:#ffffff14!important;background:var(--bg-card-hover)!important}.menu-content h3,.player-name,.prize-positions,.profile-name,.section-title,.setting-label,.stat-value,.station-name-address h3,.stations-top-bar h2,.winner-name-lb,h1,h2,h3,h4,h5,h6{color:#fff!important;color:var(--text-primary)!important}.menu-content p,.player-achievement,.prize-value,.profile-email,.setting-description,.stat-label,.station-metric,.station-name-address p,p{color:#ffffffb3!important;color:var(--text-secondary)!important}.balance-label,.form-hint,.stat-label{color:#ffffff80!important;color:var(--text-tertiary)!important}.achievement-compact,.history-item,.method-card,.player-item,.prize-row,.recent-scan-item,.station-item,.winner-card{background:#ffffff0d!important;background:var(--bg-card)!important;border-color:#ffffff1a!important;border-color:var(--border-color)!important;box-shadow:0 2px 8px #00000080!important;box-shadow:0 2px 8px var(--shadow-color)!important}.achievement-compact:hover,.station-item:hover{box-shadow:0 4px 16px #00000080!important;box-shadow:0 4px 16px var(--shadow-color)!important}.amount-input-container input,.form-group input,.language-select{background:#ffffff0d!important;background:var(--bg-card)!important;border-color:#ffffff1a!important;border-color:var(--border-color)!important;color:#fff!important;color:var(--text-primary)!important}.form-group input::placeholder{color:#ffffff80!important;color:var(--text-tertiary)!important}.bottom-nav{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d!important;background:var(--bg-card)!important;border-top:1px solid #ffffff1a!important;border-top:1px solid var(--border-color)!important}.nav-icon,.nav-label{color:#ffffff80!important;color:var(--text-tertiary)!important}.nav-item.active .nav-icon,.nav-item.active .nav-label{color:#667eea!important;color:var(--color-purple)!important}.btn-edit-profile,.btn-navigate,.btn-primary,.btn-save-settings,.btn-scan-primary,.btn-upload,.btn-withdraw-main,.tag-active,.theme-btn.active{background:linear-gradient(135deg,#667eea,#764ba2)!important;background:linear-gradient(135deg,var(--color-purple) 0,var(--color-purple-dark) 100%)!important}.balance-main-card,.compact-reward,.leaderboard-position-card,.profile-balance-card,.rewards-earned,.user-balance-mini{background:linear-gradient(135deg,#fbbf24,#f59e0b)!important;background:linear-gradient(135deg,var(--color-gold) 0,var(--color-gold-dark) 100%)!important}.map-display,.map-view-section{background:linear-gradient(135deg,#667eea,#764ba2)!important;background:linear-gradient(135deg,var(--color-purple) 0,var(--color-purple-dark) 100%)!important}.floating-leaderboard-btn{background:linear-gradient(135deg,#fbbf24,#f59e0b)!important;background:linear-gradient(135deg,var(--color-gold) 0,var(--color-gold-dark) 100%)!important}.achievements-game-container:before,.profile-container:before,.scanner-game-container:before,.wallet-game-container:before{opacity:.3}body.light-mode .achievements-game-container:before,body.light-mode .profile-container:before,body.light-mode .scanner-game-container:before,body.light-mode .wallet-game-container:before{opacity:.05}.auth-container{background:linear-gradient(180deg,#0f172a,#1e293b)!important;background:linear-gradient(180deg,var(--bg-gradient-start) 0,var(--bg-gradient-end) 100%)!important}.auth-card{background:#ffffff0d!important;background:var(--bg-card)!important;border-color:#ffffff1a!important;border-color:var(--border-color)!important}.auth-header h1,.auth-header p{color:#fff!important;color:var(--text-primary)!important}.auth-header p{color:#ffffffb3!important;color:var(--text-secondary)!important}.slider{background-color:#ffffff14!important;background-color:var(--bg-card-hover)!important;border-color:#ffffff1a!important;border-color:var(--border-color)!important}input:checked+.slider{background:linear-gradient(135deg,#10b981,#059669)!important;background:linear-gradient(135deg,var(--color-green) 0,#059669 100%)!important}:root{--bg-primary:#fff;--bg-secondary:#f8f9fa;--bg-tertiary:#e9ecef;--text-primary:#333;--text-secondary:#666;--text-tertiary:#999;--border-color:#e0e0e0;--border-light:#f0f0f0;--accent-primary:#667eea;--accent-secondary:#764ba2;--accent-gradient:linear-gradient(135deg,#667eea,#764ba2);--success:#28a745;--warning:#ffc107;--error:#dc3545;--info:#007bff;--shadow-sm:0 2px 8px #00000014;--shadow-md:0 2px 12px #0000001a;--shadow-lg:0 4px 20px #00000026;--card-bg:#fff;--input-bg:#fff;--hover-bg:#f8f9fa}[data-theme=dark]{--bg-primary:#1a1a2e;--bg-secondary:#16213e;--bg-tertiary:#0f3460;--text-primary:#e4e4e4;--text-secondary:#b0b0b0;--text-tertiary:grey;--border-color:#2d3748;--border-light:#1a202c;--accent-primary:#7c9aff;--accent-secondary:#9575cd;--accent-gradient:linear-gradient(135deg,#7c9aff,#9575cd);--success:#48bb78;--warning:#ecc94b;--error:#f56565;--info:#4299e1;--shadow-sm:0 2px 8px #0000004d;--shadow-md:0 2px 12px #0006;--shadow-lg:0 4px 20px #00000080;--card-bg:#16213e;--input-bg:#0f3460;--hover-bg:#1a202c}body{color:#333;color:var(--text-primary);transition:background-color .3s ease,color .3s ease}.achievements-container,.admin-container,.dashboard-container,.export-section,.map-container-wrapper,.referrals-container,.scanner-container,.stats-container,.withdrawals-container,body{background-color:#f8f9fa;background-color:var(--bg-secondary)}.achievement-card,.balance-card,.benefit-card,.code-card,.export-card,.receipt-card,.stat-card,.stat-card-admin,.station-card,.step-card,.summary-card,.withdrawal-card{background-color:#fff;background-color:var(--card-bg);box-shadow:0 2px 12px #0000001a;box-shadow:var(--shadow-md);color:#333;color:var(--text-primary)}input,select,textarea{background-color:#fff;background-color:var(--input-bg);border-color:#e0e0e0;border-color:var(--border-color);color:#333;color:var(--text-primary)}input:focus,select:focus,textarea:focus{border-color:#667eea}table{background-color:#fff;background-color:var(--card-bg);color:#333;color:var(--text-primary)}thead{background:linear-gradient(135deg,#667eea,#764ba2)!important;background:var(--accent-gradient)!important}tbody tr:hover{background-color:#f8f9fa;background-color:var(--hover-bg)}.border,[class*=border],hr{border-color:#e0e0e0;border-color:var(--border-color)}[class*=shadow]{box-shadow:0 2px 12px #0000001a;box-shadow:var(--shadow-md)}h1,h2,h3,h4,h5,h6{color:#333;color:var(--text-primary)}p{color:#666;color:var(--text-secondary)}.text-muted,small{color:#999;color:var(--text-tertiary)}a{color:#667eea;color:var(--accent-primary)}a:hover{color:#764ba2;color:var(--accent-secondary)}.success,.text-success{color:#28a745!important;color:var(--success)!important}.error,.text-error{color:#dc3545!important;color:var(--error)!important}.text-warning,.warning{color:#ffc107!important;color:var(--warning)!important}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background:#f8f9fa}::-webkit-scrollbar-thumb{background:#e0e0e0;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#999}[data-theme=dark] .login-container,[data-theme=dark] .signup-container{background:#fff;background:var(--bg-primary)}[data-theme=dark] .benefits-section,[data-theme=dark] .chart-section,[data-theme=dark] .comparison-section,[data-theme=dark] .export-info,[data-theme=dark] .export-preview,[data-theme=dark] .how-it-works,[data-theme=dark] .insights-section,[data-theme=dark] .map-filters,[data-theme=dark] .referral-history,[data-theme=dark] .share-section,[data-theme=dark] .tips-section{background-color:#fff;background-color:var(--card-bg);color:#333;color:var(--text-primary)}[data-theme=dark] img:not([class*=avatar]):not([class*=logo]){opacity:.9}::placeholder{color:#999;color:var(--text-tertiary);opacity:.7}::selection{background-color:#667eea;background-color:var(--accent-primary)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes shake{0%,to{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-5px)}20%,40%,60%,80%{transform:translateX(5px)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-15px)}60%{transform:translateY(-10px)}}@keyframes glow{0%,to{box-shadow:0 0 5px #667eea80}50%{box-shadow:0 0 20px #667eeacc}}.dashboard-content>*{animation:fadeIn .5s ease-out}.achievement-card,.balance-card,.benefit-card,.code-card,.export-card,.receipt-card,.referral-card,.stat-card,.station-card,.step-card,.summary-card,.withdrawal-card{animation:scaleIn .4s ease-out;transition:all .3s ease}.achievement-card:hover,.balance-card:hover,.benefit-card:hover,.export-card:hover,.receipt-card:hover,.stat-card:hover,.station-card:hover,.summary-card:hover,.withdrawal-card:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-5px) scale(1.02)}button{overflow:hidden;position:relative;transition:all .3s ease}button:active{transform:scale(.95)}button:after{background:#ffffff80;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0}button:active:after{height:300px;width:300px}.tabs-nav button{position:relative;transition:all .3s ease}.tabs-nav button:before{background:var(--accent-gradient);bottom:0;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);transition:width .3s ease;width:0}.tabs-nav button.active:before,.tabs-nav button:hover:before{width:100%}input:focus,select:focus,textarea:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px #667eea1a;outline:none;transform:scale(1.01);transition:all .3s ease}.spinner{animation:spin 1s linear infinite;border:4px solid #667eea1a;border-radius:50%;border-top:4px solid var(--accent-primary);display:inline-block;height:40px;width:40px}.spinner-large{border-width:6px;height:60px;width:60px}.spinner-small{border-width:3px;height:20px;width:20px}.skeleton{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,var(--bg-secondary) 0,var(--bg-tertiary) 50%,var(--bg-secondary) 100%);background-size:200% 100%;border-radius:8px}.skeleton-text{height:16px;margin-bottom:10px}.skeleton-title{height:24px;margin-bottom:15px;width:60%}.skeleton-avatar{border-radius:50%;height:50px;width:50px}.skeleton-card{height:200px;width:100%}.success-message{animation:slideInRight .5s ease-out;background:linear-gradient(135deg,#d4edda,#c3e6cb);border-left:4px solid #28a745;color:#155724}.error-message,.success-message{border-radius:8px;margin:15px 0;padding:15px 20px}.error-message{animation:shake .5s ease-out;background:linear-gradient(135deg,#f8d7da,#f5c6cb);border-left:4px solid #dc3545;color:#721c24}.warning-message{background:linear-gradient(135deg,#fff3cd,#ffeeba);border-left:4px solid #ffc107;color:#856404}.info-message,.warning-message{animation:slideInRight .5s ease-out;border-radius:8px;margin:15px 0;padding:15px 20px}.info-message{background:linear-gradient(135deg,#d1ecf1,#bee5eb);border-left:4px solid #17a2b8;color:#0c5460}.progress-bar{background:var(--bg-tertiary);height:8px;width:100%}.progress-bar,.progress-bar-fill{border-radius:10px;overflow:hidden;position:relative}.progress-bar-fill{background:var(--accent-gradient);height:100%;transition:width .5s ease}.progress-bar-fill:after{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.badge{animation:fadeIn .3s ease-out;border-radius:20px;display:inline-block;font-size:12px;font-weight:600;padding:4px 12px}.badge-success{background:#d4edda;color:#155724}.badge-error{background:#f8d7da;color:#721c24}.badge-warning{background:#fff3cd;color:#856404}.badge-info{background:#d1ecf1;color:#0c5460}.badge-pulse{animation:pulse 2s infinite}.tooltip{display:inline-block;position:relative}.tooltip:before{background:#000000e6;border-radius:6px;bottom:125%;color:#fff;content:attr(data-tooltip);font-size:12px;padding:8px 12px;pointer-events:none;white-space:nowrap;z-index:1000}.tooltip:after,.tooltip:before{left:50%;opacity:0;position:absolute;transform:translateX(-50%) scale(0);transition:all .3s ease}.tooltip:after{border:5px solid #0000;border-top-color:#000000e6;bottom:115%;content:""}.tooltip:hover:after,.tooltip:hover:before{opacity:1;transform:translateX(-50%) scale(1)}.divider{background:linear-gradient(90deg,#0000,var(--border-color),#0000);height:1px;margin:30px 0}.icon-bounce{animation:bounce 2s infinite}.icon-spin{animation:spin 2s linear infinite}.icon-pulse{animation:pulse 2s infinite}*{transition-duration:.3s;transition-property:background-color,border-color,color,fill,stroke;transition-timing-function:ease}::-webkit-scrollbar{height:12px;width:12px}::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:10px}::-webkit-scrollbar-thumb{background:var(--border-color);border:3px solid var(--bg-secondary);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}html{scroll-behavior:smooth}:focus-visible{outline:3px solid var(--accent-primary);outline-offset:2px}::selection{background:var(--accent-primary);color:#fff}::-moz-selection{background:var(--accent-primary);color:#fff}.sr-only{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.install-pwa-banner{animation:slideUp .4s ease-out;bottom:20px;left:50%;max-width:90%;position:fixed;transform:translateX(-50%);width:500px;z-index:9999}.install-pwa-content{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;box-shadow:0 8px 24px #0000004d;color:#fff;display:flex;gap:15px;padding:16px 20px}.install-pwa-icon{flex-shrink:0;font-size:32px}.install-pwa-text{flex:1 1}.install-pwa-text h3{font-size:16px;font-weight:600;margin:0 0 4px}.install-pwa-text p{font-size:13px;margin:0;opacity:.9}.install-pwa-actions{align-items:center;display:flex;gap:10px}.install-btn{background:#fff;border:none;border-radius:6px;color:#667eea;cursor:pointer;font-size:14px;font-weight:600;padding:8px 20px;transition:transform .2s,box-shadow .2s}.install-btn:hover{box-shadow:0 4px 12px #0003;transform:translateY(-2px)}.install-btn:active{transform:translateY(0)}.dismiss-btn{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:16px;height:32px;justify-content:center;transition:background .2s;width:32px}.dismiss-btn:hover{background:#ffffff4d}@keyframes slideUp{0%{opacity:0;transform:translateX(-50%) translateY(100px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}@media (max-width:768px){.install-pwa-banner{bottom:10px;width:calc(100% - 20px)}.install-pwa-content{gap:12px;padding:12px 16px}.install-pwa-icon{font-size:28px}.install-pwa-text h3{font-size:14px}.install-pwa-text p{font-size:12px}.install-btn{font-size:13px;padding:6px 16px}}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}