:root{--page-bg:#f6f8fa;--surface:#ffffff;--surface-strong:#eef2f7;--text-main:#1e2229;--text-muted:#626d7f;--accent:#0046ad;--accent-2:#da291c;--accent-3:#006847;--border:#e2e8f0;--card-shadow:0 4px 12px rgba(0,0,0,0.05);--transition-smooth:all 0.25s ease-in-out}body{background-color:var(--page-bg);color:var(--text-main);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;overflow-x:hidden;line-height:1.6}@media (min-width:992px){.asymmetric-layout{display:grid;grid-template-columns:260px 1fr;gap:24px}.sidebar-nav-fixed{position:sticky;top:88px;height:calc(100vh - 120px);overflow-y:auto}}.custom-card{background-color:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:var(--card-shadow);transition:var(--transition-smooth);overflow:hidden;margin-bottom:24px}.custom-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,0.08)}.section-title{font-size:1.6rem;font-weight:700;color:var(--text-main);position:relative;padding-left:14px;margin-bottom:20px}.section-title::before{content:"";position:absolute;left:0;top:4px;bottom:4px;width:5px;background:linear-gradient(to bottom,var(--accent-2),var(--accent));border-radius:3px}.navbar-brand img{max-height:40px}.nav-link{color:var(--text-muted);font-weight:500;transition:var(--transition-smooth)}.nav-link:hover,.nav-link.active{color:var(--accent)}.sidebar-menu-item{display:flex;align-items:center;padding:12px 16px;color:var(--text-muted);text-decoration:none;border-radius:8px;margin-bottom:6px;transition:var(--transition-smooth)}.sidebar-menu-item:hover,.sidebar-menu-item.active{background-color:var(--surface-strong);color:var(--accent);font-weight:600}.sidebar-menu-item i{margin-right:12px;font-size:1.2rem}.hero-banner{position:relative;background:linear-gradient(135deg,#021B3A 0%,#0046ad 100%);color:#ffffff;border-radius:14px;padding:40px;margin-bottom:30px;overflow:hidden}.hero-banner-content{position:relative;z-index:2}.hero-image-wrapper img{border-radius:10px;box-shadow:0 6px 18px rgba(0,0,0,0.2);object-fit:cover;width:100%;height:auto}.status-badge{font-size:0.75rem;padding:4px 8px;border-radius:4px;font-weight:600;text-transform:uppercase}.badge-upcoming{background-color:#e2e8f0;color:#4a5568}.badge-live{background-color:#ffe3e3;color:var(--accent-2);animation:pulse 1.5s infinite}.badge-finished{background-color:#edf2f7;color:#718096}@keyframes pulse{0%{opacity:1}50%{opacity:0.6}100%{opacity:1}}.group-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}.group-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:16px}.group-header{font-weight:700;border-bottom:2px solid var(--surface-strong);padding-bottom:8px;margin-bottom:12px;color:var(--accent);display:flex;justify-content:space-between}.team-flag-placeholder{width:24px;height:16px;background-color:#cbd5e1;display:inline-block;margin-right:8px;border-radius:2px;vertical-align:middle}.flag-us{background-color:#0a3161;position:relative}.flag-ca{background-color:#ff0000}.flag-mx{background-color:#006847}.accordion-button:not(.collapsed){background-color:var(--surface-strong);color:var(--accent);box-shadow:none}.accordion-button{font-weight:600}@media (max-width:991.98px){.hero-banner{padding:24px}.sidebar-nav-fixed{display:none}}