:root{--color-bg: #0F0F0F;--color-bg-secondary: #1A1A2E;--color-card: #1A1A2E;--color-card-hover: #252540;--color-accent: #E10600;--color-accent-hover: #B00500;--color-text-primary: #FFFFFF;--color-text-secondary: #B0B0B0;--color-text-muted: #707070;--color-border: #2A2A3E;--color-border-light: #3A3A4E;--color-success: #00D26A;--color-warning: #FF9500;--color-error: #FF3B30;--color-info: #0A84FF;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--font-xs: .75rem;--font-sm: .875rem;--font-base: 1rem;--font-lg: 1.125rem;--font-xl: 1.25rem;--font-2xl: 1.5rem;--font-3xl: 1.875rem;--font-4xl: 2.25rem;--font-5xl: 3rem;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--font-extrabold: 800;--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070;--team-red-bull: #1E41FF;--team-red-bull-secondary: #FFD700;--team-ferrari: #DC0000;--team-ferrari-secondary: #FFF200;--team-mclaren: #FF8700;--team-mclaren-secondary: #C0C0C0;--team-mercedes: #00D2BE;--team-mercedes-secondary: #000000;--team-renault: #FFF500;--team-renault-secondary: #000000;--team-williams: #0082FA;--team-williams-secondary: #FFFFFF;--team-force-india: #FF80C7;--team-force-india-secondary: #000000;--team-sauber: #006EFF;--team-sauber-secondary: #FFFFFF;--team-toro-rosso: #0033CC;--team-toro-rosso-secondary: #DC0000;--team-lotus: #00622B;--team-lotus-secondary: #FFD700;--team-virgin: #C80000;--team-virgin-secondary: #FFFFFF;--team-hispania: #E2001A;--team-hispania-secondary: #FFFFFF;--day-race: var(--color-accent);--day-qualifying: var(--color-warning);--day-practice: #FFD60A;--day-testing: var(--color-info);--day-off: var(--color-text-muted);--day-announcement: #BF5AF2}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;background-color:var(--color-bg);color:var(--color-text-primary);line-height:1.6;min-height:100vh}#root{min-height:100vh;display:flex;flex-direction:column}h1,h2,h3,h4,h5,h6{font-weight:var(--font-bold);line-height:1.2;margin-bottom:var(--spacing-md)}h1{font-size:var(--font-4xl);font-weight:var(--font-extrabold)}h2{font-size:var(--font-3xl)}h3{font-size:var(--font-2xl)}h4{font-size:var(--font-xl)}h5{font-size:var(--font-lg)}h6{font-size:var(--font-base)}p{margin-bottom:var(--spacing-md)}a{color:var(--color-accent);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-accent-hover)}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:var(--color-bg-secondary)}::-webkit-scrollbar-thumb{background:var(--color-border-light);border-radius:var(--radius-md)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}::selection{background-color:var(--color-accent);color:var(--color-text-primary)}.container{max-width:1280px;margin:0 auto;padding:0 var(--spacing-lg)}.container-wide{max-width:1600px;margin:0 auto;padding:0 var(--spacing-lg)}.card{background-color:var(--color-card);border-radius:var(--radius-lg);padding:var(--spacing-lg);border:1px solid var(--color-border);transition:all var(--transition-base)}.card:hover{background-color:var(--color-card-hover);border-color:var(--color-border-light)}.card-clickable{cursor:pointer}.card-clickable:hover{transform:translateY(-2px);box-shadow:0 8px 16px #e106001a}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--font-base);font-weight:var(--font-semibold);border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);text-decoration:none;background-color:transparent;color:var(--color-text-primary)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background-color:var(--color-accent);color:var(--color-text-primary)}.btn-primary:hover:not(:disabled){background-color:var(--color-accent-hover)}.btn-secondary{background-color:var(--color-card);border:1px solid var(--color-border)}.btn-secondary:hover:not(:disabled){background-color:var(--color-card-hover);border-color:var(--color-border-light)}.btn-ghost{background-color:transparent;color:var(--color-text-secondary)}.btn-ghost:hover:not(:disabled){color:var(--color-text-primary);background-color:#ffffff0d}.badge{display:inline-flex;align-items:center;padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-xs);font-weight:var(--font-semibold);border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.5px}.badge-accent{background-color:var(--color-accent);color:var(--color-text-primary)}.badge-success{background-color:var(--color-success);color:var(--color-text-primary)}.badge-warning{background-color:var(--color-warning);color:var(--color-bg)}.badge-info{background-color:var(--color-info);color:var(--color-text-primary)}.text-primary{color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}.text-muted{color:var(--color-text-muted)}.text-accent{color:var(--color-accent)}.text-center{text-align:center}.text-bold{font-weight:var(--font-bold)}.flex{display:flex}.flex-col{display:flex;flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-xs{gap:var(--spacing-xs)}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.gap-xl{gap:var(--spacing-xl)}.mt-xs{margin-top:var(--spacing-xs)}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mt-xl{margin-top:var(--spacing-xl)}.mb-xs{margin-bottom:var(--spacing-xs)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.mb-xl{margin-bottom:var(--spacing-xl)}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}table{width:100%;border-collapse:collapse;font-size:var(--font-sm)}thead{border-bottom:2px solid var(--color-border)}th{text-align:left;padding:var(--spacing-sm) var(--spacing-md);font-weight:var(--font-semibold);color:var(--color-text-secondary);text-transform:uppercase;font-size:var(--font-xs);letter-spacing:.5px}td{padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid var(--color-border)}tr:hover{background-color:#ffffff05}.skeleton{background:linear-gradient(90deg,var(--color-card) 0%,var(--color-card-hover) 50%,var(--color-card) 100%);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite;border-radius:var(--radius-md)}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}@media(max-width:768px){.container,.container-wide{padding:0 var(--spacing-md)}h1{font-size:var(--font-3xl)}h2{font-size:var(--font-2xl)}h3{font-size:var(--font-xl)}}