.sp-page{padding:24px 0 52px}.sp-hero{margin-bottom:20px}.sp-heroTitle{letter-spacing:-.5px;color:#0b2a4a;margin:0 0 3px;font-size:26px;font-weight:1000}.sp-heroSub{color:#6b7280;margin:0;font-size:14px}.sp-layout{grid-template-columns:1fr 320px;align-items:start;gap:16px;display:grid}@media (max-width:980px){.sp-layout{grid-template-columns:1fr}}.sp-tabs{scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:6px;margin-bottom:14px;padding-bottom:2px;display:flex;overflow-x:auto}.sp-tabs::-webkit-scrollbar{display:none}.sp-tab{cursor:pointer;white-space:nowrap;color:#374151;background:#fff;border:1.5px solid #00000017;border-radius:10px;flex-shrink:0;align-items:center;gap:6px;padding:9px 16px;font-size:13px;font-weight:800;transition:background .12s,border-color .12s,color .12s;display:flex}.sp-tab:hover{background:#f0f4f8;border-color:#1d7bd647}.sp-tab.isActive{color:#fff;background:#0b2a4a;border-color:#0b2a4a}.sp-tabFlag{font-size:15px;line-height:1}.sp-panel{background:#fff;border:1px solid #0000000f;border-radius:14px;overflow:hidden;box-shadow:0 4px 20px #00000012}.sp-panelHead{background:linear-gradient(#0b2a4a0d,#0000);border-bottom:1px solid #0000000f;justify-content:space-between;align-items:center;padding:13px 18px;display:flex}.sp-panelTitle{color:#0b2a4a;font-size:14px;font-weight:900}.sp-subTabs{border-bottom:1px solid #0000000f;display:flex}.sp-subTab{color:#9ca3af;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;margin-bottom:-1px;padding:11px;font-size:13px;font-weight:800;transition:color .12s}.sp-subTab:hover{color:#0b2a4a}.sp-subTab.isActive{color:#0b2a4a;border-bottom-color:#1d7bd6}.sp-state{color:#9ca3af;justify-content:center;align-items:center;gap:10px;padding:40px 18px;font-size:14px;display:flex}.sp-stateErr{color:#ef4444}.sp-spinner{border:2.5px solid #e5e7eb;border-top-color:#1d7bd6;border-radius:50%;flex-shrink:0;width:18px;height:18px;animation:.7s linear infinite sp-spin}@keyframes sp-spin{to{transform:rotate(360deg)}}.sp-dateGroup{letter-spacing:.1em;text-transform:uppercase;color:#9ca3af;background:#f9fafb;border-top:1px solid #0000000d;border-bottom:1px solid #0000000d;padding:8px 18px 6px;font-size:10px;font-weight:900}.sp-matchRow{border-bottom:1px solid #0000000a;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;padding:11px 18px;transition:background .1s;display:grid}.sp-matchRow:last-child{border-bottom:none}.sp-matchRow:hover{background:#f9fafb}.sp-matchRow.isLive{background:#1d7bd60a}.sp-matchTeam{align-items:center;gap:8px;min-width:0;display:flex}.sp-matchTeamAway{text-align:right;flex-direction:row-reverse}.sp-matchName{white-space:nowrap;text-overflow:ellipsis;color:#111;font-size:13px;font-weight:800;overflow:hidden}.sp-crest{object-fit:contain;border-radius:2px;flex-shrink:0}.sp-crestFallback{background:radial-gradient(circle at 30% 30%,#1d7bd62e,#0b2a4a1a);border:1px solid #00000014;border-radius:50%;flex-shrink:0;display:inline-block}.sp-matchCenter{flex-direction:column;align-items:center;gap:3px;min-width:56px;display:flex}.sp-score{color:#0b2a4a;letter-spacing:.02em;font-size:17px;font-weight:1000}.sp-score.isLive{color:#1d7bd6}.sp-scoreTime{color:#1d7bd6;font-size:15px;font-weight:700}.sp-scoreText{color:#9ca3af;font-size:11px;font-weight:700}.sp-liveBadge{letter-spacing:.08em;color:#1d7bd6;background:#1d7bd61a;border:1px solid #1d7bd640;border-radius:4px;padding:2px 5px;font-size:9px;font-weight:900}.sp-finishedBadge{letter-spacing:.06em;color:#9ca3af;background:#f3f4f6;border:1px solid #00000014;border-radius:4px;padding:2px 5px;font-size:9px;font-weight:900}.sp-loadMore{text-align:center;color:#1d7bd6;cursor:pointer;background:#f9fafb;border:none;border-top:1px solid #0000000f;width:100%;padding:13px;font-size:13px;font-weight:800;transition:background .12s;display:block}.sp-loadMore:hover{background:#f0f4f8}.sp-tableWrap{overflow-x:auto}.sp-table{border-collapse:collapse;width:100%;font-size:13px}.sp-table th{text-align:center;letter-spacing:.1em;text-transform:uppercase;color:#9ca3af;white-space:nowrap;background:#f9fafb;border-bottom:1px solid #00000012;padding:9px 10px;font-size:10px;font-weight:900}.sp-thTeam{text-align:left!important;padding-left:18px!important}.sp-table th:first-child{width:28px;padding-left:18px}.sp-table td{text-align:center;white-space:nowrap;border-bottom:1px solid #0000000a;padding:9px 10px}.sp-table td:first-child{padding-left:18px}.sp-tableRow:last-child td{border-bottom:none}.sp-tableRow:hover{background:#f9fafb}.sp-tableRow.isTop .sp-tablePos{color:#1d7bd6;font-weight:900}.sp-tableRow.isBottom .sp-tablePos{color:#ef4444;font-weight:900}.sp-tablePos{color:#9ca3af;width:28px;font-weight:700}.sp-tableTeam{text-align:left;align-items:center;gap:8px;padding-left:8px;font-weight:700;display:flex}.sp-tablePts{color:#0b2a4a;font-size:14px;font-weight:900}.sp-railCard{background:#fff;border:1px solid #0000000f;border-radius:14px;overflow:hidden;box-shadow:0 4px 20px #00000012}.sp-railHead{background:linear-gradient(#0b2a4a0d,#0000);border-bottom:1px solid #0000000f;justify-content:space-between;align-items:center;padding:13px 16px;display:flex}.sp-railTitle{letter-spacing:.1em;text-transform:uppercase;color:#0b2a4a;font-size:11px;font-weight:900}.sp-liveIndicator{color:#1d7bd6;letter-spacing:.04em;font-size:11px;font-weight:900}.sp-railState{text-align:center;color:#9ca3af;padding:28px 16px;font-size:13px}.sp-todayItem{border-bottom:1px solid #0000000a;padding:10px 16px;transition:background .1s}.sp-todayItem:last-child{border-bottom:none}.sp-todayItem:hover{background:#f9fafb}.sp-todayItem.isLive{background:#1d7bd60a}.sp-todayTeams{justify-content:space-between;align-items:center;gap:6px;font-size:12px;font-weight:800;display:flex}.sp-todayTeam{white-space:nowrap;text-overflow:ellipsis;flex:1;align-items:center;gap:5px;min-width:0;display:flex;overflow:hidden}.sp-todayTeamAway{text-align:right;flex-direction:row-reverse}.sp-todayCrest{object-fit:contain;flex-shrink:0;width:16px;height:16px}.sp-todayScore{color:#0b2a4a;white-space:nowrap;flex-shrink:0;padding:0 4px;font-size:13px;font-weight:900}.sp-todayScore.isLive{color:#1d7bd6}.sp-todayMeta{color:#9ca3af;justify-content:space-between;align-items:center;margin-top:4px;font-size:11px;display:flex}.sp-livePill{color:#1d7bd6;background:#1d7bd61a;border:1px solid #1d7bd638;border-radius:4px;padding:2px 5px;font-size:9px;font-weight:900}.sp-finPill{color:#9ca3af;background:#f3f4f6;border:1px solid #00000014;border-radius:4px;padding:2px 5px;font-size:9px;font-weight:900}@media (max-width:640px){.sp-page{padding:14px 0 40px}.sp-hero{margin-bottom:14px}.sp-heroTitle{font-size:21px}.sp-heroSub{font-size:13px}.sp-tabs{gap:5px;margin-bottom:12px}.sp-tab{gap:4px;min-height:40px;padding:9px 12px;font-size:12px}.sp-tabFlag{font-size:13px}.sp-subTab{min-height:44px;font-size:13px}.sp-panelHead{padding:11px 14px}.sp-panelTitle{font-size:13px}.sp-dateGroup{padding:7px 14px 5px}.sp-matchRow{gap:5px;padding:10px 14px}.sp-matchName{font-size:12px}.sp-score{font-size:15px}.sp-scoreTime{font-size:13px}.sp-matchCenter{min-width:44px}.sp-loadMore{padding:14px;font-size:13px}.sp-colHide{display:none}.sp-table th,.sp-table td{padding:9px 8px}.sp-thTeam,.sp-table td:nth-child(2){padding-left:12px!important}.sp-table th:first-child,.sp-table td:first-child{padding-left:12px}.sp-tableTeam{gap:7px;padding-left:4px}.sp-tablePts{font-size:13px}.sp-railCard{box-shadow:none;border-radius:12px}.sp-todayItem{padding:9px 14px}.sp-todayTeams{font-size:12px}}@media (max-width:375px){.sp-matchRow .sp-crest,.sp-matchRow .sp-crestFallback{display:none}.sp-matchRow{padding:9px 12px}.sp-matchName{font-size:11px}.sp-matchCenter{min-width:40px}.sp-score{font-size:14px}.sp-tableTeam .sp-crest,.sp-tableTeam .sp-crestFallback{display:none}.sp-table th,.sp-table td{padding:8px 6px;font-size:12px}.sp-thTeam,.sp-table td:nth-child(2){padding-left:10px!important}.sp-table th:first-child,.sp-table td:first-child{padding-left:10px}}