.text-cool-blue{color:var(--cool-blue-600)}.dark .text-cool-blue{color:var(--cool-blue-400)}#top-banner{background:#1e293bd9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(148,163,184,.2);display:flex;align-items:center;justify-content:space-between;color:#fff;font-size:1.25rem;font-weight:600;padding:0 1rem}:root{--primary-blue: #0ea5e9;--primary-blue-hover: #0284c7;--primary-blue-light: #e0f2fe;--success-green: #059669;--success-green-hover: #047857;--warning-amber: #d97706;--danger-red: #dc2626;--neutral-50: #fafafa;--neutral-100: #f5f5f5;--neutral-200: #e5e5e5;--neutral-800: #262626;--neutral-900: #171717;--gradient-cool: linear-gradient(135deg, #0ea5e9, #6366f1);--cool-blue-50: #f0f9ff;--cool-blue-100: #e0f2fe;--cool-blue-200: #bae6fd;--cool-blue-300: #7dd3fc;--cool-blue-400: #38bdf8;--cool-blue-500: #0ea5e9;--cool-blue-600: #0284c7;--cool-blue-700: #0369a1;--cool-blue-800: #075985;--cool-blue-900: #0c4a6e;--gradient-cool: linear-gradient(135deg, #64748b 0%, #0ea5e9 50%, #22d3ee 100%);--gradient-cool-subtle: linear-gradient(135deg, #f1f5f9 0%, #e0f2fe 50%, #cffafe 100%)}.bg-primary{background-color:var(--primary-blue)}.bg-primary-hover:hover{background-color:var(--primary-blue-hover)}.text-primary{color:var(--primary-blue)}.border-primary{border-color:var(--primary-blue)}.card-professional{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #00000014,0 1px 2px #0000000a;transition:all .2s ease}.card-professional:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;border-color:#d1d5db}.dark .card-professional{background:#1f2937;border-color:#374151}.dark .card-professional:hover{border-color:#4b5563}.btn-primary{background:#3b82f6;color:#fff;font-weight:500;border-radius:8px;padding:.75rem 1.5rem;border:none;transition:all .2s ease;font-size:.875rem;line-height:1.25rem;box-shadow:0 2px 4px #3b82f633}.btn-primary:hover{background:#2563eb;transform:translateY(-1px);box-shadow:0 4px 8px #3b82f64d}.btn-primary:disabled{background:#9ca3af;cursor:not-allowed;transform:none;box-shadow:0 1px 2px #0000001a}.btn-secondary{border:2px solid var(--cool-blue-400);color:var(--cool-blue-600);background:var(--cool-blue-50);font-weight:500;border-radius:8px;padding:.75rem 1.5rem;transition:all .2s ease;font-size:.875rem}.btn-secondary:hover{background:var(--cool-blue-100);border-color:var(--cool-blue-500)}.dark .btn-secondary{background:var(--cool-blue-900);color:var(--cool-blue-300);border-color:var(--cool-blue-600)}.dark .btn-secondary:hover{background:var(--cool-blue-800);border-color:var(--cool-blue-500)}#bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:50;background:#fffffff2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid rgba(229,231,235,.3);box-shadow:0 -10px 25px #00000014}.dark #bottom-nav{background:#1f2937f2;border-top-color:#4b55634d;box-shadow:0 -10px 25px #0003}#nav-container{position:relative;display:flex;max-width:28rem;margin:0 auto;padding:.75rem 1rem;align-items:center;justify-content:space-around}#bottom-nav .nav-btn{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.75rem;border-radius:12px;transition:all .3s cubic-bezier(.4,0,.2,1);color:#9ca3af;background:transparent;border:none;cursor:pointer;min-width:60px;flex:1;max-width:80px}.dark #bottom-nav .nav-btn{color:#6b7280}#bottom-nav .nav-btn:hover:not(#central-vote-btn){background:#3b82f61a;color:#3b82f6;transform:translateY(-1px)}.dark #bottom-nav .nav-btn:hover:not(#central-vote-btn){background:#60a5fa26;color:#60a5fa}#bottom-nav .nav-btn.active-text{color:#3b82f6;background:#3b82f61a}.dark #bottom-nav .nav-btn.active-text{color:#60a5fa;background:#60a5fa26}#bottom-nav .nav-btn svg{transition:all .2s ease;margin-bottom:.25rem}#bottom-nav .nav-btn span{font-size:.75rem;font-weight:500;transition:all .2s ease}#central-vote-btn{background:#10b981;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #10b9814d;min-width:70px;height:60px;border-radius:12px;transition:all .2s ease}#central-vote-btn:hover{transform:translateY(-3px);box-shadow:0 6px 16px #10b98166;background:#059669}#central-vote-btn.active{background:#3b82f6;animation:gentle-glow 2s infinite}#central-vote-btn svg{width:24px;height:24px;margin-bottom:0}@keyframes gentle-glow{0%,to{box-shadow:0 4px 12px #3b82f64d}50%{box-shadow:0 6px 20px #3b82f680}}.nav-btn:after{display:none}.heading-primary{font-size:1.875rem;font-weight:700;line-height:1.2;letter-spacing:-.025em;color:var(--neutral-900)}.heading-secondary{font-size:1.25rem;font-weight:600;line-height:1.3;letter-spacing:-.015em}.text-body{font-size:.875rem;line-height:1.5;color:#6b7280}.dark .heading-primary{color:#f9fafb}.dark .text-body{color:#9ca3af}.modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{width:90%;max-width:500px;background:#fff;border-radius:16px;padding:2rem;box-shadow:0 25px 50px -12px #00000040;border:1px solid #e5e7eb}.dark .modal-content{background:#1f2937;border-color:#374151}.form-input{width:100%;padding:.75rem 1rem;border:2px solid #e5e7eb;border-radius:8px;background:#fff;font-size:.875rem;transition:all .2s ease}.form-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.dark .form-input{background:#1f2937;border-color:#374151;color:#fff}.side-panel{position:fixed;top:0;right:0;bottom:0;width:85%;max-width:360px;background:#fff;z-index:2000;box-shadow:-10px 0 25px -5px #0000001a;transform:translate(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);border-left:1px solid #e5e7eb}.dark .side-panel{background:#1f2937;border-left-color:#374151}.side-panel.panel-open{transform:translate(0)}.panel-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0006;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:1999;opacity:0;pointer-events:none;transition:opacity .3s ease}body.panel-active .panel-overlay{opacity:1;pointer-events:auto}.loader{border:3px solid #f3f4f6;border-top:3px solid #3b82f6;border-radius:50%;width:32px;height:32px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.accordion-content{transition:all .3s cubic-bezier(.4,0,.2,1);max-height:0;overflow:hidden}.accordion-header{background:#f9fafb;transition:all .2s ease}.accordion-header:hover{background:#f3f4f6}.dark .accordion-header{background:#374151}.dark .accordion-header:hover{background:#4b5563}.badge-leader{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#fff;font-weight:600;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;box-shadow:0 2px 4px #0000001a}.is-leading{border-color:#f59e0b!important;box-shadow:0 0 0 3px #fbbf241a}.leader-badge{position:absolute;top:-10px;right:-10px;background-color:#fbbc05;color:#fff;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.25rem;box-shadow:0 2px 4px #0003}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--success-green);box-shadow:0 0 0 2px #fff}.glass-effect{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.dark .glass-effect{background:#1f2937f2;border:1px solid rgba(75,85,99,.2)}.game-card{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#fff;border-radius:8px;border-left:4px solid #e5e7eb;box-shadow:0 1px 3px #0000001a}.game-details{flex:1}.game-teams{display:flex;align-items:center;gap:1rem;margin-bottom:.5rem}.team-name{font-weight:600;color:#1f2937}.game-score{font-weight:700;font-size:1.125rem;color:#3b82f6;min-width:3rem;text-align:center}.game-date{font-size:.875rem;color:#6b7280}.game-actions{display:flex;flex-direction:column;gap:.25rem}.dark .game-card{background:#1f2937}.dark .team-name{color:#f9fafb}.dark .game-date{color:#9ca3af}.vote-card{position:relative;background:#fff;border:2px solid #e5e7eb;border-radius:12px;padding:1.5rem;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 3px #0000001a}.vote-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.vote-card.voted{border-color:#10b981;background:#ecfdf5}.vote-card.is-leading{border-color:#f59e0b;box-shadow:0 0 0 3px #fbbf241a}.vote-card-content{text-align:center}.vote-player-name{font-size:1.125rem;font-weight:600;margin-bottom:.5rem;color:#1f2937}.vote-stats{display:flex;flex-direction:column;align-items:center;gap:.25rem}.vote-count{font-size:1.5rem;font-weight:700;color:#3b82f6}.vote-label{font-size:.875rem;color:#6b7280}.vote-footballs{font-size:.875rem;margin-top:.25rem}.dark .vote-card{background:#1f2937;border-color:#374151}.dark .vote-player-name{color:#f9fafb}.hover-lift:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a}.grid-professional{display:grid;gap:1.5rem}@media (max-width: 640px){.grid-professional{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}}@media (max-width: 480px){.grid-professional{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}@media (max-width: 640px){.heading-secondary{font-size:1.125rem}#nextMatchVsContainer .card-professional{padding:.75rem}#countdown-container .flex>div{padding:.375rem;min-width:40px}#countdown-container .text-xs{font-size:.625rem}}.fade-in{animation:fadeIn .5s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.focus-professional:focus{outline:none;box-shadow:0 0 0 3px #2563eb1a;border-color:var(--primary-blue)}#confetti-canvas{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:2000}.football-container{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10}.football{position:absolute;top:50%;left:50%;width:60px;height:60px;background-image:url(/football.png);background-size:contain;background-repeat:no-repeat;opacity:0;transform:translate(-50%,-50%)}.animate .football{animation-duration:.6s;animation-timing-function:ease-out;animation-fill-mode:forwards}.animate .football:nth-child(1){animation-name:football-animation-1}.animate .football:nth-child(2){animation-name:football-animation-2}.animate .football:nth-child(3){animation-name:football-animation-3}.animate .football:nth-child(4){animation-name:football-animation-4}.animate .football:nth-child(5){animation-name:football-animation-5}@keyframes football-animation-1{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-150px,-150px) scale(0)}}@keyframes football-animation-2{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(100px,-150px) scale(0)}}@keyframes football-animation-3{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(150px,100px) scale(0)}}@keyframes football-animation-4{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-100px,150px) scale(0)}}@keyframes football-animation-5{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translateY(150px) scale(0)}}.accordion-icon{transition:transform .3s ease}.accordion-header.active .accordion-icon{transform:rotate(180deg)}.onboarding-step{min-height:400px}.onboarding-container>div:first-child{background:linear-gradient(135deg,#1e40af,#0ea5e9)}.bg-gradient-cool{background:linear-gradient(135deg,#0ea5e9,#3b82f6)}#progress-bar{background:#3b82f6;height:2px;border-radius:1px;transition:all .3s ease-out}.admin-menu-item{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:1rem;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 3px #00000014}.admin-menu-item:hover{box-shadow:0 4px 6px -1px #0000001a;border-color:#d1d5db}.dark .admin-menu-item{background:#1f2937;border-color:#374151}#adminPanel{background:#ef444405;border-radius:16px;padding:2rem;border:2px solid #ef4444}.dark #adminPanel{background:#ef44440d;border-color:#f87171}#adminPanel .admin-menu-item,#adminPanel .admin-submenu{background:#fff;border:1px solid rgba(0,0,0,.1)}.dark #adminPanel .admin-menu-item,.dark #adminPanel .admin-submenu{background:#1f2937cc;border-color:#4b55634d}.admin-submenu{background:#f9fafb;border-radius:12px;padding:1rem;border:1px solid #e5e7eb}.dark .admin-submenu{background:#374151;border-color:#4b5563}.admin-submenu-item{padding:.75rem 1rem;border-radius:8px;cursor:pointer;transition:all .2s ease;border:1px solid transparent}.admin-submenu-item:hover{background:#fff;border-color:#e5e7eb;box-shadow:0 1px 3px #00000014}.dark .admin-submenu-item:hover{background:#1f2937;border-color:#374151}.breadcrumb{display:flex;align-items:center;space-x:.5rem;font-size:.875rem;color:#6b7280;margin-bottom:1rem}.breadcrumb button{color:#3b82f6;text-decoration:underline;background:none;border:none;cursor:pointer}@keyframes spin{0%{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}select:disabled{background-color:#f9fafb;cursor:not-allowed}.dark select:disabled{background-color:#374151}.onboarding-container{background:#fff;border-radius:20px;box-shadow:0 20px 50px #00000026;border:1px solid #e5e7eb;overflow:hidden;max-height:90vh;width:100%;max-width:32rem;margin:0 auto}@media (max-width: 640px){.onboarding-container{margin:1rem;max-height:calc(100vh - 2rem);border-radius:16px}}.step-indicator{width:32px;height:32px;border-radius:50%;background:#e5e7eb;color:#6b7280;display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:600;transition:all .3s ease;border:2px solid transparent}.step-indicator.active{background:#3b82f6;color:#fff;border-color:#1d4ed8;box-shadow:0 0 0 4px #3b82f61a;transform:scale(1.05)}.step-indicator.completed{background:#10b981;color:#fff;border-color:#059669;box-shadow:0 0 0 4px #10b9811a}.dark .step-indicator{background:#374151;color:#9ca3af}.dark .step-indicator.active{background:#3b82f6;color:#fff}.dark .step-indicator.completed{background:#10b981;color:#fff}.select-loader{position:absolute;right:1rem;top:50%;transform:translateY(-50%);width:20px;height:20px;border:3px solid #f3f4f6;border-top:3px solid var(--primary-blue);border-radius:50%;animation:spin 1s linear infinite}.team-selection-card{background:linear-gradient(135deg,#3b82f60d,#9333ea0d)}.team-selection-card:hover{background:linear-gradient(135deg,#3b82f61a,#9333ea1a)}.team-card-loading{position:relative;overflow:hidden}.team-card-loading:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:shimmer 1.5s infinite}@keyframes shimmer{0%{left:-100%}to{left:100%}}:root{--bg-primary: #ffffff;--bg-secondary: #f9fafb;--bg-tertiary: #f3f4f6;--text-primary: #111827;--text-secondary: #6b7280;--border-primary: #e5e7eb;--border-secondary: #d1d5db}.dark{--gradient-cool: linear-gradient(135deg, #475569 0%, #0284c7 50%, #0891b2 100%);--gradient-cool-subtle: linear-gradient(135deg, #1e293b 0%, #0f172a 50%, #164e63 100%);--bg-primary: #1f2937;--bg-secondary: #111827;--bg-tertiary: #374151;--text-primary: #f9fafb;--text-secondary: #9ca3af;--border-primary: #374151;--border-secondary: #4b5563}.dark .text-primary{color:#60a5fa!important}.dark .text-gray-900,.dark .text-gray-700,.dark .text-gray-600{color:#f9fafb!important}.dark .bg-white,.dark #app-header,.dark #adminPanel .card-professional,.dark #countdown-container .bg-white{background-color:var(--bg-primary)!important;border-color:var(--border-primary)!important}.dark #countdown-container{background-image:none!important;background-color:var(--bg-tertiary)!important;border-color:var(--border-primary)!important}*{transition:background-color .2s ease,color .2s ease,border-color .2s ease}.dark .card-professional{background:var(--bg-primary);border-color:var(--border-primary)}.dark .card-professional:hover{border-color:var(--border-secondary)}.dark #top-banner{background:#0f172ae6;border-bottom-color:#4755694d}.dark .form-input{background:var(--bg-primary);border-color:var(--border-primary);color:var(--text-primary)}.dark .form-input:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa1a}.dark .btn-secondary{background:var(--bg-primary);color:var(--primary-blue);border-color:var(--primary-blue)}.dark .btn-secondary:hover{background:#2563eb1a}.dark .modal-content{background:var(--bg-primary);border-color:var(--border-primary)}.dark #bottom-nav{background:var(--bg-primary);border-top-color:var(--border-primary)}.dark .loader{border-color:#374151;border-top-color:#60a5fa}.dark .accordion-header{background:var(--bg-tertiary)}.dark .accordion-header:hover{background:var(--border-secondary)}.dark .accordion-content{background:var(--bg-secondary)}.dark .vote-card{background:var(--bg-primary);border-color:var(--border-primary)}.dark .vote-card:hover{border-color:var(--border-secondary)}.dark .vote-card.voted{background:#10b9811a;border-color:#10b981}.dark .vote-player-name{color:var(--text-primary)}.dark .game-card{background:var(--bg-primary);border-left-color:var(--border-primary)}.dark .team-name{color:var(--text-primary)}.dark .game-date{color:var(--text-secondary)}.dark .badge-leader{background:linear-gradient(135deg,#f59e0b,#d97706)}.dark .admin-menu-item{background:var(--bg-primary);border-color:var(--border-primary)}.dark .admin-menu-item:hover{border-color:var(--border-secondary)}.dark .admin-submenu{background:var(--bg-tertiary);border-color:var(--border-primary)}.dark .admin-submenu-item:hover,.dark .onboarding-container{background:var(--bg-primary);border-color:var(--border-primary)}.dark .team-selection-card{background:linear-gradient(135deg,#3b82f61a,#9333ea1a)}.dark .team-selection-card:hover{background:linear-gradient(135deg,#3b82f633,#9333ea33)}.dark .glass-effect{background:#1f2937f2;border-color:#4b556333;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.dark .status-dot{background:var(--success-green);box-shadow:0 0 0 2px var(--bg-primary)}#dark-mode-toggle{transition:all .2s ease}#dark-mode-toggle:hover #dark-mode-icon{transform:scale(1.1);transition:transform .2s ease}.dark select{background:var(--bg-primary);border-color:var(--border-primary);color:var(--text-primary)}.dark select:disabled{background:var(--bg-tertiary)}.dark option{background:var(--bg-primary);color:var(--text-primary)}.dark a{color:#60a5fa}.dark a:hover{color:#3b82f6}.dark .bg-gray-50{background-color:var(--bg-secondary)!important}.dark .bg-gray-100{background-color:var(--bg-tertiary)!important}.dark .bg-gradient-to-r{filter:brightness(.9)}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;padding-bottom:var(--body-padding-bottom, 88px);padding-top:48px;font-feature-settings:"cv02","cv03","cv04","cv11";letter-spacing:-.011em;background-color:var(--bg-secondary);color:var(--text-primary)}#main-content{padding:1rem 1rem 2rem}@media (min-width: 640px){#main-content{padding:1.5rem 1.5rem 2rem}}#app-header{margin-bottom:1.5rem;padding:1rem}#app-header h1{font-size:1.125rem;font-weight:700}#team-logo{height:3rem;width:3rem}.card-professional{padding:1rem;margin-bottom:1rem}#nextMatchVsContainer .card-professional{padding:1.25rem}#matchup-container{margin-bottom:1.5rem}#home-team-logo-container .w-20,#away-team-logo-container .w-20{width:4rem;height:4rem}.grid.grid-cols-3.gap-4{gap:.75rem;margin-bottom:1rem}.grid.grid-cols-3.gap-4>div{padding:.75rem}#countdown-container{margin-bottom:1.5rem;padding:1rem}#countdown-container .text-center.p-3{padding:.75rem}#accordion-container{gap:.75rem}.accordion-header{padding:1rem}.accordion-content>div{padding:1rem}#voting-section{gap:1rem}#voting-section .card-professional{padding:1rem}#voting-section h2{font-size:1.5rem;margin-bottom:.5rem}.grid-professional{gap:.75rem}.vote-card{padding:1rem}#history-tab .space-y-8{gap:1rem}#history-tab .card-professional{padding:1.5rem}#history-tab h3{font-size:1.25rem;margin-bottom:.75rem}#adminPanel .card-professional{padding:1rem;border-top:3px solid #ef4444;margin-bottom:1rem}#adminPanel h2{color:#ef4444}.dark #adminPanel h2{color:#f87171}#adminPanel .flex.justify-between.items-center{align-items:center}#adminPanel .w-12.h-12{width:2.5rem;height:2.5rem}#adminPanel .w-6.h-6{width:1.25rem;height:1.25rem}#exitAdminBtn{padding:.5rem 1rem;font-size:.875rem}.admin-menu-item{padding:.75rem;margin-bottom:.5rem}.admin-menu-item .w-10.h-10{width:2.25rem;height:2.25rem}.admin-submenu{padding:.75rem}.admin-submenu-item{padding:.5rem .75rem}.modal-content{padding:1.5rem}.modal-content .heading-primary{font-size:1.25rem;margin-bottom:1rem}#bottom-nav{border-top-width:1px}#bottom-nav .nav-btn{padding:.75rem}#central-vote-btn{height:52px}.form-input{padding:.625rem .875rem;font-size:.875rem}.btn-primary,.btn-secondary{padding:.625rem 1.25rem;font-size:.875rem}@media (max-width: 640px){body{padding-top:48px}#main-content{padding:.75rem .75rem 1.5rem}#app-header{padding:.75rem;margin-bottom:1rem}.card-professional{padding:.875rem}.grid-professional{gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.vote-card{padding:.875rem}#voting-section h2{font-size:1.25rem}#countdown-container .flex.justify-center.items-center.space-x-2>div{padding:.5rem;min-width:50px}#countdown-container .text-2xl{font-size:1.5rem}}section+section{margin-top:1.5rem}.space-y-professional>*+*{margin-top:1rem}.tab-pane{padding-top:.5rem}.card-professional,.rounded-xl{border-radius:10px}.rounded-2xl{border-radius:12px}#app-header{border-radius:16px}#header-profile-pic:hover{transform:scale(1.05);transition:transform .2s ease}#profile-modal-pic img{border:3px solid #e5e7eb}.dark #profile-modal-pic img{border-color:#4b5563}#provider-badge.google{background-color:#4285f4;color:#fff}#provider-badge.apple{background-color:#000;color:#fff}.dark #provider-badge.google{background-color:#1a73e8}.dark #provider-badge.apple{background-color:#333}.grid.grid-cols-3>div:hover{background-color:#f3f4f6;transform:translateY(-1px);transition:all .2s ease}.dark .grid.grid-cols-3>div:hover{background-color:#374151}#top-banner .flex.items-center.justify-center{justify-content:space-between!important;width:100%}#top-banner>div{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:100%}#top-banner span{flex:1;text-align:center;margin:0 4rem}#brand-text{font-family:Grandstander,cursive;font-weight:600;letter-spacing:-.02em}button#profile-panel-btn-banner,button#menu-panel-btn-banner{position:relative;top:auto;right:auto;transform:none;padding:.5rem;border-radius:.5rem;color:#fff;transition:all .2s ease;background:transparent;border:none;cursor:pointer}#top-banner .button-container{display:flex;align-items:center;gap:.5rem}button#profile-panel-btn-banner:hover,button#menu-panel-btn-banner:hover{background-color:#ffffff26;transform:scale(1.05)}button#profile-panel-btn-banner:hover #header-profile-pic-banner{transform:scale(1.1);transition:transform .2s ease}#header-profile-pic-banner img{border:1.5px solid rgba(255,255,255,.4);transition:border-color .2s ease}button#profile-panel-btn-banner:hover #header-profile-pic-banner img{border-color:#ffffffb3}.loading-step-active{color:#3b82f6;font-weight:500}.loading-step-complete{color:#10b981}.loading-step-complete:before{content:"✓ ";margin-right:.25rem}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.5}}.skeleton-pulse{animation:skeleton-pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes bounce{0%,20%,53%,80%,to{transform:translateZ(0)}40%,43%{transform:translate3d(0,-8px,0)}70%{transform:translate3d(0,-4px,0)}90%{transform:translate3d(0,-2px,0)}}.animate-bounce{animation:bounce 1.4s ease-in-out infinite}.shimmer{background:linear-gradient(90deg,#e5e7eb00,#e5e7ebcc,#e5e7eb00);background-size:200% 100%;animation:shimmer 1.5s infinite}.dark .shimmer{background:linear-gradient(90deg,#4b556300,#4b5563cc,#4b556300);background-size:200% 100%}#logo-preview-container{transition:all .2s ease}#logo-preview-container:hover{border-color:#3b82f6;background-color:#3b82f60d}.dark #logo-preview-container:hover{background-color:#3b82f61a}#logo-upload-btn{position:relative;overflow:hidden}.upload-progress{position:absolute;bottom:0;left:0;height:3px;background:linear-gradient(90deg,#3b82f6,#1d4ed8);transition:width .3s ease;border-radius:0 0 8px 8px}.dark #profileModal .modal-content{background:#1f2937;border-color:#374151;color:#f9fafb}.dark #profileModal .bg-gray-50{background-color:#374151!important}.dark #profileModal .bg-blue-50{background-color:#1e3a8a33!important}.dark #profileModal .text-gray-900{color:#f9fafb!important}.dark #profileModal .text-gray-600{color:#9ca3af!important}.dark #profileModal .text-gray-700{color:#d1d5db!important}.dark #side-panel{background:#1f2937;border-left-color:#374151}.dark #side-panel .border-gray-200{border-color:#374151!important}.dark #side-panel .bg-gray-50{background-color:#374151!important}.dark .modal-content{background:#1f2937!important;border-color:#374151!important;color:#f9fafb}.dark .modal-content .text-gray-900{color:#f9fafb!important}.dark .modal-content .text-gray-700{color:#d1d5db!important}.dark .modal-content .text-gray-600{color:#9ca3af!important}.dark .modal-content .bg-gray-50{background-color:#374151!important}.dark .modal-content .bg-white{background-color:#1f2937!important}.dark .form-input{background:#374151!important;border-color:#4b5563!important;color:#f9fafb!important}.dark .form-input:focus{border-color:#3b82f6!important;background:#374151!important}#dark-mode-switch{transition:transform .2s ease,background-color .2s ease}.dark #dark-mode-switch{transform:translate(20px);background-color:#3b82f6}.logo-tab.active{border-bottom-color:#3b82f6;color:#3b82f6}.dark .logo-tab.active{color:#60a5fa}.league-option-hidden{display:none}.search-result-loading{background:linear-gradient(90deg,#f3f4f6,#e5e7eb,#f3f4f6);background-size:200% 100%;animation:shimmer 1.5s infinite}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}#league-search-input{font-size:16px!important;padding-left:2.5rem;padding-right:2.5rem}#league-search-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}@media (max-width: 640px){#league-search-input{padding:.875rem 2.5rem;border-radius:8px;font-size:16px}.league-dropdown-container{max-height:200px;overflow-y:auto}}.league-option-hidden{display:none!important}#admin-toggle-button{appearance:none;width:44px;height:24px;background:#e5e7eb;border-radius:12px;position:relative;cursor:pointer;transition:background-color .2s ease}#admin-toggle-button:checked{background:#3b82f6}#admin-toggle-button:before{content:"";position:absolute;width:20px;height:20px;border-radius:50%;background:#fff;top:2px;left:2px;transition:transform .2s ease;box-shadow:0 2px 4px #0003}#admin-toggle-button:checked:before{transform:translate(20px)}.dark #admin-toggle-button{background:#4b5563}.dark #admin-toggle-button:checked{background:#3b82f6}.search-result-item{aspect-ratio:1;cursor:pointer;border:2px solid transparent;border-radius:.5rem;overflow:hidden;transition:all .2s ease}.search-result-item:hover{border-color:#3b82f6;transform:scale(1.05)}.search-result-item.selected{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.search-result-item img{width:100%;height:100%;object-fit:cover}.logo-tab{transition:all .2s ease}.logo-tab.active{border-bottom-color:#3b82f6!important;color:#3b82f6!important}.dark .logo-tab.active{color:#60a5fa!important}#search-results-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem}img[src*="via.placeholder.com"],img[src*="data:image/svg+xml"]{image-rendering:crisp-edges;image-rendering:-webkit-optimize-contrast}.team-logo-container img,#team-logo{min-width:0;min-height:0;background-color:#f3f4f6;border:1px solid #e5e7eb}.dark .team-logo-container img,.dark #team-logo{background-color:#374151;border-color:#4b5563}.vs-text{color:#4b5563!important;font-size:1.75rem!important;font-weight:900!important;text-shadow:none!important;letter-spacing:.02em!important;line-height:1!important}.game-history-card{background:#fff;border-radius:12px;padding:1rem;box-shadow:0 1px 3px #0000001a;cursor:pointer;transition:all .2s ease;border:2px solid transparent}.game-history-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026;border-color:#3b82f6}.game-history-card.selected{border-color:#3b82f6;background:#3b82f60d}.dark .game-history-card{background:#1f2937;border-color:transparent}.dark .game-history-card:hover{border-color:#60a5fa}.dark .game-history-card.selected{background:#60a5fa1a;border-color:#60a5fa}.game-score-display{font-size:1.5rem;font-weight:700;color:#3b82f6;text-align:center;min-width:4rem}.dark .game-score-display{color:#60a5fa}.game-team-name{font-weight:600;color:#1f2937}.dark .game-team-name{color:#f9fafb}.game-date-badge{display:inline-block;padding:.25rem .75rem;background:#f3f4f6;color:#6b7280;border-radius:9999px;font-size:.75rem;font-weight:500}.dark .game-date-badge{background:#374151;color:#9ca3af}.result-win{border-left:4px solid #10b981}.result-loss{border-left:4px solid #ef4444}.result-draw{border-left:4px solid #6b7280}.suggestion-item{padding:.75rem 1rem;cursor:pointer;transition:background-color .2s ease;border-bottom:1px solid #e5e7eb}.dark .suggestion-item{border-bottom-color:#374151}.suggestion-item:last-child{border-bottom:none}.suggestion-item:hover,.suggestion-item.highlighted{background-color:#f3f4f6}.dark .suggestion-item:hover,.dark .suggestion-item.highlighted{background-color:#374151}.suggestion-item.selected{background-color:#dbeafe}.dark .suggestion-item.selected{background-color:#1e3a8a}.no-results{padding:1rem;text-align:center;color:#6b7280}