.app-layout{grid-template-columns:var(--sidebar-width) 1fr;height:100vh;display:grid;overflow:hidden}.sidebar{background-color:var(--bg-secondary);border-right:1px solid var(--border-color);flex-direction:column;padding:1.5rem;display:flex;overflow:hidden}.sidebar-header{margin-bottom:2rem}.logo{color:var(--accent-primary);align-items:center;gap:.75rem;margin-bottom:.5rem;font-size:1.25rem;font-weight:800;display:flex}.sidebar-controls{flex-direction:column;gap:.75rem;margin-bottom:2rem;display:flex}.btn{border:none;border-radius:.5rem;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.875rem;font-weight:600;display:flex}.btn-primary{background-color:var(--accent-primary);color:#fff}.btn-primary:hover:not(:disabled){background-color:var(--accent-hover)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-outline{border:1px solid var(--border-color);color:var(--text-secondary);background-color:#0000}.btn-outline:hover{background-color:var(--bg-tertiary);border-color:var(--border-hover)}.match-history{flex-direction:column;flex:1;display:flex;overflow:hidden}.history-title{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);justify-content:space-between;align-items:center;margin-bottom:1rem;font-size:.75rem;display:flex}.ticker-container{flex:1;padding-right:.5rem;overflow-y:auto}.ticker-container::-webkit-scrollbar{width:4px}.ticker-container::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:2px}.match-card{background-color:var(--bg-tertiary);border:1px solid #0000;border-radius:.5rem;margin-bottom:.75rem;padding:.75rem;transition:border-color .2s}.match-card:hover{border-color:var(--border-hover)}.match-card-header{color:var(--text-muted);justify-content:space-between;margin-bottom:.4rem;font-size:.7rem;font-weight:600;display:flex}.match-teams{margin-bottom:.25rem;font-size:.85rem;font-weight:700}.match-result{color:var(--accent-primary);font-size:.75rem;font-weight:700}.main-content{background-color:var(--bg-primary);flex-direction:column;flex:1;gap:2rem;padding:2rem;display:flex;overflow-y:auto}.stage-badge{background-color:var(--bg-tertiary);color:var(--text-secondary);text-transform:uppercase;border-radius:9999px;padding:.25rem .75rem;font-size:.75rem;font-weight:700;display:inline-flex}.hero{max-width:600px}.hero h2{margin-bottom:1rem;font-size:2.5rem;line-height:1.1}.hero p{color:var(--text-secondary);font-size:1.125rem}.winner-banner{background:linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));color:#fff;text-align:center;box-shadow:var(--shadow-lg);border-radius:1.5rem;flex-direction:column;align-items:center;gap:1rem;padding:3rem;display:flex}.winner-banner .trophy-icon{color:var(--gold)}.winner-label{text-transform:uppercase;letter-spacing:.2em;opacity:.9;font-size:.875rem;font-weight:700}.winner-name{font-size:4rem;font-weight:900;line-height:1}.section-title{align-items:center;gap:.75rem;margin-bottom:1.5rem;font-size:1.5rem;display:flex}.groups-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;display:grid}.group-container{background-color:var(--bg-secondary);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);border-radius:.75rem;padding:1rem}.group-header{border-bottom:1px solid var(--border-color);color:var(--text-secondary);margin-bottom:.75rem;padding-bottom:.5rem;font-size:1rem}.table-head{color:var(--text-muted);text-transform:uppercase;font-size:.75rem;font-weight:700}.table-head th{text-align:left;padding:.5rem}.table-row td{padding:.5rem;font-size:.875rem}.table-row.advancing{color:#166534;background-color:#f0fdf4;font-weight:600}[data-theme=dark] .table-row.advancing{color:#6ee7b7;background-color:#064e3b}.bracket-wrapper{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:1rem;padding:2rem;overflow-x:auto}.knockout-container svg{margin:0 auto;display:block}.bracket-node-rect{fill:var(--bg-tertiary);stroke:var(--border-color);stroke-width:1px}.bracket-node-text{fill:var(--text-primary);font-size:10px;font-weight:600}.bracket-link{fill:none;stroke:var(--border-color);stroke-width:1.5px}.stage-label{fill:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:12px;font-weight:700}.bracket-node-rect.winner{fill:#dcfce7;stroke:#22c55e}.bracket-node-rect.loser{fill:var(--bg-primary);stroke:var(--border-color);opacity:.6}.bracket-node-rect.champion-small{fill:#fef9c3;stroke:var(--gold)}.bracket-node-text.advanced{fill:#166534;font-weight:800}[data-theme=dark] .bracket-node-rect.winner{fill:#064e3b;stroke:#10b981}[data-theme=dark] .bracket-node-text.advanced{fill:#6ee7b7}.bracket-node-rect-winner{fill:var(--accent-primary);stroke:var(--gold);stroke-width:2px}.bracket-node-text-winner{fill:#fff;font-size:16px;font-weight:800}.analytics-container{flex-direction:column;gap:2rem;display:flex}.analytics-header{color:var(--text-primary);align-items:center;gap:1rem;display:flex}.analytics-header h2{font-size:1.75rem;font-weight:800}.analytics-grid{grid-template-columns:1fr;gap:2rem;display:grid}@media (width>=1200px){.analytics-grid{grid-template-columns:1fr 1fr}}.chart-card{background-color:var(--bg-secondary);border:1px solid var(--border-color);box-shadow:var(--shadow-md);border-radius:1rem;flex-direction:column;gap:1.5rem;padding:1.5rem;display:flex}.chart-header{color:var(--text-secondary);align-items:center;gap:.75rem;font-size:1.125rem;font-weight:700;display:flex}.svg-container{width:100%;overflow-x:auto}.svg-container svg{width:100%;height:auto}.analytics-footer{color:var(--text-muted);border-top:1px solid var(--border-color);padding-top:1rem;font-size:.875rem;font-style:italic}.sidebar-nav{flex-direction:column;gap:.5rem;margin-bottom:2rem;display:flex}.nav-item{color:var(--text-secondary);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:.5rem;align-items:center;gap:.75rem;padding:.75rem 1rem;font-size:.875rem;font-weight:600;transition:all .2s;display:flex}.nav-item:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.nav-item.active{background-color:var(--accent-primary);color:#fff}:root{--bg-primary:#f8fafc;--bg-secondary:#fff;--bg-tertiary:#f1f5f9;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--accent-primary:#2563eb;--accent-secondary:#3b82f6;--accent-hover:#1d4ed8;--border-color:#e2e8f0;--border-hover:#cbd5e1;--success:#10b981;--warning:#f59e0b;--error:#ef4444;--gold:#fbbf24;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--font-sans:"Inter", system-ui, -apple-system, sans-serif;--sidebar-width:320px}[data-theme=dark]{--bg-primary:#0f172a;--bg-secondary:#1e293b;--bg-tertiary:#334155;--text-primary:#f8fafc;--text-secondary:#cbd5e1;--text-muted:#64748b;--accent-primary:#3b82f6;--accent-secondary:#60a5fa;--accent-hover:#2563eb;--border-color:#334155;--border-hover:#475569;--shadow-sm:0 1px 2px 0 #0000004d;--shadow-md:0 4px 6px -1px #00000080, 0 2px 4px -2px #00000080;--shadow-lg:0 10px 15px -3px #00000080, 0 4px 6px -4px #00000080}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}button{cursor:pointer;font-family:inherit;transition:all .2s}table{border-collapse:collapse;width:100%}h1,h2,h3,h4{letter-spacing:-.025em;font-weight:700}