.page-intro{color:var(--text2);margin-bottom:1.5rem;font-size:.95rem}.match-tabs{display:flex;gap:.5rem;margin-bottom:1.5rem;border-bottom:2px solid var(--border);padding-bottom:0}.match-tab{background:none;border:none;padding:.6rem 1.2rem;font-size:.9rem;font-weight:600;color:var(--text2);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px;font-family:inherit;display:flex;align-items:center;gap:.5rem;transition:color .2s,border-color .2s}.match-tab:hover{color:var(--text1)}.match-tab.active{color:var(--accent);border-bottom-color:var(--accent)}.tab-count{background:var(--bg3);padding:.1rem .45rem;border-radius:10px;font-size:.75rem;font-weight:700}.match-tab.active .tab-count{background:var(--accent);color:#000}.live-dot{width:8px;height:8px;border-radius:50%;background:#e74c3c;display:inline-block;animation:pulse-dot 1.5s infinite}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.3}}.match-panel{display:none}.match-panel.active{display:block}.match-card{background:var(--bg2);border:1px solid var(--border);border-radius:6px;padding:1rem 1.25rem;margin-bottom:.75rem;transition:border-color .2s}.match-card:hover{border-color:var(--accent)}.match-card.live{border-left:3px solid #e74c3c}.match-card.upcoming{border-left:3px solid var(--accent)}.match-card.finished{border-left:3px solid var(--text3)}.match-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;flex-wrap:wrap;gap:.5rem}.match-league{display:flex;align-items:center;gap:.5rem;font-size:.8rem;color:var(--text2);overflow:hidden}.match-league img{height:18px;max-height:18px;width:auto;max-width:80px;border-radius:2px;object-fit:contain}.match-tier{font-size:.7rem;font-weight:700;text-transform:uppercase;padding:.15rem .4rem;border-radius:4px}.tier-s{background:#f1c40f;color:#000}.tier-a{background:#e67e22;color:#000}.tier-b{background:#3498db;color:#fff}.tier-c{background:#7f8c8d;color:#fff}.tier-d{background:#566573;color:#fff}.match-body{display:flex;align-items:center;justify-content:space-between;gap:1rem}.match-team{display:flex;align-items:center;gap:.65rem;flex:1;min-width:0}.match-team.right{justify-content:flex-end;text-direction:rtl;flex-direction:row-reverse}.team-logo{width:36px;height:36px;max-width:36px;max-height:36px;border-radius:6px;object-fit:contain;background:var(--bg3);flex-shrink:0}.team-logo-placeholder{width:36px;height:36px;border-radius:6px;background:var(--bg3);display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;color:var(--text3);flex-shrink:0}.team-name{font-weight:600;font-size:.95rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.team-name.winner{color:var(--accent)}.match-score{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.score-val{font-size:1.4rem;font-weight:800;min-width:1.5rem;text-align:center;font-family:Inter,sans-serif}.score-val.winner{color:var(--accent)}.score-sep{color:var(--text3);font-size:1.1rem}.score-vs{font-size:.8rem;font-weight:700;color:var(--text3);text-transform:uppercase}.match-footer{display:flex;justify-content:space-between;align-items:center;margin-top:.75rem;flex-wrap:wrap;gap:.5rem}.match-time{font-size:.8rem;color:var(--text2)}.match-time .countdown{color:var(--accent);font-weight:600}.match-format{font-size:.75rem;color:var(--text3);font-weight:600}.match-stream{font-size:.75rem;color:var(--accent);text-decoration:none;font-weight:600}.match-stream:hover{text-decoration:underline}.match-status{font-size:.7rem;font-weight:700;text-transform:uppercase;padding:.15rem .4rem;border-radius:4px}.status-running{background:#e74c3c;color:#fff}.status-not_started{background:var(--accent);color:#000}.status-finished{background:var(--bg3);color:var(--text2)}.loading-state{text-align:center;padding:2rem;color:var(--text2);font-size:.9rem}.spinner{display:inline-block;width:20px;height:20px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .6s linear infinite;margin-right:.5rem;vertical-align:middle}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{text-align:center;padding:2rem;color:var(--text3)}.empty-state svg{margin-bottom:.5rem;opacity:.5}.load-more-btn{display:block;width:100%;padding:.75rem;background:var(--bg3);border:1px solid var(--border);border-radius:6px;color:var(--text2);font-size:.85rem;font-weight:600;cursor:pointer;font-family:inherit;margin-top:.5rem;transition:border-color .2s,color .2s}.load-more-btn:hover{border-color:var(--accent);color:var(--accent)}@media (max-width: 600px){.match-body{flex-direction:column;gap:.5rem}.match-team,.match-team.right{justify-content:center;flex-direction:row}.match-score{margin:.25rem 0}.score-val{font-size:1.2rem}}