@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";.mock-data-banner{position:absolute;inset:0;background-color:#dc354526;pointer-events:none;display:flex;align-items:center;justify-content:center;z-index:10;border:2px solid rgba(220,53,69,.4);border-radius:8px}.mock-data-text{font-size:3rem;font-weight:700;color:#dc354580;text-shadow:2px 2px 4px rgba(0,0,0,.3),-1px -1px 2px rgba(255,255,255,.2);transform:rotate(-15deg);-webkit-user-select:none;user-select:none;letter-spacing:.3em;padding:20px}@media(max-width:768px){.mock-data-text{font-size:2rem;letter-spacing:.2em}}.mock-data-container{position:relative}.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-6, 2rem);text-align:center}.loading-sm{padding:var(--space-3, .75rem)}.loading-md{padding:var(--space-6, 2rem)}.loading-lg{padding:var(--space-8, 3rem)}.loading-message{margin-top:var(--space-3, .75rem);color:var(--gray-600, #6b7280);font-size:.9375rem;font-weight:500}body.dark-mode .loading-message{color:var(--gray-400, #9ca3af)}.spinner{border:4px solid var(--gray-200, #e5e7eb);border-top-color:var(--primary, #2563eb);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto}.spinner-sm{width:30px;height:30px;border-width:3px}.spinner-md{width:50px;height:50px;border-width:4px}.spinner-lg{width:70px;height:70px;border-width:5px}body.dark-mode .spinner{border-color:var(--gray-700, #374151);border-top-color:var(--primary-light, #60a5fa)}.skeleton-content{padding:var(--space-3, .75rem) 0}.skeleton-row{height:24px;background:linear-gradient(90deg,var(--gray-200, #e5e7eb) 25%,var(--gray-100, #f3f4f6) 50%,var(--gray-200, #e5e7eb) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite;border-radius:var(--radius-sm, .25rem);margin-bottom:var(--space-3, .75rem)}.skeleton-row:last-child{margin-bottom:0}body.dark-mode .skeleton-row{background:linear-gradient(90deg,var(--gray-700, #374151) 25%,var(--gray-600, #4b5563) 50%,var(--gray-700, #374151) 75%);background-size:200% 100%}.loading-badge{padding:var(--space-2, .5rem) var(--space-4, 1rem);background:var(--gray-200, #e5e7eb);color:var(--gray-700, #374151);border-radius:var(--radius-md, .375rem);font-size:.875rem;font-weight:600;animation:loading-pulse 1.5s ease-in-out infinite;display:inline-block}body.dark-mode .loading-badge{background:var(--gray-700, #374151);color:var(--gray-300, #d1d5db)}.loading-badge-inline{margin-left:var(--space-2, .5rem);font-size:.7em;padding:2px 6px;background:var(--warning, #f59e0b);color:#fff;border-radius:var(--radius-sm, .25rem);font-weight:400;text-transform:uppercase;letter-spacing:.05em;animation:loading-pulse 1.5s ease-in-out infinite}body.dark-mode .loading-badge-inline{background:var(--warning-dark, #d97706)}.loading-card{opacity:.6;pointer-events:none;position:relative}body.dark-mode .loading-card{opacity:.5}.loading[aria-busy=true]{cursor:wait}@media(prefers-reduced-motion:reduce){.spinner,.skeleton-row,.loading-badge,.loading-badge-inline{animation:none}.spinner{border-top-color:var(--primary, #2563eb);opacity:.7}}.auth-container{min-height:calc(100vh - 120px);display:flex;align-items:center;justify-content:center;padding:2rem 1rem;background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%)}.auth-card{background:var(--bg-color);border-radius:12px;padding:2.5rem;max-width:450px;width:100%;box-shadow:0 10px 40px #0003}.auth-card h1{margin-top:0;margin-bottom:.5rem;color:var(--text-color);font-size:2rem;text-align:center}.auth-subtitle{text-align:center;color:var(--text-secondary);margin-bottom:2rem;font-size:.95rem}.auth-form{display:flex;flex-direction:column;gap:1.5rem}.form-group label{font-weight:500;color:var(--text-color);font-size:.9rem}.form-group input{padding:.75rem;border:1px solid var(--border-color);border-radius:6px;font-size:1rem;background:var(--bg-secondary);color:var(--text-color);transition:border-color .2s,box-shadow .2s}.form-group input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #007bff1a}.form-group input::placeholder{color:var(--text-secondary);opacity:.7}.error-message{background:#fee;border:1px solid #fcc;color:#c33;padding:.75rem;border-radius:6px;font-size:.9rem;margin-bottom:1rem}.btn{padding:.75rem 1.5rem;border:none;border-radius:6px;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .2s,transform .1s}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:var(--primary-color);color:#fff;margin-top:.5rem}.btn-primary:hover:not(:disabled){background:#0056b3}.auth-link{text-align:center;margin-top:1.5rem;color:var(--text-secondary);font-size:.9rem}.auth-link a{color:var(--primary-color);text-decoration:none;font-weight:500}.auth-link a:hover{text-decoration:underline}body.dark-mode .auth-container{background:linear-gradient(135deg,#1a1f3a,#2d1f3a)}body.dark-mode .form-group input{background:var(--bg-color);border-color:#444}body.dark-mode .form-group input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #007bff33}body.dark-mode .error-message{background:#4a2020;border-color:#6a3030;color:#ff6b6b}@media(max-width:768px){.auth-card{padding:2rem 1.5rem}.auth-card h1{font-size:1.75rem}}.modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{background:#fff;border-radius:12px;max-width:500px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;animation:modalSlideIn .2s ease-out}body.dark-mode .modal-content{background:#1e293b}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:2px solid #e2e8f0}body.dark-mode .modal-header{border-bottom-color:#334155}.modal-header h2{margin:0;color:#1e293b;font-size:1.5rem;font-weight:700}body.dark-mode .modal-header h2{color:#f1f5f9}.modal-close{background:none;border:none;font-size:2rem;color:#64748b;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s,color .2s}body.dark-mode .modal-close{color:#94a3b8}.modal-close:hover{background:#f1f5f9;color:#1e293b}body.dark-mode .modal-close:hover{background:#334155;color:#f1f5f9}.modal-form{padding:1.5rem}.modal-form .form-group{margin-bottom:1.5rem}.modal-form .form-group:last-of-type{margin-bottom:0}.modal-form label{display:block;margin-bottom:.5rem;color:#1e293b;font-weight:600;font-size:.95rem}body.dark-mode .modal-form label{color:#f1f5f9}.modal-form input,.modal-form textarea{width:100%;padding:.75rem;border:2px solid #e2e8f0;border-radius:8px;font-size:1rem;background:#f8fafc;color:#1e293b;font-family:inherit;transition:border-color .2s,box-shadow .2s}body.dark-mode .modal-form input,body.dark-mode .modal-form textarea{background:#0f172a;color:#f1f5f9;border-color:#334155}.modal-form input:focus,.modal-form textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.modal-form textarea{resize:vertical;min-height:80px}.modal-form small{display:block;margin-top:.25rem;color:#64748b;font-size:.85rem}body.dark-mode .modal-form small{color:#94a3b8}.modal-actions{display:flex;gap:1rem;margin-top:2rem;padding-top:1.5rem;border-top:2px solid #e2e8f0}body.dark-mode .modal-actions{border-top-color:#334155}.modal-actions .btn{flex:1}.info-message{background:#e3f2fd;border:1px solid #2196f3;color:#1976d2;padding:.75rem;border-radius:6px;margin-bottom:1rem;font-size:.9rem}body.dark-mode .info-message{background:#1a2a3a;border-color:#2196f3;color:#64b5f6}@media(max-width:768px){.modal-content{margin:1rem;max-height:calc(100vh - 2rem)}.modal-actions{flex-direction:column}}.garage-container{padding:2rem 1rem;max-width:1400px;margin:0 auto;background:#f8fafc;min-height:100vh}body.dark-mode .garage-container{background:#0f172a}.garage-header{background:#fff;border-radius:16px;padding:2rem;margin-bottom:2rem;box-shadow:0 4px 6px #00000012}body.dark-mode .garage-header{background:#1e293b}.garage-header h1{margin:0 0 .5rem;color:#1e293b;font-size:2rem;font-weight:700}body.dark-mode .garage-header h1{color:#f1f5f9}.welcome-text{color:#64748b;margin:0;font-size:1rem}body.dark-mode .welcome-text{color:#94a3b8}.add-vehicle-btn{background:#667eea;color:#fff;border:none;padding:.875rem 2rem;border-radius:10px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 4px #0000001a}.add-vehicle-btn:hover{background:#5568d3;transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.25rem;margin-bottom:2.5rem}.stat-card{background:#fff;border-radius:16px;padding:1.75rem;text-align:center;border:1px solid #e2e8f0;transition:all .3s ease;box-shadow:0 2px 4px #0000000d}body.dark-mode .stat-card{background:#1e293b;border-color:#334155}.stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px #0000001a}.stat-card.warning{border-color:#f59e0b;background:#fffbeb}body.dark-mode .stat-card.warning{background:#1e293b;border-color:#f59e0b}.stat-card.danger{border-color:#ef4444;background:#fef2f2}body.dark-mode .stat-card.danger{background:#1e293b;border-color:#ef4444}.stat-value{font-size:3rem;font-weight:800;color:#151824;margin-bottom:.5rem;line-height:1.2}.stat-card.warning .stat-value{color:#f59e0b}.stat-card.danger .stat-value{color:#ef4444}.stat-label{color:#10161f;font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}body.dark-mode .stat-label{color:#94a3b8}.reminders-section{margin-bottom:3rem}.reminders-section h2{margin-bottom:1rem;color:#1e293b;font-size:1.5rem;font-weight:700}body.dark-mode .reminders-section h2{color:#f1f5f9}.reminders-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1rem}.reminder-card{display:flex;align-items:center;gap:1.25rem;background:#fff;border:2px solid #fbbf24;border-left:6px solid #f59e0b;border-radius:12px;padding:1.25rem;box-shadow:0 2px 8px #f59e0b26;transition:all .3s ease}.reminder-card:hover{transform:translate(4px);box-shadow:0 4px 12px #f59e0b40}body.dark-mode .reminder-card{background:#1e293b;border-color:#f59e0b}.reminder-icon{font-size:2.5rem;flex-shrink:0}.reminder-content{display:flex;flex-direction:column;gap:.25rem}.reminder-content strong{color:#1e293b;font-size:1.125rem;font-weight:700}body.dark-mode .reminder-content strong{color:#f1f5f9}.reminder-content span{color:#64748b;font-size:.875rem}body.dark-mode .reminder-content span{color:#94a3b8}.days-remaining{color:#f59e0b!important;font-weight:700}.vehicles-section h2{margin-bottom:1.5rem;color:#1e293b;font-size:1.5rem;font-weight:700}body.dark-mode .vehicles-section h2{color:#f1f5f9}.vehicles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:1.5rem}.vehicle-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:0;overflow:hidden;transition:all .3s ease;box-shadow:0 2px 8px #0000000f}body.dark-mode .vehicle-card{background:#1e293b;border-color:#334155}.vehicle-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #0000001f}.vehicle-card.removing{opacity:.6;pointer-events:none;transform:scale(.98)}.vehicle-header{background:#667eea;padding:1.5rem;color:#fff;display:flex;justify-content:space-between;align-items:center;border-bottom:none}.vehicle-header h3{margin:0;font-size:1.75rem;font-weight:800;letter-spacing:.5px}.nickname{background:#ffffff40;color:#fff;padding:.35rem 1rem;border-radius:20px;font-size:.8rem;font-weight:600;border:1px solid rgba(255,255,255,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.vehicle-details{padding:1.5rem}.vehicle-details p{margin:.75rem 0;color:#64748b;font-size:.95rem;display:flex;align-items:center}body.dark-mode .vehicle-details p{color:#94a3b8}.vehicle-details strong{color:#1e293b;margin-right:.75rem;font-weight:600;min-width:80px}body.dark-mode .vehicle-details strong{color:#f1f5f9}.status-section{padding:1rem 1.5rem;background:#f8fafc;border-top:1px solid #e2e8f0}body.dark-mode .status-section{background:#0f172a;border-top-color:#334155}.status-row{display:flex;justify-content:space-between;align-items:center;padding:.875rem 1rem;margin:.5rem 0;border-radius:10px;background:#fff;border-left:4px solid #e2e8f0;box-shadow:0 1px 3px #0000000d;transition:all .2s ease}body.dark-mode .status-row{background:#1e293b;border-left-color:#334155}.status-row:hover{transform:translate(4px)}.status-row.ok{border-left-color:#10b981;background:#f0fdf4}body.dark-mode .status-row.ok{background:#10b9811a}.status-row.warning{border-left-color:#f59e0b;background:#fffbeb}body.dark-mode .status-row.warning{background:#f59e0b1a}.status-row.overdue{border-left-color:#ef4444;background:#fef2f2}body.dark-mode .status-row.overdue{background:#ef44441a}.status-row strong{color:#1e293b;font-weight:600}body.dark-mode .status-row strong{color:#f1f5f9}.status-row span{color:#64748b;font-weight:500}body.dark-mode .status-row span{color:#94a3b8}.status-row.warning span,.status-row.overdue span{font-weight:700}.notes{background:#fef3c7;padding:1rem;border-radius:10px;margin:1rem 1.5rem;font-size:.9rem;font-style:italic;color:#92400e;border-left:4px solid #f59e0b}body.dark-mode .notes{background:#f59e0b1a;color:#fbbf24;border-left-color:#f59e0b}.vehicle-actions{display:flex;gap:.75rem;padding:1.25rem 1.5rem;border-top:1px solid #e2e8f0;background:#f8fafc}body.dark-mode .vehicle-actions{background:#0f172a;border-top-color:#334155}.btn-secondary{background:#fff;border:2px solid #e2e8f0;color:#475569;flex:1;padding:.75rem 1rem;border-radius:10px;font-weight:600;cursor:pointer;transition:all .3s ease}body.dark-mode .btn-secondary{background:#1e293b;border-color:#334155;color:#cbd5e1}.btn-secondary:hover{background:#667eea;border-color:#667eea;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.btn-danger-outline{background:#fff;border:2px solid #ef4444;color:#ef4444;padding:.75rem 1.25rem;border-radius:10px;cursor:pointer;font-size:.9rem;font-weight:600;transition:all .3s ease}body.dark-mode .btn-danger-outline{background:#1e293b}.btn-danger-outline:hover{background:#ef4444;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #ef44444d}.btn-danger-outline:disabled{opacity:.6;cursor:not-allowed;background:#fca5a5;border-color:#fca5a5;color:#fff}body.dark-mode .btn-danger-outline:disabled{background:#7f1d1d;border-color:#7f1d1d}.empty-state{text-align:center;padding:4rem 2rem;background:#fff;border-radius:16px;border:2px dashed #cbd5e1;box-shadow:0 2px 8px #0000000d}body.dark-mode .empty-state{background:#1e293b;border-color:#334155}.empty-state-icon{font-size:4rem;margin-bottom:1rem;opacity:.5}.empty-state p{color:#64748b;margin-bottom:2rem;font-size:1.1rem}body.dark-mode .empty-state p{color:#94a3b8}.error-banner{background:#fee2e2;border:2px solid #ef4444;border-left:6px solid #dc2626;color:#991b1b;padding:1.25rem 1.5rem;border-radius:12px;margin-bottom:1.5rem;font-weight:600;box-shadow:0 2px 4px #0000001a}body.dark-mode .error-banner{background:#ef444426;color:#fca5a5;border-color:#ef4444}.loading{text-align:center;padding:4rem;color:#64748b;font-size:1.1rem}body.dark-mode .loading{color:#94a3b8}@media(max-width:768px){.garage-container{padding:1rem .75rem}.garage-header{padding:1.5rem}.stats-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.stat-card{padding:1.25rem}.stat-value{font-size:2.5rem}.vehicles-grid,.reminders-grid{grid-template-columns:1fr}}@media(max-width:480px){.stats-grid{grid-template-columns:1fr}.vehicle-header h3{font-size:1.5rem}.vehicle-actions{flex-direction:column}.btn-secondary,.btn-danger-outline{width:100%}}.mot-analytics{padding:20px 0}.mot-analytics h3{margin-bottom:20px;color:#333;font-size:1.5rem}.mot-analytics h4{margin-bottom:15px;color:#555;font-size:1.1rem}.mot-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:30px}.mot-stat-card{background:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 4px #0000001a;display:flex;align-items:center;gap:15px;transition:transform .2s,box-shadow .2s}.mot-stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.mot-stat-card.primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.mot-stat-card.primary .mot-stat-detail{color:#ffffffe6}.mot-stat-icon{font-size:2.5rem;flex-shrink:0}.mot-stat-content{flex:1}.mot-stat-content h4{font-size:.9rem;margin:0 0 5px;opacity:.8;font-weight:600}.mot-stat-card.primary h4{color:#fffffff2}.mot-stat-value{font-size:2rem;font-weight:700;margin:5px 0;color:#333}.mot-stat-card.primary .mot-stat-value{color:#fff}.mot-stat-detail{font-size:.85rem;color:#666;margin:0}.mot-chart-section{background:#fff;border-radius:8px;padding:25px;margin-bottom:30px;box-shadow:0 2px 4px #0000001a}.mot-bar-chart{display:flex;gap:10px;margin:20px 0;min-height:250px}.chart-y-axis{display:flex;flex-direction:column;justify-content:space-between;padding-right:10px;border-right:2px solid #e0e0e0;min-width:40px}.y-label{font-size:.8rem;color:#666;text-align:right}.chart-bars{display:flex;flex:1;gap:4px;align-items:flex-end;padding:0 10px;overflow-x:auto;border-bottom:2px solid #e0e0e0}.chart-bar-container{display:flex;flex-direction:column;align-items:center;gap:5px;min-width:30px;flex:1}.chart-bar-stack{display:flex;flex-direction:column-reverse;width:100%;min-height:10px;border-radius:4px 4px 0 0;overflow:hidden;transition:transform .2s}.chart-bar-container:hover .chart-bar-stack{transform:scaleY(1.05)}.chart-bar{width:100%;transition:opacity .2s}.chart-bar.basic{background:linear-gradient(180deg,#4facfe,#00f2fe)}.chart-bar.premium{background:linear-gradient(180deg,#f093fb,#f5576c)}.chart-x-label{font-size:.7rem;color:#666;writing-mode:horizontal-tb;white-space:nowrap}.chart-bar-value{font-size:.75rem;font-weight:600;color:#333;margin-top:2px}.chart-legend{display:flex;gap:20px;justify-content:center;margin-top:20px;padding-top:15px;border-top:1px solid #e0e0e0}.legend-item{display:flex;align-items:center;gap:8px;font-size:.9rem;color:#555}.legend-color{width:20px;height:12px;border-radius:3px}.legend-color.basic{background:linear-gradient(90deg,#4facfe,#00f2fe)}.legend-color.premium{background:linear-gradient(90deg,#f093fb,#f5576c)}.mot-table-section{background:#fff;border-radius:8px;padding:25px;box-shadow:0 2px 4px #0000001a}.mot-top-table{width:100%;border-collapse:collapse;margin-top:15px}.mot-top-table thead{background:#f8f9fa}.mot-top-table th{padding:12px;text-align:left;font-weight:600;color:#555;border-bottom:2px solid #e0e0e0}.mot-top-table td{padding:12px;border-bottom:1px solid #f0f0f0;color:#333}.mot-top-table tbody tr:hover{background:#f8f9fa}.mot-top-table .registration{font-family:monospace;font-weight:600;color:#667eea;font-size:1.05rem}@media(max-width:768px){.mot-stats-grid{grid-template-columns:1fr}.chart-bars{padding:0 5px}.chart-bar-container{min-width:20px}.chart-x-label{font-size:.65rem}.mot-top-table{font-size:.9rem}.mot-top-table th,.mot-top-table td{padding:8px}}.admin-dashboard{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:2rem}.admin-header{text-align:center;color:#fff;margin-bottom:2rem}.admin-header h1{font-size:2.5rem;margin-bottom:.5rem;font-weight:700}.admin-subtitle{font-size:1.1rem;opacity:.9}.admin-tabs{display:flex;gap:1rem;justify-content:center;margin-bottom:2rem;flex-wrap:wrap}.admin-tab{background:#fff3;color:#fff;border:2px solid transparent;padding:.75rem 1.5rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.admin-tab:hover{background:#ffffff4d;transform:translateY(-2px)}.admin-tab.active{background:#fff;color:#667eea;border-color:#fff}.admin-content{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 10px 40px #0003;max-width:1400px;margin:0 auto}.loading-spinner{text-align:center;padding:3rem;font-size:1.2rem;color:#666}.error-banner{background:#fee2e2;border:1px solid #ef4444;color:#991b1b;padding:1rem;border-radius:8px;margin-bottom:1.5rem;display:flex;justify-content:space-between;align-items:center}.error-banner button{background:#ef4444;color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-weight:600}.stats-overview h2{font-size:2rem;margin-bottom:1.5rem;color:#1f2937}.stats-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.refresh-btn{background:#667eea;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.refresh-btn:hover{background:#5568d3;transform:translateY(-2px)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:1.5rem;border-radius:12px;display:flex;gap:1rem;box-shadow:0 4px 6px #0000001a;transition:transform .3s ease}.stat-card:hover{transform:translateY(-4px);box-shadow:0 6px 12px #00000026}.stat-icon{font-size:3rem;opacity:.9}.stat-content h3{font-size:.9rem;font-weight:600;opacity:.9;margin-bottom:.5rem}.stat-value{font-size:2rem;font-weight:700;margin-bottom:.25rem}.stat-detail{font-size:.85rem;opacity:.8}.stats-section{background:#f9fafb;padding:1.5rem;border-radius:8px;margin-bottom:1.5rem}.stats-section h3{font-size:1.5rem;margin-bottom:1rem;color:#1f2937}.growth-stats{display:flex;gap:2rem;flex-wrap:wrap}.growth-item{flex:1;min-width:150px;text-align:center;padding:1rem;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a}.growth-label{display:block;font-size:.9rem;color:#6b7280;margin-bottom:.5rem}.growth-value{display:block;font-size:2rem;font-weight:700;color:#667eea}.activity-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.activity-item{background:#fff;padding:1.5rem;border-radius:8px;box-shadow:0 2px 4px #0000001a}.activity-item h4{font-size:1.1rem;margin-bottom:.5rem;color:#1f2937}.activity-count{font-size:1.5rem;font-weight:700;color:#667eea;margin-bottom:.25rem}.activity-detail{font-size:.9rem;color:#6b7280}.quick-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.quick-stat-item{display:flex;flex-direction:column;gap:.5rem;padding:1rem;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a}.quick-stat-label{font-size:.9rem;color:#6b7280}.quick-stat-value{font-size:1.5rem;font-weight:700;color:#667eea}.feature-flags-manager h2{font-size:2rem;margin-bottom:1.5rem;color:#1f2937}.feature-flags-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.create-btn{background:#10b981;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.create-btn:hover{background:#059669}.create-flag-form{background:#f9fafb;padding:1.5rem;border-radius:8px;margin-bottom:2rem}.create-flag-form h3{font-size:1.3rem;margin-bottom:1rem;color:#1f2937}.form-group{margin-bottom:1rem}.form-group label{display:block;font-weight:600;margin-bottom:.5rem;color:#374151}.form-group input,.form-group textarea{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:6px;font-size:1rem}.form-group textarea{resize:vertical}.checkbox-group label{display:flex;align-items:center;gap:.5rem}.checkbox-group input[type=checkbox]{width:auto}.submit-btn{background:#667eea;color:#fff;border:none;padding:.75rem 2rem;border-radius:8px;font-weight:600;cursor:pointer;font-size:1rem}.submit-btn:hover{background:#5568d3}.flags-table{width:100%;border-collapse:collapse}.flags-table thead{background:#f9fafb}.flags-table th{padding:1rem;text-align:left;font-weight:600;color:#374151;border-bottom:2px solid #e5e7eb}.flags-table td{padding:1rem;border-bottom:1px solid #e5e7eb}.flag-name{font-weight:600;color:#1f2937}.flag-key code{background:#f3f4f6;padding:.25rem .5rem;border-radius:4px;font-family:Courier New,monospace;font-size:.9rem}.flag-description{color:#6b7280;max-width:300px}.toggle-btn{padding:.5rem 1rem;border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:all .3s ease}.toggle-btn.enabled{background:#10b981;color:#fff}.toggle-btn.disabled{background:#ef4444;color:#fff}.toggle-btn:hover{opacity:.9;transform:scale(1.05)}.delete-btn{background:#ef4444;color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;font-weight:600;cursor:pointer;transition:all .3s ease}.delete-btn:hover{background:#dc2626}.no-data{text-align:center;color:#9ca3af;padding:2rem}.user-management h2{font-size:2rem;margin-bottom:.5rem;color:#1f2937}.user-management-header{margin-bottom:1.5rem}.user-stats{display:flex;gap:1.5rem;flex-wrap:wrap;margin-top:.5rem}.user-stat{font-size:.9rem;color:#6b7280}.user-stat strong{color:#667eea;font-size:1.1rem}.user-filters{display:flex;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.search-input{flex:1;min-width:250px;padding:.75rem;border:1px solid #d1d5db;border-radius:6px;font-size:1rem}.role-filter{padding:.75rem;border:1px solid #d1d5db;border-radius:6px;font-size:1rem;cursor:pointer}.users-table-container{overflow-x:auto}.users-table{width:100%;border-collapse:collapse}.users-table thead{background:#f9fafb}.users-table th{padding:1rem;text-align:left;font-weight:600;color:#374151;border-bottom:2px solid #e5e7eb}.users-table td{padding:1rem;border-bottom:1px solid #e5e7eb}.current-user{background:#fef3c7}.user-email{font-weight:600;color:#1f2937}.badge-you{display:inline-block;background:#667eea;color:#fff;font-size:.7rem;padding:.25rem .5rem;border-radius:4px;margin-left:.5rem;font-weight:700}.user-date{color:#6b7280;font-size:.9rem}.role-select{padding:.5rem;border:2px solid #d1d5db;border-radius:6px;font-weight:600;cursor:pointer}.role-select.role-admin{border-color:#ef4444;color:#ef4444}.role-select.role-moderator{border-color:#f59e0b;color:#f59e0b}.role-select.role-user{border-color:#10b981;color:#10b981}.user-actions{display:flex;gap:.5rem}.action-btn{padding:.5rem 1rem;border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:.9rem}.action-btn:disabled{opacity:.5;cursor:not-allowed}.user-management-info{margin-top:1.5rem;padding:1rem;background:#fef3c7;border-radius:8px;color:#92400e}.data-stats-view h2{font-size:2rem;margin-bottom:.5rem;color:#1f2937}.data-stats-subtitle{color:#6b7280;margin-bottom:2rem}.data-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2rem;margin-bottom:2rem}.data-stats-card{background:#f9fafb;padding:1.5rem;border-radius:8px}.data-stats-card h3{font-size:1.5rem;margin-bottom:1rem;color:#1f2937}.data-stat-highlight{display:flex;gap:1.5rem;margin-bottom:1.5rem;flex-wrap:wrap}.data-stat-item{flex:1;min-width:100px;text-align:center;padding:1rem;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a}.data-stat-label{display:block;font-size:.9rem;color:#6b7280;margin-bottom:.5rem}.data-stat-value{display:block;font-size:2rem;font-weight:700;color:#667eea}.data-breakdown h4{font-size:1.1rem;margin-bottom:1rem;color:#374151}.data-breakdown-list{display:flex;flex-direction:column;gap:.75rem}.data-breakdown-item{display:grid;grid-template-columns:120px 1fr 50px;align-items:center;gap:1rem}.breakdown-label{font-weight:600;color:#374151;text-transform:capitalize}.breakdown-bar-container{background:#e5e7eb;height:8px;border-radius:4px;overflow:hidden}.breakdown-bar{height:100%;background:#667eea;border-radius:4px;transition:width .3s ease}.breakdown-value{font-weight:700;color:#1f2937;text-align:right}.categories-grid{display:flex;flex-wrap:wrap;gap:.75rem}.category-tag{background:#fff;padding:.5rem 1rem;border-radius:6px;font-weight:600;color:#667eea;text-transform:capitalize;box-shadow:0 2px 4px #0000001a}.data-info-section{background:#f9fafb;padding:1.5rem;border-radius:8px}.data-info-section h3{font-size:1.5rem;margin-bottom:1rem;color:#1f2937}.data-info-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.data-info-item h4{font-size:1.1rem;margin-bottom:.5rem;color:#374151}.data-info-item p{color:#6b7280;line-height:1.6;margin-bottom:.5rem}.data-location{font-size:.9rem}.data-location code{background:#e5e7eb;padding:.25rem .5rem;border-radius:4px;font-family:Courier New,monospace}.system-health-view h2{font-size:2rem;margin-bottom:1.5rem;color:#1f2937}.system-health-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.health-status-card{display:flex;align-items:center;gap:1.5rem;padding:1.5rem;background:#f9fafb;border-radius:8px;border-left:4px solid;margin-bottom:2rem}.health-indicator{width:60px;height:60px;border-radius:50%;box-shadow:0 4px 6px #0000001a}.health-info h3{font-size:1.5rem;color:#1f2937;margin-bottom:.25rem}.health-info p{color:#6b7280}.health-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.health-card{background:#f9fafb;padding:1.5rem;border-radius:8px}.health-card h3{font-size:1.3rem;margin-bottom:1rem;color:#1f2937}.health-metric{display:flex;justify-content:space-between;margin-bottom:.75rem;padding-bottom:.75rem;border-bottom:1px solid #e5e7eb}.memory-bar{width:100%;height:12px;background:#e5e7eb;border-radius:6px;overflow:hidden;margin-top:1rem;margin-bottom:.5rem}.memory-bar-fill{height:100%;border-radius:6px;transition:width .3s ease}.memory-percentage{text-align:center;font-weight:700;color:#374151}.table-sizes-section{background:#f9fafb;padding:1.5rem;border-radius:8px;margin-bottom:2rem}.table-sizes-section h3{font-size:1.5rem;margin-bottom:1rem;color:#1f2937}.table-sizes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.table-size-item{display:flex;justify-content:space-between;padding:1rem;background:#fff;border-radius:6px;box-shadow:0 2px 4px #0000001a}.table-name{font-weight:600;color:#374151}.table-count{color:#667eea;font-weight:700}.health-warning{background:#fef3c7;border-left:4px solid #f59e0b;padding:1.5rem;border-radius:8px;margin-bottom:2rem}.health-warning h4{font-size:1.2rem;color:#92400e;margin-bottom:.5rem}.health-warning p{color:#78350f}.health-info-section{background:#f9fafb;padding:1.5rem;border-radius:8px}.health-info-section h3{font-size:1.5rem;margin-bottom:1rem;color:#1f2937}.health-info-section ul{list-style:none;padding:0}.health-info-section li{padding:.75rem 0;border-bottom:1px solid #e5e7eb;color:#6b7280}.health-info-section li:last-child{border-bottom:none}.health-info-section strong{color:#374151}@media(max-width:768px){.admin-dashboard{padding:1rem}.admin-header h1{font-size:1.8rem}.admin-tabs{gap:.5rem}.admin-tab{padding:.5rem 1rem;font-size:.9rem}.admin-content{padding:1rem}.stats-grid,.data-stats-grid,.health-grid{grid-template-columns:1fr}.users-table-container{overflow-x:scroll}.users-table{min-width:800px}}.nav-admin{position:relative}.nav-admin:after{content:"";position:absolute;bottom:-4px;left:0;right:0;height:2px;background:#f59e0b;border-radius:2px}.api-stats-view .section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.api-stats-view h2{font-size:2rem;color:#1f2937}.refresh-button{padding:.75rem 1.5rem;background:#667eea;color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.refresh-button:hover{background:#5568d3;transform:translateY(-2px)}.stats-summary,.api-type-stats{margin-bottom:2rem}.api-type-stats h3{font-size:1.5rem;margin-bottom:1.5rem;color:#1f2937}.api-card{background:#f9fafb;border-radius:8px;padding:1.5rem;margin-bottom:1.5rem;border-left:4px solid #667eea}.api-card h4{font-size:1.3rem;color:#1f2937;margin-bottom:1rem}.api-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.metric{display:flex;justify-content:space-between;padding:.75rem;background:#fff;border-radius:6px;box-shadow:0 2px 4px #0000001a}.metric-label{color:#6b7280;font-weight:500}.metric-value{font-weight:700;color:#1f2937}.metric-value.success{color:#10b981}.metric-value.error{color:#ef4444}.metric-value.warning{color:#f59e0b}.api-activity-section,.api-errors-section{margin-top:2rem}.api-activity-section h3,.api-errors-section h3{font-size:1.5rem;margin-bottom:1rem;color:#1f2937}.activity-table-container{overflow-x:auto}.activity-table{width:100%;border-collapse:collapse;background:#fff;border-radius:8px;overflow:hidden}.activity-table thead{background:#f9fafb}.activity-table th,.activity-table td{padding:1rem;text-align:left;border-bottom:1px solid #e5e7eb}.activity-table th{font-weight:600;color:#374151}.errors-list{display:flex;flex-direction:column;gap:1rem}.error-item{background:#fef2f2;border-left:4px solid #ef4444;padding:1rem;border-radius:8px}.error-header{display:flex;gap:1rem;margin-bottom:.5rem;flex-wrap:wrap}.error-type{font-weight:700;color:#991b1b}.error-endpoint{color:#6b7280;font-family:monospace;font-size:.9rem}.error-date{color:#9ca3af;font-size:.85rem;margin-left:auto}.error-message{color:#991b1b;font-size:.95rem}.common-issues-editor,.inspection-guides-editor{max-width:100%}.common-issues-editor .section-header,.inspection-guides-editor .section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.header-actions{display:flex;gap:.75rem}.save-button{padding:.75rem 1.5rem;background:#10b981;color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.save-button:hover:not(:disabled){background:#059669}.save-button:disabled{opacity:.5;cursor:not-allowed}.cancel-button{padding:.75rem 1.5rem;background:#6b7280;color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.cancel-button:hover:not(:disabled){background:#4b5563}.error-message{background:#fef2f2;border:1px solid #ef4444;color:#991b1b;padding:1rem;border-radius:8px;margin-bottom:1.5rem}.success-message{background:#d1fae5;border:1px solid #10b981;color:#065f46;padding:1rem;border-radius:8px;margin-bottom:1.5rem}.editor-layout{display:grid;grid-template-columns:300px 1fr;gap:2rem;min-height:500px}.vehicle-selector,.guide-selector{background:#f9fafb;border-radius:8px;padding:1.5rem;height:fit-content}.vehicle-selector h3,.guide-selector h3{font-size:1.3rem;margin-bottom:1rem;color:#1f2937}.add-vehicle-form,.add-guide-form{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.5rem}.vehicle-input,.guide-input{padding:.75rem;border:2px solid #d1d5db;border-radius:6px;font-size:.95rem}.add-vehicle-button,.add-guide-button{padding:.75rem;background:#667eea;color:#fff;border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:all .3s ease}.add-vehicle-button:hover,.add-guide-button:hover{background:#5568d3}.vehicle-list,.guide-list{display:flex;flex-direction:column;gap:.5rem;max-height:600px;overflow-y:auto}.vehicle-item,.guide-item{padding:1rem;background:#fff;border-radius:6px;cursor:pointer;transition:all .3s ease;border:2px solid transparent}.vehicle-item:hover,.guide-item:hover{border-color:#667eea;transform:translate(4px)}.vehicle-item.active,.guide-item.active{background:#667eea;color:#fff;border-color:#667eea}.vehicle-name,.guide-name{font-weight:600;text-transform:capitalize;margin-bottom:.25rem}.vehicle-count,.guide-type{font-size:.9rem;opacity:.8}.issues-editor,.guide-editor{background:#f9fafb;border-radius:8px;padding:1.5rem}.editor-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.editor-header h3{font-size:1.5rem;color:#1f2937;text-transform:capitalize}.editor-actions{display:flex;gap:.75rem}.add-issue-button{padding:.75rem 1.5rem;background:#667eea;color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.add-issue-button:hover{background:#5568d3}.delete-button{padding:.75rem 1.5rem;background:#ef4444;color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.delete-button:hover:not(:disabled){background:#dc2626}.delete-button:disabled{opacity:.5;cursor:not-allowed}.no-issues,.no-selection{padding:3rem;text-align:center;color:#6b7280;font-size:1.1rem}.issues-list{display:flex;flex-direction:column;gap:1.5rem}.issue-card{background:#fff;border-radius:8px;padding:1.5rem;box-shadow:0 2px 4px #0000001a}.issue-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.issue-header h4{font-size:1.2rem;color:#1f2937}.remove-button{padding:.5rem 1rem;background:#ef4444;color:#fff;border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:.9rem}.remove-button:hover{background:#dc2626}.issue-form,.guide-form{display:flex;flex-direction:column;gap:1rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-weight:600;color:#374151;font-size:.95rem}.form-group input,.form-group textarea,.form-group select{padding:.75rem;border:2px solid #d1d5db;border-radius:6px;font-size:.95rem;transition:border-color .3s ease}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:#667eea}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.array-item{display:flex;gap:.5rem;align-items:center;margin-bottom:.5rem}.array-item input{flex:1;padding:.75rem;border:2px solid #d1d5db;border-radius:6px}.remove-item-button{padding:.75rem 1rem;background:#ef4444;color:#fff;border:none;border-radius:6px;font-weight:600;cursor:pointer;font-size:.85rem}.add-item-button{padding:.75rem 1rem;background:#667eea;color:#fff;border:none;border-radius:6px;font-weight:600;cursor:pointer;margin-top:.5rem}.checkbox-label{display:flex;align-items:center;gap:.75rem;cursor:pointer}.checkbox-label input[type=checkbox]{width:20px;height:20px;cursor:pointer}@media(max-width:1024px){.editor-layout{grid-template-columns:1fr}.vehicle-list,.guide-list{max-height:300px}.form-row{grid-template-columns:1fr}.api-metrics{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}}.app{min-height:100vh;display:flex;flex-direction:column}.container{max-width:1200px;margin:0 auto;padding:0 1.5rem;width:100%}.header{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:2rem 0;box-shadow:0 4px 6px -1px #0000001a}.title{font-size:2.5rem;font-weight:800;color:var(--gray-900);margin-bottom:.5rem;text-align:center}.subtitle{font-size:1.125rem;color:var(--gray-600);text-align:center}.main{flex:1;padding:3rem 0}.search-form-container{background:#fff;border-radius:var(--radius-xl);padding:var(--space-8);box-shadow:var(--shadow-lg);margin-bottom:var(--space-8);transition:var(--transition-normal);position:relative;overflow:visible}.search-form-container:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(37,99,235,.05) 0%,transparent 70%);opacity:0;transition:opacity .3s ease;pointer-events:none}.search-form-container:hover:before{opacity:1}.search-form-container:hover{box-shadow:0 25px 30px -5px #00000026}.search-form{width:100%}.input-group{display:flex;gap:1rem;margin-bottom:.75rem;position:relative}.search-input{flex:1;padding:var(--space-4) var(--space-6);font-size:1.125rem;border:2px solid var(--gray-200);border-radius:var(--radius-md);transition:var(--transition-normal);text-transform:uppercase;font-weight:600;letter-spacing:.05em;position:relative;z-index:1}.search-input:hover:not(:disabled){border-color:var(--primary-light)}.search-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #2563eb1a;transform:translateY(-1px)}.search-input:disabled{background:var(--gray-100);cursor:not-allowed}.search-button{padding:var(--space-4) 2.5rem;font-size:1.125rem;font-weight:600;color:#fff;background:var(--gradient-purple);border:none;border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-normal);white-space:nowrap;position:relative;z-index:1;overflow:hidden}.search-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.search-button:hover:before{left:100%}.search-button:hover:not(:disabled){transform:translateY(-2px) scale(1.02);box-shadow:0 15px 20px -5px #667eea66}.search-button:disabled{background:var(--gray-300);cursor:not-allowed;transform:none}.form-help{color:var(--gray-600);font-size:.875rem;text-align:center}.loading{text-align:center;padding:3rem;background:#fff;border-radius:1rem;box-shadow:0 10px 15px -3px #0000001a}.spinner{width:50px;height:50px;border:4px solid var(--gray-200);border-top-color:var(--primary);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}@keyframes spin{to{transform:rotate(360deg)}}.loading p{color:var(--gray-600);font-size:1.125rem}.error-message{background:#fee;border:2px solid var(--danger);color:#c00;padding:1.5rem;border-radius:.75rem;display:flex;align-items:center;gap:1rem;margin-bottom:2rem}.error-icon{width:24px;height:24px;flex-shrink:0}.error-message p{margin:0}.results-container{display:flex;flex-direction:column;gap:2rem}.vehicle-card{background:#fff;border-radius:var(--radius-xl);padding:var(--space-8);box-shadow:var(--shadow-lg);transition:var(--transition-normal)}.vehicle-card:hover{box-shadow:0 25px 30px -5px #00000026}.vehicle-card.loading-card{opacity:.6}.vehicle-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-8);flex-wrap:wrap;background:#fff;gap:var(--space-4)}.vehicle-header.collapsible-header{cursor:pointer;transition:var(--transition-normal);border-radius:var(--radius-md);padding:var(--space-2);margin:calc(var(--space-2) * -1) calc(var(--space-2) * -1) var(--space-8)}.header-content{display:flex;align-items:center;gap:12px;flex:1}.collapse-arrow{font-size:1.2em;margin-left:auto;transition:var(--transition-fast);color:var(--gray-600)}.registration-plate{background:#ffd500;color:#000;padding:.75rem 1.5rem;border-radius:.375rem;font-size:2rem;font-weight:700;letter-spacing:.1em;border:3px solid #000;font-family:UK Number Plate,monospace}.mot-status{padding:.75rem 1.5rem;border-radius:.5rem;font-weight:700;font-size:1.125rem}.mot-status.valid{background:var(--success-light);color:var(--success-dark)}.mot-status.failed{background:var(--danger-light);color:var(--danger-dark)}.mot-status.unknown{background:var(--gray-100);color:var(--gray-700)}.vehicle-details{display:grid;gap:1rem}.detail-row{display:flex;justify-content:space-between;padding:var(--space-4);background:var(--gray-50);border-radius:var(--radius-md);transition:var(--transition-fast);border-left:3px solid transparent}.detail-row:hover{background:#fff;border-left-color:var(--primary);box-shadow:var(--shadow-sm);transform:translate(2px)}.detail-label{font-weight:600;color:var(--gray-700)}.detail-value{color:var(--gray-900);font-weight:500}.detail-value.expiry{color:var(--primary);font-weight:700}.vehicle-subsection{margin-top:var(--space-4);padding-top:var(--space-4);border-top:2px solid var(--gray-200)}.subsection-title{margin:0 0 12px;font-size:1em;font-weight:700;color:var(--gray-900);display:flex;align-items:center;gap:var(--space-2)}.live-data-badge{margin-left:var(--space-2);font-size:.7em;padding:2px 6px;background:var(--success);color:#fff;border-radius:var(--radius-sm);font-weight:400;text-transform:uppercase;letter-spacing:.05em;animation:pulse-badge 2s ease-in-out infinite}@keyframes pulse-badge{0%,to{opacity:1}50%{opacity:.8}}.live-data-alert{margin-bottom:10px;padding:var(--space-2);background:var(--success-light);border-left:3px solid var(--success);font-size:.85em;border-radius:var(--radius-sm);color:var(--success-dark)}.loading-badge-inline{margin-left:var(--space-2);font-size:.7em;padding:2px 6px;background:var(--warning);color:#fff;border-radius:var(--radius-sm);font-weight:400;text-transform:uppercase;letter-spacing:.05em}.skeleton-section{opacity:.7}.skeleton-content{padding:var(--space-3) 0}.skeleton-row{height:24px;background:linear-gradient(90deg,var(--gray-200) 25%,var(--gray-100) 50%,var(--gray-200) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite;border-radius:var(--radius-sm);margin-bottom:var(--space-3)}.skeleton-row:last-child{margin-bottom:0;width:70%}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes fade-in{0%{opacity:0;transform:translateY(-5px)}to{opacity:.7;transform:translateY(0)}}.vehicle-subsection{animation:content-appear .4s ease-out}@keyframes content-appear{0%{opacity:0}to{opacity:1}}.tax-cost-highlight{margin-top:12px;padding-top:12px;border-top:1px solid var(--gray-200)}.tax-cost-label{font-weight:700}.tax-cost-value{font-weight:700;color:var(--primary);font-size:1.1em}.sorn-warning-banner{margin-top:10px;padding:var(--space-2);background:var(--warning-light);border-left:3px solid var(--warning);font-size:.9em;border-radius:var(--radius-sm);color:var(--warning-dark)}.loading-title{margin:0}.loading-content{padding:20px}.loading-description{margin-top:12px;font-size:.9em}.loading-badge{padding:var(--space-2) var(--space-4);background:var(--gray-200);color:var(--gray-700);border-radius:var(--radius-md);font-size:.875rem;font-weight:600;animation:loading-pulse 1.5s ease-in-out infinite}@keyframes loading-pulse{0%,to{opacity:1}50%{opacity:.5}}.mot-history{background:#fff;border-radius:1rem;padding:2rem;box-shadow:0 20px 25px -5px #0000001a}.history-title{font-size:1.875rem;font-weight:700;margin-bottom:2rem;color:var(--gray-900)}.timeline{position:relative;padding-left:2rem}.timeline:before{content:"";position:absolute;left:.875rem;top:0;bottom:0;width:2px;background:var(--gray-200)}.timeline-item{position:relative;padding-bottom:2rem}.timeline-item:last-child{padding-bottom:0}.timeline-marker{position:absolute;left:-2rem;width:2.5rem;height:2.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#fff;border:3px solid;z-index:1}.timeline-marker.passed{border-color:var(--success);color:var(--success)}.timeline-marker.failed{border-color:var(--danger);color:var(--danger)}.timeline-marker svg{width:1.25rem;height:1.25rem;stroke-width:3}.timeline-content{background:var(--gray-50);border-radius:var(--radius-lg);padding:var(--space-6);margin-left:var(--space-4);transition:var(--transition-normal);border:2px solid transparent}.timeline-content:hover{background:#fff;border-color:var(--primary-light);box-shadow:var(--shadow-md);transform:translate(4px)}.test-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;flex-wrap:wrap;gap:.5rem}.test-result{font-weight:700;font-size:1.125rem;padding:.5rem 1rem;border-radius:.375rem}.test-result.passed{background:var(--success-light);color:var(--success-dark)}.test-result.failed{background:var(--danger-light);color:var(--danger-dark)}.test-date{color:var(--gray-600);font-weight:600}.test-details{display:grid;gap:.75rem;margin-bottom:1rem}.test-detail{display:flex;justify-content:space-between}.test-label{color:var(--gray-600);font-weight:600}.test-value{color:var(--gray-900);font-weight:500}.test-comments{margin-top:1.5rem;padding-top:1.5rem;border-top:2px solid var(--gray-200)}.comments-title{font-size:1rem;font-weight:700;margin-bottom:1rem;color:var(--gray-800)}.comments-list{list-style:none;display:flex;flex-direction:column;gap:.75rem}.comment-item{padding:.75rem;border-radius:.375rem;border-left:4px solid;background:#fff}.comment-item.fail,.comment-item.prs{border-left-color:var(--danger);background:var(--danger-light)}.comment-item.advisory,.comment-item.minor{border-left-color:var(--warning);background:var(--warning-light)}.comment-item.dangerous{background:var(--danger-light)!important;border-left-color:#dc2626!important;border-left-width:6px}.comment-type{font-weight:700;text-transform:uppercase;font-size:.75rem;margin-right:.5rem;color:var(--gray-700)}.comment-text{color:var(--gray-800)}.footer{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:2rem 0;text-align:center;color:var(--gray-600);margin-top:auto}.footer p{margin-bottom:.5rem}.footer-note{font-size:.875rem;color:var(--gray-500)}@media(max-width:768px){.title{font-size:2rem}.input-group{flex-direction:column}.search-button{width:100%}.registration-plate{font-size:1.5rem}.vehicle-header{flex-direction:column;align-items:flex-start}.detail-row{flex-direction:column;gap:.25rem}.timeline{padding-left:1.5rem}.timeline-marker{left:-1.5rem;width:2rem;height:2rem}.timeline-marker svg{width:1rem;height:1rem}}.analytics-container{display:flex;flex-direction:column;gap:2rem}.analytics-card{background:#fff;border-radius:var(--radius-xl);padding:var(--space-8);box-shadow:var(--shadow-lg);transition:var(--transition-normal);position:relative;overflow:hidden}.analytics-card:after{content:"";position:absolute;top:0;right:0;width:100px;height:100px;background:radial-gradient(circle,rgba(37,99,235,.1) 0%,transparent 70%);transform:translate(50%,-50%);pointer-events:none}.analytics-card:hover{box-shadow:0 25px 35px -5px #00000026;transform:translateY(-2px)}.analytics-title{font-size:1.875rem;font-weight:700;margin-bottom:1.5rem;color:var(--gray-900);display:flex;align-items:center;gap:.75rem}.title-icon{width:2rem;height:2rem;color:var(--primary)}.health-score-card{background:var(--gradient-purple);color:#fff;position:relative;overflow:hidden}.health-score-card:before{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 50%);animation:rotate-gradient 20s linear infinite}@keyframes rotate-gradient{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.health-score-card .analytics-title{color:#fff}.health-score-display{display:flex;align-items:center;gap:2rem;margin-bottom:2rem}.health-score-circle{width:120px;height:120px;border-radius:50%;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 10px 25px #0003;position:relative;z-index:1;transition:var(--transition-slow);cursor:pointer}.health-score-circle:hover{transform:scale(1.1) rotate(5deg);box-shadow:0 15px 35px #0000004d}.health-score-circle.excellent{border:6px solid var(--success);animation:pulse-green 2s ease-in-out infinite}.health-score-circle.good{border:6px solid var(--primary-light);animation:pulse-blue 2s ease-in-out infinite}.health-score-circle.fair{border:6px solid var(--warning);animation:pulse-yellow 2s ease-in-out infinite}.health-score-circle.poor{border:6px solid var(--danger);animation:pulse-red 2s ease-in-out infinite}@keyframes pulse-green{0%,to{box-shadow:0 10px 25px #0003,0 0 #10b981b3}50%{box-shadow:0 10px 25px #0003,0 0 0 10px #10b98100}}@keyframes pulse-blue{0%,to{box-shadow:0 10px 25px #0003,0 0 #3b82f6b3}50%{box-shadow:0 10px 25px #0003,0 0 0 10px #3b82f600}}@keyframes pulse-yellow{0%,to{box-shadow:0 10px 25px #0003,0 0 #f59e0bb3}50%{box-shadow:0 10px 25px #0003,0 0 0 10px #f59e0b00}}@keyframes pulse-red{0%,to{box-shadow:0 10px 25px #0003,0 0 #ef4444b3}50%{box-shadow:0 10px 25px #0003,0 0 0 10px #ef444400}}.score-number{font-size:2.5rem;font-weight:800;color:var(--gray-900);line-height:1}.score-label{font-size:.875rem;color:var(--gray-600)}.health-rating{flex:1}.rating-badge{display:inline-block;padding:.75rem 1.5rem;border-radius:.5rem;font-weight:700;font-size:1.25rem;background:#fff}.rating-badge.excellent{color:#10b981}.rating-badge.good{color:#3b82f6}.rating-badge.fair{color:#f59e0b}.rating-badge.poor{color:#ef4444}.health-breakdown{display:flex;flex-direction:column;gap:1rem}.breakdown-item{display:flex;align-items:center;gap:1rem}.breakdown-label{min-width:150px;font-size:.875rem;font-weight:600}.breakdown-bar{flex:1;height:8px;background:#ffffff4d;border-radius:999px;overflow:hidden}.breakdown-fill{height:100%;background:#fff;border-radius:999px;transition:width .5s ease}.breakdown-value{min-width:50px;text-align:right;font-weight:700;font-size:.875rem}.analytics-alerts{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.alert-box{padding:1.5rem;border-radius:.75rem;border-left:6px solid}.alert-warning{background:#fef2f2;border-left-color:#ef4444;color:#7f1d1d}.alert-positive{background:#d1fae5;border-left-color:#10b981;color:#065f46}.alert-title{font-size:1.125rem;font-weight:700;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.alert-icon{width:1.5rem;height:1.5rem}.alert-list{list-style:none;display:flex;flex-direction:column;gap:.5rem}.alert-list li{padding-left:1.5rem;position:relative}.alert-list li:before{content:"•";position:absolute;left:.5rem;font-weight:700}.mileage-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-item{display:flex;flex-direction:column;gap:.5rem}.stat-label{font-size:.875rem;color:var(--gray-600);font-weight:600}.stat-value{font-size:1.5rem;font-weight:700;color:var(--gray-900)}.stat-value.failure{color:#ef4444}.stat-value.success{color:#10b981}.stat-badge{display:inline-block;padding:.25rem .75rem;border-radius:.375rem;font-size:.875rem;font-weight:600;text-transform:capitalize}.stat-badge.consistent{background:#dbeafe;color:#1e40af}.stat-badge.increasing{background:#fed7aa;color:#9a3412}.stat-badge.decreasing{background:#d1fae5;color:#065f46}.anomalies-section{margin-top:1.5rem}.section-subtitle{font-size:1.125rem;font-weight:700;margin-bottom:1rem;color:var(--gray-800)}.anomaly-item{padding:1.5rem;border-radius:.5rem;margin-bottom:1rem;border-left:4px solid}.anomaly-item.severity-high{background:#fef2f2;border-left-color:#dc2626}.anomaly-item.severity-medium{background:#fffbeb;border-left-color:#f59e0b}.anomaly-item.severity-low{background:#f0f9ff;border-left-color:#0284c7}.anomaly-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;flex-wrap:wrap;gap:.5rem}.anomaly-badge{padding:.25rem .75rem;border-radius:.375rem;font-size:.75rem;font-weight:700;text-transform:uppercase;background:var(--gray-900);color:#fff}.severity-badge{padding:.25rem .75rem;border-radius:.375rem;font-size:.75rem;font-weight:700;text-transform:uppercase}.severity-badge.high{background:#dc2626;color:#fff}.severity-badge.medium{background:#f59e0b;color:#fff}.severity-badge.low{background:#0284c7;color:#fff}.anomaly-description{margin-bottom:.5rem;font-weight:600;color:var(--gray-900)}.anomaly-dates{margin:1rem 0;padding:1rem;background:#fff9;border-radius:.375rem;display:flex;flex-direction:column;gap:.5rem}.anomaly-date-item{font-size:.875rem;color:var(--gray-800)}.anomaly-date-item strong{color:var(--gray-900);margin-right:.25rem}.mot-link{color:var(--primary);text-decoration:none;font-weight:600;transition:all .2s;border-bottom:2px solid transparent}.mot-link:hover{color:var(--primary-dark);border-bottom-color:var(--primary-dark)}.mot-link:active{transform:translateY(1px)}.timeline-item{scroll-margin-top:100px;transition:background-color .3s ease}.timeline-item:target .timeline-content{background:#fef3c7;box-shadow:0 0 0 4px #fbbf24}.anomaly-impact{font-size:.875rem;color:var(--gray-700);line-height:1.5}.failure-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1.5rem;margin-bottom:1.5rem}.failure-reasons{margin-top:1.5rem}.reasons-list{list-style:none;display:flex;flex-direction:column;gap:.5rem}.reasons-list li{background:var(--gray-50);border-radius:.375rem;padding:.75rem .75rem .75rem 2rem;position:relative}.reasons-list li:before{content:"⚠️";position:absolute;left:.75rem}.recurring-issues-list{display:flex;flex-direction:column;gap:1rem}.recurring-issue{padding:1.5rem;border-radius:.5rem;border-left:4px solid}.recurring-issue.severity-high{background:#fef2f2;border-left-color:#dc2626}.recurring-issue.severity-medium{background:#fffbeb;border-left-color:#f59e0b}.recurring-issue.severity-low{background:#f0f9ff;border-left-color:#0284c7}.issue-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.issue-category{font-weight:700;font-size:1.125rem;color:var(--gray-900)}.issue-count{padding:.25rem .75rem;background:var(--gray-900);color:#fff;border-radius:999px;font-size:.875rem;font-weight:700}.issue-description{margin-bottom:.5rem;color:var(--gray-700)}.issue-dates{font-size:.875rem;color:var(--gray-600)}.buyer-insights{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-left:6px solid #0284c7}.insights-list{list-style:none;display:flex;flex-direction:column;gap:1rem}.insight-item{padding:1rem;background:#fff;border-radius:.5rem;border-left:4px solid #0284c7;line-height:1.6;color:var(--gray-800)}@media(max-width:768px){.health-score-display{flex-direction:column;text-align:center}.breakdown-label{min-width:120px;font-size:.75rem}.mileage-stats,.failure-stats,.analytics-alerts{grid-template-columns:1fr}}.premium-checks{background:#fff;border-radius:1rem;padding:2rem;box-shadow:0 20px 25px -5px #0000001a;margin-bottom:2rem}.premium-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.premium-header h2{font-size:1.875rem;font-weight:700;color:var(--gray-900);margin:0}.risk-badge{padding:.75rem 1.5rem;border-radius:.5rem;font-weight:700;font-size:1rem;color:#fff;text-transform:uppercase;letter-spacing:.05em}.critical-alerts{margin-bottom:2rem}.alert{padding:1.25rem 1.5rem;border-radius:.75rem;margin-bottom:1rem;font-weight:600;font-size:1rem;line-height:1.5}.alert-critical{background:var(--danger-light);color:var(--danger-dark);border:2px solid #dc2626;border-left:6px solid #dc2626;animation:alert-pulse 2s ease-in-out infinite}@keyframes alert-pulse{0%,to{box-shadow:0 0 #dc262666}50%{box-shadow:0 0 0 8px #dc262600}}.premium-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-bottom:2rem}.premium-card{background:var(--gray-50);border-radius:var(--radius-lg);padding:var(--space-6);border:2px solid var(--gray-200);transition:var(--transition-slow);position:relative;overflow:hidden}.premium-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary) 0%,var(--primary-light) 100%);transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.premium-card:hover:before{transform:scaleX(1)}.premium-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px);border-color:var(--primary-light)}.premium-card.card-critical{background:#fef2f2;border-color:#dc2626;border-left:6px solid #dc2626}.premium-card.card-warning{background:#fffbeb;border-color:#f59e0b;border-left:6px solid #f59e0b}.card-header{margin-bottom:1rem;padding-bottom:1rem;border-bottom:2px solid var(--gray-200)}.card-header h3{font-size:1.125rem;font-weight:700;color:var(--gray-900);margin:0;display:flex;align-items:center;gap:.5rem}.icon-warning,.icon-success,.icon-info{font-size:1.25rem}.card-content{display:flex;flex-direction:column;gap:1rem}.status-badge{display:inline-block;padding:.5rem 1rem;border-radius:.5rem;font-weight:700;font-size:.875rem;text-transform:uppercase;letter-spacing:.05em}.badge-success{background:var(--success-light);color:var(--success-dark)}.badge-danger{background:var(--danger-light);color:var(--danger-dark)}.badge-warning{background:#fef3c7;color:var(--warning-dark)}.badge-critical{background:#dc2626;color:#fff}.details{display:flex;flex-direction:column;gap:.75rem;margin-top:1rem}.detail-row{display:flex;justify-content:space-between;padding:.75rem;background:#fff;border-radius:.375rem}.premium-card.card-critical .detail-row,.premium-card.card-warning .detail-row{background:#fff}.detail-row .label{font-weight:600;color:var(--gray-700);font-size:.875rem}.detail-row .value{color:var(--gray-900);font-weight:600;text-align:right}.text-warning{color:#f59e0b}.text-success{color:#10b981}.description{font-size:.875rem;line-height:1.6;color:var(--gray-700);margin:.5rem 0}.warning-text{font-size:.875rem;font-weight:600;color:#dc2626;margin-top:.75rem;padding:.75rem;background:#fff;border-radius:.375rem;border-left:3px solid #dc2626}.recall-item{padding:1rem;background:#fff;border-radius:.5rem;margin-top:.75rem;border-left:4px solid #f59e0b}.recall-item .description{margin:.75rem 0;font-weight:600;color:var(--gray-800)}.risk-summary{background:var(--gray-50);border-radius:.75rem;padding:1.5rem;border-left:6px solid var(--gray-900)}.risk-summary h3{font-size:1.125rem;font-weight:700;color:var(--gray-900);margin-bottom:1rem}.risk-summary ul{list-style:none;display:flex;flex-direction:column;gap:.5rem;margin:0;padding:0}.risk-summary li{background:#fff;border-radius:.375rem;position:relative;padding:.75rem .75rem .75rem 2rem;color:var(--gray-800);line-height:1.5}.risk-summary li:before{content:"⚠️";position:absolute;left:.75rem}.premium-footer{margin-top:2rem;padding-top:1.5rem;border-top:2px solid var(--gray-200)}.premium-footer .disclaimer{font-size:.875rem;color:var(--gray-600);margin-bottom:.5rem;line-height:1.6}.premium-footer .disclaimer strong{color:var(--gray-900)}@media(max-width:768px){.premium-grid{grid-template-columns:1fr}.premium-header{flex-direction:column;align-items:flex-start}.risk-badge{width:100%;text-align:center}.detail-row{flex-direction:column;gap:.25rem}.detail-row .value{text-align:left}}.search-history-dropdown{position:absolute;top:100%;left:0;right:150px;margin-top:.5rem;background:#fff;border:2px solid var(--gray-200);border-radius:.5rem;box-shadow:0 10px 25px -5px #00000026;z-index:100;max-height:400px;overflow-y:auto}.search-history-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;border-bottom:2px solid var(--gray-100);background:var(--gray-50)}.search-history-header span{font-weight:700;font-size:.875rem;color:var(--gray-700);text-transform:uppercase;letter-spacing:.05em}.clear-history-btn{background:none;border:none;color:var(--danger);font-size:.875rem;font-weight:600;cursor:pointer;padding:.25rem .5rem;border-radius:.25rem;transition:all .2s}.clear-history-btn:hover{background:#fee;color:#991b1b}.search-history-list{list-style:none;padding:0;margin:0}.search-history-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;cursor:pointer;transition:all .2s;border-bottom:1px solid var(--gray-100)}.search-history-item:last-child{border-bottom:none}.search-history-item:hover{background:var(--gray-50);padding-left:1.25rem}.history-reg{font-weight:700;font-size:1rem;color:var(--gray-900);letter-spacing:.05em}.history-time{font-size:.75rem;color:var(--gray-500);font-weight:600}@media(max-width:768px){.search-history-dropdown{right:0}}.export-toolbar{background:#fff;border-radius:1rem;padding:1.5rem 2rem;box-shadow:0 10px 15px -3px #0000001a;margin-bottom:2rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.toolbar-actions{display:flex;gap:1rem;align-items:center}.export-title{margin:0;font-size:1.5rem;font-weight:700;color:var(--gray-900)}.export-pdf-btn{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);font-size:1rem;font-weight:600;color:#fff;background:var(--primary);border:none;border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-normal);position:relative;overflow:hidden}.export-pdf-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s ease,height .6s ease}.export-pdf-btn:hover:before{width:300px;height:300px}.export-pdf-btn:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:0 15px 20px -5px #2563eb66}.export-pdf-btn:active{transform:translateY(0) scale(.98)}.export-pdf-btn svg{position:relative;z-index:1;transition:var(--transition-fast)}.export-pdf-btn:hover svg{transform:translateY(2px)}.add-to-garage-btn{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);font-size:1rem;font-weight:600;color:#fff;background:#10b981;border:none;border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-normal);position:relative;overflow:hidden}.add-to-garage-btn:disabled{opacity:.6;cursor:not-allowed}.add-to-garage-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s ease,height .6s ease}.add-to-garage-btn:not(:disabled):hover:before{width:300px;height:300px}.add-to-garage-btn:not(:disabled):hover{background:#059669;transform:translateY(-2px);box-shadow:0 15px 20px -5px #10b98166}.add-to-garage-btn:active{transform:translateY(0) scale(.98)}.add-to-garage-btn svg{position:relative;z-index:1;transition:var(--transition-fast)}.add-to-garage-btn:not(:disabled):hover svg{transform:rotate(90deg)}.in-garage-btn{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);font-size:1rem;font-weight:600;color:#fff;background:#3b82f6;border:none;border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-normal);position:relative;overflow:hidden}.in-garage-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s ease,height .6s ease}.in-garage-btn:hover:before{width:300px;height:300px}.in-garage-btn:hover{background:#2563eb;transform:translateY(-2px);box-shadow:0 15px 20px -5px #3b82f666}.in-garage-btn:active{transform:translateY(0) scale(.98)}.in-garage-btn svg{position:relative;z-index:1;transition:var(--transition-fast)}.in-garage-btn:hover svg{transform:scale(1.1)}.garage-message{position:fixed;top:100px;right:20px;padding:1rem 1.5rem;border-radius:var(--radius-md);font-weight:600;box-shadow:0 10px 25px -5px #0003;z-index:1000;animation:slideInRight .3s ease-out}@keyframes slideInRight{0%{transform:translate(400px);opacity:0}to{transform:translate(0);opacity:1}}.garage-message.success{background:#10b981;color:#fff}.garage-message.error{background:#ef4444;color:#fff}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:#fff;border-radius:var(--radius-lg);box-shadow:0 25px 50px -12px #00000040;max-width:500px;width:90%;animation:scaleIn .2s ease-out}@keyframes scaleIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:1px solid var(--gray-200)}.modal-header h2{margin:0;font-size:1.5rem;color:var(--gray-900)}.modal-close{background:none;border:none;font-size:2rem;color:var(--gray-500);cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);transition:var(--transition-fast)}.modal-close:hover{background:var(--gray-100);color:var(--gray-900)}.modal-body{padding:2rem}.modal-body p{margin:0 0 1rem;color:var(--gray-700);line-height:1.6}.modal-body p:last-child{margin-bottom:0}.modal-footer{display:flex;justify-content:flex-end;gap:1rem;padding:1.5rem 2rem;border-top:1px solid var(--gray-200)}.btn{padding:var(--space-3) var(--space-6);font-size:1rem;font-weight:600;border:none;border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-normal)}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-dark);transform:translateY(-1px);box-shadow:0 4px 12px #2563eb4d}.btn-secondary{background:var(--gray-200);color:var(--gray-700)}.btn-secondary:hover{background:var(--gray-300);transform:translateY(-1px)}@media print{.no-print,.export-toolbar,.search-form-container,.footer,.header,nav,button,.clear-history-btn{display:none!important}body{background:#fff;font-size:12pt}.app{background:#fff}.container{max-width:100%;padding:0}.vehicle-card,.premium-checks,.analytics-card,.mot-history{box-shadow:none;border:1px solid #ddd;page-break-inside:avoid;margin-bottom:1rem}.timeline-item,.recurring-issue,.premium-card{page-break-inside:avoid}.registration-plate,.badge-success,.badge-danger,.badge-warning,.status-badge,.risk-badge,.mot-status{-webkit-print-color-adjust:exact;print-color-adjust:exact;color-adjust:exact}.vehicle-header span,.premium-header span{display:none!important}.vehicle-details,.card-content,.timeline-content{display:block!important}.results-container:before{content:"MOT Vehicle Report";display:block;font-size:20pt;font-weight:700;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px solid #000}h1,h2,h3,h4{page-break-after:avoid}a{text-decoration:none;color:inherit}@page{margin:2cm}}@media(max-width:768px){.export-toolbar{flex-direction:column;text-align:center}.toolbar-actions{width:100%;flex-direction:column}.export-pdf-btn,.add-to-garage-btn,.in-garage-btn{width:100%;justify-content:center}.modal-content{margin:1rem}.modal-footer{flex-wrap:wrap}.modal-footer .btn{flex:1;min-width:120px}}body.dark-mode .loading{background:var(--gray-800)}body.dark-mode .loading p{color:var(--gray-400)}body.dark-mode .spinner{border-color:var(--gray-700);border-top-color:var(--primary-light)}body.dark-mode .skeleton-row{background:linear-gradient(90deg,var(--gray-700) 25%,var(--gray-600) 50%,var(--gray-700) 75%);background-size:200% 100%}body.dark-mode .loading-badge{background:var(--gray-700);color:var(--gray-300)}body.dark-mode .loading-badge-inline{background:var(--warning-dark)}body.dark-mode .vehicle-card.loading-card{opacity:.5}body.dark-mode .error-message{background:#dc26261a;border-color:var(--danger);color:#fca5a5}@media(prefers-reduced-motion:reduce){.spinner,.skeleton-row,.loading-badge,.loading-badge-inline{animation:none}.spinner{opacity:.7}}.logo{display:flex;align-items:center;gap:.75rem}.logo-icon{flex-shrink:0;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));transition:transform .3s ease}.logo:hover .logo-icon{transform:scale(1.05)}.logo-text{font-weight:800;color:var(--gray-900);letter-spacing:-.025em}.logo-accent{color:var(--primary)}.navigation{position:sticky;top:0;z-index:1000;background:#fffffffa;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--gray-200);box-shadow:0 2px 12px #0000000a}.nav-container{max-width:1200px;margin:0 auto;padding:0 1.5rem;height:var(--nav-height);display:flex;align-items:center;justify-content:space-between;gap:2rem}.nav-logo-link{text-decoration:none;display:flex;align-items:center}.nav-links{display:flex;align-items:center;gap:.5rem;flex:1;justify-content:center}.nav-link{position:relative;padding:.75rem 1.25rem;text-decoration:none;color:var(--gray-700);font-weight:600;font-size:.9375rem;border-radius:.5rem;transition:all .2s ease}.nav-link:hover{color:var(--primary);background:var(--gray-50)}.nav-link.active{color:var(--primary);background:#2563eb14}.nav-link.active:after{content:"";position:absolute;bottom:-1px;left:1.25rem;right:1.25rem;height:3px;background:var(--primary);border-radius:3px 3px 0 0}.nav-cta-button{padding:.75rem 1.75rem;background:var(--primary);color:#fff;text-decoration:none;font-weight:700;font-size:.9375rem;border-radius:.5rem;transition:all .2s ease;white-space:nowrap;box-shadow:0 2px 8px #2563eb33}.nav-cta-button:hover{background:var(--primary-dark);transform:translateY(-1px);box-shadow:0 4px 12px #2563eb4d}.nav-auth{display:flex;align-items:center;gap:1rem}.nav-user-email{color:var(--gray-700);font-size:.875rem;font-weight:500}.nav-login-link{padding:.75rem 1.25rem;color:var(--gray-700);text-decoration:none;font-weight:600;font-size:.9375rem;border-radius:.5rem;transition:all .2s ease}.nav-login-link:hover{color:var(--primary);background:var(--gray-50)}.nav-logout-button{padding:.75rem 1.5rem;background:transparent;border:2px solid var(--primary);color:var(--primary);font-weight:600;font-size:.9375rem;border-radius:.5rem;cursor:pointer;transition:all .2s ease;white-space:nowrap}.nav-logout-button:hover{background:var(--primary);color:#fff;transform:translateY(-1px);box-shadow:0 2px 8px #2563eb33}@media(max-width:768px){.nav-container{flex-wrap:wrap;height:auto;padding:1rem 1.5rem;gap:1rem}.nav-links{order:3;flex-basis:100%;justify-content:flex-start;overflow-x:auto;padding-bottom:.5rem}.nav-link{padding:.5rem 1rem;font-size:.875rem;white-space:nowrap}.nav-cta-button{padding:.625rem 1.25rem;font-size:.875rem}.nav-auth{order:2;gap:.5rem}.nav-user-email{font-size:.75rem;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-login-link,.nav-logout-button{padding:.5rem 1rem;font-size:.875rem}}.home-hero{background:linear-gradient(135deg,#667eea1a,#764ba21a);padding:4rem 0 3rem;text-align:center}.hero-title{font-size:3.5rem;font-weight:900;color:var(--gray-900);margin-bottom:1rem;line-height:1.1;letter-spacing:-.03em}.hero-subtitle{font-size:1.375rem;color:var(--gray-600);margin-bottom:2rem;max-width:700px;margin-left:auto;margin-right:auto;line-height:1.5}.hero-badges{display:flex;gap:1.5rem;justify-content:center;flex-wrap:wrap}.hero-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#fff;border-radius:999px;font-weight:600;color:var(--gray-700);box-shadow:0 4px 12px #00000014;transition:transform .2s ease}.hero-badge:hover{transform:translateY(-2px)}.badge-icon{font-size:1.25rem}.home-features{margin-top:4rem}.features-title{font-size:2.5rem;font-weight:800;color:var(--gray-900);text-align:center;margin-bottom:3rem}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.feature-card{background:#fff;border-radius:1rem;padding:2rem;box-shadow:0 4px 12px #00000014;transition:all .3s ease;border:2px solid transparent}.feature-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #0000001f;border-color:var(--primary)}.feature-icon-large{font-size:3rem;margin-bottom:1rem}.feature-card-title{font-size:1.375rem;font-weight:700;color:var(--gray-900);margin-bottom:.75rem}.feature-card-text{color:var(--gray-600);line-height:1.6}.page-container{flex:1}.page-hero{background:linear-gradient(135deg,#667eea1a,#764ba21a);padding:4rem 1.5rem 3rem;text-align:center}.page-title{font-size:3rem;font-weight:900;color:var(--gray-900);margin-bottom:1rem;line-height:1.1;letter-spacing:-.03em}.page-subtitle{font-size:1.25rem;color:var(--gray-600);max-width:700px;margin:0 auto;line-height:1.5}.content-section{max-width:1200px;margin:0 auto;padding:3rem 1.5rem}.content-card{background:#fff;border-radius:1rem;padding:2.5rem;box-shadow:0 4px 12px #00000014;margin-bottom:2rem}.section-title{font-size:2rem;font-weight:800;color:var(--gray-900);margin-bottom:1.5rem}.section-text{font-size:1.0625rem;color:var(--gray-700);line-height:1.7;margin-bottom:1.5rem}.features-grid .feature-item{text-align:center;padding:1.5rem}.feature-icon{font-size:2.5rem;margin-bottom:1rem}.feature-title{font-size:1.125rem;font-weight:700;color:var(--gray-900);margin-bottom:.75rem}.feature-description{color:var(--gray-600);line-height:1.6}.why-choose-list{display:flex;flex-direction:column;gap:2rem}.why-item{display:flex;gap:2rem;align-items:flex-start}.why-number{flex-shrink:0;width:60px;height:60px;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:800;box-shadow:0 4px 12px #2563eb4d}.why-content{flex:1}.why-title{font-size:1.375rem;font-weight:700;color:var(--gray-900);margin-bottom:.5rem}.why-description{color:var(--gray-600);line-height:1.7}.cta-card{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;text-align:center}.cta-card .section-title{color:#fff}.cta-card .section-text{color:#ffffffe6}.cta-button-large{display:inline-block;padding:1rem 2.5rem;background:#fff;color:var(--primary);font-weight:700;font-size:1.125rem;border-radius:.5rem;text-decoration:none;transition:all .2s ease;box-shadow:0 4px 12px #00000026;margin-top:1rem}.cta-button-large:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0003}.cta-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-top:1.5rem}.cta-primary{background:#fff;color:var(--primary)}.cta-secondary{background:transparent;color:#fff;border:2px solid white}.cta-secondary:hover{background:#ffffff1a}.primary-card{border:3px solid var(--primary);position:relative}.card-badge{position:absolute;top:-1rem;left:2rem;background:var(--primary);color:#fff;padding:.5rem 1.5rem;border-radius:999px;font-weight:700;font-size:.875rem;text-transform:uppercase;letter-spacing:.05em;box-shadow:0 4px 12px #2563eb4d}.data-details{display:grid;gap:1.5rem;margin-top:2rem}.data-detail-item{display:flex;gap:1rem;align-items:flex-start;padding:1.25rem;background:var(--gray-50);border-radius:.5rem}.detail-icon{flex-shrink:0;width:32px;height:32px;background:var(--primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.125rem}.detail-heading{font-size:1.125rem;font-weight:700;color:var(--gray-900);margin-bottom:.25rem}.detail-text{color:var(--gray-600);line-height:1.6}.data-categories{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-top:2rem}.data-category{padding:1.5rem;background:var(--gray-50);border-radius:.75rem}.category-title{font-size:1.25rem;font-weight:700;color:var(--gray-900);margin-bottom:1rem}.category-list{list-style:none;display:flex;flex-direction:column;gap:.5rem}.category-list li{padding-left:1.5rem;position:relative;color:var(--gray-700);line-height:1.6}.category-list li:before{content:"→";position:absolute;left:0;color:var(--primary);font-weight:700}.analytics-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-top:2rem}.analytics-feature{text-align:center}.analytics-icon{font-size:3rem;margin-bottom:1rem}.analytics-title{font-size:1.125rem;font-weight:700;color:var(--gray-900);margin-bottom:.75rem}.analytics-description{color:var(--gray-600);line-height:1.6}.privacy-items{display:flex;flex-direction:column;gap:1.5rem;margin-top:2rem}.privacy-item{display:flex;gap:1.5rem;align-items:flex-start;padding:1.5rem;background:var(--gray-50);border-radius:.75rem}.privacy-badge{flex-shrink:0;font-size:2rem}.privacy-heading{font-size:1.125rem;font-weight:700;color:var(--gray-900);margin-bottom:.5rem}.privacy-text{color:var(--gray-600);line-height:1.6}.info-card{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-left:6px solid #0284c7}.compliance-links{display:flex;flex-direction:column;gap:1rem;margin-top:1.5rem}.compliance-link{display:inline-flex;align-items:center;color:var(--primary);text-decoration:none;font-weight:600;transition:all .2s ease}.compliance-link:hover{color:var(--primary-dark);transform:translate(4px)}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;margin-bottom:3rem}.pricing-card{background:#fff;border-radius:1rem;padding:2.5rem;box-shadow:0 4px 12px #00000014;border:2px solid var(--gray-200);transition:all .3s ease;position:relative}.pricing-card:hover{transform:translateY(-8px);box-shadow:0 16px 32px #0000001f}.pricing-card-featured{border-color:var(--primary);box-shadow:0 8px 24px #2563eb26}.featured-badge{position:absolute;top:-1rem;right:2rem;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff;padding:.5rem 1.5rem;border-radius:999px;font-weight:700;font-size:.875rem;text-transform:uppercase;letter-spacing:.05em;box-shadow:0 4px 12px #2563eb4d}.pricing-header{text-align:center;padding-bottom:2rem;border-bottom:2px solid var(--gray-100);margin-bottom:2rem}.pricing-plan-name{font-size:1.5rem;font-weight:800;color:var(--gray-900);margin-bottom:1rem;text-transform:uppercase;letter-spacing:.05em}.pricing-amount{display:flex;align-items:baseline;justify-content:center;margin-bottom:1rem}.currency{font-size:1.5rem;font-weight:700;color:var(--gray-600)}.price{font-size:3.5rem;font-weight:900;color:var(--gray-900);line-height:1;margin:0 .25rem}.period{font-size:1.125rem;color:var(--gray-600);font-weight:600}.pricing-description{color:var(--gray-600);line-height:1.5}.pricing-features{list-style:none;display:flex;flex-direction:column;gap:.875rem;margin-bottom:2rem}.feature-included,.feature-excluded{display:flex;align-items:flex-start;gap:.75rem;line-height:1.5}.feature-included{color:var(--gray-800)}.feature-excluded{color:var(--gray-500)}.feature-check{flex-shrink:0;width:24px;height:24px;background:#d1fae5;color:#065f46;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.875rem}.feature-cross{flex-shrink:0;width:24px;height:24px;background:var(--gray-100);color:var(--gray-500);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.875rem}.pricing-button{display:block;width:100%;padding:1rem;font-weight:700;font-size:1.0625rem;text-align:center;text-decoration:none;border-radius:.5rem;transition:all .2s ease;border:2px solid transparent}.pricing-button-primary{background:var(--primary);color:#fff;box-shadow:0 4px 12px #2563eb4d}.pricing-button-primary:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:0 8px 20px #2563eb66}.pricing-button-secondary{background:#fff;color:var(--primary);border-color:var(--primary)}.pricing-button-secondary:hover{background:var(--primary);color:#fff;transform:translateY(-2px)}.premium-features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:2rem}.premium-feature-card{padding:2rem;background:var(--gray-50);border-radius:.75rem;text-align:center}.premium-icon{font-size:3rem;margin-bottom:1rem}.premium-feature-title{font-size:1.25rem;font-weight:700;color:var(--gray-900);margin-bottom:.75rem}.premium-feature-text{color:var(--gray-600);line-height:1.6}.faq-card{background:linear-gradient(135deg,#fefce8,#fef9c3)}.faq-list{display:flex;flex-direction:column;gap:2rem}.faq-item{padding:1.5rem;background:#fff;border-radius:.75rem}.faq-question{font-size:1.25rem;font-weight:700;color:var(--gray-900);margin-bottom:.75rem}.faq-answer{color:var(--gray-700);line-height:1.7}.footer{background:linear-gradient(to top,#fffffffa,#fffffff2);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:3rem 0 1.5rem;border-top:1px solid var(--gray-200);margin-top:auto}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;margin-bottom:2rem}.footer-section{display:flex;flex-direction:column;gap:.75rem}.footer-heading{font-size:1.125rem;font-weight:800;color:var(--gray-900);margin-bottom:.5rem}.footer-subheading{font-size:.9375rem;font-weight:700;color:var(--gray-800);margin-bottom:.25rem}.footer-text{color:var(--gray-600);line-height:1.6;font-size:.9375rem}.footer-links{list-style:none;display:flex;flex-direction:column;gap:.5rem}.footer-links a{color:var(--gray-600);text-decoration:none;font-size:.9375rem;transition:color .2s ease}.footer-links a:hover{color:var(--primary)}.footer-bottom{padding-top:2rem;border-top:1px solid var(--gray-200);text-align:center}.footer-bottom p{color:var(--gray-600);font-size:.875rem;margin-bottom:.5rem}@media(max-width:768px){.hero-title{font-size:2.25rem}.hero-subtitle{font-size:1.125rem}.page-title{font-size:2rem}.page-subtitle{font-size:1.0625rem}.features-grid,.pricing-grid,.data-categories,.analytics-features,.premium-features-grid{grid-template-columns:1fr}.why-item{flex-direction:column;gap:1rem}.why-number{width:50px;height:50px;font-size:1.25rem}.footer-content{grid-template-columns:1fr}.cta-buttons{flex-direction:column}.cta-button-large{width:100%}}.buyers-report{background:#fff;border-radius:1rem;padding:2.5rem;box-shadow:0 20px 25px -5px #0000001a;margin-bottom:2rem}.buyers-report-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:3px solid var(--primary);flex-wrap:wrap;gap:1rem}.report-title-section{flex:1}.buyers-report-title{font-size:2rem;font-weight:800;color:var(--gray-900);margin-bottom:.5rem;display:flex;align-items:center;gap:.75rem}.report-icon{font-size:2.5rem}.report-subtitle{color:var(--gray-600);font-size:1.0625rem;font-weight:500}.print-button{padding:.875rem 1.75rem;background:var(--primary);color:#fff;border:none;border-radius:.5rem;font-weight:700;font-size:1rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.5rem;box-shadow:0 4px 12px #2563eb4d}.print-button:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:0 8px 20px #2563eb66}.print-icon{font-size:1.25rem}.risk-assessment{padding:2rem;border-radius:.75rem;margin-bottom:2rem;border-left:6px solid}.risk-assessment.risk-critical{background:linear-gradient(135deg,#fee,#fecaca);border-left-color:#dc2626}.risk-assessment.risk-high{background:linear-gradient(135deg,#fef3c7,#fde68a);border-left-color:#f59e0b}.risk-assessment.risk-medium{background:linear-gradient(135deg,#fef9c3,#fef08a);border-left-color:#eab308}.risk-assessment.risk-low{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border-left-color:#10b981}.risk-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.risk-title{font-size:1.5rem;font-weight:800;color:var(--gray-900)}.risk-badge{padding:.75rem 1.5rem;border-radius:.5rem;font-weight:800;font-size:.875rem;letter-spacing:.05em;text-transform:uppercase}.risk-badge-critical{background:#dc2626;color:#fff;box-shadow:0 4px 12px #dc26264d}.risk-badge-high{background:#f59e0b;color:#fff;box-shadow:0 4px 12px #f59e0b4d}.risk-badge-medium{background:#eab308;color:#fff;box-shadow:0 4px 12px #eab3084d}.risk-badge-low{background:#10b981;color:#fff;box-shadow:0 4px 12px #10b9814d}.risk-section-heading{font-size:1.125rem;font-weight:700;color:var(--gray-900);margin-bottom:.75rem;margin-top:1.5rem}.risk-section-heading:first-of-type{margin-top:0}.risk-factors-list,.recommendations-list{list-style:none;display:flex;flex-direction:column;gap:.75rem}.risk-factors-list li{background:#fffc;border-radius:.5rem;font-weight:600;color:var(--gray-800);position:relative;padding:.875rem 1.25rem .875rem 2.5rem}.risk-factors-list li:before{content:"⚠️";position:absolute;left:.875rem;font-size:1.125rem}.recommendations-list li{background:#fffc;border-radius:.5rem;color:var(--gray-800);line-height:1.6;position:relative;padding:.875rem 1.25rem .875rem 2.5rem}.recommendations-list li:before{content:"→";position:absolute;left:.875rem;color:var(--primary);font-weight:800;font-size:1.25rem}.report-section{margin-bottom:2.5rem;padding:2rem;background:var(--gray-50);border-radius:.75rem}.section-heading{font-size:1.75rem;font-weight:800;color:var(--gray-900);margin-bottom:1rem;display:flex;align-items:center;gap:.75rem}.section-icon{font-size:2rem}.section-description{color:var(--gray-600);font-size:1.0625rem;line-height:1.6;margin-bottom:1.5rem}.major-issues-section{background:#fef2f2;border:2px solid #dc2626}.major-issues-list{display:flex;flex-direction:column;gap:1rem}.major-issue-item{padding:1.25rem;background:#fff;border-radius:.5rem;border-left:4px solid #dc2626;font-weight:700;color:var(--gray-900);font-size:1.0625rem;box-shadow:0 2px 8px #dc26261a}.advisories-list{display:flex;flex-direction:column;gap:.75rem}.advisory-item{padding:1rem;background:#fff;border-radius:.5rem;border-left:4px solid var(--warning);display:flex;flex-direction:column;gap:.5rem}.advisory-item.advisory-dangerous{border-left-color:#dc2626;background:#fef2f2}.advisory-type{font-size:.75rem;font-weight:700;text-transform:uppercase;color:var(--gray-600);letter-spacing:.05em}.advisory-text{color:var(--gray-800);line-height:1.6}.recurring-issues-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem}.recurring-issue-card{background:#fff;border-radius:.75rem;overflow:hidden;box-shadow:0 4px 12px #00000014;transition:all .3s ease}.recurring-issue-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0000001f}.issue-card-header{padding:1.25rem;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}.issue-category{font-size:1.125rem;font-weight:800;color:#000;margin:0}.severity-tag{padding:.375rem .875rem;border-radius:999px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.severity-critical{background:#dc2626;color:#fff}.severity-moderate{background:#f59e0b;color:#fff}.severity-minor{background:#3b82f6;color:#fff}.issue-card-body{padding:1.25rem}.issue-description{color:var(--gray-700);line-height:1.6;margin-bottom:1.25rem}.issue-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1rem;padding-top:1rem;border-top:2px solid var(--gray-100)}.issue-stat{display:flex;flex-direction:column;gap:.25rem}.stat-label{font-size:.75rem;color:var(--gray-600);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.stat-value{font-size:1rem;font-weight:700;color:var(--gray-900)}.common-issues-list{display:flex;flex-direction:column;gap:1.5rem}.common-issue-card{padding:1.5rem;background:#fff;border-radius:.75rem;border-left:6px solid;box-shadow:0 2px 8px #0000000f}.common-issue-card.issue-severity-critical{border-left-color:#dc2626}.common-issue-card.issue-severity-moderate{border-left-color:#f59e0b}.common-issue-card.issue-severity-minor{border-left-color:#3b82f6}.common-issue-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;gap:1rem;flex-wrap:wrap}.common-issue-component{font-size:1.25rem;font-weight:800;color:var(--gray-900);margin:0;flex:1}.issue-badges{display:flex;gap:.5rem;flex-wrap:wrap}.severity-badge{padding:.375rem .875rem;border-radius:.375rem;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.frequency-badge{padding:.375rem .875rem;background:var(--gray-200);color:var(--gray-800);border-radius:.375rem;font-size:.75rem;font-weight:600}.common-issue-description{color:var(--gray-700);line-height:1.7;margin-bottom:1rem}.affected-years,.estimated-cost{color:var(--gray-700);font-size:.9375rem;margin-bottom:.5rem}.variant-info{margin-top:1rem;display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.variant-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem .875rem;border-radius:.375rem;font-size:.8125rem;font-weight:600;color:#fff;box-shadow:0 2px 4px #0000001a}.variant-badge.fuel-badge{background:linear-gradient(135deg,#3b82f6,#2563eb)}.variant-badge.transmission-badge{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.variant-badge.engine-badge{background:linear-gradient(135deg,#ef4444,#dc2626)}.variant-badge.size-badge{background:linear-gradient(135deg,#10b981,#059669)}.variant-notes{width:100%;margin-top:.5rem;padding:.75rem 1rem;background:#3b82f61a;border-left:3px solid #3b82f6;border-radius:.375rem;color:var(--gray-700);font-size:.875rem;line-height:1.5}.inspection-guides-section{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:2px solid #3b82f6}.inspection-guides{display:flex;flex-direction:column;gap:2rem}.inspection-guide{background:#fff;border-radius:.75rem;padding:1.75rem;box-shadow:0 4px 12px #00000014}.guide-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid var(--gray-100);flex-wrap:wrap;gap:1rem}.guide-title{font-size:1.375rem;font-weight:800;color:var(--gray-900);margin:0}.professional-check-badge{padding:.5rem 1rem;background:linear-gradient(135deg,#dc2626,#991b1b);color:#fff;border-radius:.5rem;font-size:.8125rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.guide-section{margin-bottom:1.5rem}.guide-section:last-child{margin-bottom:0}.guide-section-title{font-size:1.0625rem;font-weight:700;color:var(--gray-900);margin-bottom:.75rem}.guide-checklist{list-style:none;display:flex;flex-direction:column;gap:.75rem}.checklist-item{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem;background:var(--gray-50);border-radius:.375rem}.check-box{flex-shrink:0;width:1.25rem;height:1.25rem;margin-top:.125rem;cursor:pointer}.checklist-item span{color:var(--gray-800);line-height:1.6}.guide-instructions{padding:1rem;background:var(--gray-50);border-radius:.5rem;color:var(--gray-800);line-height:1.7;border-left:4px solid var(--primary)}.warning-signs-section{background:#fef9c3;padding:1.25rem;border-radius:.5rem}.warning-signs-list{list-style:none;display:flex;flex-direction:column;gap:.625rem}.warning-sign{display:flex;align-items:flex-start;gap:.625rem;color:var(--gray-800);font-weight:500;line-height:1.6}.warning-icon{flex-shrink:0;font-size:1.125rem}.report-footer{margin-top:2rem;padding-top:2rem;border-top:2px solid var(--gray-200)}.report-disclaimer{padding:1.25rem;background:#fef3c7;border-left:4px solid #f59e0b;border-radius:.5rem;color:var(--gray-800);line-height:1.7;margin-bottom:1rem}.report-generated{text-align:center;color:var(--gray-500);font-size:.875rem;font-style:italic}@media print{.buyers-report{box-shadow:none;padding:1rem}.print-button{display:none}.report-section,.risk-assessment,.inspection-guide{page-break-inside:avoid}.buyers-report-header{page-break-after:avoid}}@media(max-width:768px){.buyers-report{padding:1.5rem}.buyers-report-title{font-size:1.5rem}.section-heading{font-size:1.375rem}.recurring-issues-grid,.issue-stats{grid-template-columns:1fr}.guide-header{flex-direction:column;align-items:flex-start}.professional-check-badge{width:100%;text-align:center}.risk-header{flex-direction:column;align-items:flex-start}.risk-badge{width:100%;text-align:center}}[data-theme=dark]{--primary: #60a5fa;--primary-dark: #3b82f6;--success: #34d399;--warning: #fbbf24;--danger: #f87171;--gray-50: #1f2937;--gray-100: #374151;--gray-200: #4b5563;--gray-300: #6b7280;--gray-500: #9ca3af;--gray-600: #d1d5db;--gray-700: #e5e7eb;--gray-800: #f3f4f6;--gray-900: #f9fafb;background:#111827;color:#f9fafb}[data-theme=dark] body{background:#111827;color:#f9fafb}[data-theme=dark] .app{background:#111827}[data-theme=dark] .header{background:#1f2937f2;color:#f9fafb}[data-theme=dark] .footer{background:#1f2937f2;color:#9ca3af}[data-theme=dark] .search-form-container,[data-theme=dark] .vehicle-card,[data-theme=dark] .premium-checks,[data-theme=dark] .analytics-card,[data-theme=dark] .mot-history,[data-theme=dark] .export-toolbar{background:#1f2937;color:#f9fafb}[data-theme=dark] .search-input{background:#374151;border-color:#4b5563;color:#f9fafb}[data-theme=dark] .search-input:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa1a}[data-theme=dark] .detail-row,[data-theme=dark] .timeline-content,[data-theme=dark] .premium-card{background:#374151}[data-theme=dark] .premium-card .detail-row,[data-theme=dark] .premium-card.card-critical .detail-row,[data-theme=dark] .premium-card.card-warning .detail-row{background:#1f2937}[data-theme=dark] .comment-item{background:#374151}[data-theme=dark] .comment-item.fail,[data-theme=dark] .comment-item.prs{background:#7f1d1d;border-left-color:#ef4444}[data-theme=dark] .comment-item.advisory,[data-theme=dark] .comment-item.minor{background:#78350f;border-left-color:#f59e0b}[data-theme=dark] .comment-item.dangerous{background:#7f1d1d!important}[data-theme=dark] .alert-warning{background:#7f1d1d;color:#fca5a5}[data-theme=dark] .alert-positive{background:#064e3b;color:#6ee7b7}[data-theme=dark] .health-score-card{background:linear-gradient(135deg,#4338ca,#581c87)}[data-theme=dark] .buyer-insights{background:linear-gradient(135deg,#1e3a8a,#164e63)}[data-theme=dark] .insight-item{background:#374151}[data-theme=dark] .anomaly-item.severity-high,[data-theme=dark] .recurring-issue.severity-high{background:#7f1d1d}[data-theme=dark] .anomaly-item.severity-medium,[data-theme=dark] .recurring-issue.severity-medium{background:#78350f}[data-theme=dark] .anomaly-item.severity-low,[data-theme=dark] .recurring-issue.severity-low{background:#1e3a8a}[data-theme=dark] .premium-card.card-critical{background:#7f1d1d}[data-theme=dark] .premium-card.card-warning{background:#78350f}[data-theme=dark] .risk-summary{background:#374151;border-left-color:#60a5fa}[data-theme=dark] .risk-summary li{background:#1f2937}[data-theme=dark] .search-history-dropdown{background:#1f2937;border-color:#4b5563}[data-theme=dark] .search-history-header,[data-theme=dark] .search-history-item:hover{background:#374151}[data-theme=dark] .error-message{background:#7f1d1d;color:#fca5a5;border-color:#ef4444}[data-theme=dark] .registration-plate{background:#ffd500;color:#000;border-color:#000}[data-theme=dark] .detail-label,[data-theme=dark] .stat-label,[data-theme=dark] .test-label{color:#d1d5db}[data-theme=dark] .detail-value,[data-theme=dark] .stat-value,[data-theme=dark] .test-value{color:#f9fafb}[data-theme=dark] .form-help,[data-theme=dark] .footer-note{color:#9ca3af}.dark-mode-toggle{position:fixed;bottom:2rem;right:2rem;width:56px;height:56px;border-radius:50%;background:var(--primary);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 25px #0003;transition:all .3s ease;z-index:1000}.dark-mode-toggle:hover{transform:translateY(-2px);box-shadow:0 15px 30px #0000004d}.dark-mode-toggle:active{transform:translateY(0)}.dark-mode-toggle svg{width:28px;height:28px;color:#fff}@media(max-width:768px){.dark-mode-toggle{bottom:1rem;right:1rem;width:48px;height:48px}.dark-mode-toggle svg{width:24px;height:24px}}@media print{[data-theme=dark]{--primary: #2563eb;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-900: #111827;background:#fff;color:#000}[data-theme=dark] body,[data-theme=dark] .app,[data-theme=dark] .vehicle-card,[data-theme=dark] .premium-checks,[data-theme=dark] .analytics-card,[data-theme=dark] .mot-history{background:#fff;color:#000}.dark-mode-toggle{display:none!important}}*{margin:0;padding:0;box-sizing:border-box}:root{--primary: #2563eb;--primary-dark: #1d4ed8;--primary-light: #3b82f6;--success: #10b981;--success-light: #d1fae5;--success-dark: #065f46;--danger: #ef4444;--danger-light: #fee;--danger-dark: #991b1b;--warning: #f59e0b;--warning-light: #fffbeb;--warning-dark: #92400e;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827;--nav-height: 80px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 10px 15px -3px rgba(0, 0, 0, .1);--shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--gradient-purple: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-purple-subtle: linear-gradient(135deg, rgba(102, 126, 234, .1) 0%, rgba(118, 75, 162, .1) 100%);--transition-fast: all .15s ease;--transition-normal: all .2s ease;--transition-slow: all .3s ease}html{scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--gradient-purple);min-height:100vh;color:var(--gray-900)}#root{min-height:100vh}