.page-container{background-color:#111;min-height:100vh}.matches-page-loading,.matches-page-error{color:#9c9c9c;background:#111;justify-content:center;align-items:center;min-height:100vh;font-size:1.5rem;display:flex}.matches-container{background-color:#111;min-height:100vh;margin:0 auto;padding:2rem 1rem}.matches-header{text-align:center;margin-bottom:3rem}.matches-header h1{color:#fff;margin-bottom:.5rem;font-size:2.5rem;font-weight:700}.matches-subtitle{color:#9c9c9c;font-size:1.1rem}.matches-list{flex-direction:column;gap:1.5rem;display:flex}.match-card{background-color:#1f1f1f;border:1px solid #373737;border-radius:1rem;padding:1.5rem;text-decoration:none;transition:transform .2s,box-shadow .2s;display:block;box-shadow:0 25px 50px -12px #00000040}.match-card.clickable{cursor:pointer}.match-card.clickable:active{transform:scale(.99)}.match-card:hover{border-color:#4b4b4b;transform:translateY(-2px);box-shadow:0 25px 50px -12px #0006}.match-card.live{border-left:4px solid #22c55e}.match-card.live:hover{border-color:#4b4b4b;transform:translateY(-2px);box-shadow:0 0 50px -12px #afafaf66}.match-card.finished{border-left:4px solid #6b6b6b}.match-card.finished:hover{border-color:#afafaf;transform:translateY(-2px);box-shadow:0 0 50px -12px #afafaf66}.match-card.scheduled{border-left:4px solid #3b82f6}.match-date{color:#9c9c9c;text-transform:uppercase;letter-spacing:.5px;margin-bottom:1rem;font-size:.875rem;font-weight:500}.match-teams{justify-content:space-between;align-items:center;gap:2rem;margin-bottom:1rem;display:flex}.team-container{flex:1;align-items:center;gap:1rem;display:flex}.home-team{justify-content:flex-start}.away-team{justify-content:flex-end}.match-team-crest{object-fit:contain;filter:drop-shadow(0 10px 8px #0000000a)drop-shadow(0 4px 3px #0000001a);width:48px;height:48px}.team-name{color:#fff;font-size:1.2rem;font-weight:600}.match-score{flex-shrink:0;justify-content:center;align-items:center;min-width:100px;display:flex}.score-display{align-items:center;gap:1rem;display:flex}.score{color:#fff;text-align:center;min-width:30px;font-size:2rem;font-weight:700}.separator{color:#9c9c9c;font-weight:500}.vs-display{color:#9c9c9c;background:#373737;border:1px solid #4b4b4b;border-radius:6px;padding:.5rem 1rem;font-size:1.25rem;font-weight:700}.match-status{justify-content:center;align-items:center;gap:.75rem;display:flex}.expand-indicator{color:#9c9c9c;text-transform:uppercase;letter-spacing:.5px;font-size:.875rem;transition:transform .2s}.status-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:20px;padding:.4rem 1rem;font-size:.85rem;font-weight:600}.status-badge.scheduled{color:#60a5fa;background:#3b82f633;border:1px solid #3b82f64d}.status-badge.live{color:#4ade80;background:#22c55e33;border:1px solid #22c55e4d}.status-badge.finished{color:#9c9c9c;background:#373737;border:1px solid #4b4b4b}.matches-section{margin-bottom:3rem}.matches-section-header{background-color:#1f1f1f;border:1px solid #373737;border-radius:1rem;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding:1.5rem;display:flex;box-shadow:0 10px 30px -12px #00000040}.matches-section-header.clickable{cursor:pointer;text-align:left;width:100%;transition:all .2s}.matches-section-header.clickable:hover{background-color:#292929;border-color:#4b4b4b}.matches-section-title{color:#fff;margin:0;font-size:1.5rem;font-weight:700}.accordion-icon{color:#9c9c9c;font-size:1.25rem;transition:transform .3s}.accordion-icon.collapsed{transform:rotate(-90deg)}.accordion-icon.expanded{transform:rotate(0)}@media (width<=768px){.matches-container{padding:1rem .5rem}.matches-section{margin-bottom:2rem}.matches-section-header{margin-bottom:1rem;padding:1rem}.matches-section-title{font-size:1.25rem}.matches-list{gap:1rem}.match-teams{gap:.5rem}.team-name{font-size:1rem}.match-team-crest{width:36px;height:36px}}