html{-webkit-text-size-adjust:100%;font-size:var(--radius-xl)}body{overflow-x:hidden}.clickable,a,button{cursor:pointer;min-height:44px;min-width:44px}button:not(.icon-only){padding:var(--radius-lg) var(--space-lg)}h1{font-size:clamp(28px,5vw,var(--space-2xl));line-height:1.2}h2{font-size:clamp(var(--space-lg),4vw,36px);line-height:1.3}h3{font-size:clamp(var(--font-size-xl),3.5vw,28px)}h3,h4{line-height:1.4}h4{font-size:clamp(var(--font-size-lg),3vw,var(--space-lg))}p{font-size:clamp(var(--font-size-sm),2.5vw,var(--radius-xl));line-height:1.6}.container,.container-fluid,.container-narrow{padding:0 var(--font-size-xl);width:100%}.container-narrow{margin:0 auto;max-width:900px}.grid{grid-gap:var(--font-size-xl);gap:var(--font-size-xl)}.grid-1{grid-template-columns:1fr}.grid-auto{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.grid-auto-narrow{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.flex,.flex-col{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.flex-center{justify-content:center}.flex-between,.flex-center{align-items:center;display:flex}.flex-between{justify-content:space-between}.flex-start{justify-content:flex-start}.flex-end,.flex-start{align-items:center;display:flex}.flex-end{justify-content:flex-end}.gap-sm{gap:10px}.gap-md{gap:var(--font-size-xl)}.gap-lg{gap:30px}.p-0{padding:0}.p-sm{padding:10px}.p-md{padding:var(--font-size-xl)}.p-lg{padding:40px}.px-sm{padding-left:10px;padding-right:10px}.px-md{padding-left:var(--font-size-xl);padding-right:var(--font-size-xl)}.px-lg{padding-left:40px;padding-right:40px}.py-sm{padding-bottom:10px;padding-top:10px}.py-md{padding-bottom:var(--font-size-xl);padding-top:var(--font-size-xl)}.py-lg{padding-bottom:40px;padding-top:40px}.m-0{margin:0}.m-sm{margin:10px}.m-md{margin:var(--font-size-xl)}.m-lg{margin:40px}.mx-auto{margin-left:auto;margin-right:auto}.my-sm{margin-bottom:10px;margin-top:10px}.my-md{margin-bottom:var(--font-size-xl);margin-top:var(--font-size-xl)}.my-lg{margin-bottom:40px;margin-top:40px}.mt-sm{margin-top:10px}.mt-md{margin-top:var(--font-size-xl)}.mt-lg{margin-top:40px}.mb-sm{margin-bottom:10px}.mb-md{margin-bottom:var(--font-size-xl)}.mb-lg{margin-bottom:40px}.mobile-nav{background:var(--color-white);box-shadow:0 2px 10px #0000001a;position:-webkit-sticky;position:sticky;top:0;z-index:1000}.mobile-nav-content{align-items:center;display:flex;justify-content:space-between;padding:15px var(--font-size-xl)}.mobile-menu-toggle{display:none}.card{box-shadow:0 2px 10px #00000014;padding:var(--font-size-xl);transition:all .3s}.card:hover{box-shadow:0 5px var(--font-size-xl) #0000001f;transform:translateY(-2px)}.card-title{color:var(--color-gray-700);font-size:var(--font-size-xl);font-weight:700;margin-bottom:var(--radius-lg)}.card-content{color:var(--color-gray-500);font-size:var(--font-size-sm);line-height:1.6}input,select,textarea{-webkit-appearance:none;appearance:none;border:2px solid var(--color-gray-300);border-radius:var(--radius-md);font-size:var(--radius-xl);padding:var(--radius-lg) var(--radius-xl);transition:border-color .3s;width:100%}input:focus,select:focus,textarea:focus{border-color:var(--color-primary);outline:none}label{color:var(--color-gray-600);display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);margin-bottom:var(--radius-md)}.btn{display:inline-block;font-size:var(--radius-xl);padding:var(--radius-lg) var(--space-lg);text-align:center;transition:all .3s}.btn-primary{background:var(--gradient-primary)}.btn-primary:hover{box-shadow:0 5px 15px #7a9b8e66;transform:translateY(-2px)}.btn-secondary{background:var(--color-white)}.btn-secondary:hover{background:var(--color-primary);color:var(--color-white)}.btn-danger:hover{background:var(--color-danger-dark)}.btn-block{display:block;width:100%}.hidden{display:none}.visible{display:block}.overflow-hidden{overflow:hidden}.overflow-scroll{overflow:auto}.rounded{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-full{border-radius:var(--radius-full)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow{box-shadow:0 2px 10px #0000001a}.shadow-lg{box-shadow:0 5px var(--font-size-xl) #00000026}@media (min-width:768px){.container{padding:0 40px}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.mobile-menu-toggle{display:none!important}.md\:hidden{display:none}.md\:block{display:block}.md\:flex{display:flex}h1{font-size:var(--space-2xl)}}@media (min-width:1024px){.grid-4{grid-template-columns:repeat(4,1fr)}.lg\:hidden{display:none}.lg\:block{display:block}.lg\:flex{display:flex}}@media (max-width:767px){.mobile-menu-toggle{display:flex!important}.mobile-hide{display:none!important}.mobile-stack{flex-direction:column}.mobile-full{width:100%!important}.mobile-p-sm{padding:10px!important}body{font-size:var(--radius-xl)}table{-webkit-overflow-scrolling:touch;display:block;overflow-x:auto}}.loading{align-items:center;display:flex;font-size:var(--font-size-lg);justify-content:center;min-height:200px}.spinner{border-top:3px solid var(--color-gray-100);border:3px solid var(--color-gray-100);border-top-color:var(--color-primary);height:40px;width:40px}:focus-visible{outline:2px solid var(--color-primary)}.skip-to-main{background:var(--color-primary);color:var(--color-white);left:0;padding:var(--radius-md) var(--radius-xl);position:absolute;text-decoration:none;top:-40px;z-index:100}.skip-to-main:focus{top:0}.sr-only{border-width:0}@media (prefers-reduced-motion:no-preference){*{transition-duration:.3s;transition-timing-function:ease}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--color-primary:#7a9b8e;--color-primary-dark:#5a7b6e;--color-primary-light:#a3c4b5;--color-secondary:#f4a261;--color-white:#fff;--color-gray-50:#f9fafb;--color-gray-100:#f3f4f6;--color-gray-200:#e5e7eb;--color-gray-300:#d1d5db;--color-gray-400:#9ca3af;--color-gray-500:#6b7280;--color-gray-600:#4b5563;--color-gray-700:#374151;--color-gray-800:#1f2937;--color-gray-900:#111827;--color-success:#7a9b8e;--color-success-dark:#5a7b6e;--color-warning:#f4a261;--color-danger:#ef4444;--color-danger-dark:#dc2626;--color-info:#4a5f7a;--gradient-primary:linear-gradient(135deg,#7a9b8e,#5a7b6e);--gradient-light:linear-gradient(135deg,#f5f7fa,#e8ecf1);--space-xs:0.25rem;--space-sm:0.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:2rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:999px;--shadow-sm:0 1px 3px #0000001f;--shadow-md:0 4px 12px #00000026;--shadow-lg:0 8px 20px #0000002e;--shadow-xl:0 12px 30px #00000038;--shadow-2xl:0 20px 40px #00000040;--shadow-button:0 2px 8px #00000026;--shadow-button-hover:0 4px 16px #0003;--shadow-button-primary:0 4px 12px #7a9b8e59;--shadow-button-primary-hover:0 6px 20px #7a9b8e73;--container-max-width:1200px;--container-padding:1rem;--z-dropdown:1000;--z-sticky:100;--z-fixed:200;--z-modal:2000;--transition-fast:0.2s ease;--transition-base:0.3s ease;--transition-slow:0.5s ease;--breakpoint-tablet:768px;--breakpoint-desktop:1024px;--breakpoint-large:1440px}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f9fafb;background:var(--color-gray-50);color:#1f2937;color:var(--color-gray-800);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family);font-size:1rem;font-size:var(--font-size-base);line-height:1.6}h1,h2,h3,h4,h5,h6{color:#111827;color:var(--color-gray-900);font-weight:700;font-weight:var(--font-weight-bold);line-height:1.2}h1{font-size:2rem;font-size:var(--font-size-3xl)}h2{font-size:1.5rem;font-size:var(--font-size-2xl)}h3{font-size:1.25rem;font-size:var(--font-size-xl)}h4{font-size:1.125rem;font-size:var(--font-size-lg)}h5{font-size:1rem;font-size:var(--font-size-base)}h6{font-size:.875rem;font-size:var(--font-size-sm)}p{margin-bottom:1rem;margin-bottom:var(--space-md)}@media (max-width:768px){h1{font-size:1.5rem;font-size:var(--font-size-2xl)}h2{font-size:1.25rem;font-size:var(--font-size-xl)}h3{font-size:1.125rem;font-size:var(--font-size-lg)}}.container{margin:0 auto;max-width:1200px;max-width:var(--container-max-width);padding:0 1rem;padding:0 var(--container-padding)}.page-container{background:linear-gradient(135deg,#7a9b8e,#5a7b6e);background:var(--gradient-primary);min-height:100vh}.card{background:#fff;background:var(--color-white);border:1px solid #e5e7eb;border:1px solid var(--color-gray-200);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 4px 12px #00000026;box-shadow:var(--shadow-md);padding:2rem;padding:var(--space-xl);transition:transform .2s ease,box-shadow .2s ease;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.card:hover{box-shadow:0 12px 30px #00000038;box-shadow:var(--shadow-xl);transform:translateY(-3px)}.card-compact{padding:1.5rem;padding:var(--space-lg)}@media (max-width:768px){.card{border-radius:8px;border-radius:var(--radius-md);padding:1.5rem;padding:var(--space-lg)}}.btn{align-items:center;border:none;border-radius:8px;border-radius:var(--radius-md);box-shadow:0 2px 8px #00000026;box-shadow:var(--shadow-button);cursor:pointer;display:inline-flex;font-size:1rem;font-size:var(--font-size-base);font-weight:600;font-weight:var(--font-weight-semibold);justify-content:center;min-height:44px;padding:.75rem 1.5rem;text-decoration:none;transition:all .2s ease;transition:all var(--transition-fast)}.btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.5}.btn-primary{background:#7a9b8e;box-shadow:0 4px 12px #7a9b8e59;box-shadow:var(--shadow-button-primary)}.btn-primary:hover:not(:disabled){background:#5a7b6e;background:var(--color-primary-dark);box-shadow:0 6px 20px #7a9b8e73;box-shadow:var(--shadow-button-primary-hover)}.btn-secondary{background:#6b7280;background:var(--color-gray-500);box-shadow:0 2px 8px #00000026;box-shadow:var(--shadow-button);color:#fff;color:var(--color-white)}.btn-secondary:hover:not(:disabled){background:#4b5563;background:var(--color-gray-600);box-shadow:0 4px 16px #0003;box-shadow:var(--shadow-button-hover);transform:translateY(-2px)}.btn-success{background:#7a9b8e;box-shadow:0 2px 8px #00000026;box-shadow:var(--shadow-button);color:#fff}.btn-success:hover:not(:disabled){background:#5a7b6e;background:var(--color-success-dark);box-shadow:0 4px 16px #0003;box-shadow:var(--shadow-button-hover);transform:translateY(-2px)}.btn-danger{background:#ef4444;background:var(--color-danger);box-shadow:0 2px 8px #00000026;box-shadow:var(--shadow-button);color:#fff;color:var(--color-white)}.btn-danger:hover:not(:disabled){background:#dc2626;background:var(--color-danger-dark);box-shadow:0 4px 16px #0003;box-shadow:var(--shadow-button-hover);transform:translateY(-2px)}.btn-small{font-size:.875rem;font-size:var(--font-size-sm);min-height:36px;padding:.5rem 1rem}.btn-large{font-size:1.125rem;font-size:var(--font-size-lg);padding:1rem 2rem}@media (max-width:768px){.btn{padding:.875rem 1.25rem;width:100%}.btn-small{width:auto}}.form-group{margin-bottom:1.5rem}.form-label{color:#374151;color:var(--color-gray-700);display:block;font-size:.875rem;font-size:var(--font-size-sm);font-weight:600;font-weight:var(--font-weight-semibold);margin-bottom:.5rem;margin-bottom:var(--space-sm)}.form-input,.form-select,.form-textarea{background:#fff;background:var(--color-white);border:2px solid #e5e7eb;border:2px solid var(--color-gray-200);border-radius:8px;border-radius:var(--radius-md);font-size:1rem;font-size:var(--font-size-base);min-height:44px;padding:.75rem;transition:border-color .2s ease;transition:border-color var(--transition-fast);width:100%}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#7a9b8e;border-color:var(--color-primary);box-shadow:0 0 0 3px #7a9b8e1a;outline:none}.form-input:disabled,.form-select:disabled{background:#f3f4f6;background:var(--color-gray-100);cursor:not-allowed}.table-container{margin:1.5rem 0;margin:var(--space-lg) 0}.table{border-collapse:collapse;font-size:.875rem;font-size:var(--font-size-sm);width:100%}.table thead{background:#f3f4f6;background:var(--color-gray-100)}.table th{border-bottom:2px solid #e5e7eb;border-bottom:2px solid var(--color-gray-200);color:#374151;color:var(--color-gray-700);font-weight:600;font-weight:var(--font-weight-semibold);text-align:left}.table td,.table th{padding:1rem;padding:var(--space-md)}.table td{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--color-gray-200)}.table tbody tr:hover{background:#f9fafb;background:var(--color-gray-50)}@media (max-width:768px){.table{font-size:.75rem;font-size:var(--font-size-xs)}.table td,.table th{padding:.5rem;padding:var(--space-sm)}}.grid{grid-gap:1.5rem;grid-gap:var(--space-lg);display:grid;gap:1.5rem;gap:var(--space-lg)}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@media (max-width:1024px){.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mt-sm{margin-top:.5rem;margin-top:var(--space-sm)}.mt-md{margin-top:1rem;margin-top:var(--space-md)}.mt-lg{margin-top:1.5rem;margin-top:var(--space-lg)}.mt-xl{margin-top:2rem;margin-top:var(--space-xl)}.mb-sm{margin-bottom:.5rem;margin-bottom:var(--space-sm)}.mb-md{margin-bottom:1rem;margin-bottom:var(--space-md)}.mb-lg{margin-bottom:1.5rem;margin-bottom:var(--space-lg)}.mb-xl{margin-bottom:2rem;margin-bottom:var(--space-xl)}.p-sm{padding:.5rem;padding:var(--space-sm)}.p-md{padding:1rem;padding:var(--space-md)}.p-lg{padding:1.5rem;padding:var(--space-lg)}.p-xl{padding:2rem;padding:var(--space-xl)}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}:focus-visible{outline:3px solid #7a9b8e;outline:3px solid var(--color-primary);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (max-width:768px){.hide-mobile{display:none!important}}@media (min-width:768px) and (max-width:1023px){.hide-tablet{display:none!important}}@media (min-width:1024px){.hide-desktop{display:none!important}}.show-mobile{display:none!important}@media (max-width:768px){.show-mobile{display:block!important}}:root{--color-primary-light:#e8f4f0;--color-success-light:#e8f4f0;--color-warning-light:#fff8f0;--color-warning-dark:#e38e3e;--color-danger-light:#fee2e2;--color-info-light:#e8eef4;--color-info-dark:#2d3e50;--color-badge-user-bg:#e8eef4;--color-badge-user-text:#2d3e50;--color-badge-admin-bg:#fecaca;--color-badge-admin-text:#991b1b;--color-badge-super-bg:#fff8f0;--color-badge-super-text:#e38e3e;--color-badge-mechanic-bg:#fef3c7;--color-badge-mechanic-text:#92400e;--color-badge-fleet-bg:#e8f4f0;--color-badge-fleet-text:#5a7b6e}.role-badge{align-items:center;border-radius:var(--radius-sm);display:inline-flex;font-size:13px;gap:var(--radius-sm);padding:var(--radius-sm) var(--radius-lg);transition:all .2s;white-space:nowrap}.role-badge-small{font-size:11px;gap:var(--space-xs);padding:var(--space-xs) var(--radius-md)}.role-badge-large{border-radius:var(--radius-md);font-size:var(--radius-xl);gap:var(--radius-md);padding:10px var(--radius-xl)}.role-icon{font-size:1.1em}.role-icon,.role-text{line-height:1}.role-badge-super-admin{background:linear-gradient(135deg,var(--color-warning) 0,var(--color-warning) 100%);border:2px solid var(--color-warning);box-shadow:0 2px var(--radius-md) #ffd7004d;color:var(--color-gray-800)}.role-badge-super-admin:hover{box-shadow:0 var(--space-xs) var(--radius-lg) #ffd70080;transform:translateY(-1px)}.role-badge-admin{background:linear-gradient(135deg,var(--color-info-light) 0,var(--color-info-light) 100%);border:2px solid var(--color-info);color:var(--color-info-dark)}.role-badge-admin:hover{background:var(--color-info-light)}.role-badge-fleet-manager{background:linear-gradient(135deg,#dcfce7,#bbf7d0);border:2px solid var(--color-success);color:#166534}.role-badge-fleet-manager:hover{background:#bbf7d0}.role-badge-mechanic{background:linear-gradient(135deg,var(--color-warning-light) 0,var(--color-warning-light) 100%);border:2px solid var(--color-warning);color:var(--color-warning-dark)}.role-badge-mechanic:hover{background:var(--color-warning-light)}.role-badge-user{background:var(--color-gray-100);border:2px solid var(--color-gray-300);color:var(--color-gray-600)}.role-badge-user:hover{background:var(--color-gray-200)}.role-badge.USER,.role-badge.user{background-color:var(--color-info-light);color:var(--color-info-dark);text-transform:uppercase}.role-badge.ADMIN,.role-badge.admin{background-color:#fecaca;color:#991b1b;text-transform:uppercase}.role-badge.SUPER_ADMIN,.role-badge.super-admin,.role-badge.super_admin{background-color:var(--color-primary-light);color:#6b21a8;text-transform:uppercase}.role-badge.MECHANIC,.role-badge.mechanic{background-color:var(--color-warning-light);color:var(--color-warning-dark);text-transform:uppercase}.role-badge.FLEET_MANAGER,.role-badge.fleet-manager,.role-badge.fleet_manager{background-color:#dcfce7;color:#166534;text-transform:uppercase}.debug-auth-status{position:fixed;right:20px;top:20px;z-index:99999}.debug-toggle{background:#ff6b6b;border:none;border-radius:8px;box-shadow:0 4px 12px #ff6b6b66;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s}.debug-toggle:hover{background:#ff5252;box-shadow:0 6px 16px #ff6b6b80;transform:translateY(-2px)}.debug-panel{background:#fff;box-shadow:-4px 0 20px #0000004d;height:100vh;overflow-y:auto;position:fixed;right:-500px;top:0;transition:right .3s ease;width:450px;z-index:100000}.debug-panel.open{right:0}.debug-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;justify-content:space-between;padding:20px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.debug-header h3{font-size:18px;margin:0}.debug-close{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:18px;height:32px;justify-content:center;transition:background .2s;width:32px}.debug-close:hover{background:#ffffff4d}.debug-section{border-bottom:1px solid #e0e0e0;padding:20px}.debug-section h4{color:#333;font-size:14px;letter-spacing:.5px;margin:0 0 15px;text-transform:uppercase}.debug-row{display:flex;font-size:13px;justify-content:space-between;line-height:1.5;margin:10px 0}.debug-row .label{color:#666;flex:0 0 180px;font-weight:600}.debug-row .value{color:#333;flex:1 1;font-family:Courier New,monospace;word-break:break-word}.debug-row .value.success{color:#28a745;font-weight:600}.debug-row .value.error{color:#dc3545;font-weight:600}.checklist{list-style:none;margin:0;padding:0}.checklist li{font-family:Courier New,monospace;font-size:13px;padding:8px 0}.checklist li.check{color:#28a745}.checklist li.x{color:#dc3545}.debug-button{background:#667eea;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;margin:5px 5px 5px 0;padding:10px 16px;transition:all .2s}.debug-button:hover{background:#5568d3;transform:translateY(-1px)}.debug-button:active{transform:translateY(0)}.vehicle-card{background-color:var(--color-white);border-radius:var(--radius-lg);box-shadow:0 2px 10px #00000014;display:flex;flex-direction:column;min-height:280px;overflow:hidden;transition:all var(--transition-base)}.vehicle-card:active{box-shadow:0 var(--radius-sm) var(--font-size-xl) #00000026;transform:translateY(-3px)}.vehicle-image{align-items:center;background:var(--gradient-light);border-bottom:2px solid var(--color-gray-100);display:flex;font-size:60px;height:160px;justify-content:center;position:relative}.vehicle-photo{height:100%;object-fit:cover;width:100%}.vehicle-emoji{font-size:60px}.btn-fuel-quick{align-items:center;background:var(--color-secondary);border:none;border-radius:var(--radius-lg);box-shadow:0 4px 12px #0000004d;color:var(--color-white);cursor:pointer;display:flex;font-size:14px;font-weight:var(--font-weight-semibold);gap:6px;justify-content:center;opacity:1;padding:8px 14px;position:absolute;right:10px;top:10px;transition:all .2s;z-index:10}.fuel-icon{font-size:16px;line-height:1}.fuel-text{font-size:13px;line-height:1}.btn-fuel-quick:hover{background:var(--color-secondary-dark);box-shadow:0 6px 16px #0006;opacity:1;transform:translateY(-2px)}.vehicle-info{flex:1 1;flex-direction:column;gap:var(--radius-lg);padding:var(--font-size-xl)}.vehicle-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--color-gray-700);display:-webkit-box;font-size:var(--font-size-lg);font-weight:700;line-height:1.3;margin:0;overflow:hidden;text-overflow:ellipsis}.vehicle-details{display:flex;flex-direction:column;gap:var(--radius-md)}.vehicle-detail{align-items:center;border-bottom:1px solid var(--color-gray-50);display:flex;font-size:var(--font-size-sm);justify-content:space-between;padding:var(--radius-sm) 0}.vehicle-detail:last-child{border-bottom:none}.detail-value{color:var(--color-gray-600)}.vehicle-status{margin-top:auto}.status-badge,.vehicle-status{display:flex;justify-content:center}.status-badge{border-radius:var(--font-size-xl);font-size:13px;min-height:36px;padding:var(--radius-md) var(--font-size-xl);text-align:center}.status-badge.active{background-color:var(--color-success);color:var(--color-white)}.status-badge.expired{background-color:var(--color-danger);color:var(--color-white)}.status-badge.no-insurance{background-color:var(--color-gray-400);color:var(--color-white)}@media (min-width:768px){.vehicle-card{min-height:300px}.vehicle-image{height:180px}.vehicle-emoji{font-size:70px}.vehicle-title{font-size:var(--font-size-xl)}.vehicle-detail{font-size:15px}}@media (min-width:1024px){.vehicle-card:hover{box-shadow:0 10px 30px #00000026;transform:translateY(-5px)}.vehicle-card:active{transform:translateY(-3px)}}@media (hover:hover) and (pointer:fine){.vehicle-card:hover .vehicle-image{background:var(--gradient-primary)}.vehicle-card:hover .status-badge.active{background-color:var(--color-success-dark)}.vehicle-card:hover .status-badge.expired{background-color:var(--color-danger-dark)}.vehicle-card:hover .status-badge.no-insurance{background-color:var(--color-gray-500)}}@media (max-width:480px){.vehicle-image{height:140px}.vehicle-emoji{font-size:50px}.btn-fuel-quick{font-size:12px;padding:6px 10px}.fuel-icon{font-size:14px}.fuel-text{font-size:11px}.vehicle-info{padding:var(--radius-xl)}.vehicle-title{font-size:var(--radius-xl)}.vehicle-detail{font-size:13px}.status-badge{font-size:var(--radius-lg);padding:var(--radius-sm) var(--radius-xl)}}.vehicle-card:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px}@media (prefers-contrast:high){.vehicle-card{border:2px solid var(--color-gray-900)}.vehicle-image{border-bottom:3px solid var(--color-gray-900)}}@media (prefers-reduced-motion:reduce){.vehicle-card{transition:none}.vehicle-card:active,.vehicle-card:hover{transform:none}}.vehicle-card.loading{opacity:.6;pointer-events:none}.vehicle-card.loading .vehicle-image{animation:pulse 1.5s ease-in-out infinite}.fleet-dashboard{gap:0;width:100%}.fleet-dashboard,.fleet-loading{display:flex;flex-direction:column}.fleet-loading{align-items:center;gap:var(--font-size-xl);justify-content:center;min-height:400px}.fleet-tabs{-webkit-overflow-scrolling:touch;background:var(--color-white);border-bottom:2px solid var(--color-gray-200);border-radius:var(--radius-lg) var(--radius-lg) 0 0;box-shadow:var(--shadow-md);margin-bottom:0;overflow-x:auto;padding:var(--space-sm)}.fleet-tab,.fleet-tabs{display:flex;gap:var(--space-sm)}.fleet-tab{align-items:center;background:#0000;border:none;border-radius:var(--radius-md);color:var(--color-gray-600);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);padding:var(--space-md) var(--space-lg);position:relative;transition:all var(--transition-fast);white-space:nowrap}.fleet-tab:hover{background:var(--color-gray-100);color:var(--color-gray-800)}.fleet-tab.active{background:var(--gradient-primary);box-shadow:0 2px var(--radius-md) #7a9b8e4d;color:var(--color-white)}.tab-icon{font-size:var(--font-size-lg)}.tab-label{font-size:var(--font-size-sm)}.tab-badge{align-items:center;background:var(--color-gray-200);border-radius:11px;color:var(--color-gray-700);display:inline-flex;font-size:var(--radius-lg);font-weight:var(--font-weight-bold);height:22px;justify-content:center;line-height:1;min-width:22px;padding:0 var(--space-sm)}.fleet-tab.active .tab-badge{background:#ffffff4d;color:var(--color-white)}.tab-badge.alert{background:var(--color-danger);color:var(--color-white)}.fleet-tab.active .tab-badge.alert{background:var(--color-white);color:var(--color-danger)}.fleet-tab-content{animation:fadeIn .3s ease-in-out;background:var(--color-white);border-radius:0 0 var(--radius-lg) var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--space-xl)}.section-title{color:var(--color-gray-700);font-size:var(--space-lg);font-weight:700;margin:0 0 var(--font-size-xl) 0}.section-header{margin-bottom:var(--font-size-xl)}.subsection-title{color:var(--color-gray-700);font-size:var(--font-size-lg);font-weight:700;margin:0 0 15px}.overview-section{background:#0000;border-radius:0;box-shadow:none;padding:0}.overview-cards{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr}.overview-card{background:var(--color-gray-50);border-radius:var(--radius-lg);border-top:var(--space-xs) solid;padding:var(--font-size-xl);text-align:center;transition:all .3s}.overview-card:active{box-shadow:var(--shadow-lg);transform:translateY(-3px)}.card-icon{font-size:40px;margin-bottom:var(--radius-lg)}.card-value{color:var(--color-gray-700);font-size:var(--space-xl);font-weight:700;margin-bottom:var(--radius-md)}.card-label{color:var(--color-gray-500);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-xs)}.card-subtitle{color:var(--color-gray-400);font-size:var(--radius-lg)}.maintenance-list{display:flex;flex-direction:column;gap:15px}.maintenance-item{background:var(--color-gray-50);border-left:var(--space-xs) solid var(--color-primary);border-radius:10px;padding:var(--font-size-xl);transition:all .3s}.maintenance-item.overdue{background:var(--color-white)5f5;border-left-color:var(--color-danger)}.maintenance-item:active{box-shadow:0 2px var(--radius-md) #0000001a;transform:translateX(5px)}.maintenance-header{display:flex;flex-direction:column;gap:10px;margin-bottom:15px}.vehicle-info{align-items:center;display:flex;gap:10px}.vehicle-icon{font-size:var(--space-lg)}.vehicle-name{font-size:var(--radius-xl)}.service-type{color:var(--color-primary);font-size:var(--font-size-lg);font-weight:700}.maintenance-item.overdue .service-type{color:var(--color-danger)}.maintenance-details{margin-bottom:15px}.due-info{margin-bottom:10px}.due-text{color:var(--color-gray-500);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.due-text.overdue{color:var(--color-danger);font-weight:700}.progress-fill{transition:width .3s}.btn-view-details{background:var(--color-primary);border:none;border-radius:var(--radius-md);color:var(--color-white);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);min-height:44px;padding:var(--radius-lg);transition:all .3s;width:100%}.btn-view-details:hover{background:var(--color-primary-dark)}.btn-view-details:active{transform:scale(.98)}.empty-maintenance{padding:60px var(--font-size-xl)}.fleet-grid{grid-gap:var(--font-size-xl);display:grid;gap:var(--font-size-xl);grid-template-columns:1fr}.chart-section,.health-section{background:#0000;border-radius:0;box-shadow:none;padding:0}.health-summary{display:flex;flex-direction:column;gap:var(--font-size-xl)}.health-stats{grid-gap:var(--radius-lg);display:grid;gap:var(--radius-lg);grid-template-columns:1fr}.health-stat{align-items:center;background:var(--color-gray-50);border-left:var(--space-xs) solid;border-radius:var(--radius-md);display:flex;gap:var(--radius-lg);padding:15px}.health-stat.excellent{border-left-color:var(--color-success)}.health-stat.good{border-left-color:#90ee90}.health-stat.fair,.health-stat.poor{border-left-color:var(--color-warning)}.health-stat.critical{border-left-color:var(--color-danger)}.stat-icon{font-size:28px}.stat-count{color:var(--color-gray-700);font-size:var(--space-lg);font-weight:700;min-width:30px}.no-vehicles{color:var(--color-gray-400)}.chart-placeholder,.no-vehicles{padding:40px var(--font-size-xl);text-align:center}.chart-placeholder{align-items:center;background:var(--gradient-light);border:2px dashed var(--color-gray-300);border-radius:var(--radius-lg);display:flex;flex-direction:column;justify-content:center;min-height:300px}.placeholder-icon{font-size:60px;margin-bottom:15px;opacity:.5}.chart-placeholder h4{color:var(--color-gray-700);font-size:var(--font-size-lg);margin-bottom:var(--radius-lg)}.chart-placeholder p{color:var(--color-gray-500);font-size:var(--font-size-sm);line-height:1.6;margin-bottom:var(--font-size-xl);max-width:400px}.placeholder-features{display:flex;flex-direction:column;gap:10px}.feature-item{color:var(--color-primary);font-size:13px;font-weight:var(--font-weight-medium)}.vehicles-overview-section{background:#0000;border-radius:0;box-shadow:none;padding:0}.vehicles-health-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr}.vehicles-table-wrapper{border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);overflow-x:auto}.vehicles-table{background:var(--color-white);border-collapse:collapse;width:100%}.vehicles-table thead{background:var(--color-gray-100);border-bottom:2px solid var(--color-gray-300)}.vehicles-table th{color:var(--color-gray-700);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);padding:var(--space-md) var(--radius-xl);text-align:left;white-space:nowrap}.vehicles-table tbody tr{border-bottom:1px solid var(--color-gray-200);cursor:pointer;transition:background-color .2s}.vehicles-table tbody tr:hover{background-color:var(--color-gray-50)}.vehicles-table tbody tr:last-child{border-bottom:none}.vehicles-table td{color:var(--color-gray-700);font-size:var(--font-size-sm);padding:var(--space-md) var(--radius-xl)}.vehicle-name-cell{min-width:200px}.vehicle-name-content{align-items:center;display:flex;gap:var(--radius-lg)}.vehicle-name-content .vehicle-icon{font-size:var(--space-lg)}.vehicle-brand-model{color:var(--color-gray-800);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.vehicle-license{margin-top:2px}.vehicle-license,.vin-cell{color:var(--color-gray-500);font-size:var(--radius-lg)}.vin-cell{font-family:monospace}.insurance-badge{border-radius:var(--radius-md);display:inline-block;font-size:var(--radius-lg);font-weight:var(--font-weight-semibold);padding:.25rem .75rem;white-space:nowrap}.insurance-badge.active{background-color:var(--color-success-light);color:var(--color-success-dark)}.insurance-badge.warning{background-color:var(--color-warning-light);color:var(--color-warning-dark)}.insurance-badge.expired{background-color:var(--color-danger-light);color:var(--color-danger-dark)}.insurance-badge.none{background-color:var(--color-gray-100);color:var(--color-gray-600)}.health-badge-cell{align-items:center;display:flex;gap:var(--space-sm)}.health-icon{font-size:var(--font-size-lg)}.health-text{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.maintenance-table tbody tr.overdue-row{background-color:#dc35450d}.maintenance-table tbody tr.overdue-row:hover{background-color:#dc35451a}.service-type-cell{font-weight:var(--font-weight-semibold)}.service-overdue{color:var(--color-danger);font-weight:var(--font-weight-bold)}.service-upcoming{color:var(--color-primary);font-weight:var(--font-weight-semibold)}.due-date-cell{color:var(--color-gray-600);font-size:var(--font-size-sm)}.status-badge{border-radius:var(--radius-md);display:inline-block;padding:.25rem .75rem;white-space:nowrap}.status-badge.upcoming{background-color:var(--color-primary-light);color:var(--color-primary-dark)}.status-badge.overdue{background-color:var(--color-danger-light);color:var(--color-danger-dark)}.progress-cell{min-width:150px}.progress-bar-wrapper{align-items:center;display:flex;gap:var(--space-sm)}.table-progress-bar{background:var(--color-gray-200);border-radius:var(--space-xs);flex:1 1;height:var(--radius-md);overflow:hidden}.table-progress-fill{background:linear-gradient(90deg,var(--color-success) 0,var(--color-warning) 70%,var(--color-danger) 90%);border-radius:var(--space-xs);height:100%;transition:width .3s}.progress-text{color:var(--color-gray-600);font-size:var(--radius-lg);font-weight:var(--font-weight-semibold);min-width:40px;text-align:right}.overdue-text{color:var(--color-danger);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold)}.vehicle-health-card{align-items:center;background:var(--color-gray-50);border-radius:10px;cursor:pointer;display:flex;gap:15px;padding:var(--font-size-xl);transition:all .3s}.vehicle-health-card:active{box-shadow:var(--shadow-lg);transform:translateY(-3px)}.vehicle-health-icon{font-size:40px;min-width:40px}.vehicle-health-info{flex:1 1}.vehicle-health-name{color:var(--color-gray-700);font-size:var(--radius-xl)}.vehicle-health-name,.vehicle-health-status{font-weight:var(--font-weight-semibold);margin-bottom:var(--space-xs)}.vehicle-health-status{font-size:var(--font-size-sm)}.vehicle-health-score{color:var(--color-gray-400);font-size:var(--radius-lg)}.btn-secondary-small{background:var(--color-white);border:2px solid var(--color-primary);border-radius:var(--radius-sm);color:var(--color-primary);cursor:pointer;font-size:13px;font-weight:var(--font-weight-semibold);min-height:36px;padding:var(--radius-md) var(--radius-xl);transition:all .3s}.btn-secondary-small:hover{background:var(--color-primary);color:var(--color-white)}.btn-secondary-small:active{transform:scale(.95)}@media (min-width:768px){.overview-cards{gap:var(--font-size-xl);grid-template-columns:repeat(2,1fr)}.maintenance-header{align-items:center;flex-direction:row;justify-content:space-between}.fleet-grid{grid-template-columns:1fr 1fr}.health-stats,.vehicles-health-grid{grid-template-columns:repeat(2,1fr)}.section-title{font-size:28px}.subsection-title{font-size:var(--font-size-xl)}}@media (min-width:1024px){.overview-cards{grid-template-columns:repeat(4,1fr)}.vehicles-health-grid{grid-template-columns:repeat(3,1fr)}.overview-card:hover{box-shadow:0 var(--radius-sm) var(--font-size-xl) #0000001f;transform:translateY(-5px)}.maintenance-item:hover{box-shadow:0 var(--space-xs) 15px #0000001f;transform:translateX(var(--radius-md))}.vehicle-health-card:hover{box-shadow:0 var(--radius-sm) var(--font-size-xl) #0000001f;transform:translateY(-5px)}}@media (min-width:1440px){.vehicles-health-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width:480px){.fleet-tabs{gap:var(--space-xs);padding:var(--space-xs)}.fleet-tab{flex-direction:column;gap:.25rem;min-width:70px;padding:var(--space-sm) var(--radius-lg)}.tab-icon{font-size:var(--space-lg)}.tab-label{font-size:11px}.tab-badge{font-size:10px;height:18px;min-width:18px;position:absolute;right:var(--space-xs);top:var(--space-xs)}.chart-section,.health-section,.maintenance-section,.overview-section,.vehicles-overview-section{padding:0}.section-title{font-size:var(--font-size-xl)}.subsection-title{font-size:var(--radius-xl)}.card-value{font-size:28px}.card-icon{font-size:36px}.vehicle-name{font-size:var(--font-size-sm)}.service-type{font-size:var(--radius-xl)}.vehicles-table{font-size:var(--radius-lg)}.vehicles-table thead{display:none}.vehicles-table tbody tr{border:1px solid var(--color-gray-200);border-radius:var(--radius-md);display:block;margin-bottom:var(--space-md);padding:var(--space-md)}.vehicles-table td{border:none;display:block;padding:var(--space-sm) 0}.vehicles-table td:before{color:var(--color-gray-500);content:attr(data-label);display:inline-block;font-weight:var(--font-weight-semibold);margin-right:var(--space-sm);min-width:90px}.vehicle-name-cell:before{display:none}.vehicle-name-cell{border-bottom:1px solid var(--color-gray-200);margin-bottom:var(--space-sm);min-width:auto;padding-bottom:var(--space-md)}.maintenance-table tbody tr.overdue-row{border-left:3px solid var(--color-danger)}.progress-bar-wrapper{align-items:flex-start;flex-direction:column}.table-progress-bar{width:100%}.progress-text{text-align:left}}@media (hover:hover) and (pointer:fine){.overview-card:hover{box-shadow:0 var(--radius-sm) var(--font-size-xl) #0000001f;transform:translateY(-5px)}.maintenance-item:hover{box-shadow:0 var(--space-xs) 15px #0000001f;transform:translateX(var(--radius-md))}.vehicle-health-card:hover{box-shadow:0 var(--radius-sm) var(--font-size-xl) #0000001f;transform:translateY(-5px)}.overview-card:active{transform:translateY(-5px)}.maintenance-item:active{transform:translateX(var(--radius-md))}.vehicle-health-card:active{transform:translateY(-5px)}}.btn-secondary-small:focus-visible,.btn-view-details:focus-visible,.maintenance-item:focus-visible,.vehicle-health-card:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px}@media (prefers-contrast:high){.health-stat,.maintenance-item,.overview-card,.vehicle-health-card{border:2px solid var(--color-gray-900)}.chart-placeholder{border:3px dashed var(--color-gray-900)}}@media (prefers-reduced-motion:reduce){.btn-secondary-small,.btn-view-details,.maintenance-item,.overview-card,.spinner,.vehicle-health-card{animation:none;transition:none}.spinner{animation:spin 3s linear infinite}}.cost-analysis-chart{background:var(--color-white);border-radius:var(--radius-lg);box-shadow:0 2px 10px #00000014;padding:var(--font-size-xl)}.chart-loading{gap:15px}.chart-empty,.chart-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:300px}.chart-empty{color:var(--color-gray-400);text-align:center}.chart-controls{margin-bottom:25px}.chart-type-tabs{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr}.chart-type-tabs button{background:var(--color-gray-50);border:2px solid #0000;border-radius:var(--radius-md);color:var(--color-gray-500);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);min-height:44px;padding:var(--radius-lg) var(--radius-xl);transition:all .3s}.chart-type-tabs button:hover{background:var(--color-gray-100);transform:translateY(-2px)}.chart-type-tabs button.active{background:var(--gradient-primary);border-color:var(--color-primary);box-shadow:0 var(--space-xs) var(--radius-lg) #7a9b8e4d;color:var(--color-white)}.chart-type-tabs button:active{transform:translateY(0)}.chart-container{background:var(--color-gray-50);border-radius:var(--radius-md);margin-bottom:25px;min-height:300px;padding:15px}.recharts-wrapper{margin:0 auto}.recharts-surface{overflow:visible}.recharts-tooltip-wrapper{z-index:100}.recharts-default-tooltip{background:var(--color-white)!important;border:2px solid var(--color-primary)!important;border-radius:var(--radius-md)!important;box-shadow:0 var(--space-xs) var(--radius-lg) #00000026!important;padding:10px!important}.chart-summary{grid-gap:var(--radius-lg);background:var(--color-gray-50);border-radius:var(--radius-md);display:grid;gap:var(--radius-lg);grid-template-columns:1fr;padding:var(--font-size-xl)}.summary-item{align-items:center;background:var(--color-white);border-radius:var(--radius-sm);display:flex;justify-content:space-between;padding:10px}.summary-label{color:var(--color-gray-500);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.summary-value{color:var(--color-gray-700);font-size:var(--radius-xl);font-weight:var(--font-weight-bold)}@media (min-width:768px){.cost-analysis-chart{padding:25px}.chart-type-tabs{grid-template-columns:repeat(3,1fr);margin:0 auto;max-width:600px}.chart-container{min-height:350px;padding:var(--font-size-xl)}.chart-summary{grid-template-columns:repeat(3,1fr)}.summary-item{flex-direction:column;gap:var(--radius-md);padding:15px;text-align:center}.summary-label{font-size:13px}.summary-value{font-size:var(--font-size-xl)}}@media (min-width:1024px){.cost-analysis-chart{padding:30px}.chart-container{min-height:400px}.chart-type-tabs button:hover{box-shadow:0 var(--space-xs) 15px #0000001a;transform:translateY(-3px)}}@media (max-width:480px){.cost-analysis-chart{padding:15px}.chart-type-tabs button{font-size:13px;padding:10px var(--radius-lg)}.chart-container{min-height:250px;padding:10px}.summary-label{font-size:13px}.summary-value{font-size:15px}.recharts-pie{font-size:11px}}.chart-type-tabs button:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px}@media (prefers-contrast:high){.chart-container,.chart-summary,.cost-analysis-chart,.summary-item{border:2px solid var(--color-gray-900)}.chart-type-tabs button{border:2px solid var(--color-gray-500)}.chart-type-tabs button.active{border:2px solid var(--color-gray-900)}}@media (prefers-reduced-motion:reduce){.chart-type-tabs button,.spinner{animation:none;transition:none}.chart-type-tabs button:active,.chart-type-tabs button:hover{transform:none}.spinner{animation:spin 3s linear infinite}}@media print{.cost-analysis-chart{border:1px solid var(--color-gray-900);box-shadow:none}.chart-type-tabs{display:none}.chart-container{background:var(--color-white);page-break-inside:avoid}}.notification-bell{display:inline-block;position:relative}.bell-button{align-items:center;background:none;border:none;border-radius:var(--radius-md);cursor:pointer;display:flex;justify-content:center;padding:var(--radius-md) var(--radius-lg);position:relative;transition:background-color .2s}.bell-button:hover{background-color:#7a9b8e1a}.bell-icon{display:block;font-size:var(--font-size-xl)}.badge{background:var(--color-danger);border-radius:10px;color:var(--color-white);font-size:11px;font-weight:700;line-height:1.2;min-width:var(--font-size-lg);padding:2px var(--radius-sm);position:absolute;right:var(--space-xs);text-align:center;top:var(--space-xs)}.notification-dropdown{animation:slideDown var(--transition-fast)-out;background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);display:flex;flex-direction:column;max-height:500px;position:absolute;right:0;top:calc(100% + var(--radius-md));width:380px;z-index:1000}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-header{align-items:center;border-bottom:1px solid var(--color-gray-200);display:flex;justify-content:space-between;padding:var(--radius-xl) var(--font-size-xl)}.dropdown-header h3{color:var(--color-gray-700);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0}.mark-all-read{background:none;border:none;border-radius:var(--space-xs);color:var(--color-primary);cursor:pointer;font-size:13px;padding:var(--space-xs) var(--radius-md);transition:background-color .2s}.mark-all-read:hover{background-color:#7a9b8e1a}.mark-all-read:disabled{cursor:not-allowed;opacity:.5}.notification-list{flex:1 1;max-height:400px;overflow-y:auto}.notification-list::-webkit-scrollbar{width:var(--radius-sm)}.notification-list::-webkit-scrollbar-track{background:var(--color-gray-100)}.notification-list::-webkit-scrollbar-thumb{background:var(--color-gray-300);border-radius:3px}.notification-list::-webkit-scrollbar-thumb:hover{background:var(--color-gray-400)}.empty-state{color:var(--color-gray-500);padding:40px var(--font-size-xl)}.empty-icon{display:block;font-size:var(--space-2xl);margin-bottom:var(--radius-lg)}.empty-state p{color:var(--color-gray-600);font-size:var(--radius-xl);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-xs) 0}.empty-state small{color:var(--color-gray-400);font-size:var(--font-size-sm)}.notification-item{align-items:flex-start;border-bottom:1px solid var(--color-gray-50);cursor:pointer;display:flex;gap:var(--radius-lg);padding:var(--radius-lg) var(--font-size-xl);position:relative;transition:background-color .2s}.notification-item:hover{background-color:var(--color-gray-50)}.notification-item:last-child{border-bottom:none}.notification-item.unread{background-color:var(--color-info-light)}.notification-item.unread:hover{background-color:#e6edff}.notification-icon{flex-shrink:0;font-size:var(--space-lg);margin-top:2px}.notification-content{flex:1 1;min-width:0}.notification-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-xs)}.vehicle-name{color:var(--color-gray-700)}.notification-time{color:var(--color-gray-400);font-size:var(--radius-lg);margin-left:var(--radius-md);white-space:nowrap}.service-type{color:var(--color-gray-600);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-bottom:var(--radius-sm)}.notification-details{color:var(--color-gray-500);display:flex;flex-wrap:wrap;font-size:var(--radius-lg);gap:var(--radius-md)}.days-remaining,.due-info{align-items:center;background-color:#0000000a;border-radius:var(--space-xs);display:inline-flex;padding:2px var(--radius-md)}.notification-item.urgent .days-remaining{background-color:#fee;color:var(--color-danger);font-weight:var(--font-weight-semibold)}.notification-item.warning .days-remaining{background-color:var(--color-white)beb;color:var(--color-warning-dark);font-weight:var(--font-weight-semibold)}.notification-item.normal .days-remaining{background-color:#f0fdf4;color:var(--color-success)}.unread-indicator{background-color:var(--color-primary);border-radius:50%;height:var(--radius-md);position:absolute;right:var(--radius-lg);top:50%;transform:translateY(-50%);width:var(--radius-md)}.dropdown-footer{border-top:1px solid var(--color-gray-200);padding:var(--radius-lg) var(--font-size-xl)}.view-all-button{background:none;border:none;border-radius:var(--radius-sm);color:var(--color-primary);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);padding:var(--radius-md);transition:background-color .2s;width:100%}.view-all-button:hover{background-color:#7a9b8e1a}@media (max-width:480px){.notification-dropdown{right:-10px;width:calc(100vw - 40px)}.dropdown-footer,.dropdown-header,.notification-item{padding:var(--radius-lg) var(--radius-xl)}}.modal-overlay{background:#0009;z-index:3000}.modal-content{animation:modalSlideIn .3s ease-out;max-width:700px}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal-header{border-bottom:2px solid var(--color-gray-100);padding:var(--space-md) var(--space-lg)}.modal-header h2{color:var(--color-gray-800);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold)}.close-btn{border-radius:var(--radius-md);font-size:24px;padding:var(--space-sm)}.close-btn:hover{color:var(--color-gray-800)}.modal-body{padding:var(--space-lg)}.vehicle-info-banner{background:var(--gradient-primary);color:var(--color-white);margin-bottom:var(--space-md);padding:var(--space-sm) var(--space-md)}.vehicle-name{font-size:var(--font-size-base);font-weight:var(--font-weight-bold)}.last-odometer{opacity:.9}.unit-system-toggle{background:var(--color-gray-50);border-radius:var(--radius-md);margin-bottom:0;margin-top:var(--space-md);padding:var(--space-sm) var(--space-md)}.checkbox-label{align-items:center;color:var(--color-gray-700);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--space-sm)}.checkbox-label input[type=checkbox]{cursor:pointer;height:18px;width:18px}.checkbox-label span{-webkit-user-select:none;user-select:none}.form-grid{grid-gap:var(--space-md);gap:var(--space-md);margin-bottom:var(--space-md)}.form-group label{margin-bottom:var(--space-xs)}.form-group input{border:2px solid var(--color-gray-300);border-radius:var(--radius-md);font-size:var(--font-size-sm);padding:8px 12px;transition:border-color .2s}.form-group input:focus{border-color:var(--color-primary);outline:none}.field-error{color:var(--color-danger);font-size:.75rem;margin-top:4px}.calculated-values{background:var(--color-success-light);border-radius:var(--radius-md);margin-bottom:var(--space-lg);padding:var(--space-lg)}.calculated-values h3{color:var(--color-success-dark);font-size:var(--font-size-md);margin:0 0 var(--space-md) 0}.calc-grid{grid-gap:var(--space-md);display:grid;gap:var(--space-md);grid-template-columns:repeat(2,1fr)}.calc-item{display:flex;flex-direction:column;gap:4px}.calc-label{color:var(--color-gray-600);font-size:.75rem;font-weight:var(--font-weight-medium)}.calc-value{color:var(--color-success-dark);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold)}.message{margin-top:var(--space-sm);padding:var(--space-sm) var(--space-md)}.modal-footer{border-top:2px solid var(--color-gray-100);padding:var(--space-md) var(--space-lg)}.btn-cancel,.btn-save{font-size:var(--font-size-sm);padding:8px 20px}.btn-cancel:hover{background:var(--color-gray-300)}.btn-save{background:var(--color-primary)}.btn-save:hover:not(:disabled){background:var(--color-primary-dark);box-shadow:var(--shadow-md)}.btn-save:disabled{opacity:.6}@media (max-width:768px){.modal-content{max-height:95vh}.calc-grid,.form-grid{grid-template-columns:1fr}.vehicle-info-banner{align-items:flex-start;gap:var(--space-sm)}.modal-footer,.vehicle-info-banner{flex-direction:column}.btn-cancel,.btn-save{width:100%}}.stats-grid{grid-gap:var(--space-lg);gap:var(--space-lg);margin-bottom:var(--space-xl)}.stat-widget{background:var(--color-white);border:2px solid var(--color-gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;gap:var(--space-md);padding:var(--space-lg);transition:all .3s}.stat-widget.clickable{cursor:pointer}.stat-widget.clickable:hover{border-color:var(--color-primary);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.stat-widget.primary{border-left:4px solid var(--color-primary)}.stat-widget.success{border-left:4px solid var(--color-success)}.stat-widget.warning{border-left:4px solid var(--color-warning)}.stat-widget.danger{border-left:4px solid var(--color-danger)}.stat-widget.info{border-left:4px solid var(--color-info)}.stat-icon{align-items:center;background:var(--gradient-light);border-radius:var(--radius-md);display:flex;height:60px;justify-content:center;min-width:60px}.stat-content{flex:1 1;gap:var(--space-xs);justify-content:center}.stat-label{color:var(--color-gray-600);letter-spacing:.5px}.stat-value{color:var(--color-gray-900);font-size:var(--font-size-2xl);line-height:1}.stat-subvalue{color:var(--color-gray-500);font-size:var(--font-size-sm)}.stat-trend{border-radius:var(--radius-sm);display:inline-block;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);padding:2px 8px;width:-webkit-fit-content;width:fit-content}.stat-trend.positive{background:var(--color-success-light);color:var(--color-success-dark)}.stat-trend.negative{background:var(--color-danger-light);color:var(--color-danger-dark)}.stat-trend.neutral{background:var(--color-gray-200);color:var(--color-gray-700)}@media (max-width:1200px){.stats-grid{grid-template-columns:repeat(3,1fr)!important}}@media (max-width:900px){.stats-grid{grid-template-columns:repeat(2,1fr)!important}}@media (max-width:600px){.stats-grid{grid-template-columns:1fr!important}.stat-widget{padding:var(--space-md)}.stat-icon{font-size:2rem;height:50px;min-width:50px}.stat-value{font-size:var(--font-size-xl)}}.quick-actions-container{background:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);margin-bottom:var(--space-xl);padding:var(--space-xl)}.quick-actions-title{color:var(--color-gray-800);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);margin:0 0 var(--space-lg) 0}.quick-actions-grid{grid-gap:var(--space-md);display:grid;gap:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.quick-action-btn{align-items:center;background:var(--gradient-light);border:2px solid var(--color-gray-200);border-radius:var(--radius-lg);cursor:pointer;display:flex;gap:var(--space-md);padding:var(--space-lg);text-align:left;transition:all .3s}.quick-action-btn:hover:not(.disabled){background:var(--color-white);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.quick-action-btn.disabled{cursor:not-allowed;opacity:.5}.quick-action-btn.primary:hover:not(.disabled){background:linear-gradient(135deg,var(--color-primary-light) 0,var(--color-white) 100%);border-color:var(--color-primary)}.quick-action-btn.success:hover:not(.disabled){background:linear-gradient(135deg,var(--color-success-light) 0,var(--color-white) 100%);border-color:var(--color-success)}.quick-action-btn.warning:hover:not(.disabled){background:linear-gradient(135deg,var(--color-warning-light) 0,var(--color-white) 100%);border-color:var(--color-warning)}.quick-action-btn.danger:hover:not(.disabled){background:linear-gradient(135deg,var(--color-danger-light) 0,var(--color-white) 100%);border-color:var(--color-danger)}.action-icon{align-items:center;background:var(--color-white);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);display:flex;font-size:2rem;height:50px;justify-content:center;min-width:50px}.action-content{display:flex;flex:1 1;flex-direction:column;gap:var(--space-xs)}.action-label{color:var(--color-gray-900);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold)}.action-description{color:var(--color-gray-600);font-size:var(--font-size-xs);line-height:1.4}@media (max-width:768px){.quick-actions-grid{grid-template-columns:1fr}.quick-actions-container{padding:var(--space-lg)}.quick-action-btn{padding:var(--space-md)}.action-icon{font-size:1.5rem;height:40px;min-width:40px}}.dashboard-layout{background:var(--gradient-primary);min-height:100vh;padding:var(--space-xl)}.dashboard-header{background:var(--color-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);margin-bottom:var(--space-xl);padding:var(--space-xl)}.dashboard-header-content{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-lg);justify-content:space-between}.dashboard-title-section{flex:1 1}.dashboard-title{color:var(--color-gray-900);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin:0 0 var(--space-xs) 0}.dashboard-subtitle{color:var(--color-gray-600);font-size:var(--font-size-base);margin:0}.dashboard-actions{display:flex;flex-wrap:wrap;gap:var(--space-md)}.dashboard-main{display:flex;flex-direction:column;gap:var(--space-xl)}.dashboard-section{background:var(--color-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);overflow:hidden}.section-header{border-bottom:2px solid var(--color-gray-100);padding:var(--space-xl)}.section-title-wrapper{align-items:center;display:flex;flex:1 1;gap:var(--space-md)}.section-icon{align-items:center;background:var(--gradient-light);border-radius:var(--radius-md);display:flex;font-size:2rem;height:50px;justify-content:center;width:50px}.section-title{color:var(--color-gray-800);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin:0}.section-subtitle{color:var(--color-gray-600);font-size:var(--font-size-sm);margin:var(--space-xs) 0 0 0}.section-actions{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.section-content{padding:var(--space-xl)}.section-content.no-padding{padding:0}.dashboard-grid{grid-gap:var(--space-lg);display:grid;gap:var(--space-lg)}.dashboard-grid.gap-sm{gap:var(--space-sm)}.dashboard-grid.gap-md{gap:var(--space-md)}.dashboard-grid.gap-lg{gap:var(--space-lg)}.dashboard-grid.gap-xl{gap:var(--space-xl)}.empty-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:var(--space-3xl) var(--space-xl)}.empty-state-icon{font-size:4rem;margin-bottom:var(--space-lg);opacity:.5}.empty-state-title{color:var(--color-gray-700);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-sm) 0}.empty-state-description{color:var(--color-gray-500);font-size:var(--font-size-base);margin:0 0 var(--space-lg) 0;max-width:500px}.empty-state-action{margin-top:var(--space-md)}@media (max-width:1200px){.dashboard-grid{grid-template-columns:1fr!important}}@media (max-width:768px){.dashboard-layout{padding:var(--space-md)}.dashboard-header{padding:var(--space-lg)}.dashboard-title{font-size:var(--font-size-2xl)}.dashboard-header-content{align-items:flex-start;flex-direction:column}.dashboard-actions{width:100%}.section-header{align-items:flex-start;flex-direction:column}.section-content,.section-header{padding:var(--space-lg)}.section-title{font-size:var(--font-size-lg)}.empty-state{padding:var(--space-2xl) var(--space-md)}.empty-state-icon{font-size:3rem}}.homepage-container{background:var(--gradient-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh}.homepage-nav{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#fffffff2;box-shadow:0 2px 10px #0000001a;position:-webkit-sticky;position:sticky;top:0;z-index:var(--z-fixed)}.nav-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:15px var(--font-size-xl)}.nav-logo{color:var(--color-primary);flex:1 1;font-size:var(--font-size-lg);font-weight:700}.mobile-menu-toggle{align-items:center;background:none;border:none;cursor:pointer;display:flex;flex-direction:column;gap:5px;height:44px;justify-content:center;padding:0;width:44px}.mobile-menu-toggle span{background:var(--color-gray-700);border-radius:2px;display:block;height:3px;transition:all .3s;width:25px}.mobile-menu-toggle:hover span{background:var(--color-primary)}.nav-actions{background:var(--color-white);box-shadow:0 var(--space-xs) 10px #0000001a;display:none;flex-direction:column;gap:15px;left:0;padding:var(--font-size-xl);position:absolute;right:0;top:100%}.nav-actions.mobile-open{display:flex}.user-profile-section{align-items:center;border-radius:var(--radius-md);cursor:pointer;display:flex;gap:var(--radius-lg);padding:var(--radius-md) var(--radius-xl);transition:background-color .2s}.user-profile-section:hover{background-color:#7a9b8e1a}.user-avatar-container{align-items:center;display:flex;gap:var(--space-sm);position:relative}.user-avatar{align-items:center;background:var(--gradient-primary);border:2px solid #fff3;border-radius:50%;color:var(--color-white);cursor:pointer;display:flex;flex-shrink:0;font-size:var(--space-md);font-weight:var(--font-weight-semibold);height:45px;justify-content:center;transition:all var(--transition-base);width:45px}.user-avatar:hover{box-shadow:0 var(--space-xs) var(--radius-lg) #7a9b8e4d;transform:scale(1.05)}.user-info{align-items:flex-start;display:flex;flex-direction:column;gap:2px}.user-display-name{font-size:var(--font-size-sm);line-height:1.2}.profile-badge,.user-display-name{color:var(--color-gray-700);font-weight:var(--font-weight-semibold)}.profile-badge{background-color:#ffc107e6;border-radius:10px;display:inline-block;font-size:11px;line-height:1.4;padding:2px var(--radius-md)}.btn-admin{border:none;border-radius:var(--radius-md);color:var(--color-white);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);padding:10px var(--font-size-xl);transition:all var(--transition-base)}.btn-admin,.btn-admin:hover{background:var(--color-info)}.btn-admin:hover{transform:translateY(-2px)}.btn-super-admin{background:linear-gradient(135deg,var(--color-primary) 0,var(--color-secondary) 100%);border:none;border-radius:var(--radius-md);color:var(--color-white);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);padding:10px var(--font-size-xl);transition:all var(--transition-base)}.btn-super-admin:hover{box-shadow:0 var(--space-xs) var(--radius-lg) #9333ea66;transform:translateY(-2px)}.btn-back-to-admin{align-items:center;background:var(--gradient-primary);border:none;border-radius:var(--radius-md);box-shadow:0 2px var(--radius-md) #7a9b8e4d;color:var(--color-white);cursor:pointer;display:flex;font-size:.9rem;font-weight:var(--font-weight-semibold);gap:var(--space-sm);padding:.6rem 1.var(--space-xl);transition:all var(--transition-base)}.btn-back-to-admin:hover{box-shadow:0 var(--space-xs) var(--radius-lg) #7a9b8e66;transform:translateY(-2px)}.btn-mechanic-dashboard{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-size:.9rem;font-weight:var(--font-weight-semibold);padding:.6rem 1.25rem;transition:all .3s ease}.btn-mechanic-dashboard:hover{box-shadow:0 4px 12px #10b98166;transform:translateY(-2px)}.btn-logout{background-color:var(--color-danger);border-radius:var(--radius-sm);font-size:var(--font-size-sm);min-height:44px;padding:var(--radius-lg) var(--font-size-xl);transition:all .3s}.btn-logout:hover{background-color:var(--color-danger-dark);transform:translateY(-2px)}.homepage-content{margin:0 auto;max-width:1200px;padding:var(--font-size-xl)}.welcome-card-compact{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);margin-bottom:var(--space-xl);padding:var(--space-xl)}.welcome-main{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-md);justify-content:space-between;margin-bottom:var(--space-lg)}.welcome-text-compact h1{color:var(--color-gray-800);font-size:1.75rem;font-weight:var(--font-weight-bold);margin:0 0 var(--space-sm) 0}.welcome-text-compact p{color:var(--color-gray-500);font-size:.95rem;margin:0}.inline-stats{background:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);gap:var(--space-md);padding:var(--font-size-xs) var(--font-size-xl)}.inline-stats,.stat-item{align-items:center;display:flex}.stat-item{gap:var(--space-sm)}.stat-icon{font-size:1.var(--space-xl)}.stat-text{color:var(--color-gray-700);font-size:.9rem}.stat-text,.stat-warning{font-weight:var(--font-weight-semibold)}.stat-warning{background:var(--color-warning-light);border:1px solid #fcd34d;border-radius:var(--radius-md);color:var(--color-warning-dark);font-size:.85rem;padding:0.var(--space-3xl) .8rem}.view-toggle-integrated{align-items:center;border-top:1px solid var(--color-gray-200);display:flex;flex-wrap:wrap;gap:var(--space-md);padding:var(--space-md) 0}.toggle-btn-compact{align-items:center;background:var(--color-white);border:2px solid var(--color-gray-200);border-radius:10px;color:var(--color-gray-500);cursor:pointer;display:flex;font-size:.9rem;font-weight:var(--font-weight-semibold);gap:0.var(--space-3xl);padding:.7rem var(--space-lg);transition:all var(--transition-fast)}.toggle-btn-compact:hover:not(:disabled){border-color:var(--color-primary);box-shadow:0 var(--space-xs) var(--radius-md) #7a9b8e26;color:var(--color-primary);transform:translateY(-2px)}.toggle-btn-compact.active{background:var(--gradient-primary);border-color:var(--color-primary);box-shadow:0 var(--space-xs) var(--radius-lg) #7a9b8e4d;color:var(--color-white)}.toggle-btn-compact.locked{cursor:not-allowed;opacity:.5}.lock-icon-inline{font-size:.8rem;margin-left:0.var(--space-xl)}.subscription-status{align-items:center;background:var(--color-gray-100);border-radius:10px;color:var(--color-gray-700);display:flex;font-size:.9rem;font-weight:var(--font-weight-semibold);gap:var(--font-size-xs);margin-left:auto;padding:.6rem 1.var(--space-xl)}.subscription-status.unlimited{background:linear-gradient(135deg,var(--color-primary-light) 0,var(--color-primary-light) 100%);border:2px solid var(--color-primary-light);color:var(--color-secondary)}.btn-upgrade-inline{background:linear-gradient(135deg,var(--color-warning) 0,var(--color-danger) 100%);border:none;border-radius:var(--radius-md);box-shadow:0 2px var(--radius-sm) #f59e0b4d;color:var(--color-white);cursor:pointer;font-size:.85rem;font-weight:var(--font-weight-semibold);padding:0.var(--space-3xl) var(--space-md);transition:all var(--transition-fast)}.btn-upgrade-inline:hover{box-shadow:0 var(--space-xs) 10px #f59e0b66;transform:translateY(-2px)}.fleet-upgrade-inline{align-items:center;background:linear-gradient(135deg,var(--color-warning-light) 0,var(--color-warning-light) 100%);border:1px solid #fcd34d;border-radius:var(--radius-lg);display:flex;justify-content:space-between;margin-top:var(--space-md);padding:var(--space-md) var(--space-lg)}.upgrade-text{color:var(--color-warning-dark)}.btn-upgrade-small-inline,.upgrade-text{font-size:.9rem;font-weight:var(--font-weight-semibold)}.btn-upgrade-small-inline{background:linear-gradient(135deg,var(--color-warning) 0,var(--color-warning-dark) 100%);border:none;border-radius:var(--radius-md);box-shadow:0 2px var(--radius-md) #d977064d;color:var(--color-white);cursor:pointer;padding:.6rem var(--space-lg);transition:all var(--transition-fast)}.btn-upgrade-small-inline:hover{background:linear-gradient(135deg,var(--color-warning-dark) 0,#b45309 100%);box-shadow:0 var(--space-xs) var(--radius-lg) #d9770666;transform:translateY(-2px)}.admin-features-section{margin:30px 0}.super-admin-card{background:linear-gradient(135deg,var(--color-primary-light) 0,var(--color-primary-light) 100%);border:3px solid var(--color-primary);box-shadow:0 var(--radius-md) var(--space-lg) #9333ea33}.admin-card{background:linear-gradient(135deg,var(--color-info-light) 0,var(--color-info-light) 100%);border:3px solid var(--color-info);box-shadow:0 var(--radius-md) var(--space-lg) #3b82f633}.feature-cards{grid-gap:var(--space-lg);display:grid;gap:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:var(--space-xl);max-width:1200px}.feature-card{background-color:var(--color-white);border:1px solid var(--color-gray-200);box-shadow:var(--shadow-md);padding:var(--space-lg)}.feature-card:hover{border-color:var(--color-primary);box-shadow:0 var(--radius-md) var(--font-size-xl) #0000001f;transform:translateY(-var(--space-xs))}.feature-card:active{transform:translateY(-2px)}.feature-icon{font-size:40px;margin-bottom:var(--space-md)}.card-icon{font-size:var(--space-2xl);margin-bottom:15px}.feature-card h3{color:var(--color-gray-800);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-sm) 0}.feature-card p{color:var(--color-gray-500);font-size:var(--font-size-sm);line-height:1.5;margin:0}.feature-card.coming-soon{cursor:default;opacity:.85;position:relative}.feature-card.coming-soon:hover{border-color:var(--color-gray-200);transform:none}.coming-soon-badge{background:linear-gradient(135deg,var(--color-primary) 0,var(--color-secondary) 100%);border-radius:var(--radius-md);box-shadow:0 2px var(--radius-md) #7a9b8e33;display:inline-block;font-size:.75rem;letter-spacing:.5px;margin-top:var(--space-md);padding:.4rem var(--space-md);text-transform:uppercase}.btn-feature,.coming-soon-badge{color:var(--color-white);font-weight:var(--font-weight-semibold)}.btn-feature{background:var(--color-gray-800);border:none;border-radius:var(--radius-md);cursor:pointer;font-size:var(--radius-xl);padding:var(--radius-lg) 30px;transition:all .3s}.btn-feature:hover{background:var(--color-gray-700);transform:translateY(-2px)}.feature-card.admin-card,.feature-card.super-admin-card{margin:0 auto;max-width:600px;padding:var(--space-xl)}.feature-card.admin-card h3,.feature-card.super-admin-card h3{font-size:var(--space-lg);margin-bottom:var(--font-size-xs)}.feature-card.admin-card p,.feature-card.super-admin-card p{font-size:var(--space-md);margin-bottom:var(--space-lg)}.vehicles-section{background-color:var(--color-white);border-radius:var(--radius-lg);box-shadow:0 5px var(--font-size-xl) #00000014;margin-bottom:25px;padding:25px}.section-header{flex-direction:column;gap:15px;margin-bottom:25px}.section-header h2{color:var(--color-gray-700);font-weight:700}.btn-add-vehicle{background-color:var(--color-primary);border:none;border-radius:var(--radius-md);color:var(--color-white);cursor:pointer;font-size:15px;font-weight:var(--font-weight-semibold);min-height:44px;padding:var(--font-size-sm) var(--space-lg);transition:all .3s;width:100%}.btn-add-vehicle:hover{background-color:var(--color-primary-dark);box-shadow:0 var(--space-xs) var(--radius-lg) #7a9b8e4d;transform:translateY(-2px)}.vehicles-grid{grid-gap:var(--font-size-xl);gap:var(--font-size-xl);grid-template-columns:1fr}.empty-state,.loading-state{padding:60px var(--font-size-xl)}.fleet-view,.simple-view{animation:fadeIn var(--transition-base)-out}.access-denied{background:var(--color-white);border-radius:var(--radius-lg);box-shadow:0 5px var(--font-size-xl) #00000014;padding:60px 30px;text-align:center}.denied-icon{font-size:80px;margin-bottom:var(--font-size-xl)}.access-denied h2{color:var(--color-gray-700);font-size:28px;margin-bottom:15px}.access-denied p{color:var(--color-gray-500);font-size:var(--radius-xl);margin-bottom:25px}@media (min-width:768px){.mobile-menu-toggle{display:none}.nav-content{padding:var(--font-size-xl) 40px}.nav-logo{font-size:var(--space-lg)}.nav-actions{align-items:center;background:none;box-shadow:none;display:flex!important;flex-direction:row;gap:var(--font-size-xl);padding:0;position:static}.homepage-content{padding:40px}.welcome-card-compact{padding:2.5rem}.welcome-text-compact h1{font-size:var(--space-xl)}.section-header{align-items:center;flex-direction:row;justify-content:space-between}.btn-add-vehicle{width:auto}.feature-cards,.vehicles-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.feature-cards,.vehicles-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.welcome-card-compact{padding:var(--space-lg)}.welcome-main{align-items:flex-start;flex-direction:column}.welcome-text-compact h1{font-size:var(--space-lg)}.inline-stats{justify-content:space-between;width:100%}.view-toggle-integrated{align-items:stretch;flex-direction:column}.toggle-btn-compact{justify-content:center;width:100%}.subscription-status{justify-content:space-between;margin-left:0;width:100%}.fleet-upgrade-inline{flex-direction:column;gap:var(--space-md);text-align:center}.btn-upgrade-small-inline{width:100%}.user-avatar-container{align-items:center;flex-direction:column;gap:0.var(--space-2xl)}.user-avatar{font-size:var(--font-size-sm);height:36px;width:36px}.user-display-name{font-size:13px}.profile-badge{font-size:10px;padding:2px var(--radius-sm)}.btn-admin,.btn-super-admin{font-size:var(--radius-lg);padding:var(--radius-md) var(--radius-xl)}.admin-features-section{padding:0 15px}.feature-cards{gap:var(--space-md);grid-template-columns:1fr}.feature-card{padding:var(--font-size-xl)}.feature-card h3{font-size:var(--font-size-lg)}.card-icon,.feature-icon{font-size:36px}.feature-card.admin-card,.feature-card.super-admin-card{padding:var(--space-lg)}}.toggle-btn-compact:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px}.btn-upgrade-small-inline:focus-visible{outline:3px solid var(--color-warning);outline-offset:2px}@media (prefers-reduced-motion:reduce){.btn-admin,.btn-back-to-admin,.btn-logout,.btn-upgrade-small-inline,.toggle-btn-compact{transition:none}.btn-admin:hover,.btn-back-to-admin:hover,.btn-logout:hover,.btn-upgrade-small-inline:hover,.toggle-btn-compact:hover{transform:none}.fleet-view,.simple-view{animation:none}}.admin-dashboard{background:var(--color-gray-50);margin:0;max-width:100%;min-height:100vh;padding:0}.admin-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--color-white);border-bottom:2px solid var(--color-gray-200);box-shadow:var(--shadow-sm);padding:var(--space-lg) var(--space-xl);position:-webkit-sticky;position:sticky;top:0;z-index:var(--z-fixed)}.header-content{max-width:1200px}.header-left{gap:var(--space-md)}.header-left h1{color:var(--color-gray-800);font-size:1.75rem;margin:0}.role-indicator{background:var(--gradient-primary);border-radius:var(--radius-full);color:var(--color-white);font-size:.85rem;font-weight:var(--font-weight-semibold);padding:.25rem var(--space-md)}.header-right{gap:var(--space-md)}.user-email{background:var(--color-gray-100);border-radius:var(--radius-sm);color:var(--color-gray-500);padding:var(--space-sm) var(--space-md)}.user-email.clickable{transition:all var(--transition-fast)}.user-email.clickable:hover{background-color:#ffffff1a;transform:translateY(-1px)}.btn-logout{background:var(--color-danger);border-radius:var(--radius-md);color:var(--color-white);font-weight:var(--font-weight-semibold)}.btn-logout:hover{background:var(--color-danger-dark);transform:translateY(-1px)}.admin-dashboard>.message,.admin-dashboard>section{margin:var(--space-xl) auto;max-width:1200px;padding:0 var(--space-xl)}.admin-dashboard h1{color:var(--color-gray-800);font-size:var(--space-xl);margin-bottom:var(--space-xl)}.message.success{border:1px solid var(--color-success)}.message.error{border:1px solid var(--color-danger)}.loading{color:var(--color-gray-500);font-size:1.25rem;padding:var(--space-2xl);text-align:center}.admin-section{background:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:var(--space-xl);padding:2rem}.admin-section h2{color:var(--color-gray-800);font-size:var(--space-lg);margin-bottom:var(--space-lg)}.stats-section{background:var(--gradient-primary);margin-bottom:var(--space-xl);padding:var(--space-xl) var(--space-xl) var(--space-2xl) var(--space-xl)}.stats-section,.stats-section h2{color:var(--color-white)}.stats-grid{grid-gap:var(--space-md);gap:var(--space-md);grid-template-columns:repeat(4,1fr);margin:var(--space-lg) 0;max-width:100%;padding-bottom:var(--space-lg)}.stat-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #fff3;padding:1.5rem}.stat-value{font-size:2.5rem;margin-bottom:var(--space-sm)}.stat-label{font-size:.8rem;opacity:.9}.table-container{margin-top:var(--space-md);overflow-x:auto}.admin-table{border-collapse:collapse;font-size:.9rem;width:100%}.admin-table thead{background:var(--color-gray-100)}.admin-table th{border-bottom:2px solid var(--color-gray-200);color:var(--color-gray-700);font-weight:var(--font-weight-semibold);padding:var(--space-md);text-align:left}.admin-table td{border-bottom:1px solid var(--color-gray-200);color:var(--color-gray-800);padding:var(--space-md)}.admin-table tbody tr:hover{background:var(--color-gray-50)}.role-badge{border-radius:var(--radius-full);cursor:pointer;display:inline-block;font-size:.75rem;font-weight:var(--font-weight-semibold);letter-spacing:.05em;padding:.375rem .75rem;text-transform:uppercase;transition:all .2s ease}.role-badge:hover{opacity:.85;transform:scale(1.05)}.role-user{background:var(--color-info-light);color:var(--color-info-dark)}.role-mechanic{background:var(--color-warning-light);color:var(--color-warning-dark)}.role-fleet_manager{background:#ddd6fe;color:#5b21b6}.role-admin{background:#fce7f3;color:#9f1239}.role-super_admin{background:#fae8ff;border:2px solid #d946ef;color:#86198f;font-weight:var(--font-weight-bold)}.role-badge-super-admin{background:#dc2626;color:#fff}.role-badge-admin{background:var(--warm-orange);color:#fff}.role-badge-fleet{background:#7c3aed;color:#fff}.role-badge-mechanic{background:#0284c7;color:#fff}.role-badge-user{background:var(--sage-green);color:#fff}.btn-small{border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:.8rem;font-weight:var(--font-weight-medium);padding:.4rem .8rem;transition:all .2s}.btn-primary{background:var(--color-info)}.btn-primary:hover{background:var(--color-info-dark)}.btn-success{background:var(--color-success);color:var(--color-white)}.btn-success:hover{background:var(--color-success-dark);transform:translateY(-1px)}.btn-secondary{border:2px solid var(--sage-green);border-radius:var(--radius-md);color:var(--sage-green);transition:all .2s ease}.btn-secondary:hover{background:var(--sage-green);box-shadow:0 2px 8px #7aa9754d}.btn-action{background:var(--warm-orange);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.875rem;font-weight:600;padding:.5rem 1rem;transition:all .2s ease}.btn-action:hover{background:var(--warm-orange-dark);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.inline-role-editor{align-items:center;display:flex;gap:var(--space-sm)}.inline-edit{align-items:center;display:flex;gap:.5rem}.role-select{background:var(--color-white);border:2px solid var(--color-gray-200);border-radius:var(--radius-md);cursor:pointer;font-size:.875rem;padding:.5rem;transition:all .2s}.role-select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #9333ea1a;outline:none}.role-select-inline{background-color:var(--color-white);border:1px solid var(--color-gray-300);border-radius:var(--space-xs);cursor:pointer;font-size:var(--font-size-sm);padding:var(--space-xs) var(--space-sm)}.role-select-inline:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #7a9b8e1a;outline:none}.btn-tiny{border:none;border-radius:var(--space-xs);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);min-width:30px;padding:var(--space-xs) var(--space-sm);transition:all var(--transition-fast)}.btn-tiny.btn-success{background-color:var(--color-success);color:var(--color-white)}.btn-tiny.btn-success:hover{background-color:var(--color-success-dark);transform:scale(1.05)}.btn-tiny.btn-secondary{background-color:var(--color-gray-500);color:var(--color-white)}.btn-tiny.btn-secondary:hover{background-color:var(--color-gray-600);transform:scale(1.05)}.btn-save{background:var(--sage-green);border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:.375rem .625rem;transition:all .2s ease}.btn-save:hover{background:var(--sage-green-dark)}.btn-cancel{background:#dc2626;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:.375rem .625rem;transition:all .2s ease}.btn-cancel:hover{background:#b91c1c}.super-admin-section{background:linear-gradient(135deg,var(--color-primary-light) 0,var(--color-primary-light) 100%);border:3px solid var(--color-primary);border-radius:var(--radius-xl);box-shadow:0 10px 25px #9333ea26;margin-top:var(--space-2xl);padding:2.5rem;position:relative}.super-admin-badge{background:linear-gradient(135deg,var(--color-primary) 0,var(--color-secondary) 100%);border-radius:var(--radius-full);box-shadow:0 4px 6px #9333ea4d;color:var(--color-white);display:inline-block;font-size:.9rem;font-weight:var(--font-weight-bold);letter-spacing:.05em;margin-bottom:var(--space-md);padding:.6rem var(--space-lg);text-transform:uppercase}.super-admin-section h2{color:var(--color-secondary);margin-top:var(--space-sm)}.section-description{background:#ffffff80;border-left:4px solid var(--color-primary);border-radius:var(--radius-md);color:#6b21a8;font-size:.95rem;margin-bottom:var(--space-xl);padding:var(--space-md)}.super-admin-control{background:var(--color-white);border:2px solid var(--color-primary-light);border-radius:var(--radius-lg);margin-bottom:var(--space-xl);padding:var(--space-xl)}.super-admin-control h3{color:var(--color-secondary);font-size:1.25rem;margin-bottom:var(--space-lg)}.role-assignment-form{display:flex;flex-direction:column;gap:var(--space-lg)}.role-assignment-form label{color:var(--color-gray-700);display:flex;flex-direction:column;font-weight:var(--font-weight-medium);gap:var(--space-sm)}.button-group{display:flex;gap:var(--space-md);margin-top:var(--space-md)}.button-group button{border:none;border-radius:var(--radius-md);cursor:pointer;flex:1 1;font-weight:var(--font-weight-semibold);padding:.75rem var(--space-lg);transition:all .2s}.modal-overlay{background:#00000080}.modal-content{border-radius:var(--radius-xl);box-shadow:0 20px 25px -5px #0000001a;max-width:500px;padding:var(--space-xl);width:90%}.modal-content h2,.modal-content h3{color:var(--color-gray-800);margin-bottom:var(--space-md);margin-top:0}.form-group{margin-bottom:var(--space-lg)}.form-group label{display:flex;flex-direction:column;font-weight:var(--font-weight-medium);gap:var(--space-sm)}.form-group input,.form-group select{border:2px solid var(--color-gray-200);font-size:.875rem;padding:.625rem;transition:all .2s}.form-group input:focus,.form-group select:focus{box-shadow:0 0 0 3px #9333ea1a}.modal-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:1.5rem}.super-admin-info{background:var(--color-white);border:2px solid var(--color-primary-light);border-radius:var(--radius-lg);margin-top:var(--space-xl);padding:var(--space-lg)}.super-admin-info h4{color:var(--color-secondary);margin-bottom:var(--space-md);margin-top:0}.super-admin-info ul{list-style:none;margin:0;padding:0}.super-admin-info li{color:var(--color-gray-600);font-size:.95rem;padding:var(--space-sm) 0}.data-section{background:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:var(--space-xl);padding:2rem}.data-section h2{color:var(--color-gray-800);font-size:1.5rem;font-weight:700;margin:0}.section-header{margin-bottom:2rem}.btn-filter{background:#fff;border:2px solid var(--sage-green);border-radius:8px;box-shadow:0 2px 4px #7aa97526;color:var(--sage-green);cursor:pointer;font-size:.95rem;font-weight:600;padding:.75rem 1.5rem;transition:all .2s ease}.btn-filter:hover{background:var(--sage-green);box-shadow:0 4px 8px #7aa9754d;color:#fff;transform:translateY(-2px)}.filter-panel{background:#f9fafb;border:2px solid var(--sage-green-light);border-radius:12px;margin-bottom:1.5rem;padding:1.5rem}.filter-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:1rem}.filter-field{display:flex;flex-direction:column;gap:.5rem}.filter-field label{color:var(--navy-blue);font-size:.875rem;font-weight:600}.filter-field input,.filter-field select{background:#fff;border:1px solid #d1d5db;border-radius:8px;font-size:.875rem;padding:.625rem;transition:all .2s ease}.filter-field input:focus,.filter-field select:focus{border-color:var(--sage-green);box-shadow:0 0 0 3px #7aa9751a;outline:none}.filter-actions{border-top:1px solid #e5e7eb;display:flex;gap:1rem;justify-content:flex-end;margin-top:1rem;padding-top:1rem}.table-info{color:#6b7280;font-size:.875rem;font-weight:500;margin-bottom:1rem}.data-table{background:#fff;border-collapse:collapse;width:100%}.data-table thead{background:var(--sage-green);color:#fff}.data-table thead th{font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:1rem;text-align:left;text-transform:uppercase}.data-table tbody td{border-bottom:1px solid #e5e7eb;color:var(--navy-blue);font-size:.875rem;padding:1rem}.data-table tbody tr{transition:background-color .15s ease}.data-table tbody tr:hover{background:#f9fafb}.data-table tbody tr:last-child td{border-bottom:none}.owner-email{color:#6b7280;font-size:.75rem;margin-top:.25rem}.load-more-container{border-top:1px solid #e5e7eb;display:flex;justify-content:center;margin-top:1.5rem;padding-top:1.5rem}.load-more-container .btn-secondary{padding:.75rem 2rem}.filter-panel.loading{opacity:.6;pointer-events:none}.empty-state h3{color:var(--navy-blue);font-size:1.125rem;font-weight:600;margin-bottom:.5rem}.pending-verifications{background:linear-gradient(135deg,#fef3c7,#fde68a);border:2px solid #f59e0b;border-radius:var(--radius-lg);margin-bottom:var(--space-xl);padding:var(--space-xl)}.pending-verifications h3{align-items:center;color:#92400e;display:flex;font-size:1.25rem;gap:var(--space-sm);margin-bottom:var(--space-md);margin-top:0}.pending-count{background:#f59e0b;border-radius:var(--radius-full);color:#fff;font-size:.875rem;font-weight:var(--font-weight-bold);padding:.25rem .75rem}.verification-cards{grid-gap:var(--space-md);display:grid;gap:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.verification-card{background:#fff;border:2px solid #fbbf24;border-radius:var(--radius-md);padding:var(--space-lg);transition:all .2s ease}.verification-card:hover{box-shadow:0 4px 12px #f59e0b33;transform:translateY(-2px)}.verification-card-header{align-items:center;display:flex;gap:var(--space-sm);margin-bottom:var(--space-md)}.verification-icon{font-size:2rem}.verification-card-content h4{color:var(--color-gray-800);font-size:1rem;margin:0 0 var(--space-xs) 0}.verification-card-content .company{color:var(--color-gray-600);font-size:.875rem;margin-bottom:var(--space-xs)}.verification-card-content .request-date{color:var(--color-gray-500);font-size:.75rem}.verification-actions{border-top:1px solid #fde68a;display:flex;gap:var(--space-sm);margin-top:var(--space-md);padding-top:var(--space-md)}.empty-verifications{background:#fff;border:2px dashed #fbbf24;border-radius:var(--radius-md);color:#92400e;padding:var(--space-xl);text-align:center}.status-badge{align-items:center;border-radius:var(--radius-full);display:inline-flex;font-size:.75rem;gap:.375rem;letter-spacing:.05em;padding:.375rem .875rem;text-transform:uppercase}.status-badge.super-admin{background:linear-gradient(135deg,#dc2626,#991b1b);border:2px solid #b91c1c;color:#fff}.status-badge.mechanic{background:linear-gradient(135deg,#10b981,#059669);border:2px solid #059669;color:#fff}.status-badge.pending{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite;background:linear-gradient(135deg,#fbbf24,#f59e0b);border:2px solid #f59e0b;color:#78350f}.status-badge.user{background:#e5e7eb;border:2px solid #d1d5db;color:#374151}.user-management-section{margin-bottom:var(--space-xl)}.table-controls{display:flex;flex-wrap:wrap;gap:var(--space-md);margin-bottom:var(--space-lg)}.search-box{flex:1 1;min-width:250px}.search-input{border:2px solid var(--color-gray-200);border-radius:var(--radius-md);padding:.75rem var(--space-md)}.search-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #7aa9751a}.filter-box{min-width:180px}.filter-select{background:#fff;border:2px solid var(--color-gray-200);border-radius:var(--radius-md);cursor:pointer;font-size:.875rem;padding:.75rem var(--space-md);transition:all .2s;width:100%}.filter-select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #7aa9751a;outline:none}.user-table{background:#fff;border-collapse:collapse;width:100%}.user-table thead{background:var(--color-gray-100)}.user-table thead th{border-bottom:2px solid var(--color-gray-200);color:var(--color-gray-700);font-size:.875rem;font-weight:var(--font-weight-semibold);letter-spacing:.05em;padding:var(--space-md);text-align:left;text-transform:uppercase}.user-table tbody td{border-bottom:1px solid var(--color-gray-200);color:var(--color-gray-800);padding:var(--space-md)}.user-table tbody tr{transition:background-color .15s ease}.user-table tbody tr:hover{background:var(--color-gray-50)}.user-table tbody tr.pending-row{background:#fffbeb}.user-table tbody tr.pending-row:hover{background:#fef3c7}.action-buttons{gap:var(--space-sm)}.action-btn{border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:.8rem;font-weight:var(--font-weight-semibold);padding:.5rem .875rem;transition:all .2s;white-space:nowrap}.action-btn.assign-role{background:var(--color-info);color:#fff}.action-btn.assign-role:hover{background:var(--color-info-dark);transform:translateY(-1px)}.action-btn.grant-sub{background:var(--color-success);color:#fff}.action-btn.grant-sub:hover{background:var(--color-success-dark);transform:translateY(-1px)}.action-btn.verify-btn{background:linear-gradient(135deg,#10b981,#059669);border:2px solid #059669;color:#fff}.action-btn.verify-btn:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 4px 12px #10b9814d;transform:translateY(-2px)}.action-btn.reject-btn{background:linear-gradient(135deg,#ef4444,#dc2626);border:2px solid #dc2626;color:#fff}.action-btn.reject-btn:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 4px 12px #ef44444d;transform:translateY(-2px)}.table-footer{background:var(--color-gray-50);border-radius:var(--radius-sm);color:var(--color-gray-600);font-size:.875rem;font-weight:var(--font-weight-medium);margin-top:var(--space-md);padding:var(--space-md);text-align:center}@media (max-width:768px){.admin-dashboard{padding:var(--space-md)}.stats-grid{grid-template-columns:1fr}.table-container{font-size:.8rem}.super-admin-section{padding:var(--space-lg)}.button-group{flex-direction:column}.filter-grid{grid-template-columns:1fr}.filter-actions{flex-direction:column}.filter-actions button{width:100%}.section-header{align-items:stretch;flex-direction:column;gap:1rem}.btn-filter{width:100%}.data-table{font-size:.75rem}.data-table tbody td,.data-table thead th{padding:.75rem .5rem}.inline-edit{flex-direction:column}.role-select{width:100%}}.admin-section,.data-section,.stats-section{padding:20px!important}.section-header{margin-bottom:10px!important}.dashboard-title{color:var(--color-gray-800);font-size:1.25rem!important;margin:0!important}.schedule-manager-modal{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;overflow-y:auto;padding:var(--font-size-xl);position:fixed;right:0;top:0;z-index:1000}.schedule-manager-content{animation:slideUp var(--transition-base)-out;background:var(--color-white);border-radius:var(--radius-xl);box-shadow:0 var(--font-size-xl) 60px #0000004d;max-height:90vh;max-width:800px;overflow-y:auto;width:100%}.manager-header{align-items:flex-start;background:var(--color-white);border-bottom:2px solid var(--color-gray-100);display:flex;justify-content:space-between;padding:25px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.manager-header h2{color:var(--color-gray-700);font-size:var(--space-lg);margin:0 0 5px}.vehicle-name{font-size:var(--font-size-sm);margin:0}.btn-close,.vehicle-name{color:var(--color-gray-500)}.btn-close{align-items:center;background:var(--color-gray-100);border:none;border-radius:50%;cursor:pointer;display:flex;font-size:var(--space-lg);height:40px;justify-content:center;transition:all .3s;width:40px}.btn-close:hover{background:var(--color-gray-200);transform:rotate(90deg)}.btn-add-schedule{background:var(--gradient-primary);border:none;border-radius:10px;color:var(--color-white);cursor:pointer;font-size:var(--radius-xl);font-weight:var(--font-weight-semibold);margin:var(--font-size-xl) 25px;min-height:50px;padding:var(--radius-xl);transition:all .3s;width:calc(100% - 50px)}.btn-add-schedule:hover{box-shadow:0 var(--radius-sm) var(--font-size-xl) #7a9b8e66;transform:translateY(-2px)}.btn-add-schedule:active{transform:translateY(0)}.schedule-form{background:var(--color-gray-50);border-radius:var(--radius-lg);margin:var(--font-size-xl) 25px;padding:25px}.schedule-form h3{color:var(--color-gray-700);font-size:var(--font-size-xl);margin:0 0 var(--font-size-xl) 0}.form-group{margin-bottom:var(--font-size-xl)}.form-group label{display:block}.form-group input,.form-group select,.form-group textarea{font-size:var(--radius-xl);padding:var(--radius-lg) var(--radius-xl);transition:border-color .3s;width:100%}.form-row{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr}.btn-link{background:none;border:none;color:var(--color-primary);cursor:pointer;font-size:13px;margin-top:5px;padding:0;text-decoration:underline}.btn-link:hover{color:var(--color-primary-dark)}.form-buttons{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr;margin-top:var(--font-size-xl)}.btn-cancel,.btn-save{font-size:15px;min-height:var(--space-2xl);padding:var(--font-size-sm);transition:all .3s}.btn-cancel{background:var(--color-white);border:2px solid var(--color-gray-300);color:var(--color-gray-500)}.btn-cancel:hover{background:var(--color-gray-50);border-color:var(--color-gray-400)}.btn-save{background:var(--color-success)}.btn-save:hover:not(:disabled){background:var(--color-success-dark)}.btn-save:disabled{background:var(--color-gray-300);cursor:not-allowed}.schedules-list{display:flex;flex-direction:column;gap:15px;padding:0 25px 25px}.empty-schedules{color:var(--color-gray-400);padding:60px var(--font-size-xl);text-align:center}.empty-icon{font-size:60px;margin-bottom:15px;opacity:.5}.empty-subtext{margin-top:var(--radius-md)}.schedule-card{background:var(--color-white);border-left:var(--space-xs) solid var(--color-primary);border-radius:var(--radius-lg);box-shadow:0 2px 10px #00000014;padding:var(--font-size-xl);transition:all .3s}.schedule-card.overdue{background:var(--color-white)5f5;border-left-color:var(--color-danger)}.schedule-card:hover{box-shadow:0 var(--space-xs) 15px #0000001f;transform:translateX(5px)}.schedule-header{align-items:flex-start;display:flex;gap:15px;justify-content:space-between;margin-bottom:15px}.schedule-title h4{color:var(--color-gray-700);font-size:var(--font-size-lg);margin:0 0 5px}.schedule-interval{color:var(--color-gray-500);display:block;font-size:13px}.schedule-actions{display:flex;gap:var(--radius-md)}.btn-icon{align-items:center;background:var(--color-gray-100);border:none;border-radius:var(--radius-md);cursor:pointer;display:flex;font-size:var(--radius-xl);height:36px;justify-content:center;transition:all .3s;width:36px}.btn-icon:hover{background:var(--color-gray-200);transform:scale(1.1)}.btn-icon:active{transform:scale(.95)}.schedule-status{margin-bottom:15px}.status-text{margin-bottom:10px}.status-text span{color:var(--color-gray-500);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.status-text span.overdue{color:var(--color-danger);font-weight:var(--font-weight-bold)}.progress-bar{background:var(--color-gray-200);height:var(--radius-md);overflow:hidden;width:100%}.progress-bar,.progress-fill{border-radius:var(--space-xs)}.progress-fill{background:linear-gradient(90deg,var(--color-success) 0,var(--color-warning) 70%,var(--color-danger) 90%);height:100%;transition:width .5s}.schedule-last-service{background:var(--color-gray-50);margin-bottom:10px}.schedule-last-service,.schedule-notes{color:var(--color-gray-500);font-size:13px}.schedule-notes{background:var(--color-white)9000000;border-left:3px solid var(--color-warning);border-radius:var(--radius-sm);margin-bottom:15px;padding:10px}.btn-complete{background:var(--color-success);border:none;border-radius:var(--radius-md);color:var(--color-white);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);min-height:44px;padding:var(--radius-lg);transition:all .3s;width:100%}.btn-complete:hover{background:var(--color-success-dark);transform:translateY(-2px)}.btn-complete:active{transform:translateY(0)}@media (min-width:768px){.schedule-manager-content{max-height:85vh}.manager-header{padding:30px}.manager-header h2{font-size:28px}.btn-add-schedule{margin:25px 30px;width:calc(100% - 60px)}.schedule-form{margin:25px 30px;padding:30px}.form-buttons,.form-row{grid-template-columns:1fr 1fr}.schedules-list{padding:0 30px 30px}.schedule-card{padding:25px}.schedule-title h4{font-size:var(--font-size-xl)}}@media (min-width:1024px){.schedule-manager-modal{padding:40px}.schedule-card:hover{box-shadow:0 var(--radius-sm) 25px #00000026;transform:translateX(var(--radius-md))}}@media (max-width:480px){.schedule-manager-modal{padding:0}.schedule-manager-content{border-radius:0;height:100vh;max-height:100vh}.manager-header{padding:var(--font-size-xl)}.manager-header h2{font-size:var(--font-size-xl)}.btn-add-schedule{margin:15px var(--font-size-xl);width:calc(100% - 40px)}.schedule-form{margin:15px var(--font-size-xl);padding:var(--font-size-xl)}.schedules-list{padding:0 var(--font-size-xl) var(--font-size-xl) var(--font-size-xl)}.schedule-card{padding:15px}.schedule-header{flex-direction:column}.schedule-actions{justify-content:flex-end;width:100%}}.btn-add-schedule:focus-visible,.btn-cancel:focus-visible,.btn-close:focus-visible,.btn-complete:focus-visible,.btn-icon:focus-visible,.btn-save:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px}@media (prefers-contrast:high){.schedule-manager-content{border:3px solid var(--color-gray-900)}.schedule-card,.schedule-form{border:2px solid var(--color-gray-900)}}@media (prefers-reduced-motion:reduce){.btn-add-schedule,.btn-close,.btn-complete,.btn-icon,.progress-fill,.schedule-card,.schedule-manager-content{animation:none;transition:none}.btn-add-schedule:hover,.btn-close:hover,.btn-complete:hover,.btn-save:hover,.schedule-card:hover{transform:none}}.loading-state{align-items:center;display:flex;flex-direction:column;gap:var(--font-size-xl);justify-content:center;min-height:300px}.spinner{animation:spin 1s linear infinite;border:var(--space-xs) solid var(--color-gray-100);border-radius:50%;border-top:var(--space-xs) solid var(--color-primary);height:50px;width:50px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.delete-confirm-overlay{align-items:center;animation:fadeIn var(--transition-fast);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.delete-confirm-modal{animation:slideUp var(--transition-base);background:var(--color-white);border-radius:var(--radius-xl);box-shadow:0 var(--font-size-xl) 60px #0000004d;max-width:450px;padding:30px;text-align:center;width:90%}.delete-confirm-icon{animation:pulse var(--transition-slow);font-size:var(--space-3xl);margin-bottom:var(--font-size-xl)}.delete-confirm-modal h3{color:var(--color-gray-700);font-size:var(--space-lg);font-weight:var(--font-weight-semibold);margin:0 0 15px}.delete-confirm-modal p{color:var(--color-gray-500);font-size:var(--radius-xl);line-height:1.5;margin:0 0 10px}.delete-confirm-modal strong{color:var(--color-danger);font-weight:var(--font-weight-semibold)}.delete-warning{background:var(--color-white)3cd;border-left:var(--space-xs) solid var(--color-warning);border-radius:var(--radius-md);color:var(--color-gray-400);font-size:var(--font-size-sm);margin-top:15px;padding:var(--radius-lg)}.delete-confirm-buttons{display:flex;gap:var(--radius-lg);margin-top:25px}.delete-confirm-buttons .btn-cancel{background:var(--color-gray-500);border:none;border-radius:var(--radius-md);color:var(--color-white);cursor:pointer;flex:1 1;font-size:var(--radius-xl);font-weight:var(--font-weight-semibold);padding:var(--font-size-sm);transition:all .3s}.delete-confirm-buttons .btn-cancel:hover{background:var(--color-gray-600);transform:translateY(-2px)}.btn-delete-confirm{background:var(--color-danger);border:none;border-radius:var(--radius-md);color:var(--color-white);cursor:pointer;flex:1 1;font-size:var(--radius-xl);font-weight:var(--font-weight-semibold);padding:var(--font-size-sm);transition:all .3s}.btn-delete-confirm:hover{background:var(--color-danger-dark);box-shadow:0 var(--space-xs) var(--radius-lg) #dc35454d;transform:translateY(-2px)}.btn-delete-confirm:active{transform:translateY(0)}@media (max-width:480px){.delete-confirm-modal{max-width:95%;padding:25px var(--font-size-xl)}.delete-confirm-icon{font-size:var(--space-2xl)}.delete-confirm-modal h3{font-size:var(--font-size-xl)}.delete-confirm-modal p{font-size:var(--font-size-sm)}.delete-confirm-buttons{flex-direction:column}.btn-delete-confirm,.delete-confirm-buttons .btn-cancel{width:100%}}.completed-badge{animation:pulse 2s ease infinite;background:var(--color-success);border-radius:var(--radius-lg);color:var(--color-white);display:inline-block;font-size:var(--radius-lg);font-weight:var(--font-weight-semibold);margin-left:var(--radius-lg);padding:var(--space-xs) var(--radius-lg)}.schedule-card.recently-completed{background:linear-gradient(to right,var(--color-success-light) 0,#fff 100%);border-left:var(--space-xs) solid var(--color-success)}.schedule-last-service{background:var(--color-success-light);color:var(--color-success)}.schedule-last-service,.schedule-next-due{border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin:10px 0;padding:10px}.schedule-next-due{background:#e7f0ff;color:var(--color-primary)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@media (prefers-reduced-motion:reduce){.completed-badge{animation:none}}.complete-confirm-modal{animation:slideUp var(--transition-base);background:var(--color-white);border-radius:var(--radius-xl);box-shadow:0 var(--font-size-xl) 60px #0000004d;max-width:500px;padding:30px;width:90%}.complete-confirm-icon{animation:checkmarkPop var(--transition-slow);font-size:var(--space-3xl);margin-bottom:var(--font-size-xl);text-align:center}.complete-confirm-modal h3{color:var(--color-gray-700);font-size:var(--space-lg);margin:0 0 10px}.complete-confirm-modal h3,.complete-service-name{font-weight:var(--font-weight-semibold);text-align:center}.complete-service-name{color:var(--color-primary);font-size:var(--font-size-lg);margin:0 0 25px}.complete-form{margin:var(--font-size-xl) 0}.complete-form label{color:var(--color-gray-700);display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);margin-bottom:var(--radius-md)}.complete-input{border:2px solid var(--color-gray-300);border-radius:var(--radius-md);box-sizing:border-box;font-size:var(--radius-xl);padding:var(--font-size-sm);transition:border-color .3s;width:100%}.complete-input:focus{border-color:var(--color-primary);outline:none}.complete-error{background:var(--color-danger-light);border-radius:var(--radius-sm);color:var(--color-danger);font-size:var(--font-size-sm);margin-top:var(--radius-md);padding:var(--radius-md)}.complete-preview{background:#e7f0ff;border-left:var(--space-xs) solid var(--color-primary);border-radius:var(--radius-md);margin-top:var(--font-size-xl);padding:15px}.complete-preview h4{color:var(--color-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);margin:0 0 10px}.preview-item{color:var(--color-gray-700);font-size:15px;font-weight:var(--font-weight-medium);margin:var(--radius-md) 0}.complete-confirm-buttons{display:flex;gap:var(--radius-lg);margin-top:25px}.complete-confirm-buttons .btn-cancel{background:var(--color-gray-500);border:none;border-radius:var(--radius-md);color:var(--color-white);cursor:pointer;flex:1 1;font-size:var(--radius-xl);font-weight:var(--font-weight-semibold);padding:var(--font-size-sm);transition:all .3s}.complete-confirm-buttons .btn-cancel:hover{background:var(--color-gray-600);transform:translateY(-2px)}.btn-complete-confirm{background:var(--color-success);border:none;border-radius:var(--radius-md);color:var(--color-white);cursor:pointer;flex:1 1;font-size:var(--radius-xl);font-weight:var(--font-weight-semibold);padding:var(--font-size-sm);transition:all .3s}.btn-complete-confirm:hover{background:var(--color-success-dark);box-shadow:0 var(--space-xs) var(--radius-lg) #28a7454d;transform:translateY(-2px)}.btn-complete-confirm:disabled{background:var(--color-gray-300);cursor:not-allowed;transform:none}.btn-complete-confirm:active{transform:translateY(0)}@media (max-width:480px){.complete-confirm-modal{max-width:95%;padding:25px var(--font-size-xl)}.complete-confirm-icon{font-size:var(--space-2xl)}.complete-confirm-modal h3{font-size:var(--font-size-xl)}.complete-confirm-buttons{flex-direction:column}.btn-complete-confirm,.complete-confirm-buttons .btn-cancel{width:100%}}.service-modal-overlay{align-items:center;animation:fadeIn var(--transition-fast);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.service-modal{animation:slideUp var(--transition-base);background:var(--color-white);border-radius:var(--radius-xl);box-shadow:0 var(--font-size-xl) 60px #0000004d;max-height:90vh;max-width:600px;overflow-y:auto;width:90%}.modal-header{align-items:flex-start;border-bottom:1px solid var(--color-gray-200);padding:25px 30px}.modal-icon{animation:checkmarkPop var(--transition-slow);font-size:var(--space-2xl);margin-bottom:10px}.modal-header h3{color:var(--color-gray-700);font-size:var(--space-lg);margin:0 0 5px}.modal-header h3,.service-type-name{font-weight:var(--font-weight-semibold)}.service-type-name{color:var(--color-primary);font-size:var(--radius-xl);margin:0}.btn-close-modal{align-items:center;background:none;border:none;border-radius:50%;color:var(--color-gray-400);cursor:pointer;display:flex;font-size:var(--space-lg);height:var(--space-xl);justify-content:center;padding:0;transition:all .2s;width:var(--space-xl)}.btn-close-modal:hover{background:var(--color-gray-100);color:var(--color-gray-700)}.modal-body{padding:25px 30px}.form-field{margin-bottom:var(--font-size-xl)}.form-field label{color:var(--color-gray-700);display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);margin-bottom:var(--radius-md)}.form-field input,.form-field select,.form-field textarea{border:2px solid var(--color-gray-200);border-radius:var(--radius-md);box-sizing:border-box;font-family:inherit;font-size:15px;padding:var(--radius-lg) var(--radius-xl);transition:border-color .2s;width:100%}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:var(--color-primary);outline:none}.form-field textarea{min-height:80px;resize:vertical}.form-error{background:var(--color-danger-light);border-left:var(--space-xs) solid var(--color-danger-dark);color:var(--color-danger-dark);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-top:15px;padding:var(--radius-lg) var(--radius-xl)}.form-error,.next-due-preview{border-radius:var(--radius-md)}.next-due-preview{background:var(--color-info-light);border-left:var(--space-xs) solid var(--color-info);margin-top:var(--font-size-xl);padding:var(--radius-xl)}.next-due-preview h4{color:var(--color-info-dark);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);letter-spacing:.5px;margin:0 0 10px;text-transform:uppercase}.preview-line{color:#0c4a6e;font-size:15px;font-weight:var(--font-weight-medium);margin:var(--radius-sm) 0}.modal-footer{background:var(--color-gray-50);border-radius:0 0 var(--radius-xl) var(--radius-xl);border-top:1px solid var(--color-gray-200);gap:var(--radius-lg);padding:var(--font-size-xl) 30px}.btn-primary,.btn-secondary{font-size:var(--radius-xl);padding:var(--font-size-sm) var(--space-lg)}.btn-secondary{background:var(--color-gray-100);color:var(--color-gray-700)}.btn-secondary:hover{background:var(--color-gray-200);transform:translateY(-1px)}.btn-primary{background:var(--color-primary)}.btn-primary:hover{background:var(--color-primary-dark);box-shadow:0 var(--space-xs) var(--radius-lg) #7a9b8e4d;transform:translateY(-1px)}.btn-primary:disabled{background:var(--color-gray-300);cursor:not-allowed;transform:none}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes checkmarkPop{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}@media (max-width:640px){.service-modal{max-height:95vh;width:95%}.modal-body,.modal-footer,.modal-header{padding:var(--font-size-xl)}.modal-header h3{font-size:var(--font-size-xl)}.modal-icon{font-size:36px}.modal-footer{flex-direction:column}.btn-primary,.btn-secondary{width:100%}}.fuel-history-section{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);margin:0 auto var(--space-xl) auto;max-width:1200px;padding:var(--space-xl)}.section-header h2{color:var(--color-gray-800);font-size:var(--space-lg);font-weight:var(--font-weight-bold);margin:0}.btn-add-fuel{background:var(--color-secondary);border:none;border-radius:var(--radius-md);color:var(--color-white);cursor:pointer;font-size:.9rem;font-weight:var(--font-weight-semibold);padding:10px var(--space-lg);transition:all .2s}.btn-add-fuel:hover{background:var(--color-secondary-dark);box-shadow:var(--shadow-md);transform:translateY(-2px)}.fuel-stats-grid{grid-gap:var(--space-lg);display:grid;gap:var(--space-lg);grid-template-columns:repeat(3,1fr);margin-bottom:var(--space-xl)}.stat-card{align-items:center;background:var(--gradient-light);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);display:flex;gap:var(--space-md);padding:var(--space-lg)}.stat-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-lg);transform:translateY(-3px)}.stat-icon{flex-shrink:0;font-size:2.5rem}.stat-content{display:flex;flex-direction:column;gap:4px}.stat-label{font-size:.75rem}.stat-value{color:var(--color-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold)}.stat-subvalue{color:var(--color-gray-600);font-size:.8rem}.empty-state,.loading-state{padding:var(--space-2xl)}.empty-icon{font-size:4rem;margin-bottom:var(--space-md)}.empty-state p{color:var(--color-gray-500);font-size:var(--space-md);margin:var(--space-sm) 0}.empty-subtext{color:var(--color-gray-400)}.fuel-records-list{margin-top:var(--space-xl)}.fuel-records-list h3{color:var(--color-gray-800);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-lg) 0}.fuel-record-card{background:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);margin-bottom:var(--space-md);padding:var(--space-lg);transition:all .2s}.fuel-record-card:hover{border-color:var(--color-secondary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.record-header{align-items:center;border-bottom:1px solid var(--color-gray-200);display:flex;justify-content:space-between;margin-bottom:var(--space-md);padding-bottom:var(--space-md)}.record-header-left{display:flex;flex-direction:column;gap:var(--space-xs)}.record-actions{display:flex;gap:var(--space-sm)}.btn-icon-delete:disabled,.btn-icon-edit:disabled{cursor:not-allowed;opacity:.4}.record-date{color:var(--color-gray-700);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.record-location{color:var(--color-gray-600);font-size:var(--font-size-sm)}.record-details-grid{grid-gap:var(--space-md);display:grid;gap:var(--space-md);grid-template-columns:repeat(3,1fr)}.record-detail{display:flex;flex-direction:column;gap:4px}.record-detail.highlight{background:var(--color-success-light);border-radius:var(--radius-sm);padding:var(--space-sm)}.detail-label{font-size:.7rem;letter-spacing:.05em;text-transform:uppercase}.detail-value.cost{color:var(--color-secondary);font-weight:var(--font-weight-bold)}.detail-diff{color:var(--color-success);font-size:.75rem;font-weight:var(--font-weight-medium)}.record-detail.highlight .detail-label{color:var(--color-success-dark)}.record-detail.highlight .detail-value{color:var(--color-success-dark);font-weight:var(--font-weight-bold)}@media (max-width:1024px){.fuel-stats-grid{grid-template-columns:1fr}.record-details-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.fuel-history-section{padding:var(--font-size-xl)}.section-header{align-items:stretch;flex-direction:column}.btn-add-fuel{width:100%}.fuel-stats-grid{gap:var(--space-md);grid-template-columns:1fr}.stat-card{padding:var(--space-md)}.record-details-grid{grid-template-columns:1fr}.record-header{align-items:flex-start;flex-direction:column;gap:var(--space-sm)}}.modal-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:var(--space-md);position:fixed;right:0;top:0;z-index:1000}.modal-content{animation:modalFadeIn .3s ease-out;background:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);max-height:90vh;max-width:600px;overflow-y:auto;width:100%}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal-header{border-bottom:2px solid var(--color-gray-200);padding:var(--space-xl)}.modal-header h2{color:var(--color-gray-900)}.close-btn,.modal-header h2{font-size:var(--font-size-2xl)}.close-btn{border-radius:var(--radius-sm);color:var(--color-gray-500);padding:var(--space-xs)}.close-btn:hover{background:var(--color-gray-100);color:var(--color-gray-900)}.modal-body{padding:var(--space-xl)}.vehicle-info-banner{align-items:center;background:linear-gradient(135deg,var(--color-primary-light) 0,var(--color-secondary-light) 100%);border-radius:var(--radius-md);display:flex;justify-content:space-between;margin-bottom:var(--space-xl);padding:var(--space-md)}.vehicle-name{color:var(--color-gray-900);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.last-odometer{color:var(--color-gray-700);font-size:var(--font-size-sm)}.form-grid{grid-gap:var(--space-lg);gap:var(--space-lg);grid-template-columns:1fr 1fr}.form-group{gap:var(--space-xs)}.form-group label{color:var(--color-gray-700)}.form-group input,.form-group select,.form-group textarea{border:2px solid var(--color-gray-300);border-radius:var(--radius-md);font-size:var(--font-size-base);padding:var(--space-sm) var(--space-md);transition:all .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light);outline:none}.form-group textarea{font-family:inherit;resize:vertical}.message{margin-top:var(--space-lg);padding:var(--space-md)}.message.success{background:var(--color-success-light);border:2px solid var(--color-success)}.message.error{background:var(--color-danger-light);border:2px solid var(--color-danger)}.modal-footer{border-top:2px solid var(--color-gray-200);gap:var(--space-md);justify-content:flex-end;padding:var(--space-xl)}.btn-cancel,.btn-save{border:none;border-radius:var(--radius-md);cursor:pointer;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);padding:var(--space-sm) var(--space-xl);transition:all .2s}.btn-cancel{background:var(--color-gray-200);color:var(--color-gray-700)}.btn-cancel:hover:not(:disabled){background:var(--color-gray-300)}.btn-save{background:linear-gradient(135deg,var(--color-primary) 0,var(--color-secondary) 100%);color:var(--color-white)}.btn-save:hover:not(:disabled){box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn-cancel:disabled,.btn-save:disabled{cursor:not-allowed;opacity:.5}@media (max-width:768px){.form-grid{grid-template-columns:1fr}.modal-content{max-height:95vh}.modal-body,.modal-footer,.modal-header{padding:var(--space-md)}}.assign-mechanic-modal{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:600px;overflow:hidden;width:90%}.modal-header{align-items:center;border-bottom:2px solid #e5e7eb;display:flex;justify-content:space-between;padding:1.5rem}.modal-header h2{color:#1f2937;font-size:1.5rem;margin:0}.close-btn{align-items:center;background:none;border:none;border-radius:50%;color:#6b7280;cursor:pointer;display:flex;font-size:2rem;height:32px;justify-content:center;padding:0;transition:all .2s;width:32px}.close-btn:hover{background:#f3f4f6;color:#1f2937}.vehicle-info{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-bottom:2px solid #86efac;padding:1rem 1.5rem}.vehicle-name{color:#166534;font-size:1.125rem;font-weight:600;margin:0 0 .25rem}.vehicle-vin{color:#15803d;font-family:monospace;font-size:.875rem;margin:0}.error-message{background:#fee2e2;border:2px solid #ef4444;border-radius:8px;color:#991b1b;font-weight:500;margin:1rem 1.5rem;padding:.75rem 1rem}.modal-body{flex:1 1;overflow-y:auto;padding:1.5rem}.search-section{margin-bottom:1.5rem}.search-input{border:2px solid #d1d5db;border-radius:10px;font-size:.875rem;padding:.875rem 1rem;transition:all .2s;width:100%}.search-input:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a;outline:none}.mechanics-list{border:2px solid #e5e7eb;border-radius:10px;margin-bottom:1.5rem;max-height:300px;overflow-y:auto;padding:.5rem}.empty-state,.loading-state{color:#6b7280;padding:2rem}.empty-state p{font-size:.875rem}.mechanic-card{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:10px;cursor:pointer;display:flex;gap:1rem;margin-bottom:.5rem;padding:1rem;transition:all .2s}.mechanic-card:hover{background:#f0fdf4;border-color:#10b981;transform:translateX(4px)}.mechanic-card.selected{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-color:#10b981;box-shadow:0 4px 12px #10b98133}.mechanic-icon{flex-shrink:0;font-size:2rem}.mechanic-info{flex:1 1;min-width:0}.mechanic-info h4{color:#1f2937;font-size:1rem;font-weight:600;margin:0 0 .25rem}.mechanic-email{color:#6b7280;font-size:.875rem;margin:0 0 .25rem}.mechanic-company{color:#059669;font-size:.875rem;font-weight:500;margin:0}.selected-indicator{color:#10b981;flex-shrink:0;font-size:1.5rem}.notes-section{background:#f9fafb;border:2px solid #e5e7eb;border-radius:10px;padding:1rem}.note-field{margin-bottom:1rem}.note-field:last-child{margin-bottom:0}.note-field label{color:#374151;display:block;font-size:.875rem;font-weight:600;margin-bottom:.5rem}.label-hint{color:#6b7280;font-size:.75rem;font-weight:400;margin-left:.5rem}.notes-textarea{border:2px solid #d1d5db;border-radius:8px;font-family:inherit;font-size:.875rem;padding:.75rem;resize:vertical;transition:all .2s;width:100%}.notes-textarea:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a;outline:none}.notes-textarea::placeholder{color:#9ca3af}.modal-footer{background:#f9fafb;border-top:2px solid #e5e7eb;display:flex;gap:1rem;padding:1.5rem}.btn-primary,.btn-secondary{border-radius:10px;flex:1 1;font-size:.875rem;font-weight:600;padding:.875rem 1.5rem}.btn-secondary{border:2px solid #d1d5db;color:#374151}.btn-secondary:hover:not(:disabled){background:#f3f4f6;border-color:#9ca3af}.btn-primary{background:linear-gradient(135deg,#10b981,#059669);border:2px solid #059669;color:#fff}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);box-shadow:0 4px 12px #10b9814d;transform:translateY(-2px)}.btn-primary:disabled,.btn-secondary:disabled{opacity:.5}.mechanics-list::-webkit-scrollbar{width:8px}.mechanics-list::-webkit-scrollbar-track{background:#f3f4f6;border-radius:4px}.mechanics-list::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}.mechanics-list::-webkit-scrollbar-thumb:hover{background:#9ca3af}@media (max-width:640px){.assign-mechanic-modal{max-height:95vh;width:95%}.modal-header h2{font-size:1.25rem}.mechanics-list{max-height:200px}.modal-footer{flex-direction:column}.btn-primary,.btn-secondary{width:100%}}.vehicle-detail-container{background:var(--gradient-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh;padding:var(--font-size-xl)}.vehicle-detail-nav{justify-content:space-between;margin:0 auto var(--space-lg) auto;max-width:1200px;padding:var(--space-md) 0}.vehicle-detail-logo,.vehicle-detail-nav{align-items:center;display:flex}.back-btn-nav{background:var(--color-gray-500);border-radius:var(--radius-md);padding:.6rem 1.5rem;transition:all .3s}.back-btn-nav:hover{background:var(--color-gray-600);transform:translateY(-2px)}.vehicle-detail-card-compact{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);margin:0 auto var(--space-xl) auto;max-width:1200px;padding:var(--space-xl)}.detail-header-compact{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-md);justify-content:space-between;margin-bottom:var(--space-xl)}.back-btn{background:var(--color-gray-500);border-radius:var(--radius-md);padding:.6rem 1.var(--space-xl);transition:all .3s}.back-btn:hover{background:var(--color-gray-600);transform:translateY(-2px)}.action-buttons{display:flex;flex-wrap:wrap;gap:var(--font-size-xs)}.assign-mechanic-btn,.delete-btn,.edit-btn{border:none;border-radius:var(--radius-md);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);padding:.6rem 1.var(--space-xl);transition:all .3s}.assign-mechanic-btn{background:linear-gradient(135deg,#10b981,#059669);border:2px solid #059669;color:#fff}.assign-mechanic-btn:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 4px 12px #10b9814d;transform:translateY(-2px)}.edit-btn{background:var(--color-primary);color:var(--color-white)}.edit-btn:hover{background:var(--color-primary-dark);transform:translateY(-2px)}.delete-btn{background:var(--color-danger);color:var(--color-white)}.delete-btn:hover{background:var(--color-danger-dark);transform:translateY(-2px)}.delete-btn:disabled{background:var(--color-gray-300);cursor:not-allowed;transform:none}.vehicle-main-info{grid-gap:var(--space-xl);border-bottom:1px solid var(--color-gray-200);display:grid;gap:var(--space-xl);grid-template-columns:1fr;margin-bottom:0;padding-bottom:var(--space-xl)}.vehicle-image-section{align-items:center;display:flex;justify-content:center}.vehicle-image{box-shadow:var(--shadow-md);object-fit:cover}.vehicle-image,.vehicle-image-placeholder{border:2px solid var(--color-gray-200);border-radius:var(--radius-lg);height:220px;max-width:350px;width:100%}.vehicle-image-placeholder{align-items:center;background:var(--gradient-light);display:flex;flex-direction:column;font-size:80px;justify-content:center;position:relative}.image-note{background:#ffffffe6;border-radius:var(--radius-sm);bottom:var(--space-md);color:var(--color-gray-500);font-size:var(--font-size-xs);left:50%;line-height:1.4;max-width:90%;padding:var(--space-sm);position:absolute;text-align:center;transform:translateX(-50%)}.vehicle-info-right{display:flex;flex-direction:column;gap:var(--space-lg)}.title-and-health{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-md);justify-content:space-between}.detail-header-compact .title-and-health{flex-direction:row;justify-content:flex-start;margin:0}.vehicle-title-compact{color:var(--color-gray-800);flex:1 1;font-size:var(--space-xl);font-weight:var(--font-weight-bold);margin:0}.health-badge-small,.health-score-small{align-items:center;background:var(--color-gray-50);border-left:3px solid;border-radius:var(--radius-md);display:flex;font-size:var(--font-size-sm);gap:var(--space-sm);padding:var(--space-sm) var(--space-md)}.health-icon-small{flex-shrink:0;font-size:var(--font-size-xl)}.health-text-small{align-items:center;display:flex;gap:var(--space-xs)}.health-label-small,.health-text-small{font-weight:var(--font-weight-semibold)}.health-label-small,.health-score-small-value{font-size:var(--font-size-sm)}.health-score-small-value{color:var(--color-gray-800);font-weight:var(--font-weight-bold)}.details-two-column{grid-gap:var(--font-size-xs) var(--space-xl);display:grid;gap:var(--font-size-xs) var(--space-xl);grid-template-columns:repeat(2,1fr)}.details-column{display:flex;flex-direction:column;gap:var(--font-size-xs)}.detail-row,.detail-row-inline{align-items:baseline;display:flex;gap:var(--space-md);padding:var(--space-sm) 0}.detail-label-inline,.detail-label-row{color:var(--color-gray-500);flex-shrink:0;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:.05em;min-width:180px;text-transform:uppercase;white-space:nowrap}.detail-value-inline,.detail-value-row{color:var(--color-gray-800);font-size:var(--space-md);font-weight:var(--font-weight-semibold)}.details-two-column-compact{grid-gap:var(--space-sm) var(--space-lg);display:grid;gap:var(--space-sm) var(--space-lg);grid-template-columns:repeat(2,1fr)}.detail-row-compact{align-items:baseline;display:flex;gap:var(--space-sm);padding:.4rem 0}.detail-label-compact{color:var(--color-gray-500);flex-shrink:0;font-size:.7rem;font-weight:var(--font-weight-semibold);letter-spacing:.03em;min-width:120px;text-transform:uppercase;white-space:nowrap}.detail-value-compact{color:var(--color-gray-800);font-size:.85rem;font-weight:var(--font-weight-medium);line-height:1.3}.detail-tabs{-webkit-overflow-scrolling:touch;background:var(--color-white);border-bottom:2px solid var(--color-gray-200);border-radius:var(--radius-lg) var(--radius-lg) 0 0;box-shadow:var(--shadow-md);margin:0 auto;max-width:1200px;overflow-x:auto;padding:var(--space-sm)}.detail-tab,.detail-tabs{display:flex;gap:var(--space-sm)}.detail-tab{align-items:center;background:#0000;border:none;border-radius:var(--radius-md);color:var(--color-gray-600);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);padding:var(--space-md) var(--space-lg);position:relative;transition:all var(--transition-fast);white-space:nowrap}.detail-tab:hover{background:var(--color-gray-100);color:var(--color-gray-800)}.detail-tab.active{background:var(--gradient-primary);box-shadow:0 2px var(--radius-md) #7a9b8e4d;color:var(--color-white)}.detail-tab .tab-icon{font-size:var(--font-size-lg)}.detail-tab .tab-label{font-size:var(--font-size-sm)}.detail-tab .tab-badge{align-items:center;background:var(--color-gray-200);border-radius:11px;color:var(--color-gray-700);display:inline-flex;font-size:var(--radius-lg);font-weight:var(--font-weight-bold);height:22px;justify-content:center;line-height:1;min-width:22px;padding:0 var(--space-sm)}.detail-tab.active .tab-badge{background:#ffffff4d;color:var(--color-white)}.detail-tab .tab-badge.alert{background:var(--color-danger);color:var(--color-white)}.detail-tab.active .tab-badge.alert{background:var(--color-white);color:var(--color-danger)}.detail-tab-content{animation:fadeIn .3s ease-in-out;background:var(--color-white);border-radius:0 0 var(--radius-lg) var(--radius-lg);box-shadow:var(--shadow-md);margin:0 auto var(--space-xl) auto;max-width:1200px;padding:var(--space-xl)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.maintenance-section{background:#0000;border:none;border-radius:0;box-shadow:none;margin:0;padding:0}.section-header-inline{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-md);justify-content:space-between;margin-bottom:var(--space-lg)}.section-header-inline h2{color:var(--color-gray-800);font-size:var(--space-lg);font-weight:var(--font-weight-bold);margin:0}.btn-manage-schedules{background:var(--gradient-primary);border:none;border-radius:var(--radius-md);color:var(--color-white);cursor:pointer;font-size:.9rem;font-weight:var(--font-weight-semibold);padding:var(--font-size-xs) var(--space-lg);transition:all .3s}.btn-manage-schedules:hover{box-shadow:0 var(--radius-sm) var(--font-size-xl) #7a9b8e66;transform:translateY(-2px)}.empty-maintenance{color:var(--color-gray-400);padding:var(--space-2xl) var(--space-lg);text-align:center}.empty-maintenance p{font-size:var(--space-md);margin:var(--space-sm) 0}.empty-subtext{color:var(--color-gray-300);font-size:var(--font-size-sm)}.schedules-summary{grid-gap:var(--space-md);display:grid;gap:var(--space-md);grid-template-columns:repeat(3,1fr);margin-bottom:var(--space-lg)}.summary-stat{background:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:10px;padding:var(--space-lg);text-align:center;transition:all .3s}.summary-stat:hover{border-color:var(--color-primary);box-shadow:var(--shadow-lg);transform:translateY(-3px)}.stat-number{color:var(--color-primary);font-size:var(--space-xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-sm)}.stat-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.upcoming-list{background:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:10px;padding:var(--space-lg)}.upcoming-list h3{color:var(--color-gray-800);font-size:var(--space-md);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-md) 0}.upcoming-item{align-items:center;background:var(--color-white);border-left:3px solid var(--color-primary);border-radius:var(--radius-md);display:flex;justify-content:space-between;margin-bottom:var(--font-size-xs);padding:var(--font-size-sm) var(--space-md);transition:all .3s}.upcoming-item:last-child{margin-bottom:0}.upcoming-item.overdue{background:var(--color-white)5f5;border-left-color:var(--color-danger)}.upcoming-item:hover{box-shadow:0 2px var(--radius-md) #0000001a;transform:translateX(5px)}.service-name{color:var(--color-gray-800);font-size:.95rem;font-weight:var(--font-weight-semibold)}.due-date{color:var(--color-gray-500);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.due-date.overdue{color:var(--color-danger);font-weight:var(--font-weight-bold)}.service-history-section{background:#0000;border:none;border-radius:0;box-shadow:none;margin:0;padding:0}.section-header{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-md);justify-content:space-between;margin-bottom:var(--space-lg)}.service-history-section h2{color:var(--color-gray-800);font-size:var(--space-lg);font-weight:var(--font-weight-bold);margin:0}.btn-add-service{background:var(--color-primary);border:none;border-radius:var(--radius-md);color:var(--color-white);cursor:pointer;font-size:.9rem;font-weight:var(--font-weight-semibold);padding:var(--font-size-xs) var(--space-lg);transition:all .2s}.btn-add-service:hover{background:var(--color-primary-dark);transform:translateY(-2px)}.empty-state,.loading-state{color:var(--color-gray-400);font-size:var(--space-md);padding:var(--space-2xl) var(--space-lg);text-align:center}.service-history-list{display:flex;flex-direction:column;gap:var(--space-md)}.service-record-card{background:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);padding:var(--space-lg);transition:all .2s}.service-record-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.service-header{align-items:center;border-bottom:1px solid var(--color-gray-200);display:flex;justify-content:space-between;margin-bottom:var(--space-md);padding-bottom:var(--space-md)}.service-header-left{align-items:center;display:flex;gap:var(--space-md)}.service-header h3{color:var(--color-gray-800);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0}.service-actions{display:flex;gap:var(--space-sm)}.btn-icon-delete,.btn-icon-edit{background:none;border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:var(--font-size-lg);opacity:.7;padding:var(--space-xs);transition:all .2s}.btn-icon-edit:hover{background:var(--color-primary-light);opacity:1;transform:scale(1.1)}.btn-icon-delete:hover{background:var(--color-danger-light);opacity:1;transform:scale(1.1)}.btn-icon-delete:disabled{cursor:not-allowed;opacity:.3}.schedule-badge{background:var(--color-info-light);border-radius:var(--radius-lg);color:var(--color-info-dark);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);padding:var(--space-xs) var(--font-size-xs)}.service-details-grid{grid-gap:var(--font-size-xs);display:grid;gap:var(--font-size-xs)}.detail-label{color:var(--color-gray-500);font-weight:var(--font-weight-medium)}.detail-label,.detail-value{font-size:var(--font-size-sm)}.detail-value{color:var(--color-gray-800);font-weight:var(--font-weight-semibold)}.service-notes{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);color:var(--color-gray-600);font-size:var(--font-size-sm);line-height:1.5;margin-top:var(--space-md);padding:var(--font-size-sm)}.service-notes strong{color:var(--color-gray-800)}@media (min-width:768px){.vehicle-detail-container{padding:30px var(--font-size-xl)}.vehicle-detail-card-compact{padding:var(--space-xl)}.vehicle-main-info{align-items:flex-start;gap:var(--space-xl);grid-template-columns:300px 1fr}.vehicle-image-placeholder{height:200px;max-width:300px}.vehicle-info-right{align-items:flex-start}.vehicle-title-compact{font-size:1.75rem;text-align:left}.title-and-health{align-items:center;justify-content:flex-start}.details-two-column,.details-two-column-compact{gap:var(--space-sm);grid-template-columns:1fr}.detail-label-compact,.detail-label-inline,.detail-label-row{font-size:var(--font-size-xs);min-width:150px}.detail-value-compact,.detail-value-inline,.detail-value-row{font-size:.95rem}.schedules-summary{gap:var(--font-size-xl)}.summary-stat{padding:var(--space-lg)}}@media (min-width:1024px){.vehicle-detail-container{padding:40px}.vehicle-detail-card-compact{padding:2.5rem}.vehicle-main-info{grid-template-columns:350px 1fr}.vehicle-image-placeholder{height:220px;max-width:350px}.vehicle-title-compact{font-size:var(--space-xl)}.details-two-column{gap:var(--font-size-xs) var(--space-xl);grid-template-columns:repeat(2,1fr)}.details-two-column-compact{gap:var(--space-sm) var(--space-lg);grid-template-columns:repeat(2,1fr)}.detail-label-inline,.detail-label-row{min-width:180px}.detail-label-compact{min-width:120px}.detail-value-inline,.detail-value-row{font-size:var(--space-md)}.detail-value-compact{font-size:.85rem}}@media (max-width:768px){.vehicle-detail-container{padding:10px}.vehicle-detail-card-compact{padding:var(--font-size-xl)}.detail-header-compact{align-items:stretch;flex-direction:column;gap:var(--space-md)}.detail-header-compact .title-and-health{align-items:flex-start;flex-direction:column;width:100%}.action-buttons{justify-content:stretch;width:100%}.delete-btn,.edit-btn{flex:1 1}.vehicle-image-placeholder{font-size:60px;height:160px;max-width:100%}.image-note{font-size:.65rem;padding:0.var(--space-3xl)}.title-and-health{align-items:flex-start;flex-direction:column;gap:var(--font-size-xs)}.vehicle-title-compact{font-size:var(--space-lg);text-align:left}.vehicle-info-right{align-items:stretch}.health-badge-small,.health-score-small{justify-content:center;padding:.6rem var(--space-md);width:100%}.details-two-column,.details-two-column-compact{gap:var(--space-sm);grid-template-columns:1fr}.detail-row,.detail-row-compact,.detail-row-inline{gap:var(--font-size-xs);padding:.6rem 0}.detail-label-compact,.detail-label-inline,.detail-label-row{font-size:.7rem;min-width:120px}.detail-value-compact,.detail-value-inline,.detail-value-row{font-size:.9rem}.maintenance-section,.service-history-section{padding:0}.section-header,.section-header-inline{align-items:stretch;flex-direction:column}.section-header-inline h2,.service-history-section h2{font-size:var(--font-size-xl)}.btn-add-service,.btn-manage-schedules{width:100%}.schedules-summary{gap:var(--font-size-xs);grid-template-columns:1fr}.summary-stat{padding:var(--font-size-xl)}.stat-number{font-size:1.75rem}.upcoming-item{align-items:flex-start;flex-direction:column;gap:var(--space-sm)}}@media (max-width:480px){.vehicle-detail-container{padding:var(--radius-md)}.vehicle-detail-card-compact{padding:var(--space-md)}.vehicle-title-compact{font-size:var(--font-size-xl)}.vehicle-image-placeholder{font-size:50px;height:140px}.detail-label-compact,.detail-label-inline,.detail-label-row{font-size:.65rem;min-width:100px}.detail-value-compact,.detail-value-inline,.detail-value-row{font-size:.85rem}.health-badge-small,.health-score-small{font-size:.8rem;padding:var(--space-sm) var(--font-size-xs)}.health-icon-small{font-size:1.var(--space-md)}.detail-tabs{gap:var(--space-xs);padding:var(--space-xs)}.detail-tab{flex-direction:column;gap:.25rem;min-width:70px;padding:var(--space-sm) var(--radius-lg)}.detail-tab .tab-icon{font-size:var(--space-lg)}.detail-tab .tab-label{font-size:11px}.detail-tab .tab-badge{font-size:10px;height:18px;min-width:18px;position:absolute;right:var(--space-xs);top:var(--space-xs)}}.back-btn:focus-visible,.btn-add-service:focus-visible,.btn-manage-schedules:focus-visible,.delete-btn:focus-visible,.edit-btn:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px}@media (prefers-reduced-motion:reduce){*{transition:none!important}.back-btn:hover,.btn-add-service:hover,.btn-manage-schedules:hover,.delete-btn:hover,.edit-btn:hover,.service-record-card:hover,.summary-stat:hover,.upcoming-item:hover{transform:none}}.add-vehicle-container{background:var(--gradient-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh;padding:40px var(--font-size-xl)}.add-vehicle-nav{justify-content:space-between;margin:0 auto var(--space-lg) auto;max-width:900px;padding:var(--space-md) 0}.add-vehicle-logo,.add-vehicle-nav{align-items:center;display:flex}.back-btn-nav{background-color:var(--color-gray-500);border:none;border-radius:var(--radius-sm);color:var(--color-white);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);padding:10px var(--font-size-xl);transition:background-color .3s}.back-btn-nav:hover{background-color:var(--color-gray-600)}.add-vehicle-card{background-color:var(--color-white);border-radius:var(--radius-lg);box-shadow:0 var(--font-size-xl) 60px #0000004d;margin:0 auto;max-width:900px;padding:40px}.add-vehicle-header{align-items:center;display:flex;justify-content:center;margin-bottom:30px}.add-vehicle-header h2{color:var(--color-gray-700);font-size:28px;margin:0}.form-grid{grid-gap:var(--font-size-xl);display:grid;gap:var(--font-size-xl);grid-template-columns:repeat(2,1fr);margin-bottom:30px}.form-group{display:flex;flex-direction:column}.form-group.full-width{grid-column:1/-1}.form-group label{color:var(--color-gray-600);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);margin-bottom:var(--radius-md)}.form-group input,.form-group select{border:2px solid var(--color-gray-300);border-radius:var(--radius-md);font-size:var(--radius-xl);padding:var(--radius-lg) var(--radius-xl);transition:border-color .3s}.form-group input:focus,.form-group select:focus{border-color:var(--color-primary);outline:none}.checkbox-group{align-items:center;flex-direction:row}.checkbox-group label{align-items:center;cursor:pointer;display:flex;margin:0}.checkbox-group input[type=checkbox]{cursor:pointer;height:var(--font-size-xl);margin-right:10px;width:var(--font-size-xl)}.checkbox-group span{color:var(--color-gray-600);font-size:var(--radius-xl)}.insurance-section{border-top:2px solid var(--color-gray-200);margin-top:30px;padding-top:30px}.section-header-insurance{margin-bottom:var(--font-size-xl)}.section-header-insurance h3{color:var(--color-gray-700);font-size:1.3rem;font-weight:var(--font-weight-bold);margin:0}.save-btn{background-color:var(--color-primary);border:none;border-radius:var(--radius-md);color:var(--color-white);cursor:pointer;font-size:var(--radius-xl);font-weight:700;padding:var(--radius-xl);transition:background-color .3s;width:100%}.save-btn:hover:not(:disabled){background-color:var(--color-primary-dark)}.save-btn:disabled{background-color:var(--color-gray-300);cursor:not-allowed}.message{margin-top:var(--font-size-xl);padding:var(--radius-lg)}.image-upload-section{margin-top:10px}.image-preview-container{align-items:center;display:flex;flex-direction:column;gap:15px}.image-preview{border:2px solid var(--color-gray-300);border-radius:var(--radius-md);box-shadow:0 2px 8px #0000001a;height:300px;max-width:400px;object-fit:cover;width:100%}.btn-remove-image{background-color:var(--color-danger);border:none;border-radius:var(--radius-sm);color:var(--color-white);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);padding:10px var(--font-size-xl);transition:background-color .3s}.btn-remove-image:hover{background-color:var(--color-danger-dark)}.image-upload-placeholder{align-items:center;background-color:var(--color-gray-100);border:2px dashed var(--color-gray-400);border-radius:var(--radius-md);cursor:pointer;display:flex;justify-content:center;min-height:200px;transition:all .3s;width:100%}.image-upload-placeholder:hover{background-color:var(--color-gray-200);border-color:var(--color-primary)}.image-upload-label{align-items:center;cursor:pointer;display:flex;flex-direction:column;gap:10px;padding:var(--font-size-xl);text-align:center}.upload-icon{font-size:48px}.upload-text{color:var(--color-gray-700);font-size:var(--radius-xl);font-weight:var(--font-weight-semibold)}.upload-subtext{color:var(--color-gray-500);font-size:var(--font-size-sm)}@media (max-width:768px){.form-grid{grid-template-columns:1fr}.add-vehicle-header{align-items:flex-start;flex-direction:column;gap:15px}.back-btn{width:100%}.image-preview{height:250px;max-width:100%}}.notification-preferences{margin:0 auto;max-width:800px;padding:var(--font-size-xl)}.notification-prefs.loading{color:var(--color-gray-500);padding:40px;text-align:center}.prefs-header{margin-bottom:var(--space-xl)}.prefs-header h2{color:var(--color-gray-700);font-size:28px;font-weight:var(--font-weight-semibold);margin:0 0 var(--radius-md) 0}.prefs-header p{color:var(--color-gray-500);font-size:var(--radius-xl);margin:0}.message{align-items:center;display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:10px;margin-bottom:var(--space-lg);padding:var(--font-size-sm) var(--font-size-lg)}.message.success{border:1px solid #6ee7b7;color:var(--color-success-dark)}.message.error{border:1px solid #fca5a5;color:var(--color-danger-dark)}.prefs-section{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);margin-bottom:var(--font-size-xl);padding:var(--space-lg)}.prefs-section h3{color:var(--color-gray-700);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0 0 var(--radius-md) 0}.section-description{color:var(--color-gray-500);font-size:var(--font-size-sm);margin:0 0 var(--font-size-xl) 0}.checkbox-label{align-items:flex-start;border-radius:var(--radius-md);cursor:pointer;display:flex;gap:var(--radius-lg);margin-bottom:var(--radius-md);padding:var(--radius-lg);transition:background-color .2s}.checkbox-label:hover{background-color:var(--color-gray-50)}.checkbox-label.disabled{cursor:not-allowed;opacity:.6}.checkbox-label input[type=checkbox],.checkbox-label input[type=radio]{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:var(--color-white);border:2px solid var(--color-gray-300);border-radius:var(--space-xs);cursor:pointer;flex-shrink:0;height:var(--font-size-xl);margin-top:2px;position:relative;transition:all var(--transition-fast);width:var(--font-size-xl)}.checkbox-label input[type=checkbox]:hover{border-color:var(--color-primary)}.checkbox-label input[type=checkbox]:checked{background-color:var(--color-primary)!important;border-color:var(--color-primary)!important}.checkbox-label input[type=checkbox]:checked:after{color:var(--color-white);content:"✓";display:block;font-size:var(--font-size-sm);font-weight:700;left:50%;line-height:1;position:absolute;top:50%;transform:translate(-50%,-50%)}.checkbox-label.disabled input[type=checkbox]{background-color:var(--color-gray-100);cursor:not-allowed;opacity:.5}.radio-label input[type=radio]{appearance:none;-webkit-appearance:none;background-color:var(--color-white);border:2px solid var(--color-gray-300);border-radius:50%;position:relative;transition:all var(--transition-fast)}.radio-label input[type=radio]:hover{border-color:var(--color-primary)}.radio-label input[type=radio]:checked{background-color:var(--color-white);border-color:var(--color-primary)}.radio-label input[type=radio]:checked:after{background-color:var(--color-primary);border-radius:50%;content:"";display:block;height:10px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:10px}.checkbox-label.disabled input{cursor:not-allowed}.checkbox-text{display:flex;flex:1 1;flex-direction:column;gap:var(--space-xs)}.checkbox-text strong{color:var(--color-gray-700);font-size:15px;font-weight:var(--font-weight-semibold)}.checkbox-text small{color:var(--color-gray-500);font-size:13px}.days-checkboxes{grid-gap:var(--radius-md);display:grid;gap:var(--radius-md);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.radio-group{display:flex;flex-direction:column;gap:var(--radius-md)}.radio-label{align-items:flex-start;border:2px solid var(--color-gray-200);border-radius:var(--radius-md);cursor:pointer;display:flex;gap:var(--radius-lg);padding:var(--radius-xl);transition:all .2s}.radio-label:hover{background-color:var(--color-gray-50);border-color:var(--color-gray-300)}.radio-label input[type=radio]{cursor:pointer;flex-shrink:0;height:var(--font-size-xl);margin-top:2px;width:var(--font-size-xl)}.radio-label input[type=radio]:checked{accent-color:var(--color-primary)}.radio-label:has(input:checked){background-color:var(--color-info-light);border-color:var(--color-primary)}.radio-text{display:flex;flex:1 1;flex-direction:column;gap:var(--space-xs)}.radio-text strong{color:var(--color-gray-700);font-size:15px;font-weight:var(--font-weight-semibold)}.radio-text small{color:var(--color-gray-500);font-size:13px}.time-range{background-color:var(--color-gray-50);border-radius:var(--radius-md);display:flex;gap:var(--radius-xl);margin-top:var(--radius-xl);padding:var(--radius-xl)}.time-input{display:flex;flex:1 1;flex-direction:column;gap:var(--radius-md)}.time-input label{color:var(--color-gray-600);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.time-input input[type=time]{border:1px solid var(--color-gray-300);border-radius:var(--radius-sm);font-family:inherit;font-size:var(--font-size-sm);padding:10px var(--radius-lg);transition:border-color .2s}.time-input input[type=time]:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #7a9b8e1a;outline:none}.prefs-actions{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);display:flex;gap:var(--radius-lg);justify-content:flex-end;margin-top:var(--space-lg);padding:var(--font-size-xl)}.btn-primary,.btn-secondary{border:none;border-radius:var(--radius-md);cursor:pointer;font-size:15px;font-weight:var(--font-weight-semibold);padding:var(--radius-lg) var(--space-lg);transition:all .2s}.btn-primary{background-color:var(--color-primary);color:var(--color-white)}.btn-primary:hover:not(:disabled){background-color:var(--color-primary-dark);box-shadow:0 var(--space-xs) var(--radius-lg) #7a9b8e4d;transform:translateY(-1px)}.btn-secondary{background-color:var(--color-white);border:2px solid var(--color-primary);color:var(--color-primary)}.btn-secondary:hover:not(:disabled){background-color:var(--color-info-light);transform:translateY(-1px)}.btn-primary:disabled,.btn-secondary:disabled{cursor:not-allowed;opacity:.6}.prefs-info{background:var(--color-info-light);border:1px solid #bae6fd;border-radius:var(--radius-lg);margin-top:var(--space-lg);padding:var(--font-size-xl)}.prefs-info h4{color:#0c4a6e;font-size:var(--radius-xl);font-weight:var(--font-weight-semibold);margin:0 0 var(--radius-lg) 0}.prefs-info ul{margin:0;padding-left:var(--font-size-xl)}.prefs-info li{color:#075985;font-size:var(--font-size-sm);line-height:1.5;margin-bottom:var(--radius-md)}@media (max-width:768px){.notification-preferences{padding:var(--radius-xl)}.prefs-header h2{font-size:var(--space-lg)}.prefs-section{padding:var(--font-size-xl)}.days-checkboxes{grid-template-columns:1fr}.prefs-actions,.time-range{flex-direction:column}.btn-primary,.btn-secondary{width:100%}}.profile-checkbox-container{align-items:center;background-color:var(--color-gray-50);border-radius:var(--radius-md);cursor:pointer;display:flex;gap:var(--radius-lg);margin-top:var(--font-size-xl);padding:15px;transition:background-color .2s}.profile-checkbox-container:hover{background-color:var(--color-gray-100)}.profile-checkbox-container input[type=checkbox]{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:var(--color-white);border:2px solid var(--color-gray-300);border-radius:var(--space-xs);cursor:pointer;flex-shrink:0;height:var(--font-size-xl);margin:0;position:relative;transition:all var(--transition-fast);width:var(--font-size-xl)}.profile-checkbox-container input[type=checkbox]:hover{border-color:var(--color-primary)}.profile-checkbox-container input[type=checkbox]:checked{background-color:var(--color-primary)!important;border-color:var(--color-primary)!important}.profile-checkbox-container input[type=checkbox]:checked:after{color:var(--color-white);content:"✓";display:block;font-size:var(--font-size-sm);font-weight:700;left:50%;line-height:1;position:absolute;top:50%;transform:translate(-50%,-50%)}.profile-checkbox-container label{color:var(--color-gray-600);cursor:pointer;font-size:var(--radius-xl);margin:0;-webkit-user-select:none;user-select:none}.subscription-management-container{background:var(--gradient-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh}.subscription-nav{align-items:center;background:var(--color-white);box-shadow:0 2px 10px #0000001a;display:flex;justify-content:space-between;padding:var(--font-size-xl) 60px}.subscription-logo{color:var(--color-primary);font-size:var(--space-lg);font-weight:700}.back-btn{background-color:var(--color-gray-500);border:none;border-radius:var(--radius-sm);color:var(--color-white);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);padding:10px var(--font-size-xl);transition:background-color .3s}.back-btn:hover{background-color:var(--color-gray-600)}.subscription-content{margin:0 auto;max-width:1200px;padding:60px 40px}.page-title{color:var(--color-white);font-size:42px;margin-bottom:50px;text-align:center;text-shadow:2px 2px var(--space-xs) #0003}.current-plan-section{background:var(--color-white);border-radius:var(--radius-xl);box-shadow:0 10px 30px #0000001a;margin-bottom:40px;padding:40px}.current-plan-section h2{color:var(--color-gray-700);font-size:28px;margin-bottom:25px}.current-plan-card{grid-gap:40px;background:var(--color-gray-50);border:2px solid var(--color-primary);border-radius:var(--radius-lg);display:grid;gap:40px;grid-template-columns:1fr 1fr;padding:30px}.plan-info h3{color:var(--color-primary);font-size:var(--space-lg);margin-bottom:15px}.plan-price{color:var(--color-gray-700);font-size:36px;font-weight:700;margin-bottom:15px}.plan-status{color:var(--color-gray-500);font-size:var(--font-size-sm)}.status-badge{border-radius:var(--radius-lg);font-size:var(--radius-lg);font-weight:var(--font-weight-semibold);padding:var(--space-xs) var(--radius-lg)}.status-badge.active{background-color:var(--color-success-light);color:#155724}.plan-features h4{font-size:var(--radius-xl);letter-spacing:.5px}.plan-features li{padding:var(--radius-md) 0}.available-plans-section{background:var(--color-white);border-radius:var(--radius-xl);box-shadow:0 10px 30px #0000001a;margin-bottom:40px;padding:40px}.available-plans-section h2{color:var(--color-gray-700);font-size:28px;margin-bottom:25px}.message{border-radius:var(--radius-md);font-weight:var(--font-weight-semibold);margin-bottom:25px;padding:15px var(--font-size-xl);text-align:center}.message.success{background-color:var(--color-success-light);color:#155724}.message.error{background-color:var(--color-danger-light);color:#721c24}.plans-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.plan-card{background:var(--color-white);border:2px solid var(--color-gray-200);border-radius:var(--radius-lg);padding:30px;position:relative;transition:all .3s}.plan-card:hover{box-shadow:0 10px 30px #0000001a;transform:translateY(-5px)}.plan-card.current{background:#f0fff4;border-color:var(--color-success)}.plan-card.recommended{border-color:var(--color-primary);transform:scale(1.05)}.current-badge,.recommended-badge{border-radius:var(--radius-lg);font-size:11px;font-weight:700;left:50%;letter-spacing:1px;padding:var(--space-xs) var(--radius-xl);position:absolute;top:-var(--radius-lg);transform:translateX(-50%)}.recommended-badge{background:var(--gradient-primary);color:var(--color-white)}.current-badge{background:var(--color-success);color:var(--color-white)}.plan-card h3{color:var(--color-gray-700);font-size:22px;margin-bottom:15px;margin-top:10px}.plan-price-display{margin-bottom:var(--font-size-xl)}.price-amount{color:var(--color-primary);font-size:40px;font-weight:700}.price-period{color:var(--color-gray-500);font-size:var(--radius-xl)}.features-list{list-style:none;margin:0 0 25px;min-height:150px;padding:0}.features-list li{border-bottom:1px solid var(--color-gray-100);color:var(--color-gray-600);font-size:var(--font-size-sm);padding:var(--radius-md) 0}.plan-action-btn{border:none;border-radius:var(--radius-md);cursor:pointer;font-size:15px;font-weight:700;padding:var(--font-size-sm);transition:all .3s;width:100%}.upgrade-btn{background:var(--gradient-primary);color:var(--color-white)}.upgrade-btn:hover:not(:disabled){box-shadow:0 5px 15px #7a9b8e66;transform:translateY(-2px)}.current-btn{background:var(--color-gray-200);color:var(--color-gray-500);cursor:not-allowed}.plan-action-btn:disabled{cursor:not-allowed;opacity:.6}.billing-section{background:var(--color-white);border-radius:var(--radius-xl);box-shadow:0 10px 30px #0000001a;padding:40px}.billing-section h2{color:var(--color-gray-700);font-size:28px;margin-bottom:25px}.billing-card{background:var(--color-gray-50);border-radius:var(--radius-lg);padding:30px;text-align:center}.billing-card p{color:var(--color-gray-500);font-size:var(--radius-xl);margin:10px 0}@media (max-width:768px){.subscription-nav{padding:var(--font-size-xl) 30px}.subscription-content{padding:40px var(--font-size-xl)}.page-title{font-size:var(--space-xl)}.current-plan-card,.plans-grid{grid-template-columns:1fr}.plan-card.recommended{transform:scale(1)}}.landing-container{background:var(--gradient-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh}.landing-nav{background-color:#fffffff2;box-shadow:0 2px 10px #0000001a;justify-content:space-between;padding:var(--font-size-xl) 60px}.landing-logo,.landing-nav{align-items:center;display:flex}.landing-logo{color:var(--color-primary);font-size:28px;font-weight:700;gap:10px}.landing-login-btn{background-color:var(--color-primary);border:none;border-radius:var(--radius-md);color:var(--color-white);cursor:pointer;font-size:var(--radius-xl);font-weight:var(--font-weight-semibold);padding:var(--radius-lg) 30px;transition:all var(--transition-base)}.landing-login-btn:hover{background-color:var(--color-primary-dark);box-shadow:0 5px 15px #7a9b8e66;transform:translateY(-2px)}.landing-hero{color:var(--color-white);margin:0 auto;max-width:1200px;padding:80px 40px;text-align:center}.landing-hero h1{font-size:56px;font-weight:700;line-height:1.2;margin-bottom:var(--font-size-xl)}.landing-hero p{font-size:22px;margin-bottom:40px;margin-left:auto;margin-right:auto;max-width:700px;opacity:.95}.landing-cta-btn{background-color:var(--color-white);border:none;border-radius:10px;box-shadow:0 10px 30px #0003;color:var(--color-primary);cursor:pointer;font-size:var(--font-size-lg);font-weight:700;padding:var(--font-size-lg) 50px;transition:all var(--transition-base)}.landing-cta-btn:hover{box-shadow:0 15px 40px #0000004d;transform:translateY(-3px)}.landing-features{background-color:var(--color-white);padding:80px 40px}.features-container{margin:0 auto;max-width:1200px}.features-title{color:var(--color-gray-700);font-size:42px;font-weight:700;margin-bottom:60px;text-align:center}.features-grid{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.feature-card{background-color:var(--color-gray-50);border-radius:var(--radius-lg);cursor:pointer;padding:40px 30px;text-align:center;transition:all var(--transition-base)}.feature-card:hover{background-color:var(--color-white);box-shadow:0 15px 40px #0000001a;transform:translateY(-10px)}.feature-icon{font-size:60px;margin-bottom:var(--font-size-xl)}.feature-title{color:var(--color-gray-700);font-size:var(--space-lg);font-weight:700;margin-bottom:15px}.feature-description{color:var(--color-gray-500);font-size:var(--radius-xl);line-height:1.6}.landing-about{background:var(--gradient-primary);color:var(--color-white);padding:80px 40px}.about-container{margin:0 auto;max-width:900px;text-align:center}.about-title{font-size:42px;font-weight:700;margin-bottom:30px}.about-description{font-size:var(--font-size-lg);line-height:1.8;margin-bottom:40px;opacity:.95}.about-cta-btn{background-color:var(--color-white);border:none;border-radius:var(--radius-md);color:var(--color-primary);cursor:pointer;font-size:var(--radius-xl);font-weight:700;padding:var(--radius-xl) 40px;transition:all var(--transition-base)}.about-cta-btn:hover{box-shadow:0 10px 30px #0003;transform:translateY(-2px)}.landing-footer{background-color:#0003;color:var(--color-white);padding:40px;text-align:center}.footer-text{font-size:var(--font-size-sm);opacity:.8}@media (max-width:768px){.landing-nav{padding:var(--font-size-xl) 30px}.landing-logo{font-size:22px}.landing-hero h1{font-size:36px}.landing-hero p{font-size:var(--font-size-lg)}.about-title,.features-title{font-size:var(--space-xl)}.features-grid{grid-template-columns:1fr}}.verified-container{background:linear-gradient(135deg,var(--color-success) 0,#20c997 100%);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh}.verified-nav{align-items:center;background-color:#fffffff2;box-shadow:0 2px 10px #0000001a;display:flex;justify-content:space-between;padding:var(--font-size-xl) 60px}.verified-logo{color:var(--color-success);cursor:pointer;font-size:28px;font-weight:700;transition:color .3s}.verified-logo:hover{color:#20c997}.verified-login-btn{background-color:var(--color-success);border:none;border-radius:var(--radius-md);color:var(--color-white);cursor:pointer;font-size:var(--radius-xl);font-weight:var(--font-weight-semibold);padding:var(--radius-lg) 30px;transition:all var(--transition-base)}.verified-login-btn:hover{background-color:var(--color-success-dark);transform:translateY(-2px)}.verified-content{margin:0 auto;max-width:1200px;padding:60px 40px}.verified-hero{color:var(--color-white);margin-bottom:60px;text-align:center}.verified-icon{font-size:100px}.verified-hero h1,.verified-icon{margin-bottom:var(--font-size-xl)}.verified-hero h1{font-size:var(--space-2xl);font-weight:700}.verified-subtitle{font-size:22px;opacity:.95}.verified-details{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:60px}.detail-card h3{color:var(--color-success)}.verified-cta{text-align:center}.back-button:hover,.cta-button{color:var(--color-success)}@media (max-width:768px){.verified-hero h1{font-size:var(--space-xl)}.verified-nav{padding:var(--font-size-xl) 30px}.back-button,.cta-button{display:block;margin:10px 0;width:100%}}.transparent-pricing-container{background:linear-gradient(135deg,var(--color-warning) 0,var(--color-warning) 100%);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh}.transparent-pricing-nav{align-items:center;background-color:#fffffff2;box-shadow:0 2px 10px #0000001a;display:flex;justify-content:space-between;padding:var(--font-size-xl) 60px}.transparent-pricing-logo{cursor:pointer;font-size:var(--space-lg);font-weight:700;transition:color .3s}.transparent-pricing-logo,.transparent-pricing-logo:hover{color:var(--color-warning)}.transparent-pricing-login-btn{background-color:var(--color-warning);border:none;border-radius:var(--radius-md);color:var(--color-white);cursor:pointer;font-size:var(--radius-xl);font-weight:var(--font-weight-semibold);padding:var(--radius-lg) 30px;transition:all var(--transition-base)}.transparent-pricing-login-btn:hover{background-color:var(--color-warning);transform:translateY(-2px)}.transparent-pricing-content{margin:0 auto;max-width:1200px;padding:60px 40px}.transparent-pricing-hero{color:var(--color-white);margin-bottom:80px;text-align:center}.transparent-pricing-icon{font-size:100px;margin-bottom:var(--font-size-xl)}.transparent-pricing-hero h1{font-size:52px;font-weight:700;margin-bottom:var(--font-size-xl);text-shadow:2px 2px var(--space-xs) #0003}.transparent-pricing-subtitle{font-size:var(--space-lg);margin:0;opacity:.95}.why-section{background:var(--color-white);border-radius:var(--radius-xl);box-shadow:0 10px 30px #0000001a;margin-bottom:60px;padding:60px}.why-section h2{color:var(--color-gray-700);font-size:36px;margin-bottom:var(--font-size-xl);text-align:center}.section-intro{color:var(--color-gray-500);font-size:var(--font-size-lg);line-height:1.8;margin:0 auto;max-width:800px;text-align:center}.benefits-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:80px}.benefit-card{border-radius:var(--radius-lg);box-shadow:0 5px var(--font-size-xl) #0000001a;transition:transform var(--transition-base)}.benefit-card:hover{box-shadow:0 10px 30px #00000026}.benefit-card h3{color:var(--color-warning);font-size:22px;margin-bottom:15px}.benefit-card p{font-size:var(--radius-xl)}.how-it-works-section{background:var(--color-white);border-radius:var(--radius-xl);box-shadow:0 10px 30px #0000001a;margin-bottom:60px;padding:60px}.how-it-works-section h2{color:var(--color-gray-700);font-size:36px;margin-bottom:50px;text-align:center}.steps-container{align-items:center;display:flex;flex-wrap:wrap;gap:var(--font-size-xl);justify-content:space-between}.step{flex:1 1;min-width:180px;padding:var(--font-size-xl);text-align:center}.step-number{align-items:center;background:linear-gradient(135deg,var(--color-warning) 0,var(--color-warning) 100%);border-radius:50%;box-shadow:0 var(--space-xs) 15px #ffc10766;color:var(--color-white);display:flex;font-size:28px;font-weight:700;height:60px;justify-content:center;margin:0 auto var(--font-size-xl);width:60px}.step h3{color:var(--color-gray-700);font-size:var(--font-size-lg);margin-bottom:10px}.step p{color:var(--color-gray-500);font-size:var(--font-size-sm);line-height:1.5;margin:0}.step-arrow{color:var(--color-warning);flex:0 1;font-size:var(--space-xl);font-weight:700}.trust-section{background:var(--color-white);border-radius:var(--radius-xl);box-shadow:0 10px 30px #0000001a;margin-bottom:60px;padding:60px;text-align:center}.trust-section h2{color:var(--color-gray-700);font-size:36px;margin-bottom:50px}.trust-stats{display:flex;flex-wrap:wrap;gap:40px;justify-content:space-around}.stat{text-align:center}.stat-number{color:var(--color-warning);font-size:56px;font-weight:700;margin-bottom:10px}.stat-label{color:var(--color-gray-500);font-size:var(--radius-xl);letter-spacing:1px}.testimonial-section{margin-bottom:80px}.testimonial-section h2{color:var(--color-white);font-size:36px;margin-bottom:40px;text-align:center;text-shadow:2px 2px var(--space-xs) #0003}.testimonials{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.testimonial{background:var(--color-white);border-radius:var(--radius-lg);box-shadow:0 5px var(--font-size-xl) #0000001a;padding:40px}.quote{color:var(--color-gray-600);font-size:var(--radius-xl);font-style:italic;line-height:1.8;margin-bottom:var(--font-size-xl)}.author{color:var(--color-warning);font-size:var(--font-size-sm);font-weight:700;margin:0}.transparent-pricing-cta{background:var(--color-white);border-radius:var(--radius-xl);box-shadow:0 10px 30px #0000001a;padding:60px 40px;text-align:center}.transparent-pricing-cta h2{color:var(--color-gray-700);font-size:36px;margin-bottom:15px}.transparent-pricing-cta p{color:var(--color-gray-500);font-size:var(--font-size-lg);margin-bottom:30px}.cta-button{background:linear-gradient(135deg,var(--color-warning) 0,var(--color-warning) 100%);box-shadow:0 5px var(--font-size-xl) #ffc1074d;color:var(--color-white)}.cta-button:hover{box-shadow:0 10px 30px #ffc10766}.back-button{background:#fff3;border:2px solid var(--color-gray-300);color:var(--color-gray-500)}.back-button:hover{background:var(--color-gray-50);border-color:var(--color-warning)}@media (max-width:768px){.transparent-pricing-nav{padding:var(--font-size-xl) 30px}.transparent-pricing-hero h1{font-size:36px}.transparent-pricing-subtitle{font-size:var(--font-size-lg)}.how-it-works-section,.trust-section,.why-section{padding:40px 30px}.how-it-works-section h2,.testimonial-section h2,.transparent-pricing-cta h2,.trust-section h2,.why-section h2{font-size:28px}.steps-container{flex-direction:column}.step-arrow{margin:10px 0;transform:rotate(90deg)}.trust-stats{flex-direction:column}.back-button,.cta-button{display:block;margin:10px 0;width:100%}}.pricing-container{background:var(--color-gray-50);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh}.pricing-nav{align-items:center;background:var(--color-white);box-shadow:0 2px 10px #0000000d;display:flex;justify-content:space-between;padding:var(--font-size-xl) 60px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.pricing-logo{color:var(--color-primary);cursor:pointer;font-size:var(--space-lg);font-weight:700;transition:color .3s}.pricing-logo:hover{color:var(--color-primary-dark)}.pricing-login-btn{background-color:var(--color-primary);border:none;border-radius:var(--radius-md);color:var(--color-white);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);padding:10px var(--space-lg);transition:all .3s}.pricing-login-btn:hover{background-color:var(--color-primary-dark);transform:translateY(-2px)}.pricing-hero{background:var(--gradient-primary);color:var(--color-white);padding:80px 40px 60px;text-align:center}.pricing-hero h1{font-size:var(--space-2xl);font-weight:700;margin-bottom:var(--font-size-xl)}.pricing-hero p{font-size:var(--font-size-xl);margin:0 auto;max-width:600px;opacity:.95}.trial-banner{background:#fff3;border-radius:30px;display:inline-block;font-size:var(--radius-xl);font-weight:var(--font-weight-semibold);margin-bottom:30px;padding:var(--radius-lg) var(--space-lg)}.hero-subtitle{font-size:var(--font-size-lg);margin-bottom:30px;opacity:.9}.hero-highlight{display:flex;flex-direction:column;gap:var(--radius-md);margin-top:30px}.highlight-text{font-size:var(--space-xl);font-weight:700}.highlight-subtext{font-size:var(--radius-xl);opacity:.85}.pricing-loading{color:var(--color-gray-500);font-size:var(--font-size-lg);padding:100px var(--font-size-xl);text-align:center}.pricing-cards{margin:0 auto;max-width:1200px;padding:40px var(--font-size-xl) 80px}.cards-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.pricing-card{background:var(--color-white);border:2px solid #0000;border-radius:var(--radius-xl);box-shadow:0 5px var(--font-size-xl) #00000014;display:flex;flex-direction:column;padding:40px 30px;position:relative;transition:all .3s}.pricing-card:hover{box-shadow:0 15px 40px #0000001f;transform:translateY(-var(--radius-md))}.pricing-card.popular{border-color:var(--color-primary);transform:scale(1.05)}.pricing-card.popular:hover{transform:scale(1.05) translateY(-var(--radius-md))}.popular-badge{background:var(--gradient-primary);border-radius:var(--font-size-xl);color:var(--color-white);font-size:var(--radius-lg);font-weight:700;left:50%;letter-spacing:1px;padding:var(--radius-sm) var(--font-size-xl);position:absolute;top:-var(--radius-lg);transform:translateX(-50%)}.plan-header{border-bottom:2px solid var(--color-gray-100);margin-bottom:30px;padding-bottom:30px;text-align:center}.plan-name{color:var(--color-gray-700);font-size:var(--space-lg);font-weight:700;margin-bottom:var(--font-size-xl)}.plan-price{align-items:baseline;display:flex;justify-content:center;margin-bottom:10px}.currency{color:var(--color-gray-500);font-size:var(--space-lg);margin-right:var(--space-xs)}.amount{color:var(--color-primary);font-size:var(--space-2xl);font-weight:700}.period{font-size:var(--radius-xl);margin-left:var(--space-xs)}.period,.plan-subtitle{color:var(--color-gray-500)}.plan-subtitle{font-size:var(--font-size-sm);margin:0}.plan-features{margin-bottom:30px}.plan-features h4{color:var(--color-gray-500);font-size:var(--font-size-sm);letter-spacing:1px;margin-bottom:15px;text-transform:uppercase}.plan-features ul{list-style:none;margin:0;padding:0}.plan-features li{border-bottom:1px solid var(--color-gray-50);color:var(--color-gray-600);font-size:15px;padding:var(--radius-lg) 0}.plan-features li:last-child{border-bottom:none}.plan-button{border:none;border-radius:10px;cursor:pointer;font-size:var(--radius-xl);font-weight:700;margin-top:auto;padding:var(--radius-xl);transition:all .3s;width:100%}.plan-button.primary{background:var(--gradient-primary);color:var(--color-white)}.plan-button.primary:hover{box-shadow:0 var(--radius-md) var(--font-size-xl) #7a9b8e66;transform:translateY(-2px)}.plan-button.secondary{background:var(--color-white);border:2px solid var(--color-primary);color:var(--color-primary)}.plan-button.secondary:hover{background:var(--color-primary);color:var(--color-white)}.pricing-benefits{margin:0 auto;max-width:1200px;padding:80px 40px}.pricing-benefits h2{color:var(--color-gray-700);font-size:36px;margin-bottom:50px;text-align:center}.benefits-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.benefit-card{background:var(--color-white);border-radius:var(--radius-xl);box-shadow:0 5px var(--font-size-xl) #00000014;padding:40px 30px;text-align:center;transition:all .3s}.benefit-card:hover{box-shadow:0 10px 30px #0000001f;transform:translateY(-5px)}.benefit-icon{font-size:var(--space-2xl);margin-bottom:var(--font-size-xl)}.benefit-card h3{color:var(--color-gray-700);font-size:var(--font-size-xl);margin-bottom:var(--radius-lg)}.benefit-card p{color:var(--color-gray-500);font-size:15px;line-height:1.6;margin:0}.pricing-comparison{background:var(--color-gray-50);margin:0 auto;max-width:1400px;padding:80px 40px}.pricing-comparison h2{color:var(--color-gray-700);font-size:36px;margin-bottom:50px;text-align:center}.comparison-table-wrapper{background:var(--color-white);border-radius:var(--radius-xl);box-shadow:0 5px var(--font-size-xl) #00000014;overflow-x:auto}.comparison-table{border-collapse:collapse;min-width:800px;width:100%}.comparison-table thead{background:var(--gradient-primary);color:var(--color-white)}.comparison-table th{font-size:var(--radius-xl);font-weight:var(--font-weight-semibold);padding:var(--font-size-xl) 15px;text-align:left}.comparison-table th:first-child{border-top-left-radius:var(--radius-xl)}.comparison-table th:last-child{border-top-right-radius:var(--radius-xl)}.comparison-table tbody tr{border-bottom:1px solid var(--color-gray-100)}.comparison-table tbody tr:last-child{border-bottom:none}.comparison-table tbody tr:hover{background:var(--color-gray-50)}.comparison-table td{color:var(--color-gray-600);font-size:15px;padding:var(--radius-xl) 15px}.comparison-table td:first-child{color:var(--color-gray-700);font-weight:var(--font-weight-semibold)}.pricing-faq{background:var(--color-white);border-radius:var(--radius-xl);margin:0 auto 60px;max-width:1200px;padding:80px 40px}.pricing-faq h2{color:var(--color-gray-700);font-size:36px;margin-bottom:50px;text-align:center}.faq-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.faq-item{background:var(--color-gray-50);border-radius:var(--radius-lg);padding:30px}.faq-item h3{color:var(--color-gray-700);font-size:var(--font-size-lg);margin-bottom:var(--radius-lg)}.faq-item p{color:var(--color-gray-500);font-size:15px;line-height:1.6;margin:0}.pricing-cta{background:var(--gradient-primary);color:var(--color-white);margin:60px 0 0;padding:80px 40px;text-align:center}.pricing-cta h2{font-size:42px;margin-bottom:15px}.pricing-cta p{font-size:var(--font-size-lg);margin-bottom:30px;opacity:.95}.cta-button{background:var(--color-white);color:var(--color-primary);transition:all .3s}.cta-button:hover{box-shadow:0 10px 30px #0003}.cta-subtext{font-size:var(--font-size-sm);margin-top:15px;opacity:.8}.pricing-footer{background:var(--color-gray-700);color:var(--color-white);padding:40px;text-align:center}.pricing-footer p{font-size:var(--font-size-sm);margin:0;opacity:.8}.footer-links{display:flex;gap:30px;justify-content:center;margin-top:var(--font-size-xl)}.footer-links a{color:var(--color-white);font-size:var(--font-size-sm);opacity:.8;text-decoration:none;transition:opacity .3s}.footer-links a:hover{opacity:1}@media (max-width:768px){.pricing-nav{padding:var(--font-size-xl) 30px}.pricing-hero h1{font-size:var(--space-xl)}.pricing-hero p{font-size:var(--radius-xl)}.hero-highlight{margin-top:var(--font-size-xl)}.highlight-text{font-size:var(--space-lg)}.cards-grid{grid-template-columns:1fr}.pricing-card.popular{transform:scale(1)}.pricing-card.popular:hover{transform:translateY(-var(--radius-md))}.benefits-grid{grid-template-columns:1fr}.comparison-table-wrapper{border-radius:var(--radius-md)}.comparison-table td,.comparison-table th{font-size:var(--font-size-sm);padding:var(--radius-lg) 10px}.pricing-cta h2,.pricing-faq h2{font-size:28px}.faq-grid{grid-template-columns:1fr}}.booking-container{background:linear-gradient(135deg,var(--color-info) 0,#0056b3 100%);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh}.booking-nav{align-items:center;background-color:#fffffff2;box-shadow:0 2px 10px #0000001a;display:flex;justify-content:space-between;padding:var(--font-size-xl) 60px}.booking-logo{color:var(--color-info);cursor:pointer;font-size:28px;font-weight:700;transition:color .3s}.booking-logo:hover{color:#0056b3}.booking-login-btn{background-color:var(--color-info);border:none;border-radius:var(--radius-md);color:var(--color-white);cursor:pointer;font-size:var(--radius-xl);font-weight:var(--font-weight-semibold);padding:var(--radius-lg) 30px;transition:all var(--transition-base)}.booking-login-btn:hover{background-color:#0056b3;transform:translateY(-2px)}.booking-content{margin:0 auto;max-width:1200px;padding:60px 40px}.booking-hero{color:var(--color-white);margin-bottom:60px;text-align:center}.booking-icon{font-size:100px}.booking-hero h1,.booking-icon{margin-bottom:var(--font-size-xl)}.booking-hero h1{font-size:var(--space-2xl);font-weight:700}.booking-subtitle{font-size:22px;opacity:.95}.booking-details{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:60px}.booking-cta{text-align:center}@media (max-width:768px){.booking-hero h1{font-size:var(--space-xl)}.booking-nav{padding:var(--font-size-xl) 30px}.back-button,.cta-button{display:block;margin:10px 0;width:100%}}.ratings-container{background:linear-gradient(135deg,var(--color-warning) 0,var(--color-warning) 100%);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh}.ratings-nav{align-items:center;background-color:#fffffff2;box-shadow:0 2px 10px #0000001a;display:flex;justify-content:space-between;padding:var(--font-size-xl) 60px}.ratings-logo{cursor:pointer;font-size:28px;font-weight:700;transition:color .3s}.ratings-logo,.ratings-logo:hover{color:var(--color-warning)}.ratings-login-btn{background-color:var(--color-warning);border:none;border-radius:var(--radius-md);color:var(--color-white);cursor:pointer;font-size:var(--radius-xl);font-weight:var(--font-weight-semibold);padding:var(--radius-lg) 30px;transition:all var(--transition-base)}.ratings-login-btn:hover{background-color:var(--color-warning);transform:translateY(-2px)}.ratings-content{margin:0 auto;max-width:1200px;padding:60px 40px}.ratings-hero{color:var(--color-white);margin-bottom:60px;text-align:center}.ratings-icon{font-size:100px}.ratings-hero h1,.ratings-icon{margin-bottom:var(--font-size-xl)}.ratings-hero h1{font-size:var(--space-2xl);font-weight:700}.ratings-subtitle{font-size:22px;opacity:.95}.ratings-details{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:60px}.detail-card h3{color:var(--color-warning)}.ratings-cta{text-align:center}.back-button:hover,.cta-button{color:var(--color-warning)}@media (max-width:768px){.ratings-hero h1{font-size:var(--space-xl)}.ratings-nav{padding:var(--font-size-xl) 30px}.back-button,.cta-button{display:block;margin:10px 0;width:100%}}.track-container{background:linear-gradient(135deg,var(--color-info) 0,#138496 100%);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh}.track-nav{align-items:center;background-color:#fffffff2;box-shadow:0 2px 10px #0000001a;display:flex;justify-content:space-between;padding:var(--font-size-xl) 60px}.track-logo{color:var(--color-info);cursor:pointer;font-size:28px;font-weight:700;transition:color .3s}.track-logo:hover{color:#138496}.track-login-btn{background-color:var(--color-info);border:none;border-radius:var(--radius-md);color:var(--color-white);cursor:pointer;font-size:var(--radius-xl);font-weight:var(--font-weight-semibold);padding:var(--radius-lg) 30px;transition:all var(--transition-base)}.track-login-btn:hover{background-color:#138496;transform:translateY(-2px)}.track-content{margin:0 auto;max-width:1200px;padding:60px 40px}.track-hero{color:var(--color-white);margin-bottom:60px;text-align:center}.track-icon{font-size:100px}.track-hero h1,.track-icon{margin-bottom:var(--font-size-xl)}.track-hero h1{font-size:var(--space-2xl);font-weight:700}.track-subtitle{font-size:22px;opacity:.95}.track-details{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:60px}.detail-card h3{color:var(--color-info)}.track-cta{text-align:center}.back-button:hover,.cta-button{color:var(--color-info)}@media (max-width:768px){.track-hero h1{font-size:var(--space-xl)}.track-nav{padding:var(--font-size-xl) 30px}.back-button,.cta-button{display:block;margin:10px 0;width:100%}}.secure-container{background:linear-gradient(135deg,var(--color-gray-700) 0,var(--color-gray-800) 100%);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh}.secure-nav{align-items:center;background-color:#fffffff2;box-shadow:0 2px 10px #0000001a;display:flex;justify-content:space-between;padding:var(--font-size-xl) 60px}.secure-logo{color:var(--color-gray-700);cursor:pointer;font-size:28px;font-weight:700;transition:color .3s}.secure-logo:hover{color:var(--color-gray-800)}.secure-login-btn{background-color:var(--color-gray-700);border:none;border-radius:var(--radius-md);color:var(--color-white);cursor:pointer;font-size:var(--radius-xl);font-weight:var(--font-weight-semibold);padding:var(--radius-lg) 30px;transition:all var(--transition-base)}.secure-login-btn:hover{background-color:var(--color-gray-800);transform:translateY(-2px)}.secure-content{margin:0 auto;max-width:1200px;padding:60px 40px}.secure-hero{color:var(--color-white);margin-bottom:60px;text-align:center}.secure-icon{font-size:100px}.secure-hero h1,.secure-icon{margin-bottom:var(--font-size-xl)}.secure-hero h1{font-size:var(--space-2xl);font-weight:700}.secure-subtitle{font-size:22px;opacity:.95}.secure-details{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:60px}.detail-card{background-color:var(--color-white);border-radius:var(--radius-lg);box-shadow:0 5px var(--font-size-xl) #0000001a;padding:40px 30px;transition:transform var(--transition-base)}.detail-card:hover{box-shadow:0 10px 30px #00000026;transform:translateY(-5px)}.detail-card h3{color:var(--color-gray-700);font-size:var(--space-lg);margin-bottom:15px}.detail-card p{color:var(--color-gray-500);font-size:var(--radius-xl);line-height:1.6}.secure-cta{text-align:center}.cta-button{background-color:var(--color-white);border:none;border-radius:10px;box-shadow:0 5px var(--font-size-xl) #0003;color:var(--color-gray-700);cursor:pointer;font-size:var(--font-size-lg);font-weight:700;margin-bottom:var(--font-size-xl);margin-right:var(--font-size-xl);padding:var(--font-size-lg) 50px;transition:all var(--transition-base)}.cta-button:hover{box-shadow:0 10px 30px #0000004d;transform:translateY(-3px)}.back-button{background-color:#fff3;border:2px solid #fff;border-radius:10px;color:var(--color-white);cursor:pointer;font-size:var(--font-size-lg);font-weight:700;margin-bottom:var(--font-size-xl);padding:var(--font-size-lg) 50px;transition:all var(--transition-base)}.back-button:hover{background-color:var(--color-white);color:var(--color-gray-700);transform:translateY(-3px)}@media (max-width:768px){.secure-hero h1{font-size:var(--space-xl)}.secure-nav{padding:var(--font-size-xl) 30px}.back-button,.cta-button{display:block;margin:10px 0;width:100%}}.mechanic-dashboard{background:linear-gradient(135deg,#f0fdf4,#dcfce7);min-height:100vh;padding:0}.mechanic-header{background:#fff;border-bottom:2px solid #10b981;box-shadow:0 2px 8px #0000001a;padding:1.5rem 2rem;position:-webkit-sticky;position:sticky;top:0;z-index:100}.header-content{flex-wrap:wrap;justify-content:space-between;margin:0 auto;max-width:1400px}.header-content,.header-left{align-items:center;display:flex;gap:1rem}.dashboard-title{color:#065f46;font-size:1.5rem;font-weight:600;margin:0}.header-right{align-items:center;display:flex;gap:1rem}.user-email{background:#f3f4f6;border-radius:8px;color:#6b7280;font-size:.9rem;padding:.5rem 1rem}.user-email.clickable{cursor:pointer;transition:all .2s}.user-email.clickable:hover{background:#e5e7eb}.btn-secondary{background:#fff;border:2px solid #10b981;border-radius:8px;color:#10b981;cursor:pointer;font-size:.9rem;font-weight:600;padding:.6rem 1.25rem;transition:all .2s}.btn-secondary:hover{background:#10b981;color:#fff}.btn-logout{background:#ef4444;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:.6rem 1.25rem;transition:all .2s}.btn-logout:hover{background:#dc2626}.message{border-radius:10px;font-weight:500;margin:1.5rem auto;max-width:1400px;padding:1rem 2rem}.message.success{background:#d1fae5;border:2px solid #10b981;color:#065f46}.message.error{background:#fee2e2;border:2px solid #ef4444;color:#991b1b}.loading-state{color:#6b7280;font-size:1.25rem;padding:3rem;text-align:center}.stats-section{margin:2rem auto;max-width:1400px;padding:0 2rem}.stats-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.stat-card{background:#fff;border:2px solid #10b981;border-radius:12px;box-shadow:0 4px 12px #10b9811a;padding:2rem;text-align:center;transition:all .3s}.stat-card:hover{box-shadow:0 8px 20px #10b98133;transform:translateY(-4px)}.stat-value{color:#10b981;font-size:3rem;font-weight:700;margin-bottom:.5rem}.stat-label{color:#6b7280;font-size:.875rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.pending-requests-section{background:linear-gradient(135deg,#fef3c7,#fde68a);border:3px solid #f59e0b;border-radius:16px;margin:2rem auto;max-width:1400px;padding:2rem}.pending-requests-section h2{color:#92400e;font-size:1.5rem;margin-bottom:1.5rem;margin-top:0}.requests-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.request-card{background:#fff;border:2px solid #fbbf24;border-radius:12px;padding:1.5rem;transition:all .3s}.request-card:hover{box-shadow:0 8px 20px #f59e0b4d;transform:translateY(-2px)}.card-header{border-bottom:2px solid #fef3c7;display:flex;gap:1rem;margin-bottom:1rem;padding-bottom:1rem}.vehicle-icon{font-size:2.5rem}.vehicle-info h3{color:#1f2937;font-size:1.125rem;margin:0 0 .5rem}.vin{color:#6b7280;font-family:monospace;font-size:.75rem;margin:0}.card-body{margin-bottom:1rem}.info-row{display:flex;font-size:.875rem;justify-content:space-between;margin-bottom:.5rem}.info-row .label{color:#6b7280;font-weight:500}.info-row .value{color:#1f2937;font-weight:600}.notes-section{border-top:1px solid #e5e7eb;margin-top:1rem;padding-top:1rem}.notes-section .label{color:#6b7280;display:block;font-size:.875rem;font-weight:600;margin-bottom:.5rem}.notes{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;color:#374151;font-size:.875rem;line-height:1.5;margin:0;padding:.75rem}.card-actions{display:flex;gap:.75rem}.btn-accept,.btn-decline{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:.875rem;font-weight:600;padding:.875rem;transition:all .2s}.btn-accept{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.btn-accept:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);box-shadow:0 4px 12px #10b9814d;transform:translateY(-2px)}.btn-decline{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.btn-decline:hover:not(:disabled){background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 4px 12px #ef44444d;transform:translateY(-2px)}.btn-accept:disabled,.btn-decline:disabled{cursor:not-allowed;opacity:.5;transform:none}.active-work-section{background:#fff;border-radius:16px;box-shadow:0 4px 12px #0000001a;margin:2rem auto;max-width:1400px;padding:2rem}.active-work-section h2{color:#1f2937;font-size:1.5rem;margin-bottom:1.5rem;margin-top:0}.empty-state{background:#f9fafb;border:2px dashed #d1d5db;border-radius:12px;color:#6b7280;padding:3rem;text-align:center}.empty-state p{font-size:1rem;margin:0}.vehicles-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.vehicle-card{background:#fff;border:2px solid #10b981;border-radius:12px;cursor:pointer;padding:1.5rem;transition:all .3s}.vehicle-card:hover{border-color:#059669;box-shadow:0 8px 20px #10b98133;transform:translateY(-4px)}.vehicle-header h3{color:#1f2937;font-size:1.125rem;margin:0 0 1rem}.vehicle-body{display:flex;flex-direction:column;gap:.5rem}@media (max-width:768px){.header-content,.mechanic-dashboard{padding:0}.dashboard-title{font-size:1.25rem}.requests-grid,.stats-grid,.vehicles-grid{grid-template-columns:1fr}.active-work-section,.pending-requests-section,.stats-section{margin:1rem;padding:1rem}}
/*# sourceMappingURL=main.d1ba60fe.css.map*/