.error-page-container{display:flex;align-items:center;justify-content:center;flex:1;padding:2rem}.error-page-card{max-width:600px;width:100%;background:#1e293bcc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:1.5rem;border:2px solid rgba(51,65,85,.5);padding:3rem;box-shadow:0 10px 40px -10px #0006}.error-page-header{text-align:center;margin-bottom:2rem}.error-page-icon{font-size:4rem;margin-bottom:1rem}.error-page-title{font-size:2rem;font-weight:700;color:#f8fafc;margin-bottom:.5rem}.error-page-description{font-size:1rem;color:#cbd5e1}.error-page-button{width:100%}.loader{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;height:100%;min-height:60px}.loader.loader-small{font-size:12px}.loader.loader-small .spinner{width:16px;height:16px;border-width:2px}.loader.loader-small .dot{width:4px;height:4px}.loader.loader-medium{font-size:14px}.loader.loader-medium .spinner{width:24px;height:24px;border-width:3px}.loader.loader-medium .dot{width:6px;height:6px}.loader.loader-large{font-size:16px}.loader.loader-large .spinner{width:32px;height:32px;border-width:4px}.loader.loader-large .dot{width:8px;height:8px}.loader.loader-text{color:var(--color-text-secondary, #888)}.loader.loader-spinner .spinner{border:3px solid rgba(255,255,255,.1);border-top-color:var(--color-primary, #007bff);border-radius:50%;animation:spin .8s linear infinite}.loader.loader-spinner .loader-text-label{color:var(--color-text-secondary, #888)}.loader.loader-dots{gap:4px}.loader.loader-dots .dot{border-radius:50%;background-color:var(--color-primary, #007bff);animation:pulse 1.4s ease-in-out infinite}.loader.loader-dots .dot:nth-child(1){animation-delay:0s}.loader.loader-dots .dot:nth-child(2){animation-delay:.2s}.loader.loader-dots .dot:nth-child(3){animation-delay:.4s}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,80%,to{opacity:.3;transform:scale(1)}40%{opacity:1;transform:scale(1.2)}}body{background-color:#0f172a;color:#e2e8f0;margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;line-height:1.5}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#1e293b;border-radius:4px}::-webkit-scrollbar-thumb{background:#475569;border-radius:4px;border:2px solid #1e293b}::-webkit-scrollbar-thumb:hover{background:#3b82f6}::-webkit-scrollbar-corner{background:#1e293b}.dashboard{display:flex;flex-direction:column;height:100vh;overflow:hidden}.dashboard-header{background:linear-gradient(135deg,#1e293b,#0f172a);padding:.25rem .5rem;border-bottom:2px solid #3b82f6;display:flex;flex-direction:column;flex-shrink:0}.main-content{display:flex;flex:1;overflow:hidden}.left-column{width:300px;display:flex;flex-direction:column;background-color:#0f172acc;border-right:1px solid #334155}.car-list-container,.car-details-container,.recordings-list,.race-control-messages-container,.debug-modal-content,.timeline-track-scroll-container{scrollbar-width:thin;scrollbar-color:#475569 #0f172a;overflow-y:auto}.timeline-track-scroll-container{scrollbar-width:initial}.debug-modal-content::-webkit-scrollbar,.settings-modal-content::-webkit-scrollbar{width:10px;height:10px}