@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Press+Start+2P&family=Orbitron:wght@400;500;600;700;800;900&display=swap);body{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}html{scroll-behavior:smooth;scroll-padding-top:5rem}::selection{background:#4a90e2;color:#fff}::-moz-selection{background:#4a90e2;color:#fff}:root{--background:#1a1c27;--background-darker:#151720;--primary:#2c2e3b;--secondary:#4a90e2;--accent:#ff6b35;--text-primary:#fff;--text-secondary:#b0b3c1;--accent-green:#9cb68f;--accent-red:#e16162;--accent-yellow:#ffc107;--glow-sm:0 0 10px #4a90e24d;--glow-md:0 0 20px #4a90e266;--glow-lg:0 0 30px #4a90e280;--shadow-sm:0 1px 2px #0000004d;--shadow:0 1px 3px #0006,0 1px 2px #0000004d;--shadow-lg:0 10px 15px #0006,0 4px 6px #0000004d;--spacing-1:0.25rem;--spacing-2:0.5rem;--spacing-3:0.75rem;--spacing-4:1rem;--spacing-6:1.5rem;--spacing-8:2rem;--spacing-12:3rem;--spacing-16:4rem;--spacing-20:5rem;--radius-sm:0.375rem;--radius:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--transition:300ms cubic-bezier(0.4,0,0.2,1);--transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--border-color:#4a5568}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:#1a1c27;background-color:var(--background);color:#fff;color:var(--text-primary);font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.5}#root,body{overflow-x:hidden}h1{color:#fff;color:var(--text-primary);font-size:2.25rem;font-weight:700;line-height:1.2;margin-bottom:1.5rem;margin-bottom:var(--spacing-6)}h2{font-size:1.875rem;line-height:1.3;margin-bottom:1rem;margin-bottom:var(--spacing-4)}h2,h3{color:#fff;color:var(--text-primary);font-weight:600}h3{font-size:1.5rem;line-height:1.4;margin-bottom:.75rem;margin-bottom:var(--spacing-3)}h4{color:#fff;color:var(--text-primary);font-size:1.25rem;font-weight:500;line-height:1.5;margin-bottom:.5rem;margin-bottom:var(--spacing-2)}p{color:#b0b3c1;color:var(--text-secondary);line-height:1.75;margin-bottom:1rem;margin-bottom:var(--spacing-4)}@media (max-width:768px){h1{font-size:2rem}h2{font-size:1.75rem}h3{font-size:1.25rem}}.card{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:#2c2e3b;background-color:var(--primary);border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 1px 3px #0006,0 1px 2px #0000004d;box-shadow:var(--shadow);padding:1.5rem;padding:var(--spacing-6);transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition);will-change:transform}.card:hover{box-shadow:0 0 20px #4a90e266;box-shadow:var(--glow-md);transform:translateY(-4px) translateZ(0)}.card-compact{padding:1rem;padding:var(--spacing-4)}.card-large{padding:2rem;padding:var(--spacing-8)}.btn{align-items:center;-webkit-backface-visibility:hidden;backface-visibility:hidden;border:none;border-radius:.75rem;border-radius:var(--radius-lg);cursor:pointer;display:inline-flex;font-size:1rem;font-weight:500;justify-content:center;min-height:48px;padding:.75rem 1.5rem;padding:var(--spacing-3) var(--spacing-6);text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition);will-change:transform,opacity}.btn:focus-visible{box-shadow:0 0 0 2px #1a1c27,0 0 0 4px #4a90e2;box-shadow:0 0 0 2px var(--background),0 0 0 4px var(--secondary);outline:none}.btn-primary{background-color:#4a90e2;background-color:var(--secondary);color:#fff}.btn-primary:hover{opacity:.9;transform:translateY(-1px)}.btn-primary:active{transform:scale(.98)}.btn-accent{background-color:#ff6b35;background-color:var(--accent);color:#fff}.btn-accent:hover{opacity:.9;transform:translateY(-1px)}.btn-accent:active{transform:scale(.98)}.btn-secondary{background-color:#9cb68f;background-color:var(--accent-green);color:#fff}.btn-secondary:hover{opacity:.9;transform:translateY(-1px)}.btn-secondary:active{transform:scale(.98)}.btn-danger{background-color:#e16162;background-color:var(--accent-red);color:#fff}.btn-danger:hover{opacity:.9;transform:translateY(-1px)}.btn-danger:active{transform:scale(.98)}.btn-outline{background-color:initial;border:2px solid #4a90e2;border:2px solid var(--secondary);color:#4a90e2;color:var(--secondary)}.btn-outline:hover{background-color:#4a90e2;background-color:var(--secondary);color:#fff}.btn-large{font-size:1.125rem;min-height:52px;padding:1rem 2rem;padding:var(--spacing-4) var(--spacing-8)}.btn-small{font-size:.875rem;min-height:36px;padding:.5rem 1rem;padding:var(--spacing-2) var(--spacing-4)}.form-group{margin-bottom:1rem;margin-bottom:var(--spacing-4)}.form-label{display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem;margin-bottom:var(--spacing-2)}.form-input,.form-label{color:#fff;color:var(--text-primary)}.form-input{background-color:#2c2e3b;background-color:var(--primary);border:2px solid #2c2e3b;border:2px solid var(--primary);border-radius:.5rem;border-radius:var(--radius);font-family:Inter,sans-serif;font-size:1rem;padding:.75rem;padding:var(--spacing-3);transition:border-color .3s cubic-bezier(.4,0,.2,1);transition:border-color var(--transition);width:100%}.form-input:focus{border-color:#4a90e2;border-color:var(--secondary);box-shadow:0 0 10px #4a90e24d;box-shadow:var(--glow-sm);outline:none}.form-input::placeholder{color:#b0b3c1;color:var(--text-secondary);opacity:.6}.form-select{-webkit-appearance:none;appearance:none;background-color:#2c2e3b;background-color:var(--primary);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right .75rem center;background-position:right var(--spacing-3) center;background-repeat:no-repeat;background-size:1rem;border:2px solid #2c2e3b;border:2px solid var(--primary);border-radius:.5rem;border-radius:var(--radius);color:#fff;color:var(--text-primary);font-family:Inter,sans-serif;font-size:1rem;padding:.75rem;padding:var(--spacing-3);padding-right:2.25rem;padding-right:calc(var(--spacing-3) + 1.5rem);transition:border-color .3s cubic-bezier(.4,0,.2,1);transition:border-color var(--transition);width:100%}.form-select:focus{border-color:#4a90e2;border-color:var(--secondary);box-shadow:0 0 10px #4a90e24d;box-shadow:var(--glow-sm);outline:none}.form-checkbox{align-items:center;cursor:pointer;display:inline-flex;position:relative;-webkit-user-select:none;user-select:none}.form-checkbox input[type=checkbox]{cursor:pointer;height:0;opacity:0;position:absolute;width:0}.form-checkbox .checkmark{background-color:#2c2e3b;background-color:var(--primary);border:2px solid #2c2e3b;border:2px solid var(--primary);border-radius:.375rem;border-radius:var(--radius-sm);height:20px;margin-right:.5rem;margin-right:var(--spacing-2);position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition);width:20px}.form-checkbox input:checked~.checkmark,.form-checkbox:hover .checkmark{border-color:#4a90e2;border-color:var(--secondary)}.form-checkbox input:checked~.checkmark{background-color:#4a90e2;background-color:var(--secondary)}.form-checkbox .checkmark:after{border:solid #fff;border-width:0 2px 2px 0;content:"";display:none;height:12px;left:6px;position:absolute;top:2px;transform:rotate(45deg);width:6px}.form-checkbox input:checked~.checkmark:after{display:block}.link{color:#4a90e2;color:var(--secondary);cursor:pointer;text-decoration:underline;transition:opacity .3s cubic-bezier(.4,0,.2,1);transition:opacity var(--transition)}.link:hover{opacity:.8}.grid{grid-gap:1.5rem;grid-gap:var(--spacing-6);display:grid;gap:1.5rem;gap:var(--spacing-6)}.grid-2{grid-gap:1rem;grid-gap:var(--spacing-4);grid-template-columns:repeat(2,1fr)}.grid-2,.grid-3{display:grid;gap:1rem;gap:var(--spacing-4)}.grid-3{grid-gap:1rem;grid-gap:var(--spacing-4);grid-template-columns:repeat(3,1fr)}.grid-4{grid-gap:1rem;grid-gap:var(--spacing-4);display:grid;gap:1rem;gap:var(--spacing-4);grid-template-columns:repeat(4,1fr)}@media (max-width:768px){.grid-2,.grid-3,.grid-4{gap:.75rem;gap:var(--spacing-3);grid-template-columns:1fr}}@media (max-width:1024px) and (min-width:769px){.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.space-y-4>*+*{margin-top:1rem;margin-top:var(--spacing-4)}.space-y-6>*+*{margin-top:1.5rem;margin-top:var(--spacing-6)}.p-2{padding:.5rem;padding:var(--spacing-2)}.p-3{padding:.75rem;padding:var(--spacing-3)}.p-4{padding:1rem;padding:var(--spacing-4)}.p-6{padding:1.5rem;padding:var(--spacing-6)}.p-8{padding:2rem;padding:var(--spacing-8)}.mb-2{margin-bottom:.5rem;margin-bottom:var(--spacing-2)}.mb-4{margin-bottom:1rem;margin-bottom:var(--spacing-4)}.mb-6{margin-bottom:1.5rem;margin-bottom:var(--spacing-6)}.mb-8{margin-bottom:2rem;margin-bottom:var(--spacing-8)}.mt-2{margin-top:.5rem;margin-top:var(--spacing-2)}.mt-4{margin-top:1rem;margin-top:var(--spacing-4)}.mt-6{margin-top:1.5rem;margin-top:var(--spacing-6)}.text-center{text-align:center}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.font-bold{font-weight:700}.text-gradient{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#4a90e2,#ff6b35);background:linear-gradient(135deg,var(--secondary) 0,var(--accent) 100%);-webkit-background-clip:text;background-clip:text}.main-layout{display:flex;min-height:100vh}.main-content{background-color:#1a1c27;background-color:var(--background);flex:1 1;margin-left:16rem;min-height:100vh}@media (max-width:1024px){.main-content{margin-left:0}}@media (max-width:768px){.main-content{margin-left:0;padding-top:60px}}.w-full{width:100%}.h-full{height:100%}.max-w-md{max-width:28rem}.chart-container{background-color:#2c2e3b;background-color:var(--primary);border:1px solid #4a90e21a;border-radius:.5rem;border-radius:var(--radius);height:300px;padding:.5rem;padding:var(--spacing-2);position:relative;width:100%}.chart-container canvas{max-height:100%!important}.chart-wrapper{background:linear-gradient(135deg,#2c2e3b,#151720);background:linear-gradient(135deg,var(--primary) 0,var(--background-darker) 100%);border:1px solid #4a90e233;border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 1px 3px #0006,0 1px 2px #0000004d;box-shadow:var(--shadow);padding:1rem;padding:var(--spacing-4)}.chart-header{align-items:center;border-bottom:1px solid #4a90e21a;display:flex;justify-content:space-between;margin-bottom:1rem;margin-bottom:var(--spacing-4);padding-bottom:.75rem;padding-bottom:var(--spacing-3)}.chart-title{color:#fff;color:var(--text-primary);font-size:1.25rem;font-weight:600;margin:0}.chart-legend{border-top:1px solid #4a90e21a;display:flex;flex-wrap:wrap;gap:.75rem;gap:var(--spacing-3);margin-top:.75rem;margin-top:var(--spacing-3);padding-top:.75rem;padding-top:var(--spacing-3)}.chart-legend-item{align-items:center;color:#b0b3c1;color:var(--text-secondary);display:flex;font-size:.875rem;gap:.5rem;gap:var(--spacing-2)}.chart-legend-color{border-radius:.375rem;border-radius:var(--radius-sm);height:12px;width:12px}@media (max-width:768px){.chart-container{height:250px!important}}.progress-bar{background-color:#2c2e3b;background-color:var(--primary);height:.75rem;height:var(--spacing-3);overflow:hidden;width:100%}.progress-bar,.progress-fill{border-radius:.75rem;border-radius:var(--radius-lg)}.progress-fill{background:linear-gradient(90deg,#4a90e2,#ff6b35);background:linear-gradient(90deg,var(--secondary),var(--accent));height:100%;transition:width .3s cubic-bezier(.4,0,.2,1);transition:width var(--transition)}.progress-success{background:linear-gradient(90deg,#9cb68f,#7fb069);background:linear-gradient(90deg,var(--accent-green),#7fb069)}.progress-danger{background:linear-gradient(90deg,#e16162,#c54545);background:linear-gradient(90deg,var(--accent-red),#c54545)}.stat-card{text-align:center}.stat-number{color:#4a90e2;color:var(--secondary);display:block;font-size:2.5rem;font-weight:700}.stat-label{color:#b0b3c1;color:var(--text-secondary);font-size:.875rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase}@media (max-width:768px){.stat-number{font-size:2rem}}.block{display:block}.hidden{display:none}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{bottom:0;left:0;right:0;top:0}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.transform{transform:translateX(0) translateY(0) translateZ(0);transform:translateX(var(--transform-translate-x,0)) translateY(var(--transform-translate-y,0)) translateZ(0)}.translate-x-0{--transform-translate-x:0}.-translate-x-full{--transform-translate-x:-100%}.transition-transform{transition:transform .3s cubic-bezier(.4,0,.2,1);transition:transform var(--transition)}.duration-300{transition-duration:.3s}.bg-opacity-50{background-color:#00000080}@media (min-width:768px){.md\:hidden{display:none}.md\:block{display:block}.md\:translate-x-0{--transform-translate-x:0}}.loading{opacity:.6;pointer-events:none}.spinner{animation:spin 1s linear infinite;border:3px solid #2c2e3b;border-top:3px solid #4a90e2;border:3px solid var(--primary);border-radius:50%;border-top-color:var(--secondary);height:24px;margin:0 auto;width:24px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in,.animate-fadeIn,.fade-in{animation:fadeIn .5s ease-out;-webkit-backface-visibility:hidden;backface-visibility:hidden}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.animate-slide-up,.animate-slideUp,.slide-up{animation:slideUp .6s ease-out;-webkit-backface-visibility:hidden;backface-visibility:hidden}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.animate-scale-in,.animate-scaleIn{animation:scaleIn .5s ease-out;-webkit-backface-visibility:hidden;backface-visibility:hidden}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}.animate-slideInLeft{animation:slideInLeft .6s ease-out;-webkit-backface-visibility:hidden;backface-visibility:hidden}@keyframes slideInRight{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}.animate-slideInRight{animation:slideInRight .6s ease-out;-webkit-backface-visibility:hidden;backface-visibility:hidden}@keyframes slideIn{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.animate-float{animation:float 3s ease-in-out infinite;-webkit-backface-visibility:hidden;backface-visibility:hidden}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}.pulse{animation:pulse 2s infinite}@keyframes pulse-glow{0%,to{opacity:1}50%{opacity:.5}}.animate-pulse-glow{animation:pulse-glow 2s infinite}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.animate-gradient-shift{animation:gradientShift 3s ease infinite;background-size:300% 300%}.animation-delay-200{animation-delay:.2s}.animation-delay-400{animation-delay:.4s}.animation-delay-600{animation-delay:.6s}.animation-delay-800{animation-delay:.8s}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background:#1a1c27;background:var(--background)}::-webkit-scrollbar-thumb{background:#2c2e3b;background:var(--primary);background-clip:padding-box;border:2px solid #0000;border-radius:9999px}::-webkit-scrollbar-thumb:hover{background:#4a90e2;background:var(--secondary);background-clip:padding-box}:focus-visible{box-shadow:0 0 0 2px #1a1c27,0 0 0 4px #4a90e2;box-shadow:0 0 0 2px var(--background),0 0 0 4px var(--secondary);outline:none}@media (max-width:768px){.card{border-radius:.75rem;border-radius:var(--radius-lg);padding:1rem;padding:var(--spacing-4)}.btn{min-height:48px;padding:1rem 1.5rem;padding:var(--spacing-4) var(--spacing-6)}.p-6{padding:1rem!important;padding:var(--spacing-4)!important}.form-input{font-size:16px}}@media (hover:none) and (pointer:coarse){.btn{min-height:48px}.btn-large{min-height:56px}}.glass{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#2c2e3b1a;border:1px solid #fff3}.transition-smooth{transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition)}.active\:scale-98:active{transform:scale(.98)}.modern-menu-btn{position:relative}.modern-menu-btn:before{background:linear-gradient(45deg,#ffffff1a,#0000);border-radius:12px;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s cubic-bezier(.4,0,.2,1);transition:opacity var(--transition)}.modern-menu-btn:hover:before{opacity:1}.modern-logout-btn{overflow:hidden;position:relative}.modern-logout-btn:before{background:linear-gradient(45deg,#0000,#e161621a,#0000);content:"";height:200%;left:-50%;opacity:0;position:absolute;top:-50%;transform:rotate(-45deg);transition:transform .6s ease;width:200%}.modern-logout-btn:hover:before{opacity:1;transform:rotate(-45deg) translateX(100%)}:root{--retro-green:#00ff41;--retro-red:#ff0040;--retro-yellow:gold;--retro-cyan:#0ff;--retro-magenta:#f0f;--retro-purple:#b026ff;--retro-dark:#0a0e27;--retro-darker:#050810;--glass-bg:#2c2e3b99;--glass-bg-light:#2c2e3b66;--glass-border:#ffffff1a;--glass-border-strong:#fff3;--glass-blur:16px;--glass-blur-strong:24px;--gradient-primary:linear-gradient(135deg,#4a90e2,#667eea);--gradient-accent:linear-gradient(135deg,#ff6b35,#f093fb);--gradient-success:linear-gradient(135deg,#00ff41,#00d4aa);--gradient-danger:linear-gradient(135deg,#ff0040,#ff6b6b);--gradient-warning:linear-gradient(135deg,gold,#ffed4e);--gradient-retro:linear-gradient(135deg,#0ff,#f0f);--pixel-border:4px;--pixel-shadow:4px 4px 0px #0000004d;--pixel-shadow-lg:6px 6px 0px #0006;--pixel-inset:inset 2px 2px 0px #ffffff1a;--font-retro:"Press Start 2P",monospace;--font-score:"Orbitron","Press Start 2P",monospace}.glass-card{backdrop-filter:blur(16px);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(var(--glass-blur));-webkit-backface-visibility:hidden;backface-visibility:hidden;background:#2c2e3b99;background:var(--glass-bg);border:1px solid #ffffff1a;border:1px solid var(--glass-border);border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 10px 15px #0006,0 4px 6px #0000004d;box-shadow:var(--shadow-lg);transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition)}.glass-card:hover{background:#2c2e3b66;background:var(--glass-bg-light);border-color:#fff3;border-color:var(--glass-border-strong);box-shadow:0 0 20px #4a90e266;box-shadow:var(--glow-md);transform:translateY(-2px) translateZ(0)}.glass-card-strong{background:#2c2e3bcc;border:2px solid #fff3;border:2px solid var(--glass-border-strong)}.glass-card-strong,.glass-modal{backdrop-filter:blur(24px);backdrop-filter:blur(var(--glass-blur-strong));-webkit-backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(var(--glass-blur-strong))}.glass-modal{border:1px solid #fff3;border:1px solid var(--glass-border-strong);box-shadow:0 20px 40px #00000080}.glass-modal,.glass-nav{background:#2c2e3b99;background:var(--glass-bg)}.glass-nav{backdrop-filter:blur(16px);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(var(--glass-blur));border-right:1px solid #ffffff1a;border-right:1px solid var(--glass-border)}.pixel-border{border:4px solid #4a90e2;border:var(--pixel-border) solid var(--secondary);border-radius:0;box-shadow:4px 4px 0 #0000004d;box-shadow:var(--pixel-shadow);image-rendering:pixelated}.pixel-border-green{border-color:#00ff41;border-color:var(--retro-green)}.pixel-border-red{border-color:#ff0040;border-color:var(--retro-red)}.pixel-border-yellow{border-color:gold;border-color:var(--retro-yellow)}.pixel-border-cyan{border-color:#0ff;border-color:var(--retro-cyan)}.pixel-corners{background:#2c2e3b;background:var(--primary);border:none;position:relative}.pixel-corners:after,.pixel-corners:before{background:#4a90e2;background:var(--secondary);content:"";height:4px;height:var(--pixel-border);position:absolute;width:4px;width:var(--pixel-border)}.pixel-corners:before{box-shadow:4px 0 0 #4a90e2,0 4px 0 #4a90e2;box-shadow:var(--pixel-border) 0 0 var(--secondary),0 var(--pixel-border) 0 var(--secondary);left:0;top:0}.pixel-corners:after{bottom:0;box-shadow:-4px 0 0 #4a90e2,0 -4px 0 #4a90e2;box-shadow:calc(var(--pixel-border)*-1) 0 0 var(--secondary),0 calc(var(--pixel-border)*-1) 0 var(--secondary);right:0}.retro-score{color:#00ff41;color:var(--retro-green);font-family:Orbitron,Press Start\ 2P,monospace;font-family:var(--font-score);font-size:3rem;font-weight:900;letter-spacing:.1em;line-height:1;text-shadow:0 0 10px #00ff41cc,0 0 20px #00ff4199,4px 4px 0 #000c}.retro-score-large{font-size:4rem}.retro-score-small{font-size:1.5rem}.retro-score-red{color:#ff0040;color:var(--retro-red);text-shadow:0 0 10px #ff0040cc,0 0 20px #ff004099,4px 4px 0 #000c}.retro-score-yellow{color:gold;color:var(--retro-yellow);text-shadow:0 0 10px #ffd700cc,0 0 20px #ffd70099,4px 4px 0 #000c}.retro-badge{background:#0a0e27;background:var(--retro-dark);border:2px solid #00ff41;border:2px solid var(--retro-green);box-shadow:4px 4px 0 #0000004d;box-shadow:var(--pixel-shadow);color:#00ff41;color:var(--retro-green);display:inline-block;font-family:Press Start\ 2P,monospace;font-family:var(--font-retro);font-size:.625rem;letter-spacing:.05em;padding:.5rem .75rem;padding:var(--spacing-2) var(--spacing-3);text-transform:uppercase}.retro-badge-cyan{border-color:#0ff;border-color:var(--retro-cyan);color:#0ff;color:var(--retro-cyan)}.retro-badge-magenta{border-color:#f0f;border-color:var(--retro-magenta);color:#f0f;color:var(--retro-magenta)}.retro-badge-yellow{border-color:gold;border-color:var(--retro-yellow);color:gold;color:var(--retro-yellow)}.scanlines-overlay{overflow:hidden;position:relative}.scanlines-overlay:before{background:repeating-linear-gradient(0deg,#00000026,#00000026 1px,#0000 0,#0000 2px);bottom:0;content:"";left:0;opacity:.3;pointer-events:none;position:absolute;right:0;top:0;z-index:1}.crt-effect{animation:flicker .15s infinite;position:relative}.crt-effect:after{background:radial-gradient(ellipse at center,#0000 0,#0000004d 100%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}@keyframes flicker{0%{opacity:.98}50%{opacity:1}to{opacity:.98}}.btn-gradient-primary{background:linear-gradient(135deg,#4a90e2,#667eea);background:var(--gradient-primary);border:none;box-shadow:0 4px 15px #4a90e266;color:#fff}.btn-gradient-primary:hover{box-shadow:0 6px 20px #4a90e299;transform:translateY(-2px)}.btn-gradient-accent{background:linear-gradient(135deg,#ff6b35,#f093fb);background:var(--gradient-accent);border:none;box-shadow:0 4px 15px #ff6b3566;color:#fff}.btn-gradient-accent:hover{box-shadow:0 6px 20px #ff6b3599;transform:translateY(-2px)}.btn-gradient-success{background:linear-gradient(135deg,#00ff41,#00d4aa);background:var(--gradient-success);border:none;box-shadow:0 4px 15px #00ff4166;color:#1a1c27;color:var(--background);font-weight:700}.btn-gradient-success:hover{box-shadow:0 6px 20px #00ff4199;transform:translateY(-2px)}.btn-gradient-danger{background:linear-gradient(135deg,#ff0040,#ff6b6b);background:var(--gradient-danger);border:none;box-shadow:0 4px 15px #ff004066;color:#fff}.btn-gradient-danger:hover{box-shadow:0 6px 20px #ff004099;transform:translateY(-2px)}.btn-gradient-retro{background:linear-gradient(135deg,#0ff,#f0f);background:var(--gradient-retro);border:none;box-shadow:0 4px 15px #0ff6;color:#1a1c27;color:var(--background);font-weight:700}.btn-gradient-retro:hover{box-shadow:0 6px 20px #f0f9;transform:translateY(-2px)}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:0}}.animate-blink{animation:blink 1s step-end infinite}.animate-blink-slow{animation:blink 2s step-end infinite}@keyframes retro-flash{0%{background-color:initial;box-shadow:none}50%{background-color:gold;background-color:var(--retro-yellow);box-shadow:0 0 20px gold;box-shadow:0 0 20px var(--retro-yellow)}to{background-color:initial;box-shadow:none}}.animate-retro-flash{animation:retro-flash .5s ease-in-out}@keyframes pixel-shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-4px);transform:translate(calc(var(--pixel-border)*-1))}20%,40%,60%,80%{transform:translate(4px);transform:translate(var(--pixel-border))}}.animate-pixel-shake{animation:pixel-shake .4s ease-in-out}@keyframes scanline-sweep{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}.animate-scanline-sweep{overflow:hidden;position:relative}.animate-scanline-sweep:after{animation:scanline-sweep 2s linear infinite;background:linear-gradient(180deg,#0000,#ffffff1a,#0000);content:"";height:100px;left:0;position:absolute;right:0;top:0}@keyframes level-up{0%{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.animate-level-up{animation:level-up .6s ease-in-out}.bottom-nav{backdrop-filter:blur(16px);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(var(--glass-blur));background:#2c2e3b99;background:var(--glass-bg);border-top:1px solid #ffffff1a;border-top:1px solid var(--glass-border);bottom:0;height:60px;justify-content:space-around;left:0;padding:0 .5rem;padding:0 var(--spacing-2);position:fixed;right:0;z-index:50}.bottom-nav,.bottom-nav-item{align-items:center;display:flex}.bottom-nav-item{border-radius:.5rem;border-radius:var(--radius);color:#b0b3c1;color:var(--text-secondary);cursor:pointer;flex:1 1;flex-direction:column;gap:.25rem;gap:var(--spacing-1);justify-content:center;min-height:48px;padding:.5rem;padding:var(--spacing-2);text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition)}.bottom-nav-item:hover{background:#ffffff0d;color:#fff;color:var(--text-primary)}.bottom-nav-item.active{background:linear-gradient(135deg,#4a90e2,#667eea);background:var(--gradient-primary);border:2px solid #fff3;box-shadow:4px 4px 0 #0000004d;box-shadow:var(--pixel-shadow);color:#fff;color:var(--text-primary)}.bottom-nav-icon{font-size:1.5rem;line-height:1}.bottom-nav-label{font-size:.625rem;font-weight:500;letter-spacing:.05em;line-height:1;text-transform:uppercase}@media (min-width:1024px){.bottom-nav{display:none}}.widget-grid{grid-gap:1rem;grid-gap:var(--spacing-4);display:grid;gap:1rem;gap:var(--spacing-4);grid-template-columns:repeat(1,1fr);margin-bottom:5rem;margin-bottom:var(--spacing-20)}@media (min-width:640px){.widget-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.widget-grid{gap:1.5rem;gap:var(--spacing-6);grid-template-columns:repeat(3,1fr)}}@media (min-width:1280px){.widget-grid{grid-template-columns:repeat(4,1fr)}}.widget-col-span-1{grid-column:span 1}.widget-col-span-2{grid-column:span 2}.widget-col-span-3{grid-column:span 3}.widget-col-span-full{grid-column:1/-1}@media (max-width:639px){.widget-col-span-2,.widget-col-span-3,.widget-col-span-full{grid-column:span 1}}.dashboard-widget{backdrop-filter:blur(16px);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(var(--glass-blur));-webkit-backface-visibility:hidden;backface-visibility:hidden;background:#2c2e3b99;background:var(--glass-bg);border:1px solid #ffffff1a;border:1px solid var(--glass-border);border-radius:1rem;border-radius:var(--radius-xl);padding:1rem;padding:var(--spacing-4);transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition)}.dashboard-widget:hover{border-color:#fff3;border-color:var(--glass-border-strong);box-shadow:0 0 10px #4a90e24d;box-shadow:var(--glow-sm);transform:translateY(-2px) translateZ(0)}.dashboard-widget-header{align-items:center;border-bottom:1px solid #ffffff1a;border-bottom:1px solid var(--glass-border);display:flex;justify-content:space-between;margin-bottom:.75rem;margin-bottom:var(--spacing-3);padding-bottom:.5rem;padding-bottom:var(--spacing-2)}.dashboard-widget-title{color:#b0b3c1;color:var(--text-secondary);font-size:.875rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.dashboard-widget-icon{font-size:1.25rem;opacity:.6}.dashboard-widget-content{display:flex;flex-direction:column;gap:.5rem;gap:var(--spacing-2)}.stat-widget-value{color:#fff;color:var(--text-primary);font-size:2.5rem;font-weight:700;line-height:1;margin:.5rem 0;margin:var(--spacing-2) 0}.stat-widget-label{color:#b0b3c1;color:var(--text-secondary);font-size:.75rem;letter-spacing:.05em;text-transform:uppercase}.stat-widget-trend{align-items:center;border-radius:.5rem;border-radius:var(--radius);display:inline-flex;font-size:.75rem;font-weight:600;gap:.25rem;gap:var(--spacing-1);padding:.25rem .5rem;padding:var(--spacing-1) var(--spacing-2)}.stat-widget-trend.positive{background:#00ff411a;color:#00ff41;color:var(--retro-green)}.stat-widget-trend.negative{background:#ff00401a;color:#ff0040;color:var(--retro-red)}.stat-widget-trend.neutral{background:#ffffff0d;color:#b0b3c1;color:var(--text-secondary)}.hero-widget{background:linear-gradient(135deg,#4a90e2,#667eea);background:var(--gradient-primary);border:none;color:#fff;padding:2rem;padding:var(--spacing-8);text-align:center}.hero-widget-title{font-family:Press Start\ 2P,monospace;font-family:var(--font-retro);font-size:1.5rem;margin-bottom:1rem;margin-bottom:var(--spacing-4);text-shadow:2px 2px 0 #0000004d}.hero-widget-subtitle{font-size:1rem;margin-bottom:1.5rem;margin-bottom:var(--spacing-6);opacity:.9}.hero-widget-cta{align-items:center;display:inline-flex;gap:.5rem;gap:var(--spacing-2)}@media (max-width:768px){.bottom-nav{padding-bottom:env(safe-area-inset-bottom)}.widget-grid{margin-bottom:calc(60px + 1rem);margin-bottom:calc(60px + var(--spacing-4))}.dashboard-widget{padding:.75rem;padding:var(--spacing-3)}.stat-widget-value{font-size:2rem}}.App{background-color:var(--background)}.App,.min-h-screen{min-height:100vh}.install-prompt{animation:slideUp .5s ease-out;background:var(--primary);border-radius:var(--radius-lg);bottom:20px;box-shadow:var(--glow-lg);left:50%;padding:var(--spacing-4);position:fixed;transform:translateX(-50%);z-index:1000}.dartboard-container{margin:0 auto;max-width:400px}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}input[inputmode=numeric]{-webkit-appearance:none;appearance:none}.score-display{color:var(--text-primary);font-size:3rem;font-weight:700;margin:1rem 0;text-align:center;text-shadow:var(--glow-sm)}.throw-input{grid-gap:var(--spacing-4);display:grid;gap:var(--spacing-4);grid-template-columns:repeat(3,1fr);margin:2rem 0}.quick-scores{grid-gap:var(--spacing-2);display:grid;gap:var(--spacing-2);grid-template-columns:repeat(4,1fr);margin:var(--spacing-4) 0}.quick-score-btn{align-items:center;aspect-ratio:1;-webkit-backface-visibility:hidden;backface-visibility:hidden;background:var(--primary);border:2px solid var(--secondary);border-radius:var(--radius);color:var(--text-primary);cursor:pointer;display:flex;font-weight:700;justify-content:center;min-height:60px;transition:all var(--transition)}.quick-score-btn:hover{background:var(--secondary);box-shadow:var(--glow-sm);color:#fff;transform:translateY(-2px) translateZ(0)}.quick-score-btn:active{transform:scale(.98)}.player-card{-webkit-backface-visibility:hidden;backface-visibility:hidden;transition:all var(--transition)}.player-card:hover{transform:translateY(-2px) translateZ(0)}.player-avatar{align-items:center;background:linear-gradient(135deg,var(--secondary),var(--accent));border-radius:50%;box-shadow:var(--glow-sm);color:#fff;display:flex;font-size:1.5rem;font-weight:700;height:60px;justify-content:center;margin:0 auto 1rem;width:60px}.game-mode-grid{grid-gap:var(--spacing-4);display:grid;gap:var(--spacing-4);grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.game-mode-card{-webkit-backface-visibility:hidden;backface-visibility:hidden;background:var(--primary);border:2px solid #0000;border-radius:var(--radius-lg);cursor:pointer;padding:var(--spacing-4);text-align:center;transition:all var(--transition)}.game-mode-card.selected{background:linear-gradient(135deg,#4a90e21a,#ff6b350d);border-color:var(--secondary);box-shadow:var(--glow-md)}.game-mode-card:hover{border-color:var(--secondary);box-shadow:var(--glow-sm);transform:translateY(-2px) translateZ(0)}.game-mode-card:active{transform:scale(.98)}@media (hover:none) and (pointer:coarse){.btn{min-height:48px}.btn-large{min-height:56px}.quick-score-btn{min-height:64px}}@media (max-width:768px){.throw-input{gap:var(--spacing-3);margin:var(--spacing-4) 0}.quick-scores{gap:var(--spacing-1)}.score-display{font-size:2.5rem}}
/*# sourceMappingURL=main.82040656.css.map*/