.main-content{background:var(--color-bg-primary);box-shadow:0 2px 10px color-mix(in srgb, var(--color-brand-blue) 8%, transparent);border:1px solid color-mix(in srgb, var(--color-brand-blue) 10%, transparent);box-sizing:border-box;border-radius:16px;flex-shrink:1;width:100%;min-width:0;max-width:800px;padding:2rem}@media (width<=1023px){.main-content{border-radius:12px;max-width:100%;padding:.75rem}}@media (width<=640px){.main-content{box-shadow:none;border:none;border-radius:0;width:100%;max-width:100%;padding:.25rem}}.filter-section-header{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.filter-section-title{color:var(--color-text-primary);margin-bottom:1rem;font-size:1.4rem;font-weight:700}@media (width<=640px){.filter-section-title{font-size:1.1rem}}.date-navigation-tabs{margin-bottom:1.5rem}.date-navigation-tabs .filter-tabs{justify-content:center}.date-navigation-tabs .filter-tab{text-decoration:none;display:inline-flex}.filter-tabs-container{justify-content:space-between;align-items:center;gap:1.5rem;width:100%;display:flex}.date-selector-wrapper{position:relative}.date-selector-button{background:var(--color-bg-primary);border:2px solid var(--color-brand-blue);cursor:pointer;color:var(--color-text-primary);border-radius:20px;justify-content:space-between;align-items:center;gap:.5rem;min-width:120px;padding:.5rem 1.1rem;font-size:.875rem;font-weight:500;transition:all .3s;display:flex}.date-selector-button:hover{background:color-mix(in srgb, var(--color-brand-blue) 5%, transparent);transform:translateY(-2px)}.date-selector-button option{background:var(--color-bg-primary);color:var(--color-text-primary)}.dark .date-selector-button option{color:#e5e7eb;background:#1f2937}.date-selector-arrow{opacity:.7;font-size:.75rem}.dark .date-selector-arrow{color:#e5e7eb;opacity:.9}.date-dropdown{background:var(--color-bg-primary);border:2px solid var(--color-brand-blue);box-shadow:0 4px 12px color-mix(in srgb, var(--color-brand-blue) 15%, transparent);z-index:10;border-radius:12px;min-width:120px;position:absolute;top:calc(100% + .5rem);left:0;overflow:hidden}.date-dropdown-item{color:var(--color-text-primary);cursor:pointer;padding:.75rem 1rem;font-size:.875rem;font-weight:500;transition:background .2s}.date-dropdown-item:hover{background:color-mix(in srgb, var(--color-brand-blue) 5%, transparent)}.date-dropdown-item.active{background:var(--color-brand-blue);color:var(--color-bg-primary)}.filter-tabs{flex-wrap:wrap;gap:1rem;display:flex}@media (width<=640px){.filter-tabs{gap:.5rem}}.filter-tab{background:var(--color-bg-primary);border:2px solid var(--color-brand-blue);cursor:pointer;color:var(--color-text-primary);border-radius:20px;align-items:center;gap:.5rem;padding:.5rem 1.1rem;font-size:.875rem;font-weight:500;transition:all .3s;display:flex}.filter-tab:hover{background:color-mix(in srgb, var(--color-brand-blue) 5%, transparent);transform:translateY(-2px)}.filter-tab.active{background:var(--color-brand-blue);color:var(--color-bg-primary)}.live-count{background:var(--color-error);color:#fff;border-radius:10px;padding:.1rem .4rem;font-size:.75rem;font-weight:700}.ticker{background:color-mix(in srgb, var(--color-brand-blue) 10%, transparent);width:100%;max-width:800px;color:var(--color-text-primary);border-radius:8px;margin-bottom:2rem;padding:.75rem;overflow:hidden}.ticker-content{animation:15s linear infinite scroll;display:flex}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.ticker-item{white-space:nowrap;padding:0 2rem;font-size:.875rem;font-weight:600}.league-section{box-shadow:0 0 20px color-mix(in srgb, var(--color-brand-blue) 10%, transparent);border-radius:5px;margin-bottom:2rem;overflow:hidden}.matches-table-container{width:100%}.matches-table{border-collapse:collapse;width:100%}.matches-table tbody{background:0 0}@media (width<=600px){.matches-table-container{-webkit-overflow-scrolling:touch;overflow-x:auto}.matches-table{min-width:380px}}.match-row{border-bottom:1px solid var(--color-border);background:var(--color-bg-primary);min-height:72px;font-size:.825rem;line-height:.575rem}@media (width<=600px){.match-row{font-size:.75rem}}.match-row.live{background:color-mix(in srgb, var(--color-error) 5%, transparent);border-left:4px solid var(--color-error)}.match-row.upcoming{background:var(--color-bg-secondary)}.match-time-cell{text-align:center;border-right:1px solid var(--color-border);color:var(--color-text-primary);white-space:nowrap;padding:12px 15px;font-weight:600}.dark .match-time-cell{color:#e5e7eb}@media (width<=600px){.match-time-cell{flex-direction:column;justify-content:center;align-items:center;min-width:40px;padding:6px 4px;font-size:.7rem;display:flex}}.match-time-live{color:#ef4444;font-size:.725rem;font-weight:700;display:block;position:relative}.dark .match-time-live{color:#f87171}@media (width<=600px){.match-time-live{padding-bottom:0;font-size:.65rem}}.live-dot{background:#ef4444;border-radius:50%;width:6px;height:6px;margin-right:4px;animation:3s ease-in-out infinite fade-dot;display:inline-block}.dark .live-dot{background:#f87171}@keyframes fade-dot{0%,to{opacity:1}50%{opacity:.3}}.match-time-minutes{color:var(--color-text-primary);font-size:.725rem;display:block}.dark .match-time-minutes{color:#9ca3af}@media (width<=600px){.match-time-minutes{font-size:.65rem}}.match-teams-cell{min-width:180px;padding:12px 20px}@media (width<=640px){.match-teams-cell{min-width:150px;padding:8px 12px}}@media (width<=600px){.match-teams-cell{flex-direction:column;justify-content:center;min-width:70px;padding:6px 8px 6px 4px;display:flex}}.team-row{justify-content:space-between;align-items:center;padding:4px 0;display:flex}.team-name{color:var(--color-text-primary);font-size:.825rem}.dark .team-name{color:#fff}@media (width<=600px){.team-row{width:100%}.team-name{text-overflow:ellipsis;white-space:nowrap;flex:1;margin-right:4px;font-size:.75rem;overflow:hidden}}.team-score{text-align:center;min-width:25px;color:var(--color-text-primary);font-size:.825rem;font-weight:700}.dark .team-score{color:#fff}.team-score.live{color:#2ecc71}.dark .team-score.live{color:#4ade80}.team-score.upcoming{color:var(--color-text-tertiary)}.dark .team-score.upcoming{color:#6b7280}.match-odds-cell{border-left:1px solid var(--color-border);border-right:1px solid var(--color-border);padding:12px 15px}@media (width<=600px){.match-odds-cell{justify-content:center;align-items:center;padding:6px 6px 6px 8px;display:flex}}.odds-buttons{justify-content:center;gap:.75rem;display:flex}@media (width<=600px){.odds-buttons{justify-content:center;align-items:center;gap:.25rem;width:100%;display:flex}.odds-buttons button{flex:1;justify-content:center;align-items:center;min-width:44px;display:flex}.odds-button{min-width:44px!important;padding:.5rem .2rem!important;font-size:.8rem!important}}.odds-button:hover{background:#2ecc711a;transform:scale(1.05)}.match-meta-cell{text-align:center;padding:12px 15px}.match-meta-item{color:var(--color-text-secondary);margin:0 .3rem;font-size:.8rem}.match-meta-item.hot{color:var(--color-error)}.match-meta-item.star{color:var(--color-text-secondary)}.daily-double-box{background:linear-gradient(135deg, var(--color-warning) 0%, color-mix(in srgb, var(--color-warning) 85%, black) 100%);color:var(--color-bg-primary);border-radius:12px;margin-top:2rem;padding:1.5rem}.daily-double-title{margin-bottom:1rem;font-size:1.2rem;font-weight:600}.daily-double-description{opacity:.9;margin-bottom:1rem}.daily-double-content{align-items:center;gap:1rem;display:flex}.daily-double-stat{text-align:center;background:#fff3;border-radius:8px;flex:1;padding:1rem}.daily-double-stat-value{font-size:2rem;font-weight:700;display:block}.daily-double-stat-label{opacity:.9;font-size:.9rem}.daily-double-button{background:var(--color-brand-blue);color:var(--color-bg-primary);cursor:pointer;border:none;border-radius:8px;padding:1rem 2rem;font-weight:700;transition:all .3s}.daily-double-button:hover{background:var(--gradient-blue-end);transform:translateY(-2px)}@media (width<=850px){.main-content{width:100%;max-width:100%}}.quick-bet-builder{border:2px solid var(--color-brand-green);background:#2ecc711a;border-radius:12px;margin-top:1rem;padding:1.5rem}.quick-bet-title{color:var(--color-text-primary);margin-bottom:1rem;font-size:1.2rem;font-weight:600}.quick-bet-grid{grid-template-columns:repeat(4,1fr);gap:.5rem;display:grid}.quick-bet-option{background:var(--color-bg-primary);border:2px solid var(--color-brand-green);color:var(--color-text-primary);cursor:pointer;text-align:center;border-radius:8px;padding:.75rem;transition:all .3s}.quick-bet-option:hover{background:#2ecc711a;transform:translateY(-2px)}.quick-bet-option-title{margin-bottom:.25rem;font-weight:700}.quick-bet-option-subtitle{color:var(--color-text-secondary);font-size:.875rem}.league-header{color:#fff;background:#072a4c;justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex}.dark .league-header{background:#1e3a8a}@media (width<=600px){.league-header{padding:.6rem .75rem}}.league-title{align-items:center;gap:.55rem;font-size:.875rem;font-weight:600;display:flex}@media (width<=600px){.league-title{gap:.35rem;font-size:.75rem}}.league-name-text{flex-direction:column;align-items:flex-start;line-height:1.1;display:inline-flex}.mobile-only .league-country{opacity:.85;font-size:.6rem;line-height:1;display:block}.mobile-only .league-name{text-overflow:ellipsis;white-space:nowrap;max-width:150px;margin-top:1px;font-size:.7rem;font-weight:700;line-height:1.2;display:block;overflow:hidden}.league-match-count{opacity:.9;font-size:.875rem}.table-header{color:#fff;background:#072a4c;line-height:.35rem}.dark .table-header{background:#1e3a8a}.header-league{text-align:left;padding:1rem 1.25rem}@media (width<=600px){.header-league{padding:.8rem .5rem;line-height:1.2}}.header-odds-section{text-align:center;padding:1rem 1.25rem}@media (width<=600px){.header-odds-section{padding:.6rem .5rem}}.odds-labels{justify-content:center;gap:.75rem;display:flex}@media (width<=600px){.odds-labels{box-sizing:border-box;gap:.25rem;width:100%;padding:0 6px;display:flex}.odds-label{flex:1;justify-content:center;align-items:center;min-width:44px;display:flex}}.odds-label{text-align:center;color:#fff;min-width:60px;font-size:.8rem;font-weight:600}@media (width<=600px){.odds-label{min-width:unset;flex:1;justify-content:center;align-items:center;font-size:.7rem;display:flex}}.match-row.finished{border-left:4px solid var(--color-text-tertiary)}.match-time-finished{color:var(--color-text-tertiary);text-transform:uppercase;font-size:.7rem;font-weight:700;display:block}.dark .match-time-finished{color:#9ca3af}.match-time-postponed{color:#6b7280;text-transform:uppercase;font-size:.7rem;font-weight:700;display:block}.dark .match-time-postponed{color:#9ca3af}.mobile-only{display:none}.desktop-only{display:block}@media (width<=600px){.mobile-only{display:block}.desktop-only{display:none}.match-time-finished{font-size:.75rem}}.odds-button:disabled{cursor:not-allowed!important;opacity:.6!important}.odds-button:disabled:hover{background:var(--color-border)!important;transform:scale(1)!important}@keyframes scoreUpdate{0%{color:inherit;transform:scale(1)rotate(0)}15%{color:var(--color-brand-green);transform:scale(1.4)rotate(-3deg)}30%{color:var(--color-brand-green);transform:scale(1.3)rotate(2deg)}45%{color:var(--color-brand-green);transform:scale(1.35)rotate(-1deg)}60%{color:inherit;transform:scale(1.15)rotate(0)}to{color:inherit;transform:scale(1)rotate(0)}}.team-score.score-updating{animation:.6s cubic-bezier(.4,0,.2,1) scoreUpdate;display:inline-block}.date-header{color:#fff;text-align:left;background:#072a4c;padding:.75rem 1.25rem}.dark .date-header{background:#1e3a8a}.date-header-cell{text-align:left;padding:.75rem 1.25rem}.date-header-content{color:#fff;text-transform:none;letter-spacing:.025em;font-size:.875rem;font-weight:600}