*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--color-bg:#0f1117;--color-bg-surface:#1a1d27;--color-bg-surface2:#13151f;--color-bg-elevated:#242736;--color-border:#2e3244;--color-border-subtle:#1e2133;--color-text-primary:#f0f2f8;--color-text-secondary:#8b93b0;--color-text-muted:#555e7d;--color-accent:#4f7ef8;--color-accent-hover:#3a6af0;--color-success:#3ecf8e;--color-warning:#f7b733;--color-danger:#f75757;--color-purple:#7c4dff;--color-bg-surface-hero:#13151f;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--space-12:3rem;--space-16:4rem;--font-sans:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-mono:"JetBrains Mono","Fira Code",ui-monospace,monospace;--radius-sm:0.25rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--shadow-card:0 2px 8px rgba(0,0,0,0.4);--shadow-elevated:0 4px 20px rgba(0,0,0,0.6);--max-width-content:1200px;--header-height:64px}:root,:root[data-theme=dark]{--bg-primary:#0a0a0a;--bg-secondary:#141414;--bg-card:#1a1a1a;--text-primary:#f5f5f5;--text-secondary:#a0a0a0;--border-color:#2a2a2a;--accent:#3b82f6;--accent-hover:#2563eb;--success:#22c55e;--warning:#f59e0b;--danger:#ef4444}:root[data-theme=light]{--bg-primary:#ffffff;--bg-secondary:#f5f5f5;--bg-card:#ffffff;--text-primary:#0a0a0a;--text-secondary:#6b7280;--border-color:#e5e7eb;--accent:#2563eb;--accent-hover:#1d4ed8;--success:#16a34a;--warning:#d97706;--danger:#dc2626;--color-bg:#f4f5fb;--color-bg-surface:#ffffff;--color-bg-surface2:#eaecf7;--color-bg-elevated:#e4e6f2;--color-border:#d0d4e8;--color-border-subtle:#d0d4e8;--color-text-primary:#1a1d27;--color-text-secondary:#555e7d;--color-text-muted:#8b93b0;--color-accent:#4f7ef8;--color-accent-hover:#3a6af0;--color-success:#16a34a;--color-warning:#c97d00;--color-danger:#e03535;--color-purple:#6d28d9;--shadow-card:0 2px 8px rgba(0,0,0,0.08);--shadow-elevated:0 4px 20px rgba(0,0,0,0.12)}html{font-size:16px;-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{font-family:var(--font-sans);background-color:var(--color-bg);line-height:1.6;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .2s,color .2s}body,h1,h2,h3,h4,h5,h6{color:var(--color-text-primary)}h1,h2,h3,h4,h5,h6{line-height:1.25;font-weight:600}a{color:var(--color-accent);text-decoration:none}a:hover{text-decoration:underline;color:var(--color-accent-hover)}button,input,select,textarea{font:inherit}button{cursor:pointer}.container{width:100%;max-width:var(--max-width-content);margin:0 auto;padding:0 var(--space-4)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}@keyframes spin{to{transform:rotate(1turn)}}.spinner{display:inline-block;width:1.25rem;height:1.25rem;border:2px solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;animation:spin .6s linear infinite}.dashboard-body{display:flex;flex-direction:column;gap:1rem;padding-top:1.5rem;padding-bottom:4rem}.dashboard-layout{display:block}.dashboard-sidebar{display:none}.stats-bar{gap:1rem;padding:.75rem 1rem;background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:12px}.stats-bar,.stats-bar-numbers{display:flex;flex-wrap:wrap;align-items:center}.stats-bar-numbers{gap:1.5rem;flex:1 1;min-width:0}.stats-bar-filters{display:flex;gap:.4rem;flex-wrap:wrap;align-items:center}.time-block{display:flex;flex-direction:column;gap:.5rem}.time-stamp{display:flex;align-items:center;gap:.4rem}.time-stamp .hour{font-size:.85rem;font-weight:700;color:var(--color-accent)}.time-stamp .tz{font-size:.65rem;color:var(--color-text-muted)}.cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(300px,100%),1fr));grid-gap:.75rem;gap:.75rem}.header-dash-link,.header-email{display:none}.comp-hamburger{display:flex;align-items:center;gap:.4rem;padding:.4rem .75rem;background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text-secondary);font-size:.82rem;cursor:pointer;white-space:nowrap;flex-shrink:0;transition:background .15s,color .15s}.comp-hamburger:hover{background:var(--color-bg-surface);color:var(--color-accent);border-color:var(--color-accent)}.comp-drawer-overlay{position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:200;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.comp-drawer{position:fixed;left:0;top:0;bottom:0;width:min(280px,85vw);background:var(--color-bg-surface);border-right:1px solid var(--color-border);z-index:201;display:flex;flex-direction:column;transform:translateX(-100%);transition:transform .25s cubic-bezier(.4,0,.2,1);box-shadow:4px 0 24px rgba(0,0,0,.4)}.comp-drawer.open{transform:translateX(0)}.mundial-groups-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(180px,100%),1fr));grid-gap:.75rem;gap:.75rem}.mundial-group-card{background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:10px;overflow:hidden}.mundial-group-header{padding:.4rem .75rem;background:var(--color-accent)}.selecciones-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(260px,100%),1fr));grid-gap:.75rem;gap:.75rem}.seleccion-card{background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:10px;padding:.85rem 1rem;transition:border-color .15s}.seleccion-card:hover{border-color:var(--color-accent)}@media (min-width:640px){.stats-bar{flex-wrap:nowrap}.stats-bar-filters{margin-left:auto;flex-shrink:0}.time-block{flex-direction:row;align-items:flex-start;gap:1rem}.time-stamp{flex-direction:column;align-items:flex-end;gap:0;min-width:52px;padding-top:.75rem;flex-shrink:0}.cards-grid{flex:1 1}.header-dash-link,.header-email{display:inline}}@media (min-width:1024px){.dashboard-layout{display:grid;grid-template-columns:220px 1fr;grid-gap:1.5rem;gap:1.5rem;align-items:start}.dashboard-sidebar{display:flex;flex-direction:column;position:-webkit-sticky;position:sticky;top:calc(var(--header-height) + 1.5rem);max-height:calc(100vh - var(--header-height) - 3rem);overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--color-border) transparent;padding-bottom:1rem}.comp-hamburger{display:none}.comp-drawer,.comp-drawer-overlay{display:none!important}}@media (min-width:1280px){.dashboard-layout{grid-template-columns:240px 1fr;gap:2rem}}.match-score{font-size:1.4rem;font-weight:700;display:flex;gap:.25rem;align-items:center;color:var(--color-text-primary)}.score-separator{color:var(--color-fg-muted,#888);margin:0 .1rem}.status-badge{font-size:.7rem;font-weight:600;letter-spacing:.05em;padding:.15rem .5rem;border-radius:4px;text-transform:uppercase}.status-badge.status-ns{background:rgba(255,255,255,.08);color:var(--color-fg-muted,#888)}.status-badge.status-1h,.status-badge.status-2h{background:rgba(22,163,74,.15);color:#16a34a}.status-badge.status-ht{background:rgba(245,158,11,.15);color:#f59e0b}.status-badge.status-et,.status-badge.status-p{background:rgba(99,102,241,.15);color:#818cf8}.status-badge.status-ft{background:rgba(255,255,255,.08);color:var(--color-fg-muted,#888)}.status-badge.status-canc,.status-badge.status-pst{background:rgba(239,68,68,.15);color:#ef4444}.syncing-banner{padding:.5rem 1rem;background:rgba(255,255,255,.05);color:var(--color-fg-muted,#888);border-radius:6px;font-size:.85rem;text-align:center;margin-bottom:1rem;border:1px solid rgba(255,255,255,.08)}.live-dot{width:8px;height:8px;border-radius:50%;background:#16a34a;flex-shrink:0;animation:live-pulse 1.8s ease-in-out infinite}@keyframes live-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.75)}}.lnav-desktop{display:none}.lnav-mobile{display:flex}@media (min-width:1024px){.lnav-desktop{display:flex}.lnav-mobile{display:none}}