:root{--primary:#0a369d;--secondary:#d90429;--accent:#2b9348;--bg-light:#f7f9fc;--bg-dark:#0b132b;--card-bg:#ffffff;--text-dark:#1c2541;--text-muted:#5c677d;--text-light:#f4f5f6;--border-color:#e2e8f0}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;background-color:var(--bg-light);color:var(--text-dark);overflow-x:hidden}@media (min-width:992px){.app-layout{display:flex}.app-sidebar{width:280px;position:fixed;top:0;bottom:0;left:0;z-index:1030;background-color:var(--bg-dark);color:var(--text-light);padding:2rem 1.5rem;display:flex;flex-direction:column;justify-content:space-between;border-right:1px solid rgba(255,255,255,0.1)}.app-content{margin-left:280px;width:calc(100% - 280px);padding:2.5rem}}@media (max-width:991.98px){.app-layout{display:block}.app-sidebar{width:100%;position:relative;background-color:var(--bg-dark);color:var(--text-light);padding:1rem}.app-content{width:100%;padding:1.25rem}}.custom-card{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,0.03);transition:transform 0.2s ease,box-shadow 0.2s ease;overflow:hidden}.custom-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px rgba(0,0,0,0.06)}.sidebar-brand img{max-height:48px;object-fit:contain}.sidebar-menu .nav-link{color:rgba(255,255,255,0.75);padding:0.75rem 1rem;border-radius:8px;margin-bottom:0.5rem;display:flex;align-items:center;font-weight:500;transition:all 0.2s}.sidebar-menu .nav-link:hover,.sidebar-menu .nav-link.active{color:#fff;background-color:var(--primary)}.sidebar-menu .nav-link i{margin-right:0.75rem;font-size:1.1rem}.hero-banner{background:linear-gradient(135deg,#0b132b 0%,#1c2541 100%);color:var(--text-light);border-radius:14px;padding:3rem;position:relative;overflow:hidden}.hero-banner::after{content:'';position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 80% 20%,rgba(43,147,72,0.2) 0%,transparent 60%);pointer-events:none}.hero-title{font-size:2.5rem;font-weight:800;letter-spacing:-0.5px;line-height:1.2}.hero-img{border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,0.3);max-height:320px;object-fit:cover;width:100%}.score-badge{font-size:0.8rem;padding:0.25rem 0.6rem;border-radius:4px;font-weight:600}.badge-live{background-color:var(--secondary);color:white}.badge-upcoming{background-color:var(--primary);color:white}.badge-finished{background-color:var(--text-muted);color:white}.group-table th{background-color:#f1f5f9;font-weight:600}.group-table td{vertical-align:middle}.team-flag{width:24px;height:16px;object-fit:cover;margin-right:0.5rem;border-radius:2px;box-shadow:0 1px 3px rgba(0,0,0,0.1)}.guide-image{width:100%;height:220px;object-fit:cover;border-radius:10px}.table-responsive-custom{overflow-x:auto;-webkit-overflow-scrolling:touch}.footer-box{background-color:var(--bg-dark);color:rgba(255,255,255,0.7);border-radius:14px;padding:2rem;margin-top:3rem}.footer-box a{color:rgba(255,255,255,0.9);text-decoration:none}.footer-box a:hover{color:var(--secondary)}