body{margin:0;padding:0}#root{width:100%;min-height:100dvh}*{margin:0;padding:0;box-sizing:border-box}:root{--primary: #2c7a8f;--primary-light: #5faec0;--primary-lighter: #bfe1e7;--primary-dark: #205e6f;--primary-darker: #183f4a;--muted-red: #ff7849;--sunset-dark: #e76a41;--sunset-light: #ff9673;--coral: #ff9a76;--coral-light: #ffc7b3;--coral-dark: #e08361;--sand: #f4e4c1;--sand-light: #faf0d8;--sand-dark: #d6c19c;--deep-ocean: #2c7a8f;--warm-brown: #8b6f47;--warm-brown-light: #b89a6d;--warm-brown-dark: #6b5334;--seafoam: #8ed4c6;--seafoam-light: #c9eee6;--seafoam-dark: #5fa79b;--sun-gold: #ffd78a;--sun-gold-light: #ffebc2;--sun-gold-dark: #e7b662;--dusk-purple: #4c3a4d;--dusk-purple-light: #7a6780;--dusk-purple-dark: #342735;--ocean-gray: #9aa7a9;--ocean-gray-light: #c4cfd1;--ocean-gray-dark: #6f7b7d;--ocean-gray-darker: #3d4445;--navy-logo-bg: #0f172a;--muted-red: #cc4e4e;--gold-gradient: linear-gradient( 90deg, #c9a652 0%, #ecd36f 50%, #b68b34 100% );--gold-text: #ecd36f;--gold-dark: #b68b34;--gray-50: #fafafa;--gray-100: #f5f5f5;--gray-200: #eeeeee;--gray-300: #e0e0e0;--gray-600: #757575;--gray-700: #616161;--gray-900: #212121;--success: #10b981;--success-dark: #059669;--success-light: #e8fbf0;--danger: #ef4444;--danger-light: #ffeceb;--shadow-sm: 0 1px 2px 0 rgb(150 110 80 / .06);--shadow-md: 0 4px 6px -1px rgb(150 110 80 / .1);--shadow-lg: 0 10px 15px -3px rgb(150 110 80 / .12);--shadow-xl: 0 20px 25px -5px rgb(150 110 80 / .15);--navbar-height: 53px;--sidebar-width-home: 220px;--sidebar-width-league: 240px;--sidebar-width-collapsed: 72px}html{overscroll-behavior-y:auto;-webkit-overflow-scrolling:touch}body{font-family:Urbanist,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#f7f8f9,#fafbfc,#f7f8f9);min-height:100dvh;padding:0;margin:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior-y:auto;position:relative;padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}body .legal-page-container{min-height:100vh;background-color:#f9fafb}body .legal-page-main{max-width:900px;margin:0 auto;padding:84px 48px;background-color:#fff;min-height:calc(100vh - var(--navbar-height));box-shadow:0 1px 3px #0000001a}body .legal-page-header{margin-bottom:2rem}body .legal-page-title{font-size:2.5rem;font-weight:700;color:#111827;margin-bottom:.5rem}body .legal-page-date{color:#6b7280;font-size:.95rem}body .legal-section{line-height:1.75;color:#374151}body .legal-section>p{margin-bottom:1rem}body .legal-intro{font-size:1.05rem;margin-bottom:2rem}body .legal-section h3{font-size:1.5rem;font-weight:600;color:#111827;margin-top:2.5rem;margin-bottom:1rem}body .legal-section h4{font-size:1.15rem;font-weight:600;color:#1f2937;margin-top:1.5rem;margin-bottom:.75rem}body .legal-section ul{margin-left:1.5rem;margin-bottom:1.5rem}body .legal-section ul li{margin-bottom:.5rem}body .legal-info-box{background-color:#f0f9ff;padding:1rem;border-radius:8px;border:1px solid #bae6fd;margin:1rem 0}body .legal-warning-box{background-color:#fef2f2;padding:1rem;border-radius:8px;border:1px solid #fca5a5;margin:1rem 0}body .legal-disclaimer-box{text-transform:uppercase;background-color:#f0f0f0;padding:1rem;border-radius:8px;margin:1rem 0}body .legal-footer-note{margin-top:2rem;font-size:.9em;color:#666}body .legal-liability-text{text-transform:uppercase}body .flex-center-gap{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}body .flex-align-gap{display:flex;align-items:center;flex-wrap:wrap;gap:8px}body .required-asterisk{color:red}body .disabled-button{opacity:.6;cursor:not-allowed}body .empty-state-icon{opacity:.3;margin-bottom:16px}body .empty-state-text{font-size:.9em;color:var(--gray-600);margin-top:8px}body .secondary-text{font-size:.9em;color:var(--gray-600)}body .footer-bullet{margin-left:12px}body .large-empty-state-icon{opacity:.3;margin-bottom:16px}body .pending-text{font-style:italic;color:var(--gray-600)}body .loading-message{margin-top:32px}body .loading-submessage{margin-top:16px;font-size:.9em}body .no-pointer{cursor:default}body .section-title-first{margin-top:0}body .section-title-spaced{margin-top:24px}body .disabled-input{background:var(--gray-100)}body .form-actions{margin-top:32px;display:flex;justify-content:flex-end}body .save-button{width:auto;padding:12px 32px;display:flex;align-items:center;gap:8px}body .coming-soon-section{text-align:center;padding:48px 0;color:var(--gray-600)}body .coming-soon-icon{margin-bottom:16px;opacity:.5}body .league-card{background:#fff;padding:20px;border-radius:16px;margin-bottom:16px;box-shadow:0 2px 8px #0000000a;border:1px solid var(--gray-200);display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden}body .league-card:hover{transform:translateY(-2px);box-shadow:0 8px 16px #00000014;border-color:var(--primary)}body .league-card-content{flex:1}body .league-card-title{margin:0 0 6px;font-size:18px;font-weight:700;color:var(--gray-900)}body .league-card-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}body .league-card-badge{font-size:13px;color:var(--gray-600);background:var(--gray-100);padding:4px 10px;border-radius:20px;font-weight:500}body .league-card-members{font-size:13px;color:var(--gray-600);display:flex;align-items:center;gap:4px;font-weight:500}body .league-card-actions{display:flex;align-items:center;gap:16px}body .league-card-role-badge{background:var(--gold-gradient);color:#fff;padding:6px 12px;border-radius:20px;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 8px #c9a6524d}body .league-card-chevron{color:var(--gray-400)}body .league-leave-button{padding:8px 16px;border-radius:8px;border:1px solid rgba(239,68,68,.2);background:#ef44440d;color:#ef4444;font-weight:600;font-size:13px;cursor:pointer;transition:all .2s ease;z-index:2}body .league-leave-button:hover{background:#ef4444;color:#fff}.container{margin:0 auto;margin-top:var(--navbar-height)}.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;background:var(--navy-logo-bg);border-bottom:1px solid rgba(59,130,200,.2);box-shadow:0 4px 20px #00000014,0 1px #ff78491a inset;font-family:Urbanist,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.navbar-container{max-width:1400px;display:flex;justify-content:space-between;align-items:center;padding:0 24px;height:var(--navbar-height);position:relative}.navbar-left{flex:1;display:flex;align-items:center}.navbar-brand{text-decoration:none;color:inherit;display:inline-flex;align-items:center;gap:10px;transition:all .2s ease}.navbar-brand-logo{height:34px;object-fit:contain}.navbar-brand-crown{color:var(--retro-yellow);flex-shrink:0;transition:all .3s ease;filter:drop-shadow(0 2px 4px rgba(255,214,107,.4))}.navbar-brand:hover .navbar-brand-crown{color:var(--retro-yellow);transform:scale(1.1) rotate(5deg);filter:drop-shadow(0 4px 8px rgba(255,214,107,.6))}.navbar-brand:hover{transform:scale(1.02)}.navbar-brand-text{font-family:Urbanist,sans-serif;font-size:1.5em;font-weight:900;letter-spacing:.08em;text-transform:uppercase;background:var(--gold-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative;transition:all .3s ease}.navbar-brand:hover .navbar-brand-text{background:var(--gold-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;transform:translateY(-1px)}.navbar-brand-text:after{content:"";position:absolute;bottom:-4px;left:0;right:0;height:3px;background:var(--gold-gradient);border-radius:2px;opacity:.6;transform:scaleX(0);transition:transform .3s ease}.navbar-brand:hover .navbar-brand-text:after{transform:scaleX(1)}.navbar-right{display:flex;align-items:center;gap:8px;position:relative}.navbar-menu-group{position:relative}.navbar-menu-button{background:transparent;color:var(--gold-text);border:none;padding:8px 12px;border-radius:8px;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .3s cubic-bezier(.4,0,.2,1);font-size:.95em;font-weight:500;min-height:40px;box-shadow:none;text-transform:none;letter-spacing:normal;font-family:Urbanist,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.navbar-menu-button:hover{color:var(--gold-text);transform:translateY(-1px)}.navbar-menu-button:active{background:var(--primary-dark);transform:none;box-shadow:none}.navbar-menu-button svg{stroke:currentColor;fill:none;stroke-width:1.5px}.navbar-menu-button svg{flex-shrink:0}.navbar-avatar{width:32px;height:32px;border-radius:50%;background:var(--primary-dark);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:600;flex-shrink:0;transition:all .2s ease;font-family:Urbanist,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;border:2px solid transparent}.navbar-menu-button:hover .navbar-avatar{transform:scale(1.1);box-shadow:0 0 8px #ecd36f66}.navbar-icon-with-plus{position:relative;display:inline-flex;align-items:center;justify-content:center}.navbar-volleyball-icon{color:currentColor;fill:currentColor;stroke:none;transition:color .2s ease}.navbar-plus-overlay{position:absolute;bottom:-2px;right:-4px;color:#fff;background:#ff7849d9;border-radius:50%;padding:2px;stroke-width:2;box-shadow:0 2px 4px #ff78494d;transition:all .2s ease}.navbar-menu-button:hover .navbar-plus-overlay{background:#ff8c61e6;transform:scale(1.1)}.navbar-chevron{flex-shrink:0;transition:transform .2s ease;margin-left:4px}.navbar-chevron.open{transform:rotate(180deg)}.navbar-menu-label{display:inline-block;background:var(--gold-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.navbar-dropdown{position:absolute;top:calc(100% + 8px);right:0;background:#fff;border:1px solid rgba(59,130,200,.2);border-radius:12px;box-shadow:0 8px 24px #0000001f;z-index:1001;min-width:220px;overflow:hidden;animation:slideDown .2s ease-out}.navbar-dropdown-menu,.navbar-dropdown-user{right:0}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.navbar-dropdown-item{display:flex;align-items:center;gap:12px;width:100%;padding:12px 16px;background:#fff;border:none;border-bottom:1px solid rgba(59,130,200,.1);color:var(--gray-700);font-size:.95em;font-weight:500;cursor:pointer;transition:all .15s ease;text-align:left;box-shadow:none;text-transform:none;letter-spacing:normal;min-height:auto;justify-content:flex-start;font-family:Urbanist,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.navbar-dropdown-item:last-child{border-bottom:none}.navbar-dropdown-item:hover{background:#0f172a0d;color:var(--navy-logo-bg);transform:none;box-shadow:none}.navbar-dropdown-item:active{background:#0f172a1a;transform:none;box-shadow:none}.navbar-dropdown-item svg{flex-shrink:0;color:var(--gray-600);transition:color .15s ease;width:18px;height:18px;text-align:center;stroke-width:1.5px}.navbar-dropdown-item:hover svg{color:var(--navy-logo-bg)}.navbar-dropdown-item-danger{color:var(--danger)}.navbar-dropdown-item-danger:hover{background:#ef44441a;color:var(--danger)}.navbar-dropdown-item-danger svg{color:var(--danger)}.navbar-dropdown-section{padding:4px 0}.navbar-dropdown-header{padding:8px 16px 4px;font-size:.75em;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--gray-600);margin-bottom:4px;text-align:left;font-family:Urbanist,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.navbar-dropdown-divider{height:1px;background:#3b82c826;margin:8px 0}.navbar-dropdown-item-league{font-weight:600}.navbar-dropdown-item-league:hover{background:#0f172a0d;color:var(--navy-logo-bg)}.hero-header{position:relative;height:300px;background-image:var(--hero-bg-image);background-size:cover;background-position:center;background-repeat:no-repeat;transition:background-image 1s ease-in-out;border-radius:17px 17px 0 0}.hero-overlay{position:relative;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;background:linear-gradient(135deg,#ff7849d9,#ff9a76bf,#ffd66bd9);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}h1{color:#fff;margin-bottom:8px;font-size:3.5em;font-weight:900;letter-spacing:-.025em;font-family:Urbanist,sans-serif;text-transform:uppercase}.subtitle{color:#fff;margin-bottom:0;font-size:1.25em;font-weight:600;font-style:italic}.controls{margin-bottom:28px;display:flex;gap:12px;flex-wrap:wrap;align-items:center}.button{display:inline-flex;align-items:center;justify-content:center;padding:10px 16px;background:var(--primary);color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.875rem;font-weight:500;transition:all .15s ease;font-family:Urbanist,sans-serif;text-transform:none;letter-spacing:normal;box-shadow:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.button:hover{background:var(--deep-ocean);transform:none;box-shadow:none}.button:active{transform:scale(.98);box-shadow:none;background:var(--deep-ocean)}.button:disabled{background:var(--gray-300);color:var(--gray-600);cursor:not-allowed;transform:none;box-shadow:none;opacity:.6}.btn-success{background:var(--primary);color:#fff;box-shadow:none;border:none}.btn-success:hover{background:var(--deep-ocean);box-shadow:none;transform:none}.btn-success:active{background:var(--deep-ocean);box-shadow:none;transform:scale(.98)}.btn-danger{background:#dc2626;color:#fff;border:none;box-shadow:none;display:flex;align-items:center;gap:8px}.btn-danger:hover{background:#b91c1c;box-shadow:none;transform:none}.btn-danger:active{background:#991b1b;box-shadow:none;transform:scale(.98)}.btn-whatsapp{background:var(--success);color:#fff;border:none;box-shadow:none}.btn-whatsapp:hover{background:#059669;box-shadow:none;transform:none}.btn-whatsapp:active{background:#047857;box-shadow:none;transform:scale(.98)}.loading{color:var(--primary);padding:32px;text-align:center;font-size:1.1em;display:flex;align-items:center;justify-content:center;gap:12px;font-weight:600}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.skeleton{background:linear-gradient(90deg,#e0e0e0,#f0f0f0,#e0e0e0);background-size:1000px 100%;animation:shimmer 1.5s infinite}.skeleton-box{background:linear-gradient(90deg,#e0e0e0,#f0f0f0,#e0e0e0);background-size:1000px 100%;animation:shimmer 1.5s infinite;border-radius:4px}.skeleton-text{background:linear-gradient(90deg,#e0e0e0,#f0f0f0,#e0e0e0);background-size:1000px 100%;animation:shimmer 1.5s infinite;border-radius:4px;height:16px;display:block}.skeleton-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(90deg,#e0e0e0,#f0f0f0,#e0e0e0);background-size:1000px 100%;animation:shimmer 1.5s infinite;flex-shrink:0;display:inline-block;vertical-align:middle;margin-right:8px}.error{background:var(--danger-light);color:var(--danger);padding:16px;border-radius:10px;margin-bottom:20px;border-left:4px solid var(--danger);font-weight:500}.success{background:var(--success-light);color:var(--success);padding:16px;border-radius:10px;margin-bottom:20px;border-left:4px solid var(--success);font-weight:500}.tabs{display:flex;gap:8px;margin-bottom:24px;border-bottom:3px solid var(--sand);overflow-x:auto}.tab{background:transparent;color:var(--warm-brown);border:none;border-bottom:4px solid transparent;padding:12px 24px;font-size:1em;font-weight:700;cursor:pointer;transition:all .2s;white-space:nowrap;box-shadow:none;text-transform:uppercase;letter-spacing:1px;min-height:44px}.tab:hover{background:#ff78491a;color:var(--muted-red);transform:none;box-shadow:none}.tab.active{background:transparent;color:var(--muted-red);border-bottom:4px solid var(--muted-red);font-weight:800;box-shadow:none}.content-area{margin-top:24px}.homepage-video-container{margin-top:32px;display:flex;justify-content:center;align-items:center}.homepage-video{max-width:100%;max-height:400px;border-radius:12px;box-shadow:var(--shadow-lg);margin-top:20px}.landing-content{margin:32px 12px;display:flex;justify-content:center;align-items:center;min-height:200px}.landing-message{text-align:center;max-width:600px;padding:48px 32px;background:#fff;border-radius:16px;box-shadow:var(--shadow-lg);border:2px solid var(--primary)}.landing-message h2{font-size:2rem;color:var(--primary);margin-bottom:16px;font-weight:700}.landing-welcome-title{display:flex;align-items:center;flex-wrap:wrap;gap:8px;justify-content:center}.landing-brand{display:inline-flex;align-items:center;gap:8px}.landing-brand-logo{max-height:100px;max-width:90%}.landing-brand-text{font-family:Urbanist,sans-serif;font-weight:900;letter-spacing:.08em;text-transform:uppercase;background:linear-gradient(135deg,var(--muted-red) 0%,var(--coral) 50%,var(--retro-yellow) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative}.landing-message p{font-size:1.125rem;color:var(--gray-700);margin-bottom:32px;line-height:1.6}.landing-message .btn{padding:12px 32px;font-size:1rem;font-weight:600;border-radius:8px;border:none;cursor:pointer;transition:all .2s ease}.landing-message .btn-primary{background:var(--muted-red);color:#fff}.landing-message .btn-primary:hover{background:var(--coral);transform:translateY(-2px);box-shadow:var(--shadow-md)}.dashboard-container{max-width:1200px;margin:0 auto;padding:32px 20px}.dashboard-welcome{text-align:center;margin-bottom:32px}.dashboard-widgets{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}.dashboard-widget{background:#fff;border-radius:16px;box-shadow:var(--shadow-md);border:1px solid var(--gray-200);overflow:hidden}.dashboard-widget-header{display:flex;align-items:center;gap:12px;padding:20px 24px;border-bottom:1px solid var(--gray-200);background:var(--gray-50)}.dashboard-widget-header svg{color:var(--primary);flex-shrink:0}.dashboard-widget-title{font-size:1.25rem;font-weight:600;color:var(--gray-900);margin:0}.dashboard-widget-content{padding:20px 24px}.dashboard-empty-state{text-align:center;padding:32px 20px;color:var(--gray-600)}.dashboard-empty-state p{margin:8px 0;font-size:1rem}.dashboard-leagues-list,.dashboard-matches-list{display:flex;flex-direction:column;gap:12px}.dashboard-matches-list-expanded{max-height:500px;overflow-y:auto;overflow-x:hidden}.dashboard-league-item{display:flex;align-items:center;justify-content:space-between;padding:16px;border:1px solid var(--gray-200);border-radius:12px;cursor:pointer;transition:all .2s ease}.dashboard-league-item:hover{border-color:var(--primary);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.dashboard-league-info{flex:1;min-width:0}.dashboard-league-name{font-size:1rem;font-weight:600;color:var(--gray-900);margin:0 0 8px}.dashboard-league-meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.dashboard-league-location{font-size:.875rem;color:var(--gray-600);background:var(--gray-100);padding:4px 10px;border-radius:12px}.dashboard-league-members{display:flex;align-items:center;gap:4px;font-size:.875rem;color:var(--gray-600)}.dashboard-chevron{color:var(--gray-400);flex-shrink:0}.dashboard-match-item{display:flex;align-items:center;justify-content:space-between;padding:16px;border:1px solid var(--gray-200);border-radius:12px;background:var(--gray-50)}.dashboard-match-result{display:flex;align-items:center;gap:12px}.dashboard-match-status{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;font-weight:700;font-size:.875rem;flex-shrink:0}.dashboard-match-status.won{background:var(--success-light);color:var(--success-dark)}.dashboard-match-status.lost{background:var(--danger-light);color:var(--danger)}.dashboard-match-details{display:flex;flex-direction:column;gap:4px}.dashboard-match-score{font-size:1rem;font-weight:600;color:var(--gray-900)}.dashboard-match-partner{font-size:.875rem;color:var(--gray-700);font-style:italic}.dashboard-match-opponent{font-size:.875rem;color:var(--gray-600)}.dashboard-match-date{font-size:.875rem;color:var(--gray-600);flex-shrink:0}.dashboard-widget-footer{text-align:center}.dashboard-widget-footer-clickable{cursor:pointer;transition:background-color .2s}.dashboard-widget-footer-clickable .secondary-text{color:var(--primary);font-weight:500}.dashboard-widget-footer-clickable .secondary-text:hover{color:var(--primary-dark)}table{width:100%;border-collapse:separate;border-spacing:0;margin-top:16px;border:3px solid var(--primary);border-radius:12px;overflow:hidden;background:#fff;box-shadow:var(--shadow-md)}thead{background:linear-gradient(135deg,var(--primary) 0%,var(--teal) 100%)}th{color:#fff;padding:16px 12px;text-align:left;cursor:pointer;-webkit-user-select:none;user-select:none;font-weight:700;font-size:.875em;text-transform:uppercase;letter-spacing:.8px;transition:all .2s}th:hover{background:#ffffff26}th:first-child{border-top-left-radius:6px}th:last-child{border-top-right-radius:6px}td{padding:14px 12px;border-bottom:1px solid var(--gray-200);color:var(--gray-700);font-size:.95em}tbody tr{transition:all .2s}tbody tr:hover{background:#ff78490d}tbody tr:last-child td{border-bottom:none}.sticky-col{position:sticky;left:0;z-index:10}thead .sticky-col{background:linear-gradient(135deg,var(--primary) 0%,var(--teal) 100%);box-shadow:2px 0 4px #0000001a}tbody .sticky-col{background:#fff;box-shadow:2px 0 4px #0000000d}tbody tr:hover .sticky-col{background:#fff8f5}.crown-icon{margin-left:8px;color:gold;vertical-align:middle}.rankings-table-wrapper{background:#fff;border-radius:8px;border:1px solid var(--gray-300);box-shadow:0 1px 3px var(--gray-300);overflow-x:auto;-webkit-overflow-scrolling:touch;position:relative;margin-top:0;width:100%;max-width:100%;scrollbar-width:thin;scrollbar-color:var(--gray-400) transparent}.rankings-table-modern{width:100%;min-width:800px;border-collapse:separate;border-spacing:0;border:none;margin:0;background:#fff;box-shadow:none;table-layout:auto;border-radius:0!important;position:relative}.rankings-table-modern thead{background:var(--gray-300);border-bottom:1px solid var(--gray-200)}.rankings-table-modern thead tr:first-child th:first-child{border-top-left-radius:6px!important}.rankings-table-modern thead tr:first-child th:last-child{border-top-right-radius:6px!important}.rankings-table-modern th:first-child{border-top-left-radius:6px!important}.rankings-table-modern th:last-child{border-top-right-radius:6px!important}.rankings-table-modern th{color:var(--gray-700);padding:14px 16px;text-align:left;cursor:pointer;-webkit-user-select:none;user-select:none;font-weight:600;font-size:.875rem;text-transform:uppercase;letter-spacing:.5px;transition:all .2s;border:none;position:relative;white-space:nowrap;box-sizing:border-box;vertical-align:middle}.rankings-table-modern td{box-sizing:border-box;vertical-align:middle}.rankings-table-modern th:nth-child(3){min-width:55px;width:100px}.rankings-table-modern td:nth-child(3){min-width:55px;width:100px}.rankings-table-modern th:nth-child(4){min-width:85px}.rankings-table-modern th.rank-number-header{text-align:left;color:var(--gray-600);width:50px;min-width:50px;max-width:50px;position:sticky;left:0;z-index:11;padding:14px 4px 14px 12px;vertical-align:middle}.rankings-table-modern th.rank-number-header .th-content{display:flex;align-items:center;gap:2px;white-space:nowrap;justify-content:flex-start}.rankings-table-modern th .th-content{display:flex;align-items:center;gap:4px;white-space:nowrap}.rankings-table-modern th:hover:not(.rank-number-header){background:var(--gray-100)}.rankings-table-modern thead .sticky-col{background:var(--gray-300);box-shadow:2px 0 2px #0000000d;position:sticky;left:50px;z-index:10;vertical-align:middle;min-width:220px;width:220px}.rankings-table-modern thead .rank-number-header{background:var(--gray-300);z-index:11}.rankings-table-modern tbody .sticky-col{background:#fff;box-shadow:2px 0 2px #00000008;position:sticky;left:50px;z-index:9;vertical-align:middle;min-width:220px;width:220px}.rankings-table-modern tbody tr:nth-child(2n) .sticky-col{background:var(--gray-50)}.rankings-table-modern tbody tr:hover .sticky-col{background:#f7f7f7}.rankings-row{transition:all .2s ease;border-bottom:1px solid var(--gray-100)}.rankings-row.clickable-row{cursor:pointer}.rankings-row:nth-child(2n){background:var(--gray-50)}.rankings-row:hover{background:#00000008}.rankings-row:nth-child(2n):hover{background:#00000008}.rankings-row:last-child{border-bottom:none}.rankings-table-modern tbody tr:last-child td:first-child{border-bottom-left-radius:6px}.rankings-table-modern tbody tr:last-child td:last-child{border-bottom-right-radius:6px}.rank-number-cell{padding:14px 4px 14px 12px;text-align:left;color:var(--gray-600);font-weight:500;font-size:.875rem;width:50px;min-width:50px;max-width:50px;position:sticky;left:0;z-index:10;background:#fff;vertical-align:middle}.rankings-table-modern tbody tr:nth-child(2n) .rank-number-cell{background:var(--gray-50)}.rankings-table-modern tbody tr:hover .rank-number-cell{background:#00000008}.rankings-name-cell{padding:4px 16px;min-width:220px;width:220px;vertical-align:middle}.rankings-stat-cell{padding:14px 16px;color:var(--gray-700);font-size:.9375rem;font-weight:500;text-align:left;box-sizing:border-box;vertical-align:middle}.player-name-modern{display:inline-flex;align-items:center;gap:.5em;color:var(--primary-darker);cursor:pointer;font-weight:600;transition:all .2s;padding:4px 0;font-size:.95em}.player-name-modern:hover{color:var(--primary)}.crown-icon-modern{color:var(--gold-text);flex-shrink:0;filter:drop-shadow(0 1px 2px rgba(255,214,107,.4))}.player-avatar{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}.player-avatar-initials{background-color:var(--gray-100);border:1px solid var(--gray-200)}.player-avatar-text{font-size:.875rem;font-weight:500;color:var(--primary-dark);text-transform:uppercase;line-height:1}.player-avatar-image{background:transparent}.player-avatar-image img{width:100%;height:100%;object-fit:cover;border-radius:50%}.winner-cell{background:var(--success-light)!important;font-weight:700}.loser-cell{background:var(--danger-light)!important}.matches-container{display:flex;flex-direction:column;gap:32px}.match-date-group{display:flex;flex-direction:column;gap:16px}.match-date-header{color:var(--navy-logo-bg);font-size:1.1em;font-weight:700;letter-spacing:1px;padding-bottom:8px;border-bottom:1px solid var(--navy-logo-bg)}.edit-session-button{margin-left:10px;padding:6px;display:inline-flex;align-items:center;justify-content:center;background-color:transparent;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;transition:all .2s;font-family:Urbanist,sans-serif}.edit-session-button:hover{background-color:#f3f4f6;border-color:#9ca3af}.edit-session-button:active{background-color:var(--gray-300)!important}.match-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(222px,1fr));gap:14px}.session-timestamp{font-size:.75rem;color:var(--gray-400);text-align:right;margin-top:-8px;padding-top:4px}.match-card{background:#fff;border:1px solid var(--gray-200);border-radius:12px;overflow:hidden;box-shadow:var(--shadow-sm);transition:all .2s;position:relative}.match-card .match-team{background:#fff}.match-card .match-team.winner{background:#bfe1e71f;border-left:3px solid var(--primary-dark)}.match-card .match-team.loser{background:#fff;opacity:.8;border-left:3px solid transparent}.match-card:not(.editable):hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.match-card-header{background:var(--gray-100);padding:8px 12px;display:flex;justify-content:flex-end;align-items:center;border-bottom:1px solid var(--gray-300)}.rating-badge{display:inline-flex;align-items:center;gap:4px;font-size:.75em;color:var(--gray-600);font-weight:600;cursor:help}.match-team{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid var(--gray-200)}.match-team:last-child{border-bottom:none}.match-team.winner{background:#bfe1e71f;border-left:3px solid var(--primary)}.match-team.loser{background:#fff;opacity:.8;border-left:4px solid transparent}.team-players{display:flex;flex-direction:column;gap:1px}.match-team.loser .player-name-modern{color:var(--gray-500)}.team-score{font-weight:700}.match-team.loser .team-score{color:var(--gray-400);font-weight:500}.team-score{font-size:1.4em;text-align:right;font-weight:600}.player-details{position:fixed;top:0;right:0;bottom:0;max-width:100%;padding:24px;background:linear-gradient(135deg,#fafbfc,#fff);border-left:1px solid var(--gray-200);box-shadow:-4px 0 20px #00000014;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;z-index:2002;isolation:isolate;animation:slideInFromRight .3s ease-out}.table-scroll-wrapper{width:100%;overflow-x:auto;overflow-y:auto;-webkit-overflow-scrolling:touch;margin-top:0;scrollbar-width:thin;scrollbar-color:var(--gray-300) transparent;position:relative;max-height:80vh;height:auto;padding:4px}.table-scroll-wrapper::-webkit-scrollbar{height:8px}.table-scroll-wrapper::-webkit-scrollbar-track{background:transparent}.table-scroll-wrapper::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:4px}.table-scroll-wrapper::-webkit-scrollbar-thumb:hover{background:var(--gray-400)}.player-details table{width:100%;min-width:600px;border-collapse:collapse;border-spacing:0;margin-top:0;border:1px solid var(--gray-200);border-radius:12px;background:#fff;box-shadow:var(--shadow-sm);table-layout:auto;display:table}.player-details table thead{background:linear-gradient(135deg,var(--primary-darker) 0%,var(--primary-dark) 100%)}.player-details table th{color:#fff;padding:14px 16px;text-align:left;font-weight:600;font-size:.8em;text-transform:uppercase;letter-spacing:.5px;border:none}.player-details table thead th:nth-child(4),.player-details table tbody td:nth-child(4){text-align:center}.player-details table tbody tr{border-bottom:1px solid var(--gray-100);transition:background .15s ease}.player-details table tbody tr.row-gray{background:var(--gray-50)}.player-details table tbody tr:hover{background:#00000008}.player-details table tbody tr:last-child{border-bottom:none}.player-details table td{padding:14px 16px;color:var(--gray-700);font-size:.9em;font-weight:500;border:none;vertical-align:middle}.player-details table .section-header{background:var(--gray-100);font-weight:700;color:var(--gray-900);text-transform:uppercase;letter-spacing:.5px;font-size:.75em;display:table-row}.player-details table tbody tr.section-header td{background:var(--gray-100);padding:12px 16px;border-bottom:1px solid var(--gray-200);display:table-cell;width:100%;min-width:600px;box-sizing:border-box;position:static}.player-details table .spacer-row td{padding:8px;background:transparent}.player-details table tbody tr.overall-row{background:var(--gray-50);font-weight:600}.player-details table tbody tr.overall-row:hover{background:var(--gray-100)}.player-details table tbody tr.active-session-row{background:#10b9810d;border-left:3px solid var(--success)}.player-details table tbody tr.active-session-row:hover{background:#10b9811a}.player-details table .result-win{color:var(--success);font-weight:600}.player-details table .result-loss{color:var(--danger);font-weight:600}.player-details table .rating-positive{color:var(--success);font-weight:600}.player-details table .rating-negative{color:var(--danger);font-weight:600}.player-details table .active-session-badge-small{display:inline-block;padding:2px 8px;background:var(--success-light);color:var(--success);border-radius:12px;font-size:.75em;font-weight:600;margin-left:8px}@keyframes slideInFromRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes shimmer{0%,to{background-color:#ffffff2b;box-shadow:-2px 0 8px #3b82c81c}50%{background-color:#3b82c80d;box-shadow:-2px 0 8px #0000}}.player-details-backdrop{position:fixed;inset:0;background:#00000080;z-index:2000;isolation:isolate;animation:fadeIn .3s ease-out}body.drawer-open{overflow:hidden;overscroll-behavior-y:none}body.drawer-open .navbar{z-index:999!important}@media(max-width:768px){body.modal-open .navbar,body.drawer-open .navbar{pointer-events:none!important;opacity:.3!important;transition:opacity .2s ease}}@media(min-width:769px){body.modal-open .navbar,body.drawer-open .navbar{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:var(--navy-logo-bg)!important}}.player-selector-container{display:flex;align-items:center;gap:12px;margin-bottom:24px}.player-selector-container svg{color:var(--primary);flex-shrink:0}.player-selector-wrapper{position:relative;min-width:0}.player-selector-current{display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;padding:14px 16px 10px;background:none;border:none;border-radius:12px;transition:all .2s ease;box-shadow:none}.player-selector-current:hover{opacity:.7}.player-selector-current:active{transform:none}.player-selector-name{font-size:1.25em;font-weight:600;color:var(--gray-900);font-family:Urbanist,sans-serif;letter-spacing:-.01em}.player-selector-current svg{flex-shrink:0;transition:transform .2s ease;color:var(--gray-600)}.player-selector-current svg.rotate-180{transform:rotate(180deg)}.player-selector-dropdown{position:absolute;top:calc(100% + 8px);left:0;right:0;background:#fff;border:1px solid var(--gray-200);border-radius:12px;box-shadow:var(--shadow-lg);z-index:1001;max-height:400px;overflow:hidden;display:flex;flex-direction:column}.player-selector-search{width:100%;padding:12px 16px;border:none;border-bottom:1px solid var(--gray-200);font-size:.95em;font-family:inherit;background:#fff;color:var(--gray-900);transition:all .2s ease}.player-selector-search:focus{outline:none;border-bottom-color:var(--primary);background:var(--gray-50)}.player-selector-search::placeholder{color:var(--gray-600);opacity:.6}.player-selector-options{overflow-y:auto;max-height:350px}.player-selector-option{padding:12px 16px;cursor:pointer;transition:all .15s ease;border-bottom:1px solid var(--gray-100);color:var(--gray-700);font-weight:500;font-size:.95em}.player-selector-option:hover{background:var(--gray-50);color:var(--gray-900)}.player-selector-option.selected{background:var(--gray-100);color:var(--primary);font-weight:600}.player-selector-option.highlighted{background:var(--gray-100);color:var(--gray-900)}.player-selector-option.disabled{cursor:not-allowed;color:var(--gray-600);opacity:.6}.player-selector-option.disabled:hover{background:transparent;color:var(--gray-600)}.player-details-season-name{font-size:.9em;color:var(--gray-600);font-weight:500;margin-top:-12px;margin-bottom:24px;padding-left:4px}.player-overview{display:flex;gap:16px;margin:0;padding:0;background:transparent;border-radius:0;border:none;box-shadow:none}.overview-stat{flex:1;display:flex;align-items:center;gap:12px;padding:12px;background:#fff;border-radius:8px;border:1px solid var(--gray-200);transition:all .2s ease;box-shadow:var(--shadow-sm)}.overview-stat:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--gray-300)}.overview-icon{color:var(--muted-red);flex-shrink:0}.overview-content{display:flex;flex-direction:column;gap:4px}.overview-label{font-size:.8em;text-transform:uppercase;letter-spacing:.5px;color:var(--gray-600);font-weight:600;margin-bottom:4px}.overview-value{font-size:1.2em;font-weight:700;color:var(--gray-900);font-family:Urbanist,sans-serif;letter-spacing:-.02em}.player-details h2{color:var(--gray-900);margin-bottom:20px;font-size:1.75em;font-weight:700;display:flex;align-items:center;gap:12px;font-family:Urbanist,sans-serif;letter-spacing:-.02em}.player-details h3{color:var(--gray-900);margin-top:40px;margin-bottom:20px;font-size:1.15em;font-weight:600;display:flex;align-items:center;gap:10px;text-transform:none;letter-spacing:-.01em}.player-details-close-btn{position:absolute;top:30px;right:24px;background:none;border:none;color:var(--gray-600);padding:8px;box-shadow:none;width:36px;height:36px;border-radius:8px;transition:all .15s ease;display:flex;align-items:center;justify-content:center;flex-shrink:0;cursor:pointer;z-index:10}.player-details-close-btn:hover{background:var(--gray-100);color:var(--gray-900);transform:none;box-shadow:none}.player-details-close-btn:active{transform:scale(.95);background:var(--gray-200)}.player-details>.close-btn,.player-details button.close-btn{background:var(--gray-100);color:var(--gray-700);border:1px solid var(--gray-300);padding:10px 16px;font-size:.875em;display:flex;align-items:center;gap:8px;border-radius:8px;margin-bottom:24px;margin-left:auto;width:fit-content;font-weight:500;transition:all .2s ease;box-shadow:none;cursor:pointer}.player-details>.close-btn:hover,.player-details button.close-btn:hover{background:var(--gray-200);border-color:var(--gray-400);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.player-details>.close-btn:active,.player-details button.close-btn:active{transform:translateY(0);box-shadow:none}.section-header{background:linear-gradient(135deg,var(--sand) 0%,var(--cream) 100%);font-weight:700;color:var(--warm-brown);text-transform:uppercase;letter-spacing:.5px}.stat-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:16px;font-size:.875em;font-weight:600}.stat-badge.positive{background:var(--success-light);color:var(--success)}.stat-badge.negative{background:var(--danger-light);color:var(--danger)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes wave{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.spin{animation:spin 1s linear infinite}.content-area{animation:fadeIn .4s ease-out}::-webkit-scrollbar{width:6px;height:6px;transition:width .2s ease,opacity .3s ease}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#0003;border-radius:3px;transition:background .2s ease,opacity .3s ease}::-webkit-scrollbar-thumb:hover{background:#0006}*{scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.2) transparent}html:not(:hover) body:not(.scrolling) ::-webkit-scrollbar{opacity:0}html:not(:hover) body:not(.scrolling) ::-webkit-scrollbar-thumb{opacity:0}body.scrolling ::-webkit-scrollbar{opacity:1}body.scrolling ::-webkit-scrollbar-thumb{opacity:1}html:hover ::-webkit-scrollbar,body:hover ::-webkit-scrollbar{opacity:1;width:8px}html:hover ::-webkit-scrollbar-thumb,body:hover ::-webkit-scrollbar-thumb{opacity:1;background:#0000004d}.tooltip-trigger{position:relative}.tooltip{background:#212121f2;color:#fff;padding:8px 12px;border-radius:6px;font-size:13px;font-weight:400;line-height:1.4;white-space:nowrap;box-shadow:0 4px 12px #00000026;animation:tooltipFadeIn .15s ease-out}.tooltip-fixed{position:fixed;transform:translate(-50%,-100%);pointer-events:none;z-index:10000;will-change:transform}@keyframes tooltipFadeIn{0%{opacity:0}to{opacity:1}}.winner-row,.loser-row{background:#fff}.result-win{color:var(--success);font-weight:400}.result-loss{color:var(--danger);font-weight:400}.rating-positive{color:var(--success);font-weight:400}.rating-negative{color:var(--danger);font-weight:400}.spacer-row{height:10px}.no-underline{text-decoration:none}.modal-overlay{position:fixed;inset:0;background:#00000080;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:flex-end;justify-content:center;z-index:2001!important;padding:0;animation:fadeIn .2s ease-out;isolation:isolate;overflow:hidden}.modal-content{background:#fff;border-radius:24px 24px 0 0;border:none;box-shadow:0 -4px 24px #00000026;max-width:100%;width:100%;max-height:95vh;height:auto;overflow-y:auto;overflow-x:visible;animation:slideUpMobile .3s cubic-bezier(.4,0,.2,1);position:relative;display:flex;flex-direction:column}@keyframes slideUpMobile{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;border-bottom:1px solid var(--gray-200);background:#fff;border-radius:24px 24px 0 0;position:sticky;top:0;z-index:10;flex-shrink:0}.modal-header h2{font-size:1.1rem}.modal-header h2{color:var(--gray-900);font-size:1.25rem;font-weight:600;margin:0;font-family:Urbanist,sans-serif}.modal-header .close-btn{background:none;border:none;color:var(--gray-600);padding:6px;box-shadow:none;width:32px;height:32px;border-radius:6px;transition:all .15s ease;display:flex;align-items:center;justify-content:center;flex-shrink:0}.modal-header .close-btn:hover{background:var(--gray-100);color:var(--gray-900);transform:none;box-shadow:none}.modal-header .close-btn:active{transform:scale(.95);background:var(--gray-200)}.modal-body{padding:28px}.modal-stats{display:flex;gap:20px;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid var(--gray-200);flex-wrap:wrap}.modal-stat{display:flex;align-items:center;gap:8px;font-size:.95em;font-weight:600}.modal-stat:nth-child(1){color:var(--primary)}.modal-stat:nth-child(2){color:var(--gray-700)}.modal-body p{color:var(--gray-700);font-size:1.05em;line-height:1.6;margin:0}.modal-actions{display:flex;gap:8px;padding:10px 12px;border-top:1px solid var(--gray-200);justify-content:flex-end;background:#fff;position:sticky;bottom:0;flex-shrink:0;margin-top:auto}.modal-actions .button:not(.btn-success){background:none;color:var(--gray-700)}.modal-actions .button:not(.btn-success):hover{background:var(--gray-50);color:var(--gray-900)}.modal-actions .button:not(.btn-success):active{background:var(--gray-100)}.modal-actions .delete-match-text-btn{margin-right:auto}.confirmation-modal{max-width:550px}.modal-player-stats{margin:24px 0}.modal-stats-table{width:100%;border-collapse:collapse;font-size:.875rem;background:#fff;border-radius:8px;overflow:hidden;border:1px solid var(--gray-300);box-shadow:0 2px 8px #00000014}.modal-stats-table thead{background:var(--coral);border-bottom:2px solid rgba(255,120,73,.2)}.modal-stats-table th{text-align:left;padding:14px 12px;font-size:.75rem;font-weight:700;color:var(--gray-900);text-transform:uppercase;letter-spacing:.8px;position:relative}.modal-stats-table th:not(:last-child):after{content:"";position:absolute;right:0;top:20%;bottom:20%;width:1px;background:#ff784933}.modal-stats-table tbody tr{border-bottom:1px solid var(--gray-100);transition:background .15s ease}.modal-stats-table tbody tr:hover{background:var(--gray-50)}.modal-stats-table tbody tr:last-child{border-bottom:none}.modal-stats-table td{padding:14px 12px;vertical-align:middle;color:var(--gray-700);font-weight:500}.modal-stats-table-name{font-weight:600;color:var(--primary);text-align:left}.modal-stats-table td:not(:first-child){text-align:right;font-variant-numeric:tabular-nums}.add-match-form{padding:16px;margin-bottom:32px;display:flex;flex-direction:column;gap:12px;flex:1;overflow-y:auto;min-height:0}.match-config-section{display:flex;flex-direction:column;gap:4px;padding:6px 10px;background:var(--gray-50);border-radius:8px;border:1px solid var(--gray-200)}.match-config-top-row{display:grid;grid-template-columns:1fr;gap:8px;align-items:end}.match-config-bottom-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:4px;border-top:1px solid var(--gray-200)}.match-config-item.compact{display:flex;flex-direction:column;gap:4px;min-width:0}.match-config-item.compact.league-season-item{min-width:180px}.league-season-combined-inline{display:flex;align-items:center;gap:8px;flex-wrap:nowrap}.active-season-inline-text{display:flex;flex-direction:column;font-size:.6875rem;color:var(--gray-600);padding:2px 6px;background:var(--gray-50);border-radius:4px;border:1px solid var(--gray-200);font-weight:500;line-height:1.3}.active-season-inline-text .season-name{font-weight:600;color:var(--gray-700)}.active-season-inline-text .season-dates{font-size:.625rem;color:var(--gray-500)}.match-config-label{font-size:.7rem;font-weight:600;color:var(--gray-600);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;display:flex;align-items:center;gap:4px}.info-icon-wrapper{display:inline-flex;align-items:center;cursor:help;color:var(--gray-400);transition:color .15s ease}.info-icon-wrapper:hover{color:var(--gray-600)}.match-type-toggle.compact{display:flex;gap:0;background:#fff;border-radius:6px;padding:2px;border:1px solid var(--gray-300);white-space:nowrap}.match-type-option.compact{flex:1;padding:5px 10px;border:none;background:transparent;color:var(--gray-600);font-size:.75rem;font-weight:500;cursor:pointer;border-radius:4px;transition:all .15s ease;font-family:Urbanist,sans-serif;white-space:nowrap}.match-type-option.compact:hover:not(:disabled){background:var(--gray-50)}.match-type-option.compact.active{background:var(--primary);color:#fff}.match-type-option.compact:disabled{opacity:.6;cursor:not-allowed}.league-dropdown-container{position:relative}.league-dropdown-container.compact{display:flex;flex-direction:column;gap:4px}.league-dropdown-trigger{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:#fff;border:1px solid var(--gray-300);border-radius:8px;cursor:pointer;transition:all .15s ease;font-size:.875rem;color:var(--gray-900);min-height:40px}.league-dropdown-trigger.compact{padding:5px 10px;min-height:28px;font-size:.75rem;border-radius:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.league-dropdown-trigger.compact.disabled-look{background:var(--gray-100);border-color:var(--gray-200);color:var(--gray-500);cursor:default}.league-dropdown-trigger.compact.disabled-look:hover{border-color:var(--gray-200)}.league-dropdown-trigger:hover:not(:disabled){border-color:var(--gray-400)}.league-dropdown-trigger.open{border-color:var(--primary);box-shadow:0 0 0 3px #3b82f61a}.league-dropdown-trigger.placeholder{color:var(--gray-400)}.league-dropdown-trigger:disabled{opacity:.6;cursor:not-allowed}.league-dropdown-menu{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#fff;border:1px solid var(--gray-200);border-radius:8px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;z-index:3000;max-height:200px;overflow-y:auto}.league-dropdown-option{padding:10px 14px;cursor:pointer;font-size:.875rem;color:var(--gray-900);transition:background .15s ease}.league-dropdown-option:hover{background:var(--gray-50)}.league-dropdown-option.selected{background:var(--primary);color:#fff}.active-season-card{padding:12px 16px;background:var(--gray-50);border:1px solid var(--gray-200);border-radius:8px;font-size:.875rem}.active-season-card.compact{padding:5px 10px;background:#fff;border:1px solid var(--gray-300);border-radius:6px;font-size:.75rem;flex:1;min-width:0}.active-season-content{display:flex;flex-direction:column;gap:2px}.active-season-name{font-weight:600;color:var(--gray-900);font-size:.75rem}.active-season-card.compact .active-season-name{font-size:.75rem;font-weight:600}.active-season-dates{font-size:.6875rem;color:var(--gray-600)}.active-season-dates{font-size:.8125rem;color:var(--gray-600)}.active-season-loading,.active-season-no-season{color:var(--gray-500);font-size:.8125rem}.active-season-card.compact .active-season-loading,.active-season-card.compact .active-season-no-season{font-size:.75rem}.ranked-toggle-switch.compact{display:flex;gap:0;background:#fff;border-radius:6px;padding:2px;border:1px solid var(--gray-300);white-space:nowrap}.ranked-toggle-option.compact{flex:1;padding:5px 10px;border:none;background:transparent;color:var(--gray-600);font-size:.75rem;font-weight:500;cursor:pointer;border-radius:4px;transition:all .15s ease;font-family:Urbanist,sans-serif;white-space:nowrap}.ranked-toggle-option.compact:hover:not(:disabled){background:var(--gray-50)}.ranked-toggle-option.compact.active{background:var(--primary);color:#fff}.ranked-toggle-option.compact:disabled{opacity:.6;cursor:not-allowed}.ranked-toggle-note.compact{font-size:.6875rem;color:var(--gray-500);font-style:italic;white-space:nowrap}.delete-match-text-btn{background:none;border:none;color:var(--danger);font-size:.875rem;cursor:pointer;padding:8px 16px;margin:0;text-decoration:none;box-shadow:none;transition:all .15s ease;font-weight:500;font-family:Urbanist,sans-serif;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;min-height:36px}.delete-match-text-btn:hover{background:#fee2e2;color:#b91c1c;text-decoration:none}.delete-match-text-btn:active{background:#fecaca}.delete-match-text-btn:disabled{opacity:.5;cursor:not-allowed}.teams-container{display:grid;grid-template-columns:1fr auto 1fr;align-items:start}.team-section{display:flex;flex-direction:column;gap:8px;padding:14px;background:#fff;border-radius:8px;border:1px solid var(--gray-200);overflow:visible;position:relative}.vs-divider-column{display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:600;color:var(--gray-500);padding:0 6px;align-self:center}.team-header{display:flex;align-items:center;gap:10px;margin-bottom:0}.team-section h3{font-size:.9375rem;font-weight:600;color:var(--gray-900);margin:0;display:flex;align-items:center;gap:6px;text-transform:uppercase;letter-spacing:.5px}.team-inputs-row{display:flex;gap:16px;align-items:stretch;overflow:visible;position:relative}.player-inputs{display:flex;flex-direction:column;gap:12px;flex:1;overflow:visible;position:relative}.player-input{width:100%;padding:12px 16px;border:2px solid var(--gray-300);border-radius:8px;font-size:1em;font-weight:600;transition:all .2s;background:#fff}.player-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #3b82c81a}.score-input{width:80px;padding:0;border:2px solid var(--gray-300);border-radius:8px;font-size:2.5em;font-weight:800;font-family:Urbanist,sans-serif;transition:all .2s;background:#fff;text-align:center;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:var(--gray-700)}.score-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #3b82c826}.score-input::placeholder{color:var(--gray-400);opacity:.4}.scorecard-container{display:flex;gap:4px;flex-shrink:0;align-items:center}.scorecard-digit-input{width:50px;height:70px;padding:0;border:none;border-radius:8px;color:#fff;font-size:2.5em;font-weight:800;font-family:Urbanist,sans-serif;text-align:center;box-shadow:0 2px 4px #00000026;transition:all .2s;cursor:text}.scorecard-digit-input:focus{outline:none;box-shadow:0 0 0 3px #ffffff4d,0 2px 8px #0003;transform:scale(1.05)}.scorecard-digit-input::selection{background:#ffffff4d;color:#fff}.scorecard-digit-input::-webkit-outer-spin-button,.scorecard-digit-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.scorecard-digit-input[type=number]{-moz-appearance:textfield}.winner-badge{display:inline-flex;align-items:center;justify-content:center;padding:4px 10px;background:var(--success);color:#fff;border-radius:10px;font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.5px}.vs-divider{display:none}.form-error{color:#dc2626;background-color:#fee2e2;padding:12px 16px;border-radius:6px;margin-bottom:0;font-size:.875rem;border-left:3px solid #dc2626}.form-group{margin-bottom:24px;width:100%;box-sizing:border-box}.form-group:last-child{margin-bottom:0}.form-group label{display:block;margin-bottom:10px;font-weight:600;color:var(--gray-900);font-size:.95em;line-height:1.4}.form-group label .required{color:var(--danger)}.form-input{width:100%;padding:14px 16px;border:1.5px solid var(--gray-300);border-radius:12px;font-size:16px;font-weight:500;transition:all .2s ease;background:#fff;font-family:inherit;-webkit-appearance:none;appearance:none}.form-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #3b82c81a;transform:none}.form-input:disabled{background-color:var(--gray-100);cursor:not-allowed;opacity:.7}.form-input::placeholder{color:var(--gray-600);opacity:.6}.form-group textarea.form-input{resize:vertical;min-height:100px;line-height:1.5;font-size:16px}.form-select{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath fill='%234a90a4' d='M8 11L3 6h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;background-size:16px;padding-right:44px;cursor:pointer;min-width:0;font-size:16px}.form-select option{padding:8px 12px;font-size:.95em;font-weight:500;min-height:auto;line-height:1.4}.form-select:focus{min-width:0}select.form-select{width:100%;box-sizing:border-box}.form-help-text{display:block;margin-top:8px;font-size:.85em;color:var(--gray-600);font-style:italic;line-height:1.4}.checkbox-label{display:flex;align-items:center;gap:10px;cursor:pointer;font-weight:500;color:var(--gray-900)}.checkbox-label input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:var(--primary)}.radio-card-group{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-top:8px;width:100%}.radio-card-group.radio-card-group-2{grid-template-columns:repeat(2,1fr)}.radio-card-group.radio-card-group-3{grid-template-columns:repeat(3,1fr)}.radio-card{display:flex;flex-direction:row;align-items:center;padding:12px 14px;background:#fff;border:1.5px solid var(--gray-300);border-radius:12px;cursor:pointer;transition:all .2s ease;position:relative;min-height:auto;justify-content:flex-start;gap:10px;width:100%;max-width:100%;box-sizing:border-box}.radio-card:hover:not(.disabled):not(:has(input:disabled)){border-color:var(--primary);box-shadow:0 2px 8px #3b82c81a;transform:none}.radio-card.selected{border-color:var(--primary);background:#3b82c80d;box-shadow:0 0 0 2px #3b82c826}.radio-card.disabled,.radio-card:has(input:disabled){opacity:.6;cursor:not-allowed}.radio-card.disabled:hover,.radio-card:has(input:disabled):hover{border-color:var(--gray-300);box-shadow:none;transform:none}.radio-card-header{display:flex;align-items:center;gap:12px;margin:0;flex:1}.radio-card input[type=radio]{width:20px;height:20px;cursor:pointer;accent-color:var(--primary);flex-shrink:0;margin:0}.radio-card.disabled input[type=radio],.radio-card:has(input:disabled) input[type=radio]{cursor:not-allowed}.radio-card-title{font-size:.9em;font-weight:600;color:var(--gray-900);-webkit-user-select:none;user-select:none;line-height:1.4;white-space:nowrap;flex:1}.radio-card.selected .radio-card-title{color:var(--primary)}.radio-card-description{display:none;margin:0;font-size:.875em;color:var(--gray-600);line-height:1.4;-webkit-user-select:none;user-select:none}.radio-card.selected .radio-card-description{color:var(--gray-800);font-weight:500}.form-group-label{display:block;margin-bottom:10px;font-weight:600;color:var(--gray-900);font-size:.95em;line-height:1.4}.toggle-group{display:flex;gap:0;border:2px solid var(--gray-300);border-radius:8px;overflow:hidden;background:#fff}.toggle-option{flex:1;padding:12px 20px;border:none;background:#fff;color:var(--gray-700);font-size:1em;font-weight:600;cursor:pointer;transition:all .2s;border-right:1px solid var(--gray-300)}.toggle-option:last-child{border-right:none}.toggle-option:hover:not(:disabled){background:var(--gray-100)}.toggle-option.active{background:var(--primary);color:#fff}.toggle-option.active:hover:not(:disabled){background:var(--deep-ocean)}.toggle-option:disabled{opacity:.6;cursor:not-allowed}.league-dashboard-container{margin-top:var(--navbar-height);min-height:calc(100dvh - var(--navbar-height));background:transparent;padding:0}.league-dashboard{display:flex;max-width:1600px;margin:0 auto;min-height:calc(100dvh - var(--navbar-height));background:transparent}.sidebar{background:#ffffffbf;border-right:1px solid rgba(0,0,0,.08);display:flex;flex-direction:column;flex-shrink:0;position:fixed;top:var(--navbar-height);left:0;height:calc(100dvh - var(--navbar-height));overflow-y:auto;z-index:100;font-family:Urbanist,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.sidebar--home{width:var(--sidebar-width-home)}.sidebar--league{width:var(--sidebar-width-league)}.league-sidebar{width:var(--sidebar-width-league);background:#ffffffbf;border-right:1px solid rgba(0,0,0,.08);display:flex;flex-direction:column;flex-shrink:0;position:fixed;top:var(--navbar-height);left:0;height:calc(100vh - var(--navbar-height));overflow-y:auto;z-index:100;font-family:Urbanist,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.league-sidebar-header{padding:16px;border-bottom:1px solid rgba(0,0,0,.08);display:flex;align-items:center;justify-content:space-between;gap:4px;flex-shrink:0}.league-sidebar-title-wrapper-container{position:relative;flex:1;min-width:0}.league-sidebar-title-wrapper{display:flex;align-items:center;gap:8px;margin:0 auto;min-width:0;cursor:pointer;padding:6px 10px;border-radius:6px;transition:background-color .2s ease;background:transparent;border:none;text-align:left;font-family:inherit}.league-sidebar-title-wrapper:hover{background:#00000008}.league-sidebar-title{font-size:.95rem;font-weight:500;color:var(--gray-900);margin:0;font-family:Urbanist,sans-serif;line-height:1.3;word-wrap:break-word;overflow-wrap:break-word;text-wrap:wrap;min-width:0}.league-sidebar-title-caret{color:var(--gray-500);flex-shrink:0;transition:transform .2s ease}.league-sidebar-title-caret.open{transform:rotate(180deg)}.league-sidebar-title-wrapper:hover .league-sidebar-title-caret{color:var(--gray-700)}.league-sidebar-dropdown{position:absolute;top:calc(100% + 8px);left:0;z-index:1002;min-width:220px;max-width:280px}.league-sidebar-dropdown-menu{position:relative;right:auto;left:0;animation:slideDown .2s ease-out}.league-sidebar-current{color:var(--muted-red)!important;font-weight:600}.league-sidebar-current svg{color:var(--muted-red)!important}.league-sidebar-current:hover{color:var(--muted-red)!important}.league-sidebar-collapse-btn{background:transparent;border:none;padding:4px;border-radius:6px;cursor:pointer;color:var(--gray-600);display:flex;align-items:center;justify-content:center;transition:all .2s ease;width:24px;height:24px;flex-shrink:0}.league-sidebar-collapse-btn:hover{background:#0000000d;color:var(--gray-900)}.league-sidebar-collapse-btn:active{transform:scale(.95)}.league-sidebar.collapsed .league-sidebar-title-wrapper-container{display:none}.league-sidebar.collapsed .league-sidebar-header{justify-content:center}.sidebar.collapsed .league-sidebar-title-wrapper-container{display:none}.sidebar.collapsed .league-sidebar-header{justify-content:center}.sidebar.collapsed,.league-sidebar.collapsed{width:var(--sidebar-width-collapsed)}.sidebar.collapsed~.league-content,.sidebar.collapsed~.home-content,.league-sidebar.collapsed~.league-content{margin-left:var(--sidebar-width-collapsed)}.league-sidebar.collapsed .league-sidebar-nav-item{justify-content:center;padding:6px 12px}.league-sidebar.collapsed .league-sidebar-nav-item span{display:none}.sidebar.collapsed .league-sidebar-nav-item{justify-content:center;padding:6px 12px}.sidebar.collapsed .league-sidebar-nav-item span{display:none}.league-sidebar-nav{display:flex;flex-direction:column;padding:12px 8px;gap:4px;flex:1}.league-sidebar-nav-item{display:flex;align-items:center;gap:4px;padding:12px 16px;border:none;background:transparent;border-radius:10px;cursor:pointer;color:var(--gray-700);font-size:.95rem;font-weight:500;text-align:left;transition:all .2s ease;position:relative;font-family:Urbanist,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.league-sidebar-nav-item:hover{background:#0000000a;color:var(--gray-900)}.league-sidebar-nav-item.active{background:#2f779426!important;color:var(--primary-darker);font-weight:600}.league-sidebar-nav-item.active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:24px;background:var(--primary);border-radius:0 2px 2px 0}.league-sidebar-nav-item svg{flex-shrink:0;width:20px;height:20px}.league-sidebar-nav-item span{flex:1}.home-content{flex:1;padding:0;margin-left:var(--sidebar-width-home);overflow-y:auto}.league-content{flex:1;padding:0;margin-left:var(--sidebar-width-league);overflow-y:auto;background:transparent;min-height:0;display:flex;flex-direction:column;transition:margin-left .3s ease}.league-content>*:not(.league-content-header):not(.league-section){padding:32px 40px}.league-content>.league-section{padding:18px}.league-content-header{background:transparent;border-bottom:none;padding:24px 18px;position:sticky;top:0;z-index:10;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center}.league-content-header-title{display:flex;align-items:center;justify-content:center;gap:12px}.league-content-header-text{font-family:Urbanist,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:2rem;font-weight:700;color:var(--gray-900);margin:0;line-height:1.2;letter-spacing:-.03em;text-shadow:none;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.league-content-header-edit-btn{background:transparent;border:none;padding:8px;border-radius:8px;cursor:pointer;color:var(--gray-600);display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0;width:36px;height:36px}.league-content-header-edit-btn:hover{background:#0000000d;color:var(--gray-900)}.league-content-header-edit-btn:active{transform:scale(.95)}.league-content-header-edit{display:flex;align-items:center;justify-content:center;gap:12px}.league-content-header-input{padding:8px 12px;border:1px solid rgba(59,130,200,.25);border-radius:8px;font-size:2rem;font-weight:700;color:var(--gray-900);flex:1;max-width:600px;font-family:Urbanist,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;transition:border-color .2s ease,box-shadow .2s ease;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:-.03em;text-align:center;text-shadow:none;text-transform:none}.league-content-header-input:focus{outline:none;border-color:var(--muted-red);box-shadow:0 0 0 3px #ff784926}.league-content-header-actions{display:flex;gap:8px}.league-content-header-action-btn{background:#0000000d;border:none;padding:8px 12px;border-radius:8px;cursor:pointer;color:var(--gray-700);display:flex;align-items:center;justify-content:center;transition:all .2s ease;width:36px;height:36px}.league-content-header-action-btn:hover{background:#0000001a;color:var(--gray-900)}.league-content-header-action-btn:active{transform:scale(.95)}.league-message{padding:12px 16px;border-radius:10px;margin-bottom:24px;font-size:.95rem;font-weight:500;display:flex;align-items:center;gap:8px}.league-message.success{background:var(--success-light);color:var(--success-dark);border:1px solid rgba(16,185,129,.2)}.league-message.error{background:var(--danger-light);color:var(--danger);border:1px solid rgba(239,68,68,.2)}.league-loading,.league-error{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 64px);padding:40px;flex-direction:column;gap:20px}.league-loading{color:var(--gray-600);font-size:1.1rem;font-weight:500}.league-section{padding:18px;margin-bottom:24px}.league-section:last-child{margin-bottom:0}.rankings-filters-row{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px;max-width:100%;box-sizing:border-box}.player-search-wrapper{position:relative;flex:1;max-width:45%;min-width:0;box-sizing:border-box}.player-search-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--gray-500);pointer-events:none}.player-search-input{width:100%;max-width:100%;padding:6px 10px 6px 32px;border:1px solid var(--gray-300);border-radius:6px;font-size:.8em;font-family:inherit;font-weight:500;color:var(--gray-900);background:#fff;transition:all .2s;box-sizing:border-box}.player-search-input::placeholder{color:var(--gray-500);font-weight:400}.player-search-input:hover{border-color:var(--primary)}.player-search-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px #3b82c81a}.player-search-wrapper:has(.player-search-input:focus) .player-search-icon,.player-search-wrapper:hover .player-search-icon{color:var(--primary)}.season-selector-wrapper{position:relative;flex:1;max-width:45%;min-width:0;box-sizing:border-box}.season-selector-wrapper:before{content:"Season";position:absolute;left:8px;top:-.3em;padding:0 6px;background:#fff;font-size:.6em;font-weight:500;color:var(--gray-600);text-transform:uppercase;letter-spacing:.5px;z-index:1}.season-selector-dropdown{width:100%;max-width:100%;padding:6px 10px;border:1px solid var(--gray-300);border-radius:6px;font-size:.8em;font-family:inherit;font-weight:500;color:var(--gray-900);background:#fff;cursor:pointer;transition:all .2s;box-sizing:border-box}.season-selector-dropdown:hover{border-color:var(--primary)}.season-selector-dropdown:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px #3b82c81a}.section-title{font-size:1.35rem;font-weight:700;color:var(--gray-900);margin:0;letter-spacing:-.02em}.league-badges{display:flex;gap:8px}.league-badge{padding:6px 14px;border-radius:16px;font-size:.85em;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.league-badge.open{background:var(--success);color:#fff}.league-badge.invite-only{background:var(--gray-300);color:var(--gray-700)}.league-description{font-size:1.1em;color:var(--gray-700);line-height:1.6;margin:0}.league-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:40px}.stat-card{display:flex;align-items:center;gap:16px;padding:24px;background:linear-gradient(135deg,var(--cream) 0%,var(--sand) 100%);border-radius:12px;border:2px solid var(--gray-200);transition:all .3s ease}.stat-card:hover{border-color:var(--primary);box-shadow:0 4px 12px #3b82c826;transform:translateY(-2px)}.stat-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:var(--primary);color:#fff;border-radius:10px;flex-shrink:0}.stat-content{flex:1}.stat-value{font-size:2em;font-weight:800;color:var(--primary);line-height:1;margin-bottom:4px}.stat-label{font-size:.9em;color:var(--gray-600);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:12px}.section-title{display:flex;align-items:center;gap:10px;font-size:1.5em;font-weight:800;color:var(--primary);margin:0;font-family:Urbanist,sans-serif;text-transform:uppercase;letter-spacing:.5px}.empty-state{text-align:center;padding:60px 20px;background:var(--gray-50);border-radius:16px;border:1px dashed rgba(0,0,0,.1)}.empty-state p{color:var(--gray-600);font-size:1rem;margin:0;font-weight:500}.seasons-list,.members-list{display:grid;gap:16px}.season-card,.member-card{display:flex;justify-content:space-between;align-items:center;padding:20px;background:#fff;border-radius:10px;border:2px solid var(--gray-200);transition:all .2s ease}.season-card:hover,.member-card:hover{border-color:var(--primary);box-shadow:0 2px 8px #3b82c81a}.season-info h3,.member-info h3{font-size:1.2em;font-weight:700;color:var(--gray-900);margin:0 0 6px}.season-dates,.member-role{font-size:.9em;color:var(--gray-600);margin:0}.season-badge,.member-badge{padding:4px 12px;border-radius:12px;font-size:.8em;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.season-badge.active{background:var(--success);color:#fff}.member-badge.admin{background:var(--retro-yellow);color:var(--gray-900)}.league-details-new{display:flex;flex-direction:column;gap:32px}.league-description-section{background:#fff;border:1px solid var(--gray-200);border-radius:8px;padding:20px 24px}.league-description-display{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.league-description-text{color:var(--gray-700);font-size:.95em;line-height:1.6;margin:0;flex:1}.league-edit-icon{background:none;border:none;color:var(--gray-400);cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s;flex-shrink:0}.league-edit-icon:hover{color:var(--gray-600);background:var(--gray-50)}.league-description-edit{display:flex;flex-direction:column;gap:12px}.league-description-input{width:100%;padding:10px 12px;border:1px solid var(--gray-300);border-radius:6px;font-size:.95em;font-family:Urbanist,sans-serif;resize:vertical;transition:all .2s;line-height:1.5}.league-description-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #3b82c81a}.league-description-actions{display:flex;gap:8px;justify-content:flex-end}.league-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;gap:12px}.league-section-title{font-size:1.1em;font-weight:600;color:var(--gray-900);margin:0;display:flex;align-items:center;gap:8px}.league-text-button{background:none;border:none;color:var(--primary);font-size:.9em;font-weight:500;cursor:pointer;padding:6px 12px;border-radius:6px;display:inline-flex;align-items:center;gap:6px;transition:all .2s;font-family:Urbanist,sans-serif}.league-text-button:hover{background:var(--gray-50);color:var(--primary)}.league-text-button:active{background:var(--gray-100)}.league-text-button.primary{color:#fff;background:var(--primary)}.league-text-button.primary:hover,.league-text-button.primary:active{background:var(--deep-ocean)}.league-text-button:disabled{opacity:.5;cursor:not-allowed}.league-players-section{background:#fff;border:1px solid var(--gray-200);border-radius:8px;padding:20px 24px}.league-table-wrapper{overflow-x:auto}.league-table{width:100%;border-collapse:collapse}.league-table thead{border-bottom:1px solid var(--gray-200)}.league-table th{text-align:left;padding:10px 12px;font-size:.85em;font-weight:600;color:var(--gray-600);text-transform:uppercase;letter-spacing:.5px}.league-table tbody tr{border-bottom:1px solid var(--gray-100);transition:background .15s}.league-table tbody tr:hover{background:var(--gray-50)}.league-table tbody tr:last-child{border-bottom:none}.league-table td{padding:12px;vertical-align:middle}.league-table-name{font-weight:500;color:var(--gray-900)}.league-table-role{width:150px}.league-players-list{display:flex;flex-direction:column;gap:8px}.league-player-row{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#fff;border:1px solid var(--gray-200);border-radius:8px;transition:all .2s ease;position:relative}.league-player-row:hover:not(.disabled){border-color:var(--gray-300);box-shadow:0 2px 4px #0000000d}.league-player-row.disabled{background:var(--gray-50);cursor:default}.league-player-info{display:flex;align-items:center;flex:1}.league-player-name{font-weight:500;color:var(--gray-900);font-size:.95em}.league-player-actions{display:flex;align-items:center;gap:12px}.league-player-role{display:flex;align-items:center}.league-player-remove{opacity:0;display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;background:#ef44441a;color:var(--danger);border-radius:6px;cursor:pointer;transition:all .2s ease;flex-shrink:0}.league-player-row:hover .league-player-remove{opacity:1}.league-player-remove:hover{background:var(--danger);color:#fff;transform:scale(1.1)}.league-player-remove:active{transform:scale(.95)}.add-players-modal{max-width:600px;height:600px;display:flex;flex-direction:column}.add-players-modal .modal-body{flex:1;display:flex;flex-direction:column;overflow:hidden;min-height:0}.add-players-selected-section{margin-bottom:24px}.add-players-selected-section .league-player-remove{opacity:1}.add-players-section-title{font-size:.9em;font-weight:600;color:var(--gray-700);margin-bottom:12px;text-transform:uppercase;letter-spacing:.5px}.add-players-search-section{margin-bottom:20px}.add-players-table-section{flex:1;overflow-y:auto;min-height:0}.add-players-table{display:flex;flex-direction:column;gap:0;border:1px solid var(--gray-200);border-radius:8px;overflow:hidden}.add-players-table-row{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#fff;border-bottom:1px solid var(--gray-100);cursor:pointer;transition:all .15s}.add-players-table-row:last-child{border-bottom:none}.add-players-table-row:hover:not(.selected){background:var(--gray-50)}.add-players-table-row.selected{background:var(--cream);border-bottom-color:var(--gray-200);cursor:default}.add-players-table-name{font-weight:500;color:var(--gray-900);font-size:.95em;flex:1}.add-players-table-actions{display:flex;align-items:center;gap:12px}.add-players-table-add{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;background:#3b82c81a;color:var(--primary);border-radius:6px;cursor:pointer;transition:all .2s ease;flex-shrink:0}.add-players-table-add:hover{background:var(--primary);color:#fff;transform:scale(1.1)}.add-players-table-add:active{transform:scale(.95)}.add-players-table-remove{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;background:#ef44441a;color:var(--danger);border-radius:6px;cursor:pointer;transition:all .2s ease;flex-shrink:0}.add-players-table-remove:hover{background:var(--danger);color:#fff;transform:scale(1.1)}.add-players-table-remove:active{transform:scale(.95)}.league-role-select{width:100%;padding:6px 10px;border:1px solid var(--gray-300);border-radius:6px;font-size:.9em;font-family:Urbanist,sans-serif;background:#fff;color:var(--gray-900);cursor:pointer;transition:all .2s;appearance:none;-webkit-appearance:none;-moz-appearance:none}.league-role-select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #3b82c81a}.league-role-badge{display:inline-block;padding:4px 10px;border-radius:12px;font-size:.8em;font-weight:500;background:var(--gray-100);color:var(--gray-700);text-transform:capitalize}.league-seasons-section{background:#fff;border:1px solid var(--gray-200);border-radius:8px;padding:20px 24px}.league-seasons-grid{display:flex;flex-direction:column;gap:8px}.league-season-item{background:var(--gray-50);display:flex;justify-content:space-between;align-items:center;transition:all .2s}.league-season-content{flex:1}.league-season-name{font-size:.95em;font-weight:600;color:var(--gray-900);margin:0 0 4px}.league-season-dates{font-size:.85em;color:var(--gray-600);margin:0}.league-season-active{padding:4px 10px;border-radius:12px;font-size:.75em;font-weight:600;background:var(--success);color:#fff;text-transform:uppercase;letter-spacing:.5px}.league-info-section{background:#fff;border:1px solid var(--gray-200);border-radius:8px;padding:20px 24px}.league-info-list{display:flex;flex-direction:column;gap:12px}.league-info-item{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--gray-100)}.league-info-item:last-child{border-bottom:none}.league-info-label{font-weight:500;color:var(--gray-700);min-width:120px;font-size:.9em}.league-info-value{color:var(--gray-900);font-size:.9em}.league-info-select{padding:6px 12px;font-size:.9em;border:1px solid var(--gray-300);border-radius:6px;background-color:var(--white);color:var(--gray-900);cursor:pointer;min-width:140px;transition:border-color .2s,box-shadow .2s}.league-info-select:hover{border-color:var(--gray-400)}.league-info-select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-light)}.league-empty-state{text-align:center;padding:48px 20px;color:var(--gray-500)}.league-empty-state svg{opacity:.4;margin-bottom:12px;color:var(--gray-400)}.league-empty-state p{font-size:.9em;margin:0;color:var(--gray-600)}.modal-close-button{background:none;border:none;color:var(--gray-400);cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.modal-close-button:hover{background:var(--gray-100);color:var(--gray-600)}.modal-hint{color:var(--gray-600);font-size:.9em;margin-top:12px}.add-matches-section{display:flex;justify-content:center;align-items:center;width:100%}.add-matches-card{margin-top:12px;background:#fff;border-radius:12px;padding:28px 32px;max-width:250px;width:100%;text-align:center;box-shadow:0 1px 3px #0000001a;border:1px solid rgba(0,0,0,.08);transition:all .2s ease;cursor:pointer;font-family:Urbanist,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.add-matches-card:hover{box-shadow:0 2px 8px #0000001f;transform:translateY(-1px)}.add-matches-card:active{transform:translateY(0);box-shadow:0 1px 3px #0000001a}.add-matches-icon{width:56px;height:56px;border-radius:12px;background:#ff78491a;display:flex;align-items:center;justify-content:center;margin:16px auto;color:var(--muted-red);transition:all .2s ease}.add-matches-card:hover .add-matches-icon{background:#ff784926}.add-matches-title{font-family:Urbanist,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:1.5rem;font-weight:700;color:var(--navy-logo-bg);margin:0 0 8px;letter-spacing:-.02em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.add-matches-description{font-family:Urbanist,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:.95rem;font-weight:400;color:var(--gray-600);margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.add-matches-empty-state{text-align:center;padding:24px;color:var(--gray-600);font-family:Urbanist,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:.95rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.match-date-header-container{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;gap:16px;flex-wrap:wrap}.match-date-header-left{flex:1;min-width:0}.btn-end-session-header{background:var(--danger);border-color:#dc2626;box-shadow:4px 4px #dc2626;padding:10px 20px;font-size:.9em}.btn-end-session-header:hover{background:#f87171;box-shadow:6px 6px #dc2626}.btn-end-session-header:active{box-shadow:2px 2px #dc2626}.add-match-card{background:#fff;border:2px dashed var(--gray-300);border-radius:12px;padding:32px 20px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;cursor:pointer;transition:all .2s;color:var(--gray-500);font-weight:600;font-size:1.05em;min-height:140px}.add-match-card:hover{background:var(--gray-50);border-color:var(--primary);color:var(--primary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.add-match-card:active{transform:translateY(0)}.add-match-card svg{opacity:.5;color:var(--gray-400);transition:all .2s}.add-match-card:hover svg{opacity:1;color:var(--primary)}.match-config-content{padding:12px 16px;gap:10px}.match-config-section{width:100%;display:flex;flex-direction:column;gap:4px}.match-config-header-row{display:flex;align-items:center;justify-content:space-between;width:100%}button.match-config-toggle.inline{display:flex!important;align-items:center;width:auto!important;padding:0!important;gap:8px!important;background:transparent!important;border:none!important;color:var(--gray-900)!important;appearance:none!important;-webkit-appearance:none!important;-moz-appearance:none!important;box-shadow:none!important;border-radius:0!important;cursor:pointer}button.match-config-toggle .match-info-title{font-size:.75em!important;font-weight:600!important;text-transform:uppercase!important;letter-spacing:.05em!important;color:var(--gray-700)!important;font-family:inherit}button.match-config-toggle.inline svg{width:14px!important;height:14px!important}.match-config-inline-controls{display:flex;align-items:center;justify-content:center;gap:20px;flex-wrap:wrap;animation:fadeIn .2s ease-out}.match-config-content{padding-top:8px;animation:slideDown .2s ease-out}.match-config-toggle-left{display:none}.match-config-chevron-button{display:flex!important;align-items:center;justify-content:center;width:24px!important;height:24px!important;padding:0!important;background:transparent!important;border:none!important;color:var(--gray-500)!important;appearance:none!important;-webkit-appearance:none!important;-moz-appearance:none!important;box-shadow:none!important;border-radius:4px!important;cursor:pointer;transition:background-color .2s}.match-config-chevron-button:hover{background-color:var(--gray-100)!important;color:var(--gray-900)!important}.config-chevron{transition:transform .2s;color:var(--gray-400)}.config-chevron.rotate-180{transform:rotate(180deg)}.player-dropdown-container{position:relative;width:100%;z-index:1}.player-dropdown-input{width:100%;padding:12px 16px;border:2px solid var(--gray-300);border-radius:8px;font-size:.9em;font-family:inherit;font-weight:600;color:var(--gray-900);background:#fff;transition:all .2s}.player-dropdown-input::placeholder{color:var(--gray-600);font-weight:400}.player-dropdown-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #3b82c81a}.player-dropdown-input:hover{border-color:var(--primary)}.player-dropdown-list{margin:0;padding:0;list-style:none;background:#fff;border:2px solid var(--primary);border-radius:8px;box-shadow:0 8px 16px #00000026;-webkit-overflow-scrolling:touch}.player-dropdown-trigger{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border:2px solid var(--gray-300);border-radius:8px;background:#fff;cursor:pointer;transition:all .2s}.player-dropdown-trigger:hover{border-color:var(--primary)}.player-dropdown-trigger.open{border-color:var(--primary);box-shadow:0 0 0 3px #3b82c81a}.player-dropdown-value{font-weight:600;color:var(--gray-900);font-size:.9em}.player-dropdown-placeholder{color:var(--gray-600)}.player-dropdown-trigger svg{transition:transform .2s;color:var(--primary);flex-shrink:0}.player-dropdown-trigger svg.rotate-180{transform:rotate(180deg)}.player-dropdown-menu{position:fixed;top:0;left:0;background:#fff;border:2px solid var(--primary);border-radius:8px;box-shadow:0 8px 16px #00000026;z-index:3000;max-height:300px;overflow:hidden;display:flex;flex-direction:column}.player-dropdown-menu.above{flex-direction:column-reverse;box-shadow:0 -8px 16px #00000026}.player-dropdown-menu.above .player-dropdown-search{border-bottom:none;border-top:2px solid var(--gray-200)}.player-dropdown-menu.above .player-dropdown-search:focus{border-top-color:var(--primary)}.player-dropdown-search{width:100%;padding:12px 16px;border:none;border-bottom:2px solid var(--gray-200);font-size:1em;font-family:inherit;background:var(--gray-50)}.player-dropdown-search:focus{outline:none;background:#fff;border-bottom-color:var(--primary)}.player-dropdown-options{overflow-y:auto;max-height:250px}.player-dropdown-option{padding:12px 16px;cursor:pointer;transition:all .2s;color:var(--gray-700);font-weight:600;display:flex;align-items:center;gap:8px}.player-dropdown-option:hover{background:#3b82c81a;color:var(--primary)}.player-dropdown-option.selected{background:var(--cream);color:var(--muted-red);font-weight:700}.player-dropdown-option.highlighted{background:#3b82c826;color:var(--primary);outline:2px solid rgba(59,130,200,.3);outline-offset:-2px}.player-dropdown-option.disabled{cursor:not-allowed;color:var(--gray-600);opacity:.6}.player-dropdown-option.disabled:hover{background:transparent;color:var(--gray-600)}.player-dropdown-option.create-new{background:var(--success-light);color:var(--success);font-weight:700;border-top:2px solid var(--gray-200)}.player-dropdown-option.create-new:hover{background:var(--success);color:#fff}.match-card.editable{cursor:pointer}.match-card.editable .match-team{padding-right:48px}.match-card.editable:hover{box-shadow:var(--shadow-xl);transform:translateY(-4px);border-color:var(--primary)}.auth-modal-overlay{position:fixed;inset:0;background:#0f172a8c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:2001;padding:20px;isolation:isolate}.auth-modal{width:min(420px,100%);background:#fff;border-radius:20px;padding:28px;box-shadow:0 25px 45px #0f172a40;border:1px solid rgba(59,130,200,.15);max-height:90vh;overflow-y:auto;-webkit-overflow-scrolling:touch}.auth-modal__header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.auth-modal__eyebrow{font-size:.8rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--gray-600);margin-bottom:4px}.auth-modal__close{border:none!important;background:transparent!important;padding:0!important;border-radius:0!important;box-shadow:none!important;text-transform:none!important;letter-spacing:normal!important;font-weight:400!important;min-height:auto!important;gap:0!important;width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:var(--gray-600);transition:color .2s ease}.auth-modal__close:hover{color:var(--gray-900);transform:none!important;box-shadow:none!important}.auth-modal__close:active{transform:none!important;box-shadow:none!important}.auth-modal__description{margin:16px 0 20px;color:var(--gray-600);line-height:1.5}.auth-modal__alert{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:10px;font-size:.9rem;margin-bottom:16px}.auth-modal__alert.success{background:var(--success-light);color:var(--success-dark)}.auth-modal__alert.error{background:var(--danger-light);color:var(--danger)}.auth-modal__form{display:flex;flex-direction:column;gap:14px}.auth-modal__label{display:flex;flex-direction:column;gap:6px;font-weight:600;color:var(--gray-700);font-size:.95rem}.auth-modal__input{padding:10px 12px;border-radius:10px;border:1px solid rgba(59,130,200,.25);font-size:1rem;transition:border-color .2s ease,box-shadow .2s ease}.auth-modal__input:focus{outline:none;border-color:var(--muted-red);box-shadow:0 0 0 3px #ff784926}.auth-modal__password-requirements{margin-top:8px;display:flex;flex-direction:column;gap:6px}.auth-modal__requirement{display:flex;align-items:center;gap:6px;font-size:.875rem;color:var(--gray-600);transition:color .2s ease}.auth-modal__requirement.valid{color:var(--success-dark)}.auth-modal__requirement-icon{flex-shrink:0}.auth-modal__requirement:not(.valid) .auth-modal__requirement-icon{color:var(--gray-400)}.auth-modal__requirement.valid .auth-modal__requirement-icon{color:var(--success-dark)}.phone-input{width:100%}.phone-input__wrapper{display:flex;align-items:stretch;border-radius:10px;border:1px solid rgba(59,130,200,.25);overflow:hidden;transition:border-color .2s ease,box-shadow .2s ease;background:#fff}.phone-input__wrapper:focus-within{border-color:var(--muted-red);box-shadow:0 0 0 3px #ff784926}.phone-input__wrapper .phone-input__input--error{border-color:var(--danger)}.phone-input__wrapper:has(.phone-input__input--error){border-color:var(--danger)}.phone-input__country-code{display:flex;align-items:center;padding:10px 12px;background:#3b82c80d;border-right:1px solid rgba(59,130,200,.25);color:var(--gray-700);font-size:1rem;-webkit-user-select:none;user-select:none;cursor:not-allowed}.phone-input__country-code-text{font-weight:500}.phone-input__input-wrapper{position:relative;flex:1;display:flex;align-items:center}.phone-input__input{flex:1;padding:10px 12px;border:none;font-size:1rem;outline:none;background:transparent;transition:border-color .2s ease,box-shadow .2s ease}.phone-input__input--error{color:var(--danger)}.phone-input__error-icon{position:absolute;right:12px;color:var(--danger);display:flex;align-items:center;pointer-events:none}.phone-input__error-message{margin-top:6px;font-size:.875rem;color:var(--danger);display:flex;align-items:center;gap:4px}.auth-modal__code-row{display:flex;gap:8px}.auth-modal__ghost-button{display:inline-flex;align-items:center;gap:6px;border-radius:10px;border:1px solid rgba(59,130,200,.25);padding:0 12px;background:transparent;cursor:pointer;font-weight:600;color:var(--primary)}.auth-modal__ghost-button:disabled{opacity:.6;cursor:not-allowed}.auth-modal__submit{margin-top:8px;border:none;border-radius:12px;padding:12px;font-size:1rem;font-weight:700;color:#fff;background:linear-gradient(135deg,var(--muted-red),var(--coral));cursor:pointer;transition:transform .15s ease,box-shadow .15s ease;box-shadow:0 10px 20px #ff784933}.auth-modal__submit:disabled{opacity:.7;cursor:not-allowed;box-shadow:none}.auth-modal__submit:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 12px 22px #ff784940}.auth-modal__footer{margin-top:20px;text-align:center;font-size:.9rem;color:var(--gray-600)}.auth-modal__footer-text{color:var(--gray-600)}.auth-modal__footer-link{background:none!important;border:none!important;padding:0!important;color:var(--primary);font-weight:600;cursor:pointer;text-decoration:none;transition:color .2s ease;font-size:inherit;box-shadow:none!important;text-transform:none!important;letter-spacing:normal!important;min-height:auto!important;transform:none!important}.auth-modal__footer-link:hover{background:transparent!important;color:var(--muted-red);text-decoration:underline;transform:none!important;box-shadow:none!important}.match-card-edit-icon{position:absolute;top:10px;right:10px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border-radius:6px;color:var(--primary);transition:all .2s;z-index:10;pointer-events:none}.match-card-edit-icon svg{stroke-width:2}.match-card.editable:hover .match-card-edit-icon{color:var(--teal)}.match-card.editable:hover .match-card-edit-icon svg{stroke-width:2.5}.active-session-row{background:#10b9810d!important;border-left:3px solid var(--success)}.active-session-row:hover{background:#10b9811a!important}.active-session-badge-small{display:inline-block;padding:2px 8px;background:var(--success);color:#fff;border-radius:8px;font-size:.7em;font-weight:700;text-transform:uppercase;letter-spacing:.3px;margin-left:8px;vertical-align:middle}.active-session-panel{border:1px solid var(--gray-200);border-radius:8px;padding:28px;background:#fff;box-shadow:0 1px 3px #0000001a;margin-bottom:32px}.session-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:16px}.session-title-group{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.recording-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;background:var(--gray-100);border:1px solid var(--gray-300);border-radius:6px;font-size:.75em;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:var(--gray-700)}.recording-dot{width:8px;height:8px;border-radius:50%;background:#ef4444;animation:recording-blink 1.5s infinite}@keyframes recording-blink{0%,to{opacity:1}50%{opacity:.3}}.signed-up-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;background:transparent;border:1px solid var(--success-dark);border-radius:6px;font-size:.75em;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:var(--success-dark);margin-left:8px}.signed-up-dot{width:8px;height:8px;border-radius:50%;background:var(--success-dark)}.session-name{font-size:1.8em;font-weight:800;margin:0;letter-spacing:-.5px;color:var(--muted-red)}.session-stats{display:flex;gap:20px;flex-wrap:wrap}.session-stat{display:flex;align-items:center;gap:8px;font-size:.95em;font-weight:600}.session-stat:nth-child(1){color:var(--primary)}.session-stat:nth-child(2){color:var(--gray-700)}.session-delete-btn{background:none;border:none;color:#ef4444;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;margin-left:8px;box-shadow:none;transition:none;transform:none}.session-delete-btn:hover{background:none;box-shadow:none;transform:none}.session-delete-btn:active{transform:none}.session-actions{display:flex;gap:12px;margin-bottom:24px;justify-content:flex-start;flex-wrap:wrap}.session-btn{padding:8px;border-radius:6px;font-size:.8em;font-weight:500;display:inline-flex;align-items:center;gap:6px;cursor:pointer;transition:all .15s ease;border:none;font-family:Urbanist,sans-serif}.session-btn-add{background:var(--primary);color:#fff}.session-btn-add:hover,.session-btn-add:active{background:var(--deep-ocean)}.session-btn-submit{background:var(--muted-red);color:#fff;white-space:nowrap;box-shadow:0 2px 4px #ff784933}.session-btn-submit:hover{background:#e55a2b;color:#fff;box-shadow:0 4px 8px #ff78494d;transform:translateY(-1px)}.session-btn-submit:active{background:#cc4a24;transform:translateY(0);box-shadow:0 1px 2px #ff784933}.session-btn:disabled{opacity:.5;cursor:not-allowed}.session-matches-section{margin-top:24px}.session-matches-label{font-size:.85em;text-transform:uppercase;letter-spacing:1px;font-weight:600;margin-bottom:16px;color:var(--gray-600)}.session-empty-state{padding:40px;text-align:center;background:var(--gray-50);border-radius:12px;border:2px dashed var(--gray-300)}.session-empty-icon{opacity:.3;margin-bottom:12px;color:var(--gray-400)}.session-empty-text{opacity:.7;color:var(--gray-600)}.league-signups-section,.league-schedules-section{padding:20px 24px}.league-signups-list,.league-schedules-list{display:flex;flex-direction:column;gap:8px;min-width:350px}.league-signup-row,.league-schedule-row{display:flex;flex-direction:column;padding:12px 16px;background:#fff;border:1px solid var(--gray-200);border-radius:8px;transition:all .2s ease;min-width:350px}.league-signup-row:hover:not(.past):not(.closed){border-color:var(--gray-300);box-shadow:0 2px 4px #0000000d}.league-signup-row.past{opacity:.7;background:var(--gray-50)}.league-signup-row.closed{border-color:var(--gray-300);background:var(--gray-50)}.league-schedule-row:hover{border-color:var(--gray-300);box-shadow:0 2px 4px #0000000d}.league-signup-info,.league-schedule-info{width:100%}.league-signup-main,.league-schedule-main{display:grid;grid-template-columns:1fr auto;gap:16px;align-items:flex-start;width:100%}.league-signup-details,.league-schedule-details{min-width:200px;overflow:hidden}.league-signup-title,.league-schedule-title{font-weight:500;color:var(--gray-900);font-size:.95em;margin-bottom:6px;word-wrap:break-word;overflow-wrap:break-word}.league-signup-meta,.league-schedule-meta{display:flex;flex-wrap:wrap;gap:12px;font-size:.85em;color:var(--gray-600);margin-bottom:4px}.league-signup-meta-item{display:flex;align-items:center;gap:4px;flex-shrink:0}.league-signup-status{font-size:.8em;color:var(--gray-600);margin-top:4px;font-style:italic;word-wrap:break-word;overflow-wrap:break-word}.league-signup-actions,.league-schedule-actions{display:flex;align-items:center;gap:8px;flex-wrap:nowrap;min-width:fit-content;justify-self:end}.league-signup-actions>.league-signup-actions-group{display:flex;flex-wrap:nowrap;align-items:center;gap:8px;flex-shrink:0;min-width:fit-content}.league-signup-actions-group{display:flex;align-items:center;gap:8px;flex-shrink:0;flex-wrap:nowrap;white-space:nowrap;min-width:fit-content}.league-signup-actions-group>*{flex-shrink:0;flex-grow:0}.league-signup-actions-group .league-text-button{flex-shrink:0;white-space:nowrap;min-width:fit-content;display:inline-flex;align-items:center}.league-signup-actions-group .league-text-button *{flex-shrink:0;white-space:nowrap;display:inline-block}.league-signup-remove,.league-schedule-remove{opacity:0;display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;background:transparent;color:var(--danger);border-radius:6px;cursor:pointer;transition:all .2s ease;flex-shrink:0}.league-signup-row:hover .league-signup-remove,.league-schedule-row:hover .league-schedule-remove,.league-signup-row.admin .league-signup-remove{opacity:1}.league-signup-remove:hover,.league-schedule-remove:hover{background:var(--gray-50);color:var(--danger)}.league-signup-remove:active,.league-schedule-remove:active{background:var(--gray-100)}.league-signup-remove:active,.league-schedule-remove:active{transform:scale(.95)}.league-signup-players{margin-top:12px;padding-top:12px;border-top:1px solid var(--gray-200);display:flex;flex-direction:column;gap:8px}.league-signup-player-item{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:var(--gray-50);border-radius:6px;border:1px solid transparent;transition:border-color .2s ease;margin-bottom:6px;gap:8px}.league-signup-player-item.current-player{border:1px solid var(--success-dark);background:transparent}.league-signup-player-order{font-weight:600;color:var(--gray-600);min-width:24px;font-size:.9em}.league-signup-player-name{font-weight:500;color:var(--gray-900);font-size:.9em;flex:1}.league-signup-player-time{font-size:.8em;color:var(--gray-600)}.league-text-button.danger{color:var(--danger)}.league-text-button.danger:hover{background:#ef44441a;color:var(--danger)}.signup-players-modal-list{display:flex;flex-direction:column;gap:12px;max-height:400px;overflow-y:auto}.signup-player-modal-item{display:flex;align-items:center;gap:8px;padding:12px;background:var(--gray-50);border-radius:8px}.signup-player-modal-item .player-modal-order{font-weight:600;color:var(--gray-600);min-width:24px;font-size:.9em}.signup-player-modal-item .player-modal-name{font-weight:600;color:var(--warm-brown);font-size:1rem;flex:1}.signup-player-modal-item .player-modal-time{font-size:.875rem;color:var(--gray-600)}.modal-close-button{background:none;border:none;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;color:var(--gray-600);transition:color .2s ease}.modal-close-button:hover{color:var(--warm-brown)}.form-group{margin-bottom:16px}.form-group label{display:block;margin-bottom:6px;font-weight:500;color:var(--warm-brown);font-size:.875rem}.form-group .required{color:var(--danger)}.form-group small{display:block;margin-top:4px;font-size:.75rem;color:var(--gray-600)}.form-input{width:100%;padding:10px 12px;border:2px solid var(--gray-200);border-radius:8px;font-size:.875rem;transition:border-color .2s ease}.form-input:focus{outline:none;border-color:var(--primary)}.form-input select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23666' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:32px}.team-inputs-row.reverse-layout{flex-direction:row-reverse}.league-messages-tab{margin:14px;max-width:800px}.league-messages-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.league-messages-header h2{font-size:1.5rem;font-weight:600;color:var(--gray-900);margin:0}.league-messages-refresh-btn{background:transparent;border:1px solid var(--gray-300);border-radius:8px;padding:8px;cursor:pointer;color:var(--gray-600);display:flex;align-items:center;justify-content:center;transition:all .2s ease}.league-messages-refresh-btn:hover{background:var(--gray-100);color:var(--gray-800)}.league-messages-refresh-btn:disabled{opacity:.5;cursor:not-allowed}.league-messages-refresh-btn .spinning{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.league-messages-form{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.league-messages-input{width:100%;padding:12px 16px;border:1px solid var(--gray-300);border-radius:8px;font-size:.95rem;font-family:inherit;background:var(--white);transition:border-color .2s ease,box-shadow .2s ease;resize:vertical;min-height:80px}.league-messages-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #3b82f61a}.league-messages-send-btn{background:var(--primary);color:#fff;border:none;border-radius:8px;padding:12px 20px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;font-size:.95rem;font-weight:500;transition:background .2s ease;margin-left:auto}.league-messages-send-btn:hover:not(:disabled){background:var(--primary)}.league-messages-send-btn:disabled{opacity:.6;cursor:not-allowed}.league-messages-list{display:flex;flex-direction:column;gap:12px}.league-messages-loading,.league-messages-empty{text-align:center;padding:40px 20px;color:var(--gray-500);font-size:.95rem}.league-message-item{background:var(--gray-50);border-radius:12px;padding:14px 16px;border:1px solid var(--gray-200)}.league-message-item.own-message{background:var(--primary);border-color:var(--primary)}.league-message-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.league-message-player{font-weight:600;color:var(--gray-800);font-size:.9rem}.league-message-time{font-size:.8rem;color:var(--gray-500)}.league-message-content{color:var(--gray-700);font-size:.95rem;line-height:1.5;white-space:pre-wrap;word-break:break-word}.profile-page{min-height:100vh;padding:80px 20px 40px;background:linear-gradient(135deg,#f7f8f9,#fafbfc,#f7f8f9)}.profile-page__container{max-width:800px;margin:0 auto}.profile-page__header{margin-bottom:32px}.profile-page__header h1{font-size:2rem;font-weight:700;color:var(--gray-900);margin:0}.profile-page-content{width:100%;max-width:100%;padding:16px}.profile-page__section{background:#fff;border-radius:20px;margin-bottom:24px;box-shadow:var(--shadow-md)}.profile-page__section-title{font-size:1.5rem;font-weight:600;color:var(--gray-900);margin:0 0 20px}.profile-page__form{display:flex;flex-direction:column;gap:14px}.profile-page__form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.profile-page__help-text{font-size:.875rem;color:var(--gray-600);margin-top:4px}.auth-modal__legal-text{font-size:.75rem;color:var(--gray-600);margin-top:12px;line-height:1.4;text-align:center}.auth-modal__legal-text a{color:var(--primary);text-decoration:underline}.auth-modal__legal-text a:hover{color:var(--primary-dark)}.app-container{display:flex;flex-direction:column;min-height:100dvh}.main-content{flex:1}.site-footer{background:#fff;border-top:1px solid var(--gray-200);padding:32px 24px;margin-top:auto}.footer-content{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:16px}.footer-links{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px}.footer-link{color:var(--gray-600);text-decoration:none;font-size:.875rem;transition:color .2s;display:inline-flex;align-items:center;gap:6px}.footer-link:hover{color:var(--primary)}.footer-separator{color:var(--gray-300);font-size:.75rem}.feedback-button{background:none;border:none;padding:0;cursor:pointer;font-family:inherit}.footer-copyright{color:var(--gray-400);font-size:.75rem}.feedback-modal{width:min(500px,100%)}.feedback-textarea{min-height:120px;resize:vertical}.feedback-success{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center;gap:16px}.feedback-success h3{font-size:1.5rem;color:var(--gray-900);margin:0}.feedback-success p{color:var(--gray-600);margin:0}.text-success{color:var(--success)}.home-tab-container{display:flex;flex-direction:column;gap:24px}.home-header-row{display:flex;justify-content:space-between;align-items:center;padding:16px 20px 0}.home-header-left{display:flex;align-items:center;transition:opacity .2s}.home-header-left:hover{opacity:.7}.home-header-name{font-size:1.125rem;font-weight:600;color:var(--gray-900)}.home-header-right{display:flex;gap:8px}.home-header-icon-btn{display:flex;align-items:center;justify-content:center;width:45px;height:45px;border-radius:12px;border:none;background:transparent;color:var(--primary-dark);cursor:pointer;transition:all .2s}.home-header-icon-btn:hover{color:var(--primary);background:var(--gray-100)}.home-stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.home-stat-card{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px 8px;background:#fff;border-radius:12px;box-shadow:var(--shadow-sm);border:1px solid var(--gray-200);transition:all .2s}.home-stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.home-stat-icon{color:var(--primary);margin-bottom:8px}.home-stat-label{font-size:.875rem;color:var(--gray-600);margin-bottom:4px;text-align:center;max-width:6.5em;min-height:1.7rem}.home-stat-value{font-size:1.5rem;font-weight:700;color:var(--gray-900)}.home-content-grid{display:grid;grid-template-columns:2fr 3fr;gap:24px}@media(min-width:769px){.mobile-hide-col{display:table-cell!important}}@media(max-width:768px){body{padding:0;padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}.navbar-container{padding:0 12px;height:52px}.navbar-brand-text{font-size:1.2em;letter-spacing:.06em}.navbar-menu-button{padding:6px 10px;font-size:.9em}.navbar-menu-label{display:none}.navbar-dropdown{min-width:200px}.navbar-dropdown-item{padding:12px 16px;font-size:.9em}.container{margin-top:calc(56px + env(safe-area-inset-top,0))}.league-dashboard-container{margin-top:calc(56px + env(safe-area-inset-top,0));padding-top:0;padding-bottom:calc(72px + env(safe-area-inset-bottom,0))}.league-dashboard{flex-direction:column}.sidebar,.league-sidebar{width:100%!important;max-width:100%!important;position:fixed!important;inset:auto 0 0!important;height:auto!important;min-height:auto!important;margin:0!important;border-right:none!important;border-top:1px solid rgba(0,0,0,.08)!important;border-bottom:none!important;border-left:none!important;box-shadow:0 -2px 8px #00000014!important;z-index:1000!important;background:#fff!important;order:2;padding-bottom:env(safe-area-inset-bottom,0);overflow-y:visible;overflow-x:visible;transform:none}.sidebar.collapsed,.league-sidebar.collapsed{width:100%!important;position:fixed!important;inset:auto 0 0!important;height:auto!important}body.modal-open .sidebar,body.modal-open .league-sidebar,body.drawer-open .sidebar,body.drawer-open .league-sidebar,.sidebar .league-sidebar-header{display:none!important}.league-sidebar .league-sidebar-header{display:flex!important;width:100%;padding:8px 16px 4px;align-items:center;justify-content:center;border-bottom:1px solid rgba(0,0,0,.04)}.league-sidebar-collapse-btn{display:none!important;visibility:hidden!important}.league-sidebar-title-wrapper-container{display:flex!important;flex:0 0 auto;width:auto;max-width:100%;justify-content:center}.league-sidebar-title-wrapper{display:flex!important;width:auto;justify-content:center;max-width:100%;padding:0}.league-sidebar-title{display:block!important;font-size:1rem;word-wrap:break-word;overflow-wrap:break-word;white-space:nowrap;max-width:80vw;overflow:hidden;text-overflow:ellipsis;text-align:center}.league-sidebar-nav{flex-direction:row!important;justify-content:space-around;padding:0!important;gap:0;width:100%;flex:none}.league-sidebar-nav-item{flex:1;flex-direction:column;padding:0;justify-content:center;min-height:56px;border-radius:8px;gap:2px}.league-sidebar-nav-item span{display:block!important;font-size:12px;font-weight:500}.sidebar.collapsed .league-sidebar-nav-item span,.league-sidebar.collapsed .league-sidebar-nav-item span{display:block!important}.league-sidebar-dropdown{top:auto!important;bottom:calc(100% + 8px)!important}.league-sidebar-dropdown-menu{animation:slideUp .2s ease-out!important}.league-sidebar-nav-item.active:before{display:none}.league-sidebar-nav-item.active{background:transparent!important;color:var(--primary)}.league-sidebar-nav-item svg{width:22px;height:22px}.league-content-header{padding:8px 4px}.league-content-header-text{font-size:1.5rem}.home-content,.league-content{margin-left:0!important;order:1;padding-bottom:90px}.sidebar.collapsed~.home-content,.sidebar.collapsed~.league-content,.league-sidebar.collapsed~.league-content{margin-left:0!important;margin-bottom:90px}.league-content>*:not(.league-content-header){padding:8px!important}.add-matches-card{padding:24px 20px}.add-matches-icon{width:48px;height:48px;margin:12px auto}.add-matches-icon svg{width:20px;height:20px}.add-matches-title{font-size:1.25rem}.add-matches-description{font-size:.9rem}.league-details-new{gap:24px}.league-description-section,.league-players-section,.league-seasons-section,.league-info-section{padding:16px 20px}.league-section-title{font-size:1em}.league-seasons-grid{grid-template-columns:1fr}.league-table{font-size:.9em}.league-table th,.league-table td{padding:10px 8px}.league-empty-state{padding:32px 16px}.hero-header{height:180px;border-radius:10px 10px 0 0}h1.hero-title{padding:0 10%}h1{font-size:1.75em;text-align:center;padding:0 10px}.subtitle{font-size:.9em;text-align:center;padding:0 10px}.landing-message h2,.landing-welcome-title{font-size:1.5rem}.dashboard-container{padding:24px 16px}.dashboard-widgets{grid-template-columns:1fr;gap:20px}.dashboard-widget-header,.dashboard-widget-content{padding:16px 20px}.dashboard-league-item,.dashboard-match-item{padding:12px}.dashboard-league-name{font-size:.95rem}.dashboard-league-meta{font-size:.8rem}.landing-brand-crown{width:24px;height:24px}table{font-size:1em;display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;box-shadow:4px 4px 0 var(--sand)}.rankings-table-modern{display:table!important}th,td{padding:10px 8px;min-width:70px;font-size:1em}th{font-size:.875em}.rankings-table-modern th,.rankings-table-modern td{min-width:auto!important}.sticky-col{min-width:100px!important;max-width:120px}tbody .sticky-col{box-shadow:3px 0 6px #0000001a}.rankings-table-wrapper{margin:0;border-radius:8px;border-left:1px solid var(--gray-300);border-right:1px solid var(--gray-300);overflow-x:auto;-webkit-overflow-scrolling:touch}.rankings-table-modern{min-width:auto!important;width:max-content;font-size:.875em;position:relative;overscroll-behavior-x:none;table-layout:auto}.rankings-table-modern th{padding:12px 6px;font-size:.72em;white-space:nowrap}.rankings-table-modern td{padding:12px 8px;font-size:.85em}.rankings-table-modern th.rank-number-header,.rank-number-cell{width:40px;min-width:40px;max-width:40px;padding:12px 2px 12px 8px}.rankings-table-modern thead .sticky-col{left:40px}.rankings-table-modern tbody .sticky-col{left:40px;min-width:auto;width:auto}.player-avatar{display:none}.mobile-hide-col{display:table-cell!important}.rankings-name-cell{min-width:auto;width:auto;padding:4px 8px}.rankings-table-modern thead .sticky-col{min-width:auto;width:auto}.rankings-stat-cell{padding:12px 3px;white-space:nowrap}.rankings-table-modern th:nth-child(n+3),.rankings-table-modern td:nth-child(n+3){width:auto;min-width:auto}.rankings-table-modern th:nth-child(3),.rankings-table-modern td:nth-child(3){padding-left:12px}.league-section{padding:0;margin-bottom:16px}.rankings-filters-row{gap:8px;margin-bottom:16px;max-width:100%}.player-search-wrapper{flex:1;min-width:0;max-width:none}.player-search-icon{left:8px;width:14px;height:14px}.player-search-input{font-size:13px;padding:9px 8px 9px 28px;height:36px;max-width:100%}.season-selector-wrapper{flex:1;min-width:0;max-width:none}.season-selector-wrapper:before{font-size:.5em;left:6px}.season-selector-dropdown{font-size:12px;width:100%;max-width:100%;padding:9px 8px;height:36px}.controls{flex-direction:column;width:100%;gap:10px}.controls button,.controls a,.controls a button{width:100%}button{font-size:.9em}.league-player-remove{opacity:1}.tabs{gap:4px;-webkit-overflow-scrolling:touch}.tab{font-size:.8em;padding:10px 16px;flex:1;min-width:120px}.match-cards{grid-template-columns:1fr;gap:12px}.match-card{border-width:2px}.match-card-header{padding:6px 10px}.match-team{padding:10px 12px}.match-date-header{font-size:1.1em}.team-score{font-size:1.2em}.team-players{flex:1;min-width:0}.player-details{max-width:100%;top:0;padding:12px 16px;padding-top:calc(10px + env(safe-area-inset-top));border-left:none;padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right));padding-bottom:max(16px,env(safe-area-inset-bottom));z-index:2002!important}.player-details h2{font-size:1.4em}.player-details h3{font-size:1.1em;margin-top:24px;margin-bottom:12px}.player-details-close-btn{top:12px;right:12px;width:40px;height:40px;padding:10px}.player-selector-container{flex-direction:row;align-items:center;gap:10px;margin-bottom:20px;margin-top:8px}.player-selector-wrapper{min-width:0}.player-selector-name{font-size:1.3em}.player-selector-current{padding:10px 12px}.player-selector-dropdown{max-height:300px}.player-details>.close-btn{padding:8px 12px;font-size:.8em;margin-bottom:0}.loading{padding:24px 16px;font-size:1em}.error,.success{padding:12px;font-size:.9em}}@media(max-width:576px){body{padding:0;padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}.navbar-container{padding:0 12px;height:52px}.navbar-brand-text{font-size:1.1em;letter-spacing:.05em}.navbar-menu-button{padding:6px 8px;font-size:.85em}.navbar-dropdown{min-width:180px}.navbar-dropdown-item{padding:10px 14px;font-size:.85em}.container{margin-top:52px;border-width:2px}.league-dashboard-container{margin-top:52px;padding-bottom:68px}.league-sidebar-header{display:none}.league-sidebar-nav-item{padding:6px 2px;min-height:52px}.league-sidebar-nav-item span{font-size:.65em}.league-sidebar-nav-item svg{width:20px;height:20px}.league-content-header{padding:6px 2px}.league-content-header-text{font-size:1.25rem}.league-content>*:not(.league-content-header){padding:8px}.add-matches-card{padding:20px 16px}.add-matches-icon{width:44px;height:44px;margin:10px auto}.add-matches-icon svg{width:18px;height:18px}.add-matches-title{font-size:1.1rem}.add-matches-description{font-size:.85rem}h1{font-size:1.5em}.landing-message h2,.landing-welcome-title{font-size:1.25rem}.landing-brand-crown{width:20px;height:20px}.hero-header{height:150px}.match-team{padding:10px 12px}.team-players{max-width:calc(100% - 50px)}.team-score{font-size:1.2em}table{font-size:.9em}th,td{padding:8px 6px;min-width:60px}.rankings-table-modern th,.rankings-table-modern td{min-width:auto}.sticky-col{min-width:85px!important;max-width:95px;padding-left:6px;padding-right:6px}.rankings-table-modern{font-size:.8em}.rankings-table-modern th{padding:10px 5px;font-size:.68em}.rankings-table-modern td{padding:10px 8px;font-size:.8em}.rankings-table-modern th.rank-number-header,.rank-number-cell{width:35px;min-width:35px;max-width:35px;padding:10px 2px 10px 8px}.rankings-table-modern thead .sticky-col,.rankings-table-modern tbody .sticky-col{left:35px}.player-avatar{display:none}.rankings-name-cell{min-width:auto;width:auto;padding:4px 6px}.rankings-stat-cell{padding:10px 4px;min-width:45px;max-width:none;white-space:nowrap}.rankings-table-modern th:nth-child(n+3),.rankings-table-modern td:nth-child(n+3){width:auto;min-width:auto}.rankings-table-modern th:nth-child(3),.rankings-table-modern td:nth-child(3){padding-left:12px}.league-section{padding:0;margin-bottom:12px}.tab{font-size:.75em;padding:8px 12px;min-width:100px}.player-selector-name{font-size:1.3em}.match-date-header{font-size:1em;padding-bottom:6px}.match-date-group{gap:12px}.player-overview{margin:0;padding:0}.overview-stat{padding:8px 10px;gap:8px}.overview-icon{width:20px;height:20px}.overview-label{font-size:.7em}.overview-value{font-size:1.2em}}@media(max-width:896px)and (orientation:landscape){.hero-header{height:120px}h1{font-size:1.5em}}@media(min-width:769px){.match-config-top-row{gap:10px}}@media(max-width:768px){.radio-card-group{grid-template-columns:1fr!important;gap:10px;width:100%;max-width:100%}.radio-card-group.radio-card-group-2,.radio-card-group.radio-card-group-3{grid-template-columns:1fr!important}}@media(hover:hover)and (pointer:fine){.radio-card:hover:not(.disabled):not(:has(input:disabled)){transform:translateY(-1px)}}@media(min-width:769px){.radio-card{flex-direction:column;align-items:flex-start;justify-content:center;gap:0}.radio-card-header{margin-bottom:8px}.radio-card-description{display:block}.radio-card-title{font-size:1em;white-space:normal}}@media(max-width:768px){.league-sidebar.collapsed .league-sidebar-title-wrapper-container,.sidebar.collapsed .league-sidebar-title-wrapper-container{display:flex!important}}@media(min-width:769px){.modal-overlay{align-items:center;padding:20px}.modal-content{border-radius:16px;max-width:650px;max-height:90vh;height:auto;animation:slideUp .3s cubic-bezier(.4,0,.2,1);box-shadow:0 25px 50px -12px #00000040;border:1px solid var(--gray-200);display:flex;flex-direction:column}.drawer-modal{background:#fff;border-radius:16px;max-width:650px;max-height:90vh;height:auto;animation:slideUp .3s cubic-bezier(.4,0,.2,1);box-shadow:0 25px 50px -12px #00000040;border:1px solid var(--gray-200);display:flex;flex-direction:column;width:100%;position:relative}.modal-header{border-radius:20px 20px 0 0;padding:8px 12px;flex-shrink:0}.modal-header h2{font-size:1.1rem}.add-match-form{padding:16px;margin-bottom:32px;flex:1;overflow-y:auto;min-height:0}.modal-actions{padding:10px 12px;justify-content:flex-end;background:#fff;flex-shrink:0;border-top:1px solid var(--gray-100)}.modal-actions button{min-width:auto}}@media(max-width:768px){.drawer-modal{position:fixed;inset:auto 0 0;transform:none;width:100%;max-width:100%;border-radius:20px 20px 0 0;max-height:90vh;animation:slideUpMobile .3s cubic-bezier(.16,1,.3,1);border:none;box-shadow:0 -4px 20px #00000026;background:#fff;display:flex;flex-direction:column;overflow:hidden}.match-config-header-row{flex-wrap:nowrap;gap:8px;overflow-x:auto;padding-right:4px}.match-config-inline-controls{flex-wrap:nowrap;gap:16px}.match-type-option.compact,.ranked-toggle-option.compact{padding:6px 10px;font-size:.75rem;white-space:nowrap}.match-config-toggle.inline{flex-shrink:0}.modal-header{padding:8px 12px}.modal-header h2{font-size:1.1rem}.add-match-form{padding:20px;margin-bottom:32px}.form-group{margin-bottom:20px}.radio-card{padding:12px 14px;min-height:auto}.radio-card-title{font-size:.9em}.team-section{padding:14px;gap:8px}.player-dropdown-trigger{padding:14px 16px}.player-dropdown-input{padding:14px 16px;font-size:16px;min-height:48px}.team-inputs-row{gap:8px}.score-input{width:60px;font-size:1.8em}.scorecard-digit-input{width:45px;height:60px;font-size:1.8em}.team-header{position:absolute;right:12px;top:12px;gap:8px;margin-bottom:0;padding-right:21px}.team-section{position:relative}.team-section.is-winner{border:2px solid var(--success)}.team-section h3{font-size:.95em}.winner-badge{display:none}.vs-divider{font-size:1.2em;padding:4px 0}.player-dropdown-option{font-size:.9em}.form-error{padding:10px;font-size:13px;margin-bottom:12px}.add-matches-card{padding:36px 24px}.add-matches-icon{width:64px;height:64px;margin:20px auto}.add-matches-title{font-size:1.5rem}.add-matches-description{font-size:.95rem}.match-date-header-container{flex-direction:column;align-items:flex-start}.btn-end-session-header{width:100%;justify-content:center}.add-match-card{padding:30px 20px;min-height:120px;font-size:1em}}@media(max-width:576px){.modal-overlay{padding:10px 4px 4px}.modal-content{max-height:92vh;width:95%;border-radius:16px;display:flex;flex-direction:column}.modal-header{padding:12px 14px;flex-shrink:0}.modal-header h2{font-size:1em}.modal-body{padding:12px}.modal-stats{gap:16px;margin-bottom:16px;padding-bottom:16px}.modal-stat{font-size:.85em}.modal-player-stats{margin:16px 0}.modal-stats-table{font-size:.8rem}.modal-stats-table th,.modal-stats-table td{padding:8px 10px}.modal-actions{padding:10px 14px;gap:8px;flex-shrink:0;border-top:1px solid var(--gray-100);background:#fff}.modal-actions button{padding:10px 14px}.add-match-form{padding:16px;margin-bottom:32px;gap:16px;flex:1;overflow-y:auto;min-height:0}.teams-container{grid-template-columns:1fr;gap:16px}.vs-divider-column{display:none}}@media(max-width:576px){.vs-divider{display:block;text-align:center;font-size:1rem;font-weight:600;color:var(--gray-400);padding:4px 0;margin:0}.team-section{padding:14px;gap:12px}.match-config-section{padding:12px 16px;gap:4px;animation:slideDown .2s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.match-config-top-row{grid-template-columns:1fr;gap:8px}.match-config-bottom-row{flex-direction:column;align-items:flex-start;gap:4px;padding-top:6px}.match-config-item.compact.league-item{min-width:0}.match-type-option.compact,.ranked-toggle-option.compact{padding:4px 8px;font-size:.6875rem}.league-dropdown-trigger.compact{padding:4px 8px;font-size:.6875rem;min-height:26px}.active-season-card.compact{padding:4px 8px;font-size:.6875rem;width:100%}.active-season-content{flex-direction:column;align-items:flex-start;gap:2px}.ranked-toggle-note.compact{font-size:.625rem;width:100%}.match-config-label{font-size:.625rem}.team-inputs-row{gap:18px}.score-input{width:60px;font-size:1.6em;height:50px}.scorecard-digit-input{width:45px;height:56px;font-size:1.6em}.team-header{gap:6px;margin-bottom:4px}.team-section h3{font-size:.9em}.winner-badge{padding:3px 8px;font-size:.65em}.vs-divider{font-size:1em;padding:2px 0}.form-error{padding:8px 10px;font-size:12px;margin-bottom:10px}.add-matches-card{padding:28px 20px}.add-matches-icon{width:56px;height:56px;margin:16px auto}.add-matches-title{font-size:1.25rem}.add-matches-description{font-size:.9rem}.add-matches-button{padding:12px 24px;font-size:.95rem}.add-match-card{padding:24px 16px;min-height:100px;font-size:.95em;border-width:2px}}@media(max-width:768px){.active-session-panel{padding:20px}.session-name{font-size:1.4em}.session-header{gap:12px}.session-stats{gap:16px}.session-stat{font-size:.85em}.session-actions{gap:10px}.session-btn-cancel{color:#fff;background-color:var(--ocean-gray)}}@media(max-width:576px){.active-session-panel{padding:16px}.session-name{font-size:1.2em}.recording-badge{font-size:.65em;padding:4px 10px}.session-stat{font-size:.8em}.session-empty-state{padding:32px 16px}.session-empty-icon{width:32px;height:32px}}@media(max-width:768px){.league-signup-main,.league-schedule-main{gap:12px}.league-signup-details,.league-schedule-details{min-width:0;max-width:100%}.league-signup-actions,.league-schedule-actions{width:100%;justify-content:flex-start;justify-self:start;align-items:center;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch}.league-signup-actions>.league-signup-actions-group{flex-shrink:0;flex-basis:auto;min-width:fit-content}.league-signup-actions-group{flex-wrap:nowrap;min-width:fit-content;flex-shrink:0}.league-signup-actions-group .league-text-button{flex-shrink:0;white-space:nowrap;min-width:fit-content}.league-signups-section,.league-schedules-section{padding:8px 4px}}@media(max-width:768px){.league-messages-tab{padding:16px}.league-messages-header h2{font-size:1.25rem}}@media(max-width:768px){.profile-page{padding:80px 16px 32px}.profile-page__section{padding:20px}.profile-page__form-row{grid-template-columns:1fr}.profile-page__header h1{font-size:1.75rem}.profile-page__section-title{font-size:1.25rem}}@media(max-width:640px){.site-footer{padding:20px 16px;padding-bottom:calc(90px + env(safe-area-inset-bottom,0))}.footer-content{gap:8px}.footer-links{flex-wrap:wrap;gap:4px;font-size:.7rem}.footer-link{font-size:.7rem;gap:4px}.footer-link svg{width:12px;height:12px}.footer-separator{font-size:.65rem;margin:0 2px}.footer-copyright{font-size:.65rem}}@media(max-width:1024px){.home-content-grid{grid-template-columns:1fr}}@media(max-width:640px){.home-header-row{padding:12px 16px}.home-header-name{font-size:1rem}.home-stats-row{gap:8px}.home-stat-card{padding:16px 8px}.home-stat-value{font-size:1.25rem}.home-content-grid{gap:16px}}.whatsapp-container{max-width:800px;margin:0 auto;padding:40px 20px}.whatsapp-header{text-align:center;margin-bottom:40px}.whatsapp-title{font-size:2.5rem;font-weight:700;margin-bottom:10px}.whatsapp-subtitle{color:#666;font-size:1.1rem}.whatsapp-alert{border-radius:8px;padding:20px;margin-bottom:20px}.whatsapp-alert-error{background-color:#fee;border:1px solid #fcc}.whatsapp-alert-warning{background-color:#fff4e6;border:1px solid #ff9800}.whatsapp-alert-content{display:flex;align-items:flex-start;gap:12px}.whatsapp-alert-body{flex:1}.whatsapp-alert-title{font-weight:700;margin-bottom:8px;font-size:1.1rem}.whatsapp-alert-title-error{color:#c00}.whatsapp-alert-title-warning{color:#e65100}.whatsapp-alert-message{color:#333;line-height:1.6}.whatsapp-loading{text-align:center;padding:60px 20px}.whatsapp-loading-text{margin-top:20px;font-size:1.1rem}.whatsapp-success-box{background-color:#e8f5e9;border:1px solid #4caf50;border-radius:8px;padding:20px;margin-bottom:30px;display:flex;align-items:center;justify-content:space-between}.whatsapp-success-content{display:flex;align-items:center;gap:10px}.whatsapp-connected-title{font-weight:700;color:#2e7d32}.whatsapp-client-info{font-size:.9rem;color:#666;margin-top:4px}.whatsapp-logout-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;background-color:#f44336;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:500}.whatsapp-config-box{background-color:#fff;border:1px solid #ddd;border-radius:8px;padding:30px;box-shadow:0 2px 4px #0000001a}.whatsapp-config-title{font-size:1.5rem;margin-bottom:20px;display:flex;align-items:center;gap:10px}.whatsapp-form-group{margin-bottom:20px}.whatsapp-form-label{display:block;margin-bottom:8px;font-weight:500;color:#333}.whatsapp-loading-groups{padding:12px;color:#666}.whatsapp-no-groups{padding:12px;background-color:#f5f5f5;border-radius:6px;color:#666}.whatsapp-select{width:100%;padding:12px;font-size:1rem;border:1px solid #ddd;border-radius:6px;box-sizing:border-box;background-color:#fff;cursor:pointer}.whatsapp-form-hint{color:#666;font-size:.85rem;display:block;margin-top:4px}.whatsapp-group-configured{background-color:#e8f5e9;border:1px solid #4caf50;border-radius:6px;padding:16px;margin-top:20px}.whatsapp-configured-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.whatsapp-configured-title{color:#2e7d32}.whatsapp-configured-message{color:#333;margin:0;font-size:.95rem}.whatsapp-info-box{background-color:#f5f5f5;border:1px solid #ddd;border-radius:6px;padding:16px;margin-top:20px}.whatsapp-info-text{margin:0;color:#666;font-size:.95rem;line-height:1.6}.whatsapp-qr-box{background-color:#fff;border:1px solid #ddd;border-radius:8px;padding:40px;text-align:center;box-shadow:0 2px 4px #0000001a}.whatsapp-qr-icon{margin:0 auto 20px}.whatsapp-qr-title{font-size:1.8rem;margin-bottom:10px}.whatsapp-qr-instructions{color:#666;margin-bottom:30px}.whatsapp-qr-content{display:flex;flex-direction:column;align-items:center;gap:20px}.whatsapp-qr-image{max-width:300px;width:100%;height:auto;border:2px solid #ddd;border-radius:8px;padding:10px;background-color:#fff}.whatsapp-qr-waiting{color:#666;font-size:.9rem}.whatsapp-qr-loading-container{padding:40px}.whatsapp-qr-loading-icon{animation:spin 1s linear infinite;color:#25d366;margin:0 auto 20px;display:block}.whatsapp-qr-loading-text{color:#666;font-size:1.1rem}.whatsapp-qr-loading-hint{color:#999;font-size:.9rem;margin-top:10px}.whatsapp-instructions-box{margin-top:30px;padding:20px;background-color:#fff9e6;border:1px solid #ffe082;border-radius:8px}.whatsapp-instructions-title{font-size:1.1rem;margin-bottom:10px}.whatsapp-instructions-list{margin-left:20px;line-height:1.8}.whatsapp-error-container{background-color:#fff;border:1px solid #ddd;border-radius:8px;padding:30px;box-shadow:0 2px 4px #0000001a;text-align:center}.whatsapp-error-container .alert{text-align:left;margin-bottom:20px}.whatsapp-error-container .alert-error{background-color:#fee;border:1px solid #fcc;padding:20px;border-radius:8px}.whatsapp-error-container .alert-error h3{margin-top:0;color:#c00;font-size:1.4rem;margin-bottom:15px}.whatsapp-error-container .error-message{background-color:#fff;border-left:4px solid #f44336;padding:12px 16px;margin:15px 0;font-family:Courier New,monospace;font-size:.9rem;color:#333;word-wrap:break-word;overflow-wrap:break-word}.whatsapp-error-container .error-hint{color:#666;font-size:.95rem;line-height:1.6;margin-top:15px}.retry-button{display:inline-flex;align-items:center;gap:8px;padding:14px 28px;background-color:#25d366;color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:600;font-size:1rem;transition:background-color .2s,transform .1s}.retry-button:hover:not(:disabled){background-color:#22bf5a;transform:translateY(-2px)}.retry-button:active:not(:disabled){transform:translateY(0)}.retry-button:disabled{background-color:#ccc;cursor:not-allowed}