:root{--bg-main:#0f172a;--bg-card:#1e293b;--text-main:#f8fafc;--text-muted:#94a3b8;--border:#334155;--accent:#38bdf8;--accent-hover:#0284c7;--winner:#10b981;--loser:#ef4444}body{background-color:var(--bg-main);color:var(--text-main);margin:0;padding:0;font-family:system-ui,-apple-system,sans-serif}.container{max-width:1200px;margin:0 auto;padding:2rem}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;margin-bottom:1.5rem;padding:1.5rem}.header{text-align:center;margin-bottom:2rem}.header h1{color:var(--accent);margin:0 0 .5rem}.alert{border-left:4px solid var(--loser);color:#fca5a5;background:#ef44441a;margin-bottom:1rem;padding:1rem}.banner{border-left:4px solid var(--winner);background:#10b9811a;margin-bottom:1rem;padding:1rem}.grid-summary{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;display:grid}.stat-box{text-align:center;background:#0003;border-radius:6px;padding:1rem}.stat-value{color:var(--accent);font-size:1.5rem;font-weight:700}.stat-label{color:var(--text-muted);font-size:.875rem}table{border-collapse:collapse;width:100%;margin-top:1rem}th,td{text-align:left;border-bottom:1px solid var(--border);padding:.75rem}th{color:var(--text-muted);font-weight:600}.highlight-winner{background:#10b98133;font-weight:700}select{background:var(--bg-main);color:var(--text-main);border:1px solid var(--border);border-radius:4px;width:100%;max-width:300px;padding:.5rem 1rem;font-size:1rem}.quotients-table{white-space:nowrap;display:block;overflow-x:auto}.loader{text-align:center;color:var(--text-muted);padding:2rem}