.header{background:var(--midnight-blue);color:var(--white);z-index:100;border-bottom:2px solid var(--accent-color);padding:.5rem 0;position:sticky;top:0;box-shadow:0 4px 20px #1a202c4d}.light-mode .header{border-bottom-color:#0fa780!important}.nav-container{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:0 2rem;display:flex}.logo{color:var(--white);align-items:center;font-size:1.8rem;font-weight:700;text-decoration:none;transition:color .3s;display:flex}.logo:hover{color:var(--accent-color)}.logo-icon{width:auto;height:3rem;margin-right:.5rem}.left-area{flex-direction:row;align-items:center;gap:8px;display:flex}.nav-links{align-items:center;gap:2rem;display:flex}.nav-link{color:var(--white);opacity:.9;border-radius:6px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-weight:500;text-decoration:none;transition:all .3s;display:flex}.nav-link .badge{background:var(--accent-color);color:var(--dark-text-strong,#000);border-radius:999px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 6px;font-size:.65rem;font-weight:700;display:flex}html.light-mode .nav-link .badge{color:#fff;background:#16a34a}.nav-link:hover{opacity:1;color:var(--accent-color);background:0 0;transform:translateY(-1px)}.user-greeting{color:var(--text-secondary);font-size:.9rem}.hamburger-menu{cursor:pointer;z-index:2002;background:0 0;border:none;flex-direction:column;justify-content:space-around;width:1.5rem;height:1.5rem;margin-left:auto;padding:0;display:flex;position:relative}.hamburger-notification-dot{background:var(--accent-color);border-radius:999px;width:10px;height:10px;position:absolute;top:-.25rem;right:-.25rem;box-shadow:0 0 0 2px #00000040}.light-mode .hamburger-notification-dot{background:var(--green)}.menu-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:2000;background:#00000080;width:100vw;height:100vh;position:fixed;top:0;left:0}.hamburger-line{background:var(--white);transform-origin:1px;border-radius:10px;width:1.5rem;height:.2rem;transition:all .3s}.hamburger-menu:hover .hamburger-line{background:var(--accent-color)}.hamburger-line.open:first-child{transform:rotate(45deg)}.hamburger-line.open:nth-child(2){opacity:0;transform:translate(20px)}.hamburger-line.open:nth-child(3){transform:rotate(-45deg)}.mobile-only{display:flex!important}@media (width<=768px){.nav-container{padding:0 1rem}.nav-links{background:var(--midnight-blue);border-left:2px solid var(--accent-color);z-index:2001;flex-direction:column;align-items:flex-start;gap:1rem;width:70%;max-width:300px;height:100vh;padding:5rem 1.5rem 2rem;transition:right .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;right:-100%;overflow-y:auto;box-shadow:-10px 0 30px #0009}.nav-links.mobile-open{right:0}.mobile-greeting-wrapper{border-bottom:1px solid #ffffff1a;width:100%;margin-bottom:.5rem;padding-bottom:1rem}.mobile-greeting-wrapper .user-greeting{color:var(--white);font-size:1.2rem;font-weight:600}.nav-main-links{flex-direction:column;flex-grow:1;gap:.5rem;width:100%;display:flex}.sidebar-footer{border-top:1px solid #ffffff1a;flex-direction:column;gap:1.5rem;width:100%;margin-top:auto;padding-top:2rem;display:flex}.sidebar-controls{justify-content:center;align-items:center;gap:1.5rem;display:flex}.sidebar-icon-btn{cursor:pointer;width:44px;height:44px;color:var(--accent-color);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;justify-content:center;align-items:center;transition:all .2s;display:flex}.light-mode .sidebar-icon-btn{color:var(--green)}.sidebar-icon-btn:hover{background:#ffffff1a;transform:scale(1.05)}.sidebar-icon-btn.language-toggle{font-size:1.1rem;font-weight:700}.sidebar-icon-btn svg{width:24px;height:24px}.sidebar-icon-btn:active{background:#ffffff26;transform:scale(.95)}.logout-btn{font-weight:600;width:100%!important;padding:.8rem!important}.auth-links-sidebar{flex-direction:column;gap:.8rem;width:100%;display:flex}.nav-link{border-radius:8px;width:100%;padding:.8rem 1rem;font-size:1.1rem}.logo{font-size:1.5rem}.desktop-greeting{display:none}}.light-mode .nav-links{border-left-color:var(--green)!important}.light-mode .nav-links .logout-btn.btn.btn-outline,.light-mode .auth-links-sidebar .btn.btn-outline{color:var(--green)!important;border-color:var(--green)!important;box-shadow:none!important;background:0 0!important}.light-mode .nav-links .logout-btn.btn.btn-outline:hover,.light-mode .auth-links-sidebar .btn.btn-outline:hover{color:#f0d747!important;box-shadow:none!important;background:0 0!important;border-color:#f0d747!important}@media (width>=769px){.nav-links{background:var(--midnight-blue);border-left:2px solid var(--accent-color);z-index:2001;flex-direction:column;align-items:flex-start;gap:.8rem;width:280px;height:100vh;padding:4.5rem 1.5rem 2rem;transition:right .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;right:-100%;overflow-y:auto;box-shadow:-10px 0 30px #0009}.nav-links.mobile-open{right:0}.nav-main-links{flex-direction:column;flex-grow:1;gap:.4rem;width:100%;display:flex}.nav-link{border-radius:8px;width:100%;padding:.7rem 1rem;font-size:.95rem}.mobile-greeting-wrapper{border-bottom:1px solid #ffffff1a;width:100%;margin-bottom:.5rem;padding-bottom:1rem;display:flex!important}.mobile-greeting-wrapper .user-greeting{color:var(--white);font-size:1rem;font-weight:600}.sidebar-footer{border-top:1px solid #ffffff1a;flex-direction:column;gap:1rem;width:100%;margin-top:auto;padding-top:1.5rem;display:flex}.sidebar-controls{justify-content:center;align-items:center;gap:1rem;display:flex}.sidebar-icon-btn{cursor:pointer;width:44px;height:44px;color:var(--accent-color);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;justify-content:center;align-items:center;transition:all .2s;display:flex}.light-mode .sidebar-icon-btn{color:var(--green)}.sidebar-icon-btn.language-toggle{font-size:1rem;font-weight:700}.sidebar-icon-btn svg{width:20px;height:20px}.sidebar-icon-btn:hover{background:#ffffff1a;transform:scale(1.05)}.logout-btn{font-size:.95rem;font-weight:600;width:100%!important;padding:.7rem!important}.auth-links-sidebar{flex-direction:column;gap:.6rem;width:100%;display:flex}.desktop-greeting{align-items:center;display:flex}.user-greeting-desktop{color:var(--text-secondary);white-space:nowrap;font-size:.85rem}}.footer{background:var(--midnight-blue,#1a1a1a);color:var(--white,#f5f5f5);border-top:2px solid var(--accent-color,#f0d747);text-align:center;margin-top:4rem;padding:2rem 0}.light-mode .footer{border-top-color:#0fa780!important}.footer-container{max-width:1200px;margin:0 auto;padding:0 2rem}.footer-links{justify-content:center;align-items:center;gap:10px;margin-bottom:12px;display:flex}.footer-link{color:var(--light-gray,#b0b0b0);font-size:.9rem;text-decoration:none;transition:color .2s}.footer-link:hover{color:var(--accent-color,#f0d747);text-decoration:underline}.footer-link-separator{color:var(--light-gray,#666);font-size:.85rem}.footer-text{color:var(--light-gray,#b0b0b0);margin:0;font-size:.95rem;line-height:1.5}@media (width<=768px){.footer{margin-top:2rem;padding:1.5rem 0}.footer-text{font-size:.85rem}.footer-links{flex-flow:wrap;gap:4px 6px}.footer-link{font-size:.8rem}.footer-link-separator{font-size:.75rem}}.global-loading-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10000;pointer-events:all;background:#000000bf;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.light-mode .global-loading-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#78787880}.global-loading-content{color:var(--white);flex-direction:column;align-items:center;gap:1.5rem;display:flex}.light-mode .global-loading-content{color:#fff}.global-spinner-container{justify-content:center;align-items:center;width:80px;height:80px;display:flex;position:relative}.global-loading-spinner{border:4px solid #f0d7471a;border-top-color:var(--accent-color);border-left-color:var(--accent-color);box-sizing:border-box;flex-shrink:0;width:60px;min-width:60px;max-width:60px;height:60px;min-height:60px;max-height:60px;animation:.8s linear infinite spin;display:block;border-radius:50%!important}.light-mode .global-loading-spinner{border:4px solid #ffffff40;border-color:#fff #ffffff40 #ffffff40 #fff}.global-loading-pulse{border:2px solid var(--accent-color);box-sizing:border-box;opacity:0;width:80px;min-width:80px;max-width:80px;height:80px;min-height:80px;max-height:80px;animation:2s cubic-bezier(.24,0,.38,1) infinite pulse-ring;position:absolute;border-radius:50%!important}.light-mode .global-loading-pulse{border-color:#fff}.global-loading-content p{letter-spacing:.05em;text-transform:uppercase;color:var(--primary-color,#f0d747);text-shadow:0 0 10px #f0d7474d;font-size:1.125rem;font-weight:600}.light-mode .global-loading-content p{color:#fff;text-shadow:0 0 8px #0003}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse-ring{0%{opacity:0;transform:scale(.6)}50%{opacity:.3}to{opacity:0;transform:scale(1.2)}}.modal-backdrop{background:var(--black-70);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10000;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal-container{background:var(--card-bg);width:100%;max-width:600px;max-height:90vh;box-shadow:0 20px 60px var(--shadow-50);border-radius:12px;flex-direction:column;display:flex;overflow:hidden}.modal-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.modal-container.team-modal .tab-navigation{margin-top:8px}.modal-container.team-modal .modal-content-form{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.modal-container.team-modal .modal-content-form .modal-body{flex:1;min-height:0}.modal-container.team-modal .modal-content-form .modal-footer{flex-shrink:0}.modal-container.has-tab-nav .tab-navigation{margin-top:8px}.modal-container .tab-navigation{background:var(--card-bg);box-shadow:0 4px 15px var(--shadow-25);border:1px solid var(--card-border);scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--accent-color) transparent;border-radius:12px;flex-shrink:0;justify-content:center;gap:6px;margin-top:0;margin-bottom:4px;padding:4px;display:flex;overflow:visible hidden}.modal-container .tab-navigation::-webkit-scrollbar{height:4px}.modal-container .tab-navigation::-webkit-scrollbar-track{background:0 0;border-radius:2px}.modal-container .tab-navigation::-webkit-scrollbar-thumb{background:var(--accent-color);border-radius:2px}.modal-container .tab-navigation::-webkit-scrollbar-thumb:hover{background:var(--accent-hover)}.modal-container .tab-btn{color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:#ffffff08;border:1px solid #ffffff14;border-radius:8px;flex-direction:column;align-items:center;gap:2px;min-width:55px;padding:8px 12px;font-size:.85rem;font-weight:600;transition:all .2s;display:flex}.modal-container .tab-btn:hover{color:var(--text-primary);background:#ffffff14;border-color:#f0d7474d}.modal-container .tab-btn.active{color:#f0d747;background:#f0d74714;border:1px solid #f0d747;font-weight:600;position:relative;box-shadow:0 0 15px #f0d7471a}.modal-container .tab-btn.active:after{content:"";background:var(--accent-cyan);height:3px;box-shadow:0 0 8px var(--accent-cyan);border-radius:3px;position:absolute;bottom:-4px;left:20%;right:20%}@media (width>=769px){.modal-container .tab-btn{flex-direction:row;gap:8px;min-width:auto;padding:10px 16px}}.modal-header h2{color:var(--text-primary);margin:0 auto 0 0;font-size:1.5rem}.modal-close{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:.25rem .5rem;font-size:1.5rem;transition:all .2s}.modal-close:hover{background:var(--hover-bg);color:var(--text-primary)}.modal-body{flex:1;padding:1rem;overflow-y:auto}.modal-body .form-section{margin-bottom:1rem}.modal-body .form-section:last-of-type{margin-bottom:0}.modal-body .form-section h3{color:var(--text-primary);text-align:left;margin:0 0 .5rem;font-size:.875rem}.modal-body .form-section label{color:var(--text-primary);margin:0 0 .5rem;font-size:.875rem}.modal-body .form-group{margin-bottom:.75rem}.modal-body .form-group:last-child{margin-bottom:0}.modal-body .form-group label{color:var(--text-primary);margin-bottom:.5rem;font-size:.875rem;font-weight:500;display:block}.modal-body .form-group .required{color:var(--error-red);margin-left:.25rem}.modal-body .form-group input,.modal-body .form-group textarea,.modal-body .form-group select{background:var(--input-bg);border:1px solid var(--border-color);width:100%;color:var(--text-primary);border-radius:8px;padding:.75rem;font-size:.875rem;transition:all .2s}.modal-body .form-group input:focus,.modal-body .form-group textarea:focus,.modal-body .form-group select:focus,.modal-body .form-section input:focus,.modal-body .form-section select:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-10);outline:none}.modal-body .form-group input.error,.modal-body .form-group textarea.error,.modal-body .form-group select.error,.modal-body .form-section input.error{border-color:var(--error-red,#ef4444);box-shadow:0 0 0 1px var(--error-red,#ef4444);background-color:#ef44440d}.modal-body .form-group input.error:focus,.modal-body .form-group textarea.error:focus,.modal-body .form-group select.error:focus,.modal-body .form-section input.error:focus{box-shadow:0 0 0 3px #ef444433, 0 0 0 1px var(--error-red,#ef4444)}.modal-body .form-group .error-message{color:var(--error-red);margin-top:.5rem;font-size:.75rem;display:block}.modal-body .form-group .field-hint{color:var(--text-secondary);margin-top:.375rem;font-size:.75rem;font-style:italic;display:block}.modal-body .form-row{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1rem;display:grid}.modal-body .form-row.two-col{grid-template-columns:repeat(2,1fr)}.modal-footer{text-align:center;border-top:1px solid var(--border-color);background:var(--card-bg);gap:.75rem;padding:1.5rem}.modal-footer .btn{cursor:pointer;white-space:nowrap;border:none;border-radius:8px;margin:0 .375rem;padding:.75rem 1.5rem;font-size:.875rem;font-weight:500;transition:all .2s;display:inline-block}.modal-footer .btn-secondary{background:var(--secondary-bg);color:var(--text-primary);border:1.5px solid #0000}.modal-footer .btn-secondary:hover{background:var(--hover-bg)}html.dark-mode .modal-footer .btn-secondary,.dark-mode .modal-footer .btn-secondary{color:var(--text-primary);background:0 0;border-color:#f0d74759}html.dark-mode .modal-footer .btn-secondary:hover,.dark-mode .modal-footer .btn-secondary:hover{color:#f0d747;background:#f0d74714;border-color:#f0d747}.light-mode .modal-footer .btn-secondary{color:var(--text-primary);background:0 0;border-color:#0fa7804d}.light-mode .modal-footer .btn-secondary:hover{color:#0fa780;background:#0fa78014;border-color:#0fa780}.modal-footer .btn-primary{background:var(--primary-color);color:var(--dark-text-strong);font-weight:600;box-shadow:0 4px 12px #f0d74726}.modal-footer .btn-primary:hover{background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 6px 16px #f0d74740}.modal-footer .btn-danger{background:var(--error-red);color:var(--text-primary)}.light-mode .modal-footer .btn-danger{color:#fff}.modal-footer .btn-danger:hover{background:var(--error-dark)}.wizard-modal{border:2px solid var(--accent-color);border-radius:18px;width:90vw;max-width:640px;max-height:90vh}.wizard-modal .modal-header>div:first-child{margin-right:auto}.wizard-modal .step-indicator-container{margin-top:1.25rem;padding:0 1.5rem}.wizard-actions-inline{justify-content:flex-end;align-items:center;gap:12px;display:flex}.wizard-actions-inline .btn{white-space:nowrap;flex:none}.wizard-actions-inline .btn:first-child{margin-right:auto}.wizard-actions-inline .btn.btn-secondary{background:var(--secondary-bg);color:var(--text-primary);border:1px solid var(--border-color)}.wizard-description{color:var(--text-secondary);margin:0;font-size:.95rem}.wizard-progress{flex-direction:column;gap:6px;margin:0 0 12px;display:flex}.wizard-progress-bars{grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:6px;display:grid}.wizard-progress-bar{background:var(--border-color);border-radius:999px;height:6px;transition:background .2s}.wizard-progress-fill{background:var(--accent-color)}.wizard-progress-label{color:var(--text-secondary);font-size:.85rem}.wizard-body{flex-direction:column;gap:18px;padding-bottom:0;display:flex}.wizard-step-header h4{color:var(--text-primary);margin:0}.wizard-step-header p{color:var(--text-secondary);margin:4px 0 0;font-size:.95rem}.wizard-step-panel{flex-direction:column;gap:14px;display:flex}.wizard-metric-row{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;display:grid}.wizard-metric-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;flex-direction:column;padding:12px;display:flex}.wizard-metric-label{color:var(--text-secondary);font-size:.8rem}.wizard-metric-value{margin:4px 0 0;font-size:1.4rem}.wizard-field-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;display:grid}.wizard-field-grid.two-col{grid-template-columns:repeat(2,minmax(0,1fr))}.wizard-field-grid.two-col label{color:var(--text-primary);flex-direction:column;gap:6px;min-width:0;font-size:.85rem;display:flex}.wizard-field-grid{padding-right:8px}.wizard-field-grid.two-col label span{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.wizard-field-grid.two-col label input,.wizard-field-grid.two-col label select,.wizard-field-grid.two-col label textarea{box-sizing:border-box;display:block;width:100%!important}.wizard-field-grid.two-col input[type=date],.wizard-field-grid.two-col input[type=time],.wizard-field-grid.two-col input[type=number],.wizard-field-grid.two-col input[type=text],.wizard-field-grid.two-col select{display:block;width:100%!important;max-width:100%!important}.wizard-field-grid input,.wizard-field-grid select{border:1px solid var(--border-color);background:var(--input-bg);color:var(--text-primary);border-radius:10px;padding:.65rem}.wizard-toggle{align-items:center;gap:8px;font-size:.9rem;display:flex}.wizard-note{color:var(--text-secondary);font-size:.85rem}.wizard-pitch-list{flex-wrap:wrap;gap:8px;padding:6px 0 0;display:flex}.wizard-pitch-chip{color:var(--text-primary);background:#f0d7470f;border:1px solid #f0d74773;border-radius:999px;padding:6px 12px;font-size:.9rem}.wizard-pitch-chip.selected{border-color:var(--accent-color);background:#f0d74729;box-shadow:0 0 0 4px #f0d7470f}.wizard-summary-grid .wizard-summary-card{flex-direction:column;justify-content:center;min-height:64px;display:flex}.wizard-footer{justify-content:center;align-items:center;gap:10px;display:flex}.wizard-nav{gap:8px;display:flex}.wizard-status{color:#15803d;background:#22c55e1a;border:1px solid #22c55e66;border-radius:12px;padding:8px 12px;font-size:.85rem}.wizard-group-option-row{flex-direction:column;gap:16px;display:flex}.wizard-option-card{border:1px solid var(--border-color);background:var(--card-bg);text-align:left;cursor:pointer;border-radius:12px;flex-direction:column;gap:6px;padding:14px;transition:border .2s,box-shadow .2s;display:flex}.wizard-option-card.active{border-color:var(--accent-color);box-shadow:0 10px 20px #f0d74733}.wizard-option-card:disabled,.wizard-option-card[disabled]{opacity:.5;cursor:not-allowed}.wizard-option-title{color:var(--text-primary);font-weight:600}.wizard-option-description{color:var(--text-secondary);margin:0;font-size:.85rem}.wizard-option-flag{color:var(--text-secondary);margin-top:auto;font-size:.8rem}@media (width<=640px){.modal-container{max-height:95vh}.modal-header,.modal-body,.modal-footer{padding:.75rem}.modal-body .form-row{grid-template-columns:1fr}.modal-footer{flex-direction:column;align-items:stretch;gap:.5rem;display:flex}.modal-footer .btn{width:100%;margin:0;display:block}}.match-manager-modal{max-width:1000px}.mobile-mode-selector{justify-content:center;gap:8px;margin-bottom:12px;display:none}.mode-btn{border:2px solid var(--accent-color);color:var(--accent-color);cursor:pointer;background:0 0;border-radius:6px;padding:8px 16px;font-size:.9rem;font-weight:600;transition:all .2s}.mode-btn:hover,.mode-btn.active{background:var(--accent-color);color:var(--text-primary)}@media (width<=768px){.match-manager-modal{max-width:95vw;max-height:95vh}.match-manager-modal .modal-body{padding:.5rem}.teams-container{max-height:50vh;overflow-y:auto;grid-template-columns:1fr 1fr!important;gap:12px!important;display:grid!important}.team-section h4{margin-bottom:8px;font-size:1rem}.team-section .player-card{margin-bottom:4px!important;padding:6px!important}.team-section .player-card div:first-child div:first-child{font-size:.9rem}.team-section .action-btn{padding:4px 6px;font-size:.8rem}.mobile-mode-selector{justify-content:center;display:flex}.desktop-mode-selector{display:none}.match-content-container{flex-direction:column!important;gap:16px!important}.match-content-container>div:first-child{order:1}.match-content-container>div:last-child{order:2;width:100%!important;max-width:none!important}}.dashboard-page{background:var(--overview-bg);min-height:calc(100vh - 60px);color:var(--text-primary);flex-direction:column;width:100%;display:flex}@media (width<=639px){.dashboard-page{background-position:top;background-repeat:repeat;background:var(--overview-bg)!important}}.dashboard-header{text-align:center;z-index:1;background:var(--overview-bg);flex-shrink:0;width:100%;max-width:1200px;margin:0 auto;padding:1.5rem 1rem 1rem;position:sticky;top:0}.dashboard-header h1{background:linear-gradient(135deg, var(--accent-cyan), var(--accent-color));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:.5rem;font-size:1.75rem;font-weight:700}.dashboard-header p{color:var(--text-secondary);max-width:500px;margin:0 auto;font-size:.9rem}.dashboard-container{flex-direction:column;gap:2.5rem;width:100%;max-width:800px;margin:0 auto;padding:1rem 1rem 3rem;display:flex}.sports-icon-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.sport-icon-card{background:var(--home-card-bg);border:1px solid var(--card-border);border-radius:20px;flex-direction:column;align-items:center;gap:1rem;padding:1.5rem 1rem;transition:all .3s;display:flex;position:relative;overflow:hidden}.sport-icon-card:hover{border-color:var(--accent-color);transform:translateY(-4px);box-shadow:0 12px 24px #0006}.sport-icon-wrapper{width:64px;height:64px;color:var(--accent-color);background:#f0d7471a;border-radius:16px;justify-content:center;align-items:center;transition:all .3s;display:flex}.sport-icon-wrapper .sport-icon{object-fit:contain;width:40px;height:40px}.sport-icon-card:hover .sport-icon-wrapper{background:var(--accent-color);color:#000}.sport-icon-card:hover .sport-icon-wrapper .sport-icon{filter:brightness(0)saturate()}.light-mode .sport-icon-wrapper{color:var(--green);background:#38a1691f}.light-mode .sport-icon-card:hover .sport-icon-wrapper{color:var(--green);background:#0339b31f}.light-mode .sport-icon-card:hover .sport-icon-wrapper .sport-icon{filter:none}.light-mode .sport-icon-wrapper,.light-mode .sport-icon-wrapper .sport-icon,.light-mode .sport-icon-wrapper .sport-icon svg,.light-mode .sport-icon-wrapper img{filter:brightness(0)saturate()invert(43%)sepia(50%)saturate(3500%)hue-rotate(202deg)brightness(95%)contrast(96%);color:var(--accent-blue)!important;fill:var(--accent-blue)!important;stroke:var(--accent-blue)!important}.dark-mode .sport-icon-card:hover .sport-icon-wrapper{color:var(--accent-color);background:#0339b31f}.dark-mode .sport-icon-card:hover .sport-icon-wrapper .sport-icon,.dark-mode .sport-icon-card:hover .sport-icon-wrapper .sport-icon svg,.dark-mode .sport-icon-card:hover .sport-icon-wrapper .sport-icon img{filter:none!important}.dark-mode .sport-icon-card[data-sport=pickleball] .sport-icon-wrapper{color:var(--accent-color)!important;background:#f0d7471a!important}.dark-mode .sport-icon-card[data-sport=pickleball] .sport-icon,.dark-mode .sport-icon-card[data-sport=pickleball] .sport-icon svg,.dark-mode .sport-icon-card[data-sport=pickleball] .sport-icon img{fill:var(--accent-color)!important;stroke:none!important;color:var(--accent-color)!important;filter:none!important}.sport-icon-label{color:var(--text-primary);text-align:center;font-size:1.1rem;font-weight:700}.sport-icon-actions{flex-direction:column;gap:.5rem;width:100%;margin-top:.5rem;display:flex}.sport-icon-action-link{text-align:center;color:var(--text-secondary);background:#ffffff0d;border-radius:10px;padding:.6rem;font-size:.85rem;font-weight:600;text-decoration:none;transition:all .2s}.sport-icon-action-link:hover{color:var(--accent-color);background:#f0d74726}.light-mode .sport-icon-action-link{color:#0fa780;background:#b8e6dd66}.light-mode .sport-icon-action-link:hover{color:#fff;background:#0fa780}.other-sports-discovery{flex-direction:column;gap:1.5rem;display:flex}.search-bar-container{width:100%}.search-input-wrapper{background:var(--home-card-bg);border:1px solid var(--card-border);border-radius:16px;align-items:center;padding:0 1.25rem;transition:border-color .3s;display:flex;position:relative}.search-input-wrapper:focus-within{border-color:var(--accent-color)}.other-sport-search-field{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;padding:1.25rem 1rem;font-size:1.1rem}.clear-search-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:.5rem;display:flex}.clear-search-btn:hover{color:var(--accent-color);background:#ffffff1a}.light-mode .clear-search-btn:hover{color:#0fa780;background:#b8e6dd4d}.search-results-list{background:var(--home-card-bg);border:1px solid var(--card-border);border-radius:16px;max-height:300px;overflow:hidden auto}.search-result-item{width:100%;color:var(--text-secondary);text-align:left;cursor:pointer;background:0 0;border:none;border-bottom:1px solid #ffffff0d;align-items:center;gap:1rem;padding:1rem 1.5rem;font-size:1rem;transition:all .2s;display:flex}.search-result-item:hover{color:var(--accent-color);background:#f0d7471a}.light-mode .search-result-item{color:var(--text-secondary);border-bottom:1px solid #00000014}.light-mode .search-result-item:hover{color:#0fa780;background:#b8e6dd4d}.selected-sport-actions-card{border:1px solid var(--accent-color);background:linear-gradient(135deg,#f0d7471a,#0000);border-radius:20px;flex-direction:column;align-items:center;gap:1.5rem;padding:2rem;display:flex}.light-mode .selected-sport-actions-card{background:linear-gradient(135deg,#b8e6dd26,#fff0);border:2px solid #0fa780}.selected-sport-info{flex-direction:column;align-items:center;gap:.5rem;display:flex}.selected-sport-info h3{text-transform:uppercase;letter-spacing:.05em;margin:0;font-size:1.5rem;font-weight:800}.selected-actions-group{grid-template-columns:1fr 1fr;gap:1rem;width:100%;max-width:400px;display:grid}.settings-footer-section{margin-top:1rem}.settings-full-card{background:var(--home-card-bg);border:1px solid var(--card-border);color:inherit;border-radius:20px;justify-content:space-between;align-items:center;padding:1.5rem;text-decoration:none;transition:all .3s;display:flex}.settings-full-card:hover{border-color:var(--accent-color);transform:scale(1.01)}.settings-card-content{align-items:center;gap:1.5rem;display:flex}.settings-card-content svg{color:var(--text-secondary)}.settings-text h3{margin:0;font-size:1.2rem}.settings-text p{color:var(--text-secondary);margin:.25rem 0 0;font-size:.9rem}@media (width<=768px){.sports-icon-grid{grid-template-columns:repeat(2,1fr)}.selected-actions-group{grid-template-columns:1fr}}@media (width<=480px){.sports-icon-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.sport-icon-card{padding:1rem .75rem}}@media (width>=640px){.dashboard-header{padding:2rem 1rem 1.25rem}.dashboard-header h1{margin-bottom:.75rem;font-size:2rem}.dashboard-header p{font-size:1rem}.dashboard-card{min-height:240px;padding:1.5rem}}@media (width>=1024px){.dashboard-page{min-height:100vh}.dashboard-header{padding:2.5rem 2rem 1.5rem}.dashboard-header h1{margin-bottom:1rem;font-size:2.5rem}.dashboard-header p{font-size:1.125rem}.dashboard-actions{padding:1rem 2rem 2.5rem}.dashboard-card{min-height:240px;padding:1.75rem}}.home-page{background:var(--primary-gradient-start);min-height:100vh}.hero{background:var(--home-hero-gradient);color:var(--text-primary);text-align:center;padding:4rem 1rem 3rem;position:relative;overflow:hidden}.hero:before{content:"";pointer-events:none;background:radial-gradient(circle,#7c5cff1a 0%,#0000 70%);position:absolute;inset:0}.hero-content{z-index:1;max-width:1200px;margin:0 auto;padding:0 1rem;position:relative}.hero-title{background:linear-gradient(135deg, var(--text-primary), var(--accent-cyan));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:1rem;font-size:2rem;font-weight:700;line-height:1.2}.hero-description{color:var(--text-secondary);margin-bottom:2rem;font-size:1rem;line-height:1.6}.hero-actions{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.hero-buttons{flex-direction:column;gap:1rem;width:100%;max-width:400px;display:flex}.btn-large{text-align:center;border-radius:12px;padding:1rem 1.5rem;font-size:1rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-block}.btn-primary{background:var(--home-tournament-btn);color:var(--dark-text-strong);border:none;box-shadow:0 4px 12px #f0d74733}.btn-primary:hover{filter:brightness(1.15);transform:translateY(-2px);box-shadow:0 6px 20px #f0d7474d}.light-mode .btn-primary{color:#fff;box-shadow:0 4px 12px #0fa78033}.light-mode .btn-primary:hover{box-shadow:0 6px 20px #0fa78059;background:#0fa780!important}.btn-outline:hover{background:var(--accent-color);transform:translateY(-2px);box-shadow:0 6px 20px #7c5cff66}.light-mode .btn-outline{color:#0339b3;border:2px solid #0339b3}.light-mode .btn-outline:hover{background:#0339b31a}@media (width>=640px){.hero{padding:5rem 2rem 4rem}.hero-title{margin-bottom:1.25rem;font-size:2.75rem}.hero-description{margin-bottom:2.5rem;font-size:1.125rem}.hero-buttons{flex-direction:row;width:auto}.btn-large{padding:1rem 2rem;font-size:1.1rem}}@media (width>=1024px){.hero{padding:6rem 2rem 5rem}.hero-title{margin-bottom:1.5rem;font-size:3.5rem}.hero-description{margin-bottom:3rem;font-size:1.25rem}}.action-section{background:var(--midnight-blue);padding:6rem 0}.section-title{text-align:center;margin-bottom:4rem}.section-title h2{color:var(--white);margin-bottom:1rem;font-size:2.5rem;font-weight:600}.section-title p{color:var(--medium-gray);max-width:600px;margin:0 auto;font-size:1.2rem;line-height:1.6}.action-grid{grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:3rem;max-width:1000px;margin:0 auto;padding:0 2rem;display:grid}.action-card{background:var(--dark-blue);text-align:center;border:2px solid var(--accent-color);border-radius:16px;padding:3rem 2rem;transition:all .3s;position:relative;overflow:hidden}.action-card:hover{border-color:var(--green);box-shadow:0 20px 40px var(--shadow-30);transform:translateY(-5px)}.action-card:before{content:"";background:var(--green);height:4px;transition:transform .3s;position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.action-card:hover:before{transform:scaleX(1)}.action-icon{margin-bottom:1.5rem;font-size:4rem;display:block}.action-card h3{color:var(--white);margin-bottom:1rem;font-size:1.8rem;font-weight:600}.action-card p{color:var(--medium-gray);margin-bottom:2rem;line-height:1.6}.action-features{text-align:left;max-width:300px;margin-bottom:2.5rem;margin-left:auto;margin-right:auto;list-style:none}.action-features li{color:var(--white);padding:.5rem 0 .5rem 1.5rem;font-size:.95rem;position:relative}.action-features li:before{content:"✓";color:var(--green);font-weight:700;position:absolute;left:0}.action-btn{width:100%;margin-top:1rem}.features{background:var(--primary-gradient-end);padding:3rem 1rem}.light-mode .features{background:#fff}.light-mode .feature-card{background:#fff;border:1px solid #00000014;box-shadow:0 10px 25px #00000014}.light-mode .feature-card:hover{box-shadow:0 12px 30px #0000001f}.light-mode .feature-card h4{color:var(--text-primary)}.light-mode .feature-card p{color:var(--text-secondary)}.features-grid{grid-template-columns:1fr;gap:1.5rem;max-width:1200px;margin:0 auto;display:grid}.feature-card{background:var(--home-feature-card-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center;border:1px solid var(--home-feature-card-border);border-radius:16px;padding:2rem 1.5rem;transition:all .3s}.feature-card:hover{border-color:var(--accent-color);transform:translateY(-4px);box-shadow:0 12px 30px #7c5cff33}.feature-icon{margin-bottom:1rem;font-size:2.5rem;display:block}.feature-card h4{color:var(--text-primary);margin-bottom:.75rem;font-size:1.125rem;font-weight:600}.feature-card p{color:var(--text-secondary);font-size:.9rem;line-height:1.6}.cta{background:var(--home-cta-gradient);text-align:center;padding:3rem 1rem}.cta-content{max-width:800px;margin:0 auto;padding:0 1rem}.cta h2{color:var(--text-primary);margin-bottom:1rem;font-size:1.75rem;font-weight:700}.cta p{color:#ffffffe0;margin-bottom:2rem;font-size:1rem;line-height:1.6}.cta-actions{flex-direction:column;justify-content:center;align-items:center;gap:1rem;max-width:400px;margin:0 auto;display:flex}@media (width>=640px){.features{padding:4rem 2rem}.features-grid{grid-template-columns:repeat(2,1fr);gap:2rem}.feature-card{padding:2.5rem 2rem}.feature-icon{margin-bottom:1.25rem;font-size:3rem}.feature-card h4{margin-bottom:1rem;font-size:1.25rem}.feature-card p{font-size:1rem}.cta{padding:4rem 2rem}.cta h2{font-size:2.25rem}.cta p{margin-bottom:2.5rem;font-size:1.125rem}.cta-actions{flex-direction:row;max-width:none}}@media (width>=1024px){.features{padding:5rem 2rem}.features-grid{grid-template-columns:repeat(3,1fr);gap:2.5rem}.cta{padding:5rem 2rem}.cta h2{font-size:2.5rem}.cta p{font-size:1.2rem}}.other-sports-selector{flex-direction:column;gap:.75rem;height:100%;display:flex}.search-input-wrapper{align-items:center;display:flex;position:relative}.search-icon{color:var(--text-secondary);pointer-events:none;opacity:.6;position:absolute;left:12px}.other-sport-search{border:1px solid var(--card-border);width:100%;color:var(--text-primary);background:#0003;border-radius:12px;padding:.6rem 1rem .6rem 2.5rem;font-size:.9rem;transition:all .2s}.other-sport-search:focus{border-color:var(--accent-color);background:#0000004d;outline:none;box-shadow:0 0 0 2px #f0d7471a}.other-sports-list{flex-direction:column;gap:4px;max-height:140px;padding-right:4px;display:flex;overflow-y:auto}.other-sport-item{color:var(--text-secondary);text-align:left;cursor:pointer;background:#ffffff08;border:1px solid #0000;border-radius:8px;justify-content:space-between;align-items:center;padding:.5rem .75rem;font-size:.85rem;transition:all .2s;display:flex}.other-sport-item:hover{color:var(--text-primary);background:#f0d74714;border-color:#f0d74733}.other-sport-item.selected{color:var(--accent-color);border-color:var(--accent-color);background:#f0d74726;font-weight:600}.light-mode .other-sport-item:hover{color:var(--text-primary);background:#b8e6dd4d;border-color:#0fa7804d}.light-mode .other-sport-item.selected{color:#fff;background:#0fa780;border-color:#0fa780;font-weight:600}.custom-scrollbar::-webkit-scrollbar{width:5px}.custom-scrollbar::-webkit-scrollbar-track{background:#ffffff05;border-radius:10px}.custom-scrollbar::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px}.auth-page{background:linear-gradient(135deg, var(--midnight-blue) 0%, var(--dark-blue) 100%);justify-content:center;align-items:center;min-height:100vh;padding:2rem 1rem;display:flex}.light-mode .auth-page{background:#fff}.auth-container{width:100%;max-width:450px;margin:0 auto}.auth-card{background:var(--dark-blue);border:1px solid var(--accent-color);border-radius:16px;padding:3rem 2.5rem;position:relative;box-shadow:0 20px 60px #0006}.light-mode .auth-card{background:#fff;border-color:#00000014;box-shadow:0 15px 35px #0000001f}.light-mode .auth-card,.light-mode .auth-card h1,.light-mode .auth-card p,.light-mode .auth-card label,.light-mode .auth-card .form-label{color:var(--text-primary)}.auth-header{text-align:center;margin-bottom:2.5rem}.auth-header h1{color:var(--white);margin-bottom:.5rem;font-size:2rem;font-weight:700}.auth-header p{color:var(--medium-gray);font-size:1rem}.auth-form{margin-bottom:2rem}.form-row{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.form-label{color:var(--white);margin-bottom:.5rem;font-size:.9rem;font-weight:600;display:block}.form-input{border:2px solid var(--accent-color);background:var(--midnight-blue);width:100%;color:var(--white);border-radius:8px;padding:.875rem 1rem;font-size:1rem;transition:all .3s}.form-input::placeholder{color:var(--dark-gray)}.password-input-group{position:relative}.password-toggle{color:var(--dark-gray);cursor:pointer;background:0 0;border:none;padding:.25rem;font-size:1.2rem;transition:color .3s;position:absolute;top:50%;right:.75rem;transform:translateY(-50%)}.password-toggle:hover{color:var(--white)}.form-error{color:var(--error-red);align-items:center;gap:.25rem;margin-top:.5rem;font-size:.875rem;display:flex}.form-error:before{content:"⚠️";font-size:.75rem}.btn-full{justify-content:center;width:100%;margin-bottom:0;padding:1rem;font-size:1.1rem}.auth-divider{text-align:center;margin:1.5rem 0;position:relative}.auth-divider:before{content:"";background:var(--accent-color);height:1px;position:absolute;top:50%;left:0;right:0}.auth-divider span{background:var(--dark-blue);color:var(--medium-gray);z-index:1;padding:0 1rem;font-size:.9rem;position:relative}.auth-footer{text-align:center;border-top:1px solid var(--accent-color);margin-top:2rem;padding-top:1.5rem}.auth-divider{color:var(--medium-gray);align-items:center;gap:1rem;margin:1rem 0;font-size:.85rem;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--border-color,#8080804d);flex:1;height:1px}.google-btn{justify-content:center;align-items:center;gap:.6rem;text-decoration:none;display:flex}.auth-footer p{color:var(--medium-gray);font-size:.9rem}.auth-link{color:var(--green);font-weight:600;text-decoration:none;transition:color .3s}.auth-link:hover{color:var(--light-green);text-decoration:underline}.auth-help{text-align:center;background:#38a1691a;border:1px solid #38a1694d;border-radius:8px;margin-top:1.5rem;padding:1rem}.auth-help p{color:var(--light-green);margin:0;font-size:.85rem;line-height:1.4}.auth-help strong{color:var(--green)}.btn .loading{width:16px;height:16px;margin-right:.5rem}@media (width<=768px){.auth-page{align-items:flex-start;padding:2rem 1rem 1rem}.auth-card{padding:2rem 1.5rem}.form-row{grid-template-columns:1fr}.auth-header h1{font-size:1.75rem}}.auth-card{transform-origin:50%}.auth-close{color:var(--medium-gray);cursor:pointer;background:0 0;border:none;padding:6px;font-size:1.25rem;position:absolute;top:12px;right:12px}.auth-close:hover{color:var(--white)}.email-input-group{align-items:stretch;gap:.5rem;display:flex}.email-input-group .form-input{flex:1;min-width:0}.email-input-group .form-input.verified{border-color:var(--success-24,#4ade80);background-color:#4ade800d}.send-otp-btn{white-space:nowrap;flex-shrink:0;align-items:center;gap:.4rem;padding:.5rem 1rem;font-size:.85rem;display:flex}.send-otp-btn .loading{width:14px;height:14px}.email-verified-badge{color:var(--success-24,#4ade80);white-space:nowrap;flex-shrink:0;align-items:center;gap:.35rem;padding:0 .75rem;font-size:.85rem;font-weight:600;display:flex}.email-verified-badge .icon-16{color:var(--success-24,#4ade80)}.otp-section{margin-bottom:.5rem;overflow:hidden}.otp-hint{color:var(--medium-gray);margin-bottom:.75rem;font-size:.8rem}.otp-input-group{align-items:stretch;gap:.5rem;display:flex}.otp-input{letter-spacing:.5em;text-align:center;flex:1;min-width:0;font-family:Courier New,Courier,monospace;font-weight:700;font-size:1.5rem!important}.verify-otp-btn{white-space:nowrap;flex-shrink:0;padding:.5rem 1.25rem;font-size:.9rem}.verify-otp-btn .loading{width:14px;height:14px}.btn:focus-visible,.form-input:focus-visible,.auth-link:focus-visible{outline:2px solid var(--green);outline-offset:2px}.forgot-password-link{color:var(--accent-color);margin-top:.5rem;font-size:.875rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-block}.forgot-password-link:hover{color:var(--accent-color-hover);text-decoration:underline}.light-mode .forgot-password-link{color:var(--accent-color)}.success-message{text-align:center;background:#4caf501a;border:1px solid #4caf504d;border-radius:8px;margin-bottom:2rem;padding:1.5rem}.success-message p{color:var(--white);margin:.5rem 0;line-height:1.5}.success-message p.muted{color:var(--medium-gray);font-size:.9rem}.light-mode .success-message{background:#4caf5014;border-color:#4caf5033}.light-mode .success-message p{color:#333}.light-mode .success-message p.muted{color:#666}:root{--primary-gradient-start:#0a0a0a;--primary-gradient-end:#1a1a1a;--overview-bg:linear-gradient(135deg, var(--primary-gradient-start) 0%, var(--primary-gradient-end) 100%);--card-bg:#191919f5;--card-border:#f0d74726;--muted-bg:#ffffff08;--accent-color:#f0d747;--accent-gradient:linear-gradient(135deg, #f0d747, #e5ca35);--accent-cyan:#108ccb;--position-active-bg:#f0d7471f;--position-active-shadow:0 0 12px #f0d74740;--tab-active-bg:linear-gradient(135deg, #f0d7471f, #e5ca350f);--tab-hover-bg:#f0d7470f;--text-primary:#f5f5f5;--text-secondary:#b0b0b0;--primary-color:#f0d747;--secondary-bg:#1a1a1a;--hover-bg:#252525;--input-bg:#0f0f0f;--border-color:#f0d74726;--primary-hover:#e5ca35;--error-dark:#e53935;--white:var(--text-primary);--success-color:#f0d747;--error-red:#ef4444;--muted-text:gray;--dark-text-strong:#0a0a0a;--muted-surface:#ffffff0d;--muted-border:#f0d7471f;--help-text:#999;--green-gradient:linear-gradient(135deg, #38a169, #2f855a);--blue-gradient:linear-gradient(135deg, #108ccb, #0d7ab5);--slate-gradient:linear-gradient(135deg, #424242, #2b2b2b);--amber-gradient:linear-gradient(135deg, #ed8936, #c05621);--yellow-gradient:linear-gradient(135deg, #f0d747, #e5ca35);--teal-gradient:linear-gradient(135deg, #108ccb, #0d7ab5);--danger-gradient:linear-gradient(135deg, #ef5350, #e53935);--home-hero-gradient:linear-gradient(135deg, #0a0a0a 0%, #1a1a1a 50%, #0a0a0a 100%);--home-dashboard-bg:linear-gradient(135deg, #0a0a0a 0%, #1a1a1a 100%);--home-card-bg:#141414e6;--home-card-hover-shadow:#f0d7474d;--home-tournament-btn:linear-gradient(135deg, #f0d747, #e5ca35);--home-tournament-btn-hover:linear-gradient(135deg, #fce675, #f0d747);--home-league-btn:linear-gradient(135deg, #108ccb, #0d7ab5);--home-league-btn-hover:linear-gradient(135deg, #1aa3e8, #108ccb);--home-settings-btn:linear-gradient(135deg, #424242, #2b2b2b);--home-settings-btn-hover:linear-gradient(135deg, #212121, #0a0a0a);--home-live-accent:#f0d747;--home-feature-card-bg:#1e1e1eb3;--home-feature-card-border:#f0d7474d;--home-cta-gradient:linear-gradient(135deg, #f0d747 0%, #108ccb 100%)}:root{--black-70:#000000b3;--black-50:#00000080;--black-30:#0000004d;--black-25:#00000040;--white-95:#fffffff2;--white-90:#ffffffe6;--white-20:#fff3;--white-10:#ffffff1a;--white-04:#ffffff0a;--muted-blue-08:#667eea14;--muted-blue-10:#667eea1a;--muted-blue-16:#667eea29;--muted-blue-30:#667eea4d;--primary-10:#3b82f61a;--accent-10:#60a5fa1a;--danger-10:#e53e3e1a;--danger-20:#ef444433;--danger-30:#ef44444d;--success-10:#f0d7471a;--success-12:#f0d7471f;--success-24:#f0d7473d;--surface-dark-95:#2d3748f2;--surface-dark-90:#1a202ce6;--surface-dark-50:#2d374880;--shadow-10:#0000001a;--success-30:#f0d7474d;--success-40:#f0d74766}:root :root{--shadow-25:#00000040;--shadow-40:#0006;--black-75:#000000bf;--white-06:#ffffff0f;--white-70:#ffffffb3;--surface-dark-80:#1a202ccc;--muted-blue-50:#667eea80;--primary-40:#3b82f666;--success-18:#f0d7472e;--success-16:#f0d74729;--success-18b:#f0d7472e;--success-24:#f0d7473d;--danger-12:#e53e3e1f;--danger-18:#e53e3e2e;--purple-10:#805ad51a;--purple-30:#805ad54d;--muted-grey-12:#a0aec01f}:root{--shadow-50:#00000080;--shadow-30:#0000004d;--accent-40:#90cdf466;--primary-40:#90cdf466}:root{--midnight-blue:var(--secondary-bg);--dark-blue:var(--secondary-bg);--accent-blue:#108ccb;--green:#38a169;--light-green:#48bb78;--dark-green:#2f855a;--white:var(--text-primary);--light-gray:#e2e8f0;--medium-gray:#a0aec0;--dark-gray:#718096;--text-dark:var(--dark-text-strong);--text-light:var(--text-secondary);--error-red:#ef4444;--warning-orange:#ed8936;--purple:#805ad5;--light-purple:#9f7aea}.light-mode{--card-bg:#fff;--card-border:#0339b314;--muted-bg:#00000008;--text-primary:#111827;--white:var(--text-primary);--input-bg:#fff;--primary-color:#0339b3;--accent-color:#0339b3;--accent-cyan:#0fa780;--accent-gradient:linear-gradient(135deg, #0339b3, #0d7ab5);--hover-bg:#0339b30f;--position-active-bg:#0339b314;--position-active-shadow:0 0 12px #0339b340;--muted-surface:#0000000a;--midnight-blue:#0339b3;--tab-active-bg:linear-gradient(135deg, #0339b31f, #0339b30f);--tab-hover-bg:#0339b30a;--tab-text-color:var(--text-primary);--text-secondary:#6b7280;--input-text:var(--text-primary);--overview-bg:#fff;--home-hero-gradient:#fff;--home-dashboard-bg:#fff;--home-card-bg:#fff}.light-mode h1,.light-mode h3,.light-mode h4,.light-mode .back-arrow{color:#000!important}.light-mode{--primary-gradient-start:#0a0a0a;--primary-gradient-end:#1a1a1a;--secondary-bg:#f3f4f6;--border-color:#0339b326;--muted-border:#0339b31a;--muted-text:gray;--help-text:#999;--dark-text-strong:#0a0a0a;--primary-hover:#e5ca35;--error-dark:#e53935;--success-color:#f0d747;--error-red:#ef4444;--green-gradient:linear-gradient(135deg, #38a169, #2f855a);--blue-gradient:linear-gradient(135deg, #108ccb, #0d7ab5);--slate-gradient:linear-gradient(135deg, #424242, #2b2b2b);--amber-gradient:linear-gradient(135deg, #ed8936, #c05621);--yellow-gradient:linear-gradient(135deg, #f0d747, #e5ca35);--teal-gradient:linear-gradient(135deg, #108ccb, #0d7ab5);--danger-gradient:linear-gradient(135deg, #ef5350, #e53935);--home-card-hover-shadow:#0339b333;--home-tournament-btn:linear-gradient(135deg, #b8e6dd, #a8dfd5);--home-tournament-btn-hover:#0fa780;--home-league-btn:linear-gradient(135deg, #b8e6dd, #a8dfd5);--home-league-btn-hover:#0fa780;--home-settings-btn:linear-gradient(135deg, #d1d5db, #e5e7eb);--home-settings-btn-hover:linear-gradient(135deg, #9ca3af, #d1d5db);--home-live-accent:#0339b3;--home-feature-card-bg:#ffffffe6;--home-feature-card-border:#0339b326;--home-cta-gradient:linear-gradient(135deg, #0fa780 0%, #0339b3 100%)}*{box-sizing:border-box;margin:0;padding:0}body{color:var(--white);background:var(--overview-bg);min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:16px;line-height:1.6;overflow-y:scroll}body.sidebar-open{overflow:hidden!important}body.sidebar-open .fab-container,body.sidebar-open .action-fab-container,body.sidebar-open .fab-main,body.sidebar-open .action-fab-main{display:none!important}h3{color:var(--text-primary)!important;margin-top:.35rem!important;margin-bottom:.6rem!important;font-size:1.25rem!important;font-weight:700!important;line-height:1.3!important}input,select,textarea{border:2px solid var(--border-color);background:var(--input-bg);width:100%;color:var(--white);box-sizing:border-box;border-radius:8px;padding:.875rem 1rem;font-size:1rem;line-height:1.4;transition:all .3s}select{height:3.5rem;min-height:3.5rem}input:focus,select:focus,textarea:focus{border-color:var(--accent-color);outline:none;box-shadow:0 0 0 3px #f0d74726}input[type=checkbox],input[type=radio]{accent-color:var(--accent-color)}.empty-card{background:var(--card-bg);box-shadow:0 10px 25px var(--shadow-30);border:1px solid var(--card-border);box-sizing:border-box;text-align:center;border-radius:15px;width:100%;padding:2.5rem;transition:all .3s}.empty-card:hover{border-color:var(--accent-color)}.empty-card.empty-state{flex-direction:column;justify-content:center;align-items:center;min-height:350px;display:flex}.empty-card.empty-state h4{color:var(--text-primary);margin:0;font-size:1.25rem;font-weight:700}.empty-card.empty-state p{color:var(--text-secondary);opacity:.8;margin:0;font-size:.95rem;line-height:1.5}.fab-container{z-index:9999;background:0 0;border:none;flex-direction:column;align-items:flex-end;gap:12px;width:auto;height:auto;padding:0;display:flex;position:fixed;bottom:24px;left:auto;right:24px}.fab-main{background:var(--accent-color);width:56px;height:56px;color:var(--dark-text-strong);cursor:pointer;border:none;border-radius:50%;order:100;justify-content:center;align-items:center;padding:0;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:flex;position:relative;box-shadow:0 4px 16px #0006,0 0 20px #f0d7474d}.fab-main:hover{transform:scale(1.05);box-shadow:0 6px 20px #00000080,0 0 25px #f0d74766}.fab-action-wrapper{z-index:10001;flex-direction:row;justify-content:flex-end;align-items:center;gap:8px;width:auto;margin-right:0;display:flex;position:relative;bottom:auto;right:auto}.fab-label{color:#fff;white-space:nowrap;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f1720f2;border:1px solid #ffffff14;border-radius:8px;padding:6px 14px;font-size:.85rem;font-weight:600;box-shadow:0 4px 12px #0000004d}.fab-action{background:var(--card-bg);border:2px solid var(--accent-color);width:44px;height:44px;color:var(--accent-color);cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:all .2s;display:flex;box-shadow:0 4px 15px #0000004d}.fab-action:hover{background:var(--accent-color);color:var(--dark-text-strong);transform:scale(1.1)}.fab-action.active{background:var(--accent-color);color:var(--dark-text-strong);border-color:var(--accent-color)}@media (width<=768px){.fab-container{bottom:20px;right:15px}.fab-main{width:55px;height:55px;font-size:1.3rem}.fab-action{width:45px;height:45px;font-size:1.1rem}.fab-label{padding:6px 12px;font-size:.8rem}}#root{min-height:100vh}.App{flex-direction:column;min-height:100vh;display:flex}.App main{flex:1}.light-mode body{background-repeat:no-repeat;background-size:auto;background:#fff!important}.light-mode .hamburger-line{background:#fff!important}.light-mode{--pdb-btn-primary-bg:#0339b2;--pdb-btn-primary-color:#fff;--pdb-btn-primary-border:#022a8a}.light-mode .fab-main svg,.light-mode .fab-main .icon-24,.light-mode .fab-main .icon-20,.light-mode .fab-main .icon-16{color:#fff!important;fill:#fff!important}.light-mode .fab-main{color:#fff!important;background:linear-gradient(135deg,#0fa780,#0fa780)!important;box-shadow:0 4px 16px #0006,0 0 20px #0fa7804d!important}.light-mode .fab-main .fab-icon{color:#fff!important}.light-mode .tournament-card.active .detail-label,.light-mode .league-card.active .detail-label{color:#f0d747!important}.light-mode .filters-section.collapse,.light-mode .filters-section.collapse.show,.light-mode .filters-section{border-radius:8px;border:1px solid var(--card-border)!important;background-color:#fff!important;box-shadow:0 6px 18px #0206170f!important}.light-mode .leagues-page .page-header .icon-32,.light-mode .leagues-page .page-header .icon-48,.light-mode .leagues-page .empty-icon .icon-48{color:var(--accent-color)!important;fill:currentColor!important;stroke:currentColor!important}.light-mode .leagues-page .page-header .icon-32 svg path,.light-mode .leagues-page .page-header .icon-48 svg path,.light-mode .leagues-page .empty-icon .icon-48 svg path,.light-mode .leagues-page .page-header .icon-32 path,.light-mode .leagues-page .page-header .icon-48 path{fill:none!important;stroke:currentColor!important;stroke-width:1.6px!important}.light-mode .empty-state .btn.btn-primary,.light-mode .empty-state .btn-primary{background-color:var(--accent-cyan)!important;border-color:var(--accent-cyan)!important;color:#fff!important;box-shadow:0 8px 20px #108ccb40!important}.light-mode .empty-state .btn.btn-primary:hover,.light-mode .empty-state .btn-primary:hover{transform:translateY(-1px)!important;box-shadow:0 10px 26px #108ccb4d!important}.light-mode .btn-primary{background-color:var(--accent-cyan)!important;border-color:var(--accent-cyan)!important;color:#fff!important}.light-mode .btn-primary:hover{background-color:var(--primary-hover)!important;color:#fff!important}.light-mode button:not(.btn-outline):not(.tab-btn):not(.sub-tab-btn):not(.tab-view-toggle):not(.fab-action):not(.position-btn):not(.back-arrow):not([class*=secondary]):not(.pdb-tab):not(.pdb-action-btn):not(.pdb-back-btn):not(.pdb-btn-export):not(.modal-close):not(.wizard-pitch-chip):not(.btn-danger):not(.round-tab):not(.quick-link-card):not(.team-card-btn):not(.team-card-btn-stats):not(.team-card-btn-edit):not(.faq-question-btn),.light-mode .btn:not(.btn-outline):not(.tab-btn):not(.sub-tab-btn):not(.tab-view-toggle):not(.fab-action):not(.position-btn):not(.back-arrow):not([class*=secondary]):not(.pdb-tab):not(.pdb-action-btn):not(.pdb-back-btn):not(.pdb-btn-export):not(.modal-close):not(.wizard-pitch-chip):not(.btn-danger):not(.round-tab):not(.quick-link-card):not(.team-card-btn):not(.team-card-btn-stats):not(.team-card-btn-edit):not(.faq-question-btn),.light-mode input[type=button]:not(.btn-outline),.light-mode input[type=submit]:not(.btn-outline),.light-mode .modal-footer .btn-primary,.light-mode .fab-main,.light-mode .match-seq-badge{color:#fff!important}.light-mode .data-table .data-table-header{background:var(--home-live-accent)!important;color:#fff!important}.light-mode .league-card.active .progress-bar .progress-fill,.light-mode .league-card.active .progress-fill,.light-mode .league-card .progress-fill{background:var(--accent-color)!important}.light-mode .league-card.active .detail-label{color:#f0d747!important}.light-mode .fab-action svg,.light-mode .fab-action .icon-20,.light-mode .fab-action .icon-16{color:var(--accent-color)!important;stroke:var(--accent-color)!important;fill:none!important;stroke-width:2px!important}.light-mode .fab-action:hover svg,.light-mode .fab-action:hover .icon-20,.light-mode .fab-action:hover .icon-16{stroke:#fff!important}.light-mode .tournaments-page .page-header .icon-32,.light-mode .tournaments-page .page-header .icon-48,.light-mode .tournaments-page .empty-icon .icon-48{color:var(--accent-color)!important;fill:currentColor!important;stroke:currentColor!important}.light-mode .tournament-card.active .progress-bar .progress-fill,.light-mode .tournament-card.active .progress-fill,.light-mode .tournament-card .progress-fill,.light-mode .progress-fill{background:var(--accent-color)!important}.light-mode .tournaments-page .page-header .icon-32 svg path,.light-mode .tournaments-page .page-header .icon-48 svg path,.light-mode .tournaments-page .empty-icon .icon-48 svg path,.light-mode .tournaments-page .page-header .icon-32 path,.light-mode .tournaments-page .page-header .icon-48 path{fill:none!important;stroke:currentColor!important;stroke-width:1.6px!important}.light-mode .tournaments-page .nav-row svg,.light-mode .tournaments-page .nav-row .icon-16,.light-mode .tournaments-page .nav-row .icon-20,.light-mode .tournaments-page .nav-row .icon-24,.light-mode .tournament-management .nav-row svg,.light-mode .tournament-management .nav-row .icon-16,.light-mode .tournament-management .nav-row .icon-20{color:#f0d747!important;fill:currentColor!important;stroke:currentColor!important}.light-mode .league-management-page .tab-icon,.light-mode .league-management-page .tab-icon svg,.light-mode .league-management-page .tab-icon [class*=icon-],.light-mode .league-management-page .tab-btn svg,.light-mode .league-management-page .tab-btn [class*=icon-]{color:var(--accent-cyan)!important;stroke:var(--accent-cyan)!important;fill:none!important;stroke-width:1.5px!important}.light-mode .league-management-page .tab-btn.active .tab-icon svg,.light-mode .league-management-page .tab-btn.active .tab-icon [class*=icon-],.light-mode .league-management-page .tab-btn.active svg{color:#f0d747!important;stroke:#f0d747!important;fill:none!important;stroke-width:1.5px!important}.light-mode .overview-card svg,.light-mode .overview-card .icon-16,.light-mode .overview-card .icon-20,.light-mode .overview-card .icon-24,.light-mode .overview-card .icon{color:#0339b3!important;stroke:#0339b3!important;fill:none!important;stroke-width:1.5px!important}.empty-card{background:var(--card-bg);box-shadow:0 10px 25px var(--shadow-30);border:1px solid var(--card-border);box-sizing:border-box;text-align:center;border-radius:15px;width:100%;padding:2.5rem}.empty-card .empty-state-content{flex-direction:column;align-items:center;gap:1rem;display:flex}.light-mode .overview-card .info-label,.light-mode .overview-card .info-label *{color:#0339b3!important}.light-mode .tab-btn.active{border-bottom-color:var(--primary-color)!important}.light-mode select,.light-mode select:focus,.light-mode .select,.light-mode .select select{color:var(--text-primary)!important;border:1px solid var(--muted-border)!important;background:#fff!important}.light-mode .tab-btn,.light-mode .tab-btn .tab-label,.light-mode .tab-btn .tab-icon{color:var(--tab-text-color)!important}.light-mode .tab-nav .icon,.light-mode .tab-nav svg,.light-mode .tab-navigation .icon,.light-mode .tabs .tab-nav .icon,.light-mode .tab-btn .tab-icon svg{color:#f0d747!important;fill:currentColor!important;stroke:currentColor!important}.light-mode .tab-nav svg,.coin-toss-modal .standings-table{scrollbar-width:thin;scrollbar-color:#f0d747e6 transparent}.standings-table::-webkit-scrollbar{height:4px}.coin-toss-modal .standings-table::-webkit-scrollbar{width:6px;height:4px}.coin-toss-modal .standings-table::-webkit-scrollbar-track{background:0 0}.coin-toss-modal .standings-table::-webkit-scrollbar-thumb{background:#f0d747e6;border-radius:3px}.coin-toss-modal .standings-table::-webkit-scrollbar-thumb:hover{background:#f0d747}.tournaments-page .tab-btn.coin-toss-btn{color:#f0d747!important;background:#0f1720!important;border:1px solid #ffffff0a!important}.tournaments-page .tab-btn.coin-toss-btn .tab-icon{justify-content:center;align-items:center;display:inline-flex}.tournaments-page .tab-btn.coin-toss-btn .icon-16,.tournaments-page .tab-btn.coin-toss-btn .icon-20{color:#f0d747!important;fill:currentColor!important;stroke:currentColor!important}.tournaments-page .tab-btn.coin-toss-btn .tab-icon svg{width:20px;height:20px;display:block}.tournaments-page .tab-btn.coin-toss-btn{min-width:60px;padding:10px 14px;margin-left:0!important}.light-mode .tournaments-page .tab-btn.coin-toss-btn{background:#111218!important;border:1px solid #f0d7471f!important}.light-mode .tournaments-page .tab-btn.coin-toss-btn .icon-16{color:#f0d747!important;fill:currentColor!important;stroke:currentColor!important}.tournaments-page .tab-btn.coin-toss-btn .tab-label{color:#f0d747!important}.light-mode .tab-nav .icon,.light-mode .tab-navigation .icon,.light-mode .tabs .tab-nav .icon,.light-mode .tab-btn .tab-icon svg,.light-mode .tab-btn .tab-icon svg path{fill:none!important;stroke:currentColor!important;stroke-width:1.6px!important}.light-mode .tab-btn.active{background:var(--tab-active-bg)!important;color:var(--tab-text-color)!important;border-bottom-color:var(--primary-color)!important}.light-mode .tab-btn:hover{background:var(--tab-hover-bg)!important;color:var(--tab-text-color)!important}.light-mode .tournament-card,.light-mode .team-card,.light-mode .overview-card,.light-mode .match-card,.light-mode .settings-card,.light-mode .dashboard-card{box-shadow:0 4px 16px #0339b314!important}.light-mode .data-table-container{box-shadow:none!important}.light-mode .tournament-card:hover,.light-mode .tournament-card.active,.light-mode .team-card:hover,.light-mode .overview-card:hover,.light-mode .match-card:hover,.light-mode .settings-card:hover,.light-mode .dashboard-card:hover,.light-mode .matches-tab.empty-state:hover,.light-mode .teams-tab.empty-state:hover,.light-mode .payments-tab.empty-state:hover,.light-mode .empty-card.empty-state:hover{border-color:var(--primary-color)!important}.light-mode .header,.light-mode .header .nav-link,.light-mode .header .logo,.light-mode .header .nav-container,.light-mode .header .user-menu,.light-mode .header .auth-links{color:#fffffff2!important}.light-mode .user-greeting{color:#f0d747!important}.light-mode .btn.btn-outline{color:#0339b3!important;border-color:#0339b3!important;box-shadow:0 2px 10px #0339b314!important}.light-mode input,.light-mode textarea,.light-mode select,.light-mode .form-input,.light-mode .setting-input,.light-mode .modal-body input,.light-mode .modal-body textarea,.light-mode .modal-body select{color:var(--input-text)!important;background:var(--input-bg)!important;border-color:var(--card-border)!important}.light-mode input::placeholder,.light-mode textarea::placeholder{color:var(--text-secondary)!important;opacity:1!important}.light-mode .readonly-value,.light-mode .input-readonly,.light-mode .field-value{color:var(--input-text)!important}.light-mode .sub-tabs{scrollbar-color:var(--accent-cyan) transparent!important}.light-mode .sub-tabs::-webkit-scrollbar{height:6px}.light-mode .sub-tabs::-webkit-scrollbar-track{background:0 0}.light-mode .sub-tabs::-webkit-scrollbar-thumb{background:var(--accent-cyan);border-radius:3px}.light-mode .sub-tabs::-webkit-scrollbar-thumb:hover{background:#0d9d6e}.light-mode .sub-tab-btn{color:#374151!important;background:#0339b314!important;border:1px solid #0000!important}.light-mode .sub-tab-btn *{color:#374151!important}.light-mode .sub-tab-btn:hover{color:#111827!important;border:1px solid var(--accent-cyan)!important;background:#0339b31f!important}.light-mode .sub-tab-btn:hover *{color:#111827!important}.light-mode .sub-tab-btn.active{color:#fff!important;background:#0339b3!important;border:1px solid #0339b3!important}.light-mode .sub-tab-btn.active *{color:#fff!important}.light-mode .settings-page .sub-tab-btn{color:#374151!important;background:#0339b314!important;border:1px solid #0000!important}.light-mode .settings-page .sub-tab-btn *{color:#374151!important}.light-mode .settings-page .sub-tab-btn:hover{color:#111827!important;border:1px solid var(--accent-cyan)!important;background:#0339b31f!important}.light-mode .settings-page .sub-tab-btn:hover *{color:#111827!important}.light-mode .settings-page .sub-tab-btn.active{color:#fff!important;box-shadow:none!important;background:#0339b3!important;border:1px solid #0339b3!important}.light-mode .settings-page .sub-tab-btn.active *{color:#fff!important}.light-mode .settings-page .sub-tabs{border-bottom:1px solid #0339b326!important}.light-mode .tournament-dates span.data,.light-mode .tournament-dates span.date-label,.light-mode .tournament-dates .date-label,.light-mode .tournament-card .tournament-dates .date-label,.light-mode .leagues-page .tournament-dates span.data,.light-mode .leagues-page .tournament-dates span.date-label,.light-mode .leagues-page span.date-label,.light-mode .league-dates span.data,.light-mode .league-dates .date-label,.light-mode .league-card .league-dates .date-label{color:#374151!important}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--dark-blue)}::-webkit-scrollbar-thumb{background:var(--accent-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--primary-hover)}.spinner{flex-shrink:0}.loading{border:3px solid var(--white-20);border-top-color:var(--white);border-radius:50%;flex-shrink:0;width:20px;height:20px;animation:1s ease-in-out infinite spin;display:inline-block}.step-indicator-container{justify-content:space-between;align-items:center;width:100%;display:flex;position:relative}.step-item{z-index:1;flex-direction:column;flex:1;align-items:center;display:flex;position:relative}.step-number{background:var(--light-gray,#e2e8f0);color:#fff;border:4px solid var(--secondary-bg,#1a1a1a);border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;margin-bottom:.5rem;font-size:1.1rem;font-weight:700;transition:all .3s;display:flex}.step-item.active .step-number,.step-item.completed .step-number,.light-mode .step-item.active .step-number,.light-mode .step-item.completed .step-number{box-shadow:0 0 0 4px #f0d74726;color:#fff!important;background:#f0d747!important}.step-label{color:var(--medium-gray,#a0aec0);text-align:center;white-space:nowrap;font-size:.85rem;font-weight:600;transition:all .3s}@media (width<=600px){.step-label{display:none}}.step-item.active .step-label{color:#f0d747}.step-item.completed .step-label{color:var(--white,#f5f5f5)}.step-line{background:var(--light-gray,#e2e8f0);z-index:-1;width:100%;height:2px;position:absolute;top:20px;left:50%}.step-item.completed .step-line{background:#f0d747}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.text-center{text-align:center}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.btn{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.btn-primary{background:var(--accent-color);color:var(--dark-text-strong);box-shadow:0 4px 15px #f0d74733}.btn-primary:hover{background:var(--primary-hover);transform:translateY(-2px);box-shadow:0 6px 20px #f0d7474d}.btn-secondary{background:var(--secondary-bg);color:var(--white);border:1px solid var(--border-color)}.btn-secondary:hover{background:var(--hover-bg);border-color:var(--accent-color);color:var(--accent-color)}.btn-outline{color:var(--accent-color);border:2px solid var(--accent-color);background:0 0}.btn-outline:hover{background:var(--accent-color);color:var(--dark-text-strong)}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.form-group{margin-bottom:1.5rem}.form-label{color:var(--white);margin-bottom:.5rem;font-weight:600;display:block}.form-input{border:2px solid var(--accent-color);background:var(--midnight-blue);width:100%;color:var(--white);border-radius:8px;flex-shrink:0;padding:.875rem 1rem;font-size:1rem;transition:all .3s}input::placeholder,textarea::placeholder,.form-input::placeholder,select::placeholder{color:var(--text-secondary);opacity:1}.form-input:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px var(--success-24);outline:none}.form-input.error{border-color:var(--error-red)}.form-error{color:var(--error-red);margin-top:.5rem;font-size:.875rem}.form-help{color:var(--medium-gray);margin-top:.5rem;font-size:.875rem}.card{background:var(--dark-blue);box-shadow:0 8px 25px var(--shadow-30);border:1px solid var(--accent-color);border-radius:12px;padding:2rem}.toastContainer{z-index:99999!important}div[class*=hot-toast]{color:#fff!important;z-index:99999!important;background:#1a202c!important;border:1px solid #2c5282!important;border-radius:8px!important;box-shadow:0 4px 12px #00000026!important}div[class*=hot-toast]>svg{margin-right:12px!important}:root.light-mode div[class*=hot-toast]{color:#1f2937!important;z-index:99999!important;background:#fff!important;border:1px solid #e5e7eb!important;box-shadow:0 4px 12px #0000001a!important}@media (width<=768px){.container{padding:0 1rem}.card{padding:1.5rem 1rem}}.standings-table .table-header{background:var(--tab-active-bg);border-bottom:1px solid var(--card-border);color:var(--text-primary);text-transform:uppercase;letter-spacing:.5px;flex-shrink:0;font-size:.75rem;font-weight:700}.standings-table .table-header,.standings-table .table-row{grid-template-columns:28px 140px 28px 28px 28px 28px 38px 42px;align-items:center;gap:8px;padding:8px 16px;display:grid}.standings-table.compact .table-header,.standings-table.compact .table-row{grid-template-columns:28px 140px 28px 28px 28px 28px 38px 42px;gap:6px;padding:6px 12px}.light-mode .standings-table .table-header{background:var(--home-live-accent)!important;color:#fff!important}.light-mode .standings-table .table-header .gd,.light-mode .standings-table .table-header .goal-diff,.light-mode .standings-table .table-header .goals-for,.light-mode .standings-table .table-header .goals-against,.light-mode .standings-table .table-header .played,.light-mode .standings-table .table-header .wins,.light-mode .standings-table .table-header .draws,.light-mode .standings-table .table-header .losses,.light-mode .standings-table .table-header .points,.light-mode .standings-table .table-header .yellow-cards,.light-mode .standings-table .table-header .red-cards,.light-mode .standings-table .table-header .team,.light-mode .standings-table .table-header .pos{color:#fff!important}