:root{--primary:#0f172a;--primary-light:#1e293b;--accent:#2563eb;--accent-green:#16a34a;--accent-red:#dc2626;--bg-light:#f8fafc;--card-bg:#ffffff;--text-main:#0f172a;--text-muted:#64748b;--border:#e2e8f0;--sidebar-width:280px}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;background-color:var(--bg-light);color:var(--text-main);overflow-x:hidden}@media (min-width:992px){.sidebar-header{position:fixed;top:0;left:0;bottom:0;width:var(--sidebar-width);background-color:var(--primary);color:#ffffff;padding:2rem 1.5rem;overflow-y:auto;z-index:1030;border-right:1px solid rgba(255,255,255,0.1)}.main-content{margin-left:var(--sidebar-width);padding:2rem 3rem}}@media (max-width:991.98px){.sidebar-header{position:sticky;top:0;width:100%;background-color:var(--primary);color:#ffffff;padding:1rem 1.5rem;z-index:1030}.main-content{padding:1.5rem 1rem}}.sidebar-brand img{max-height:50px;object-fit:contain}.nav-link-custom{display:flex;align-items:center;gap:10px;color:rgba(255,255,255,0.75);padding:0.75rem 1rem;border-radius:8px;text-decoration:none;transition:all 0.2s ease;font-weight:500}.nav-link-custom:hover,.nav-link-custom.active{color:#ffffff;background-color:var(--accent)}.hero-banner{background:linear-gradient(135deg,var(--primary-light) 0%,var(--primary) 100%);color:#ffffff;border-radius:14px;padding:3rem 2.5rem;position:relative;overflow:hidden;box-shadow:0 10px 30px rgba(15,23,42,0.08)}.hero-banner::after{content:'';position:absolute;top:-50%;right:-20%;width:60%;height:200%;background:radial-gradient(circle,rgba(37,99,235,0.15) 0%,transparent 60%);pointer-events:none}.section-title{font-size:1.75rem;font-weight:800;color:var(--primary);margin-bottom:1.5rem;position:relative;padding-bottom:0.5rem}.section-title::after{content:'';position:absolute;bottom:0;left:0;width:50px;height:4px;background-color:var(--accent);border-radius:2px}.score-card{background-color:var(--card-bg);border:1px solid var(--border);border-radius:12px;padding:1.25rem;transition:transform 0.2s ease,box-shadow 0.2s ease}.score-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(0,0,0,0.05)}.group-table{background-color:var(--card-bg);border-radius:12px;overflow:hidden;border:1px solid var(--border)}.group-header{background-color:var(--primary-light);color:#ffffff;font-weight:bold;padding:0.75rem 1rem}.guide-card{border:none;border-radius:14px;overflow:hidden;box-shadow:0 4px 15px rgba(0,0,0,0.04);transition:all 0.3s ease}.guide-card:hover{box-shadow:0 10px 25px rgba(0,0,0,0.08)}.faq-item{border:1px solid var(--border);border-radius:8px;background-color:var(--card-bg);margin-bottom:0.75rem}.faq-button{width:100%;text-align:left;padding:1.25rem;background:none;border:none;font-weight:600;color:var(--primary);display:flex;justify-content:space-between;align-items:center}.scrollable-table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.badge-live{background-color:var(--accent-red);color:#fff;animation:pulse 1.5s infinite}.badge-upcoming{background-color:var(--accent);color:#fff}.badge-ended{background-color:var(--text-muted);color:#fff}@keyframes pulse{0%{opacity:1}50%{opacity:0.6}100%{opacity:1}}