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}.route-loading-spinner{align-items:center;background:#fff;display:flex;justify-content:center;min-height:100vh}.route-spinner{animation:route-spin .8s linear infinite;border:3px solid #f1f5f9;border-radius:50%;border-top-color:#dc2626;height:40px;width:40px}@keyframes route-spin{to{transform:rotate(1turn)}}:root{--color-primary:#dc2626;--color-primary-dark:#b91c1c;--color-primary-light:#ef4444;--color-primary-subtle:#dc262614;--gradient-primary:linear-gradient(135deg,#dc2626,#ef4444);--gradient-primary-hover:linear-gradient(135deg,#b91c1c,#dc2626);--glow-primary:0 0 40px #dc26264d;--color-dark:#0f172a;--color-dark-soft:#1e293b;--color-text:#0f172a;--color-text-secondary:#475569;--color-text-muted:#94a3b8;--color-bg:#f8fafc;--color-bg-elevated:#fff;--color-white:#fff;--color-surface:#fff;--color-surface-hover:#f8fafc;--color-border:#e2e8f0;--color-border-light:#f1f5f9;--color-border-focus:#cbd5e1;--color-success:#059669;--color-success-light:#d1fae5;--color-warning:#d97706;--color-warning-light:#fef3c7;--color-error:#dc2626;--color-error-light:#fee2e2;--color-info:#0284c7;--color-info-light:#e0f2fe;--shadow-xs:0 1px 2px #0f172a0a;--shadow-sm:0 1px 3px #0f172a0f,0 1px 2px #0f172a0a;--shadow-md:0 4px 6px -1px #0f172a12,0 2px 4px -1px #0f172a0a;--shadow-lg:0 10px 15px -3px #0f172a14,0 4px 6px -2px #0f172a0a;--shadow-xl:0 20px 25px -5px #0f172a14,0 10px 10px -5px #0f172a08;--shadow-2xl:0 25px 50px -12px #0f172a26;--shadow-inner:inset 0 2px 4px #0f172a0a;--shadow-card:0 1px 3px #0f172a0a,0 4px 12px #0f172a0f;--shadow-card-hover:0 4px 8px #0f172a0f,0 12px 32px #0f172a1a;--shadow-elevated:0 8px 30px #0f172a14,0 2px 8px #0f172a0a;--radius-xs:6px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-2xl:24px;--radius-full:9999px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-display:"Sora","Inter",-apple-system,BlinkMacSystemFont,sans-serif;--transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--transition-base:200ms cubic-bezier(0.4,0,0.2,1);--transition-slow:300ms cubic-bezier(0.4,0,0.2,1);--transition-spring:500ms cubic-bezier(0.34,1.56,0.64,1)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{-moz-text-size-adjust:100%;text-size-adjust:100%;-webkit-text-size-adjust:100%;max-width:100vw;overflow-x:hidden;position:relative;touch-action:manipulation;width:100%}input,select,textarea{font-size:16px!important}button,input,select,textarea{touch-action:manipulation}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"kern" 1,"liga" 1;-webkit-overflow-scrolling:touch;background-color:#f8fafc;background-color:var(--color-bg);color:#0f172a;color:var(--color-text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-sans);font-size:16px;font-weight:400;line-height:1.6;min-height:100vh;min-height:-webkit-fill-available;overscroll-behavior-x:contain;text-rendering:optimizeLegibility;touch-action:manipulation}#root,body{max-width:100vw;overflow-x:hidden;position:relative;width:100%}body.menu-open{-webkit-overflow-scrolling:none;overflow:hidden;touch-action:none}html.menu-open{overflow:hidden}::selection{background:#dc2626;background:var(--color-primary);color:#fff}:focus-visible{outline:2px solid #dc2626;outline:2px solid var(--color-primary);outline-offset:2px}.app{background:#f8fafc;background:var(--color-bg);display:flex;flex-direction:column;max-width:100vw;min-height:100vh;min-height:100dvh;overflow-x:hidden;width:100%}.page-transition{animation:fadeIn .3s ease-out forwards}.header{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:linear-gradient(180deg,#0f172afa,#0f172af2);border-bottom:1px solid #ffffff0f;padding-top:env(safe-area-inset-top);position:-webkit-sticky;position:sticky;top:0;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-slow);z-index:100}.header.scrolled{background:#0f172afa;box-shadow:0 4px 30px #00000040}.header-content{justify-content:space-between;margin:0 auto;max-width:1280px;padding:12px 24px}.header-content,.logo{align-items:center;display:flex}.logo{gap:12px;text-decoration:none;transition:transform .2s cubic-bezier(.4,0,.2,1);transition:transform var(--transition-base)}.logo:hover{transform:scale(1.02)}.logo-icon{color:#dc2626;color:var(--color-primary);height:36px;width:36px}.revvoo-logo{border-radius:10px;flex-shrink:0;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.logo .revvoo-logo{filter:drop-shadow(0 4px 12px rgba(220,38,38,.35))}.logo:hover .revvoo-logo{filter:drop-shadow(0 6px 16px rgba(220,38,38,.45))}.logo-image{flex-shrink:0;height:48px;object-fit:contain;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base);width:auto}.logo:hover .logo-image{transform:scale(1.05)}.footer-logo-image{flex-shrink:0;height:36px;object-fit:contain;width:auto}.logo-text{color:#fff;color:var(--color-white);font-size:24px;font-weight:700;letter-spacing:-.75px}.header-right{gap:16px}.view-toggle{background:#ffffff14;border:1px solid #ffffff0f;border-radius:12px;border-radius:var(--radius-md);display:flex;gap:4px;padding:5px}.toggle-btn{align-items:center;background:#0000;border:none;border-radius:8px;border-radius:var(--radius-sm);color:#ffffffa6;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 18px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.toggle-btn:hover{background:#ffffff14;color:#fff;color:var(--color-white)}.toggle-btn.active{background:#fff;background:var(--color-white);box-shadow:0 2px 8px #00000026;color:#0f172a;color:var(--color-dark)}.main-content{flex:1 1;margin:0 auto;max-width:1280px;padding:40px 32px;padding:var(--space-10) var(--space-8);width:100%}.home-page{align-items:center;display:flex;justify-content:center;min-height:calc(100vh - 250px);min-height:calc(100dvh - 250px)}.hero-section{padding:64px 24px;padding:var(--space-16) var(--space-6);text-align:center}.hero-content{margin:0 auto;max-width:680px}.hero-title{color:#0f172a;color:var(--color-text);font-size:56px;font-weight:800;letter-spacing:-1.5px;line-height:1.08;margin-bottom:24px}.hero-subtitle{color:#475569;color:var(--color-text-secondary);font-size:20px;line-height:1.7;margin-bottom:40px;margin-bottom:var(--space-10);margin-left:auto;margin-right:auto;max-width:520px}.get-help-btn{align-items:center;background:linear-gradient(135deg,#dc2626,#ef4444);background:var(--gradient-primary);border:none;border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 4px 16px #dc262659,0 2px 4px #dc262633;color:#fff;color:var(--color-white);cursor:pointer;display:inline-flex;font-size:17px;font-weight:600;gap:12px;overflow:hidden;padding:20px 44px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-slow)}.get-help-btn:before{background:linear-gradient(135deg,#fff3,#0000 50%);content:"";inset:0;opacity:0;position:absolute;transition:opacity .2s cubic-bezier(.4,0,.2,1);transition:opacity var(--transition-base)}.get-help-btn:hover{box-shadow:0 8px 28px #dc262666,0 4px 8px #dc262640;transform:translateY(-3px)}.get-help-btn:hover:before{opacity:1}.get-help-btn:active{transform:translateY(-1px)}.hero-features{display:flex;gap:48px;gap:var(--space-12);justify-content:center;margin-top:64px;margin-top:var(--space-16)}.feature{align-items:center;color:#475569;color:var(--color-text-secondary);display:flex;font-size:15px;font-weight:500;gap:10px}.feature-icon{color:#dc2626;color:var(--color-primary);height:22px;width:22px}.form-top-bar{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px;margin-bottom:var(--space-4);padding:0}.back-btn{align-items:center;background:#f8fafc;background:var(--color-bg);border:1px solid #e2e8f0;border:1px solid var(--color-border);border-radius:8px;border-radius:var(--radius-sm);color:#475569;color:var(--color-text-secondary);cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:6px;padding:8px 14px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.back-btn:hover{background:#fff;background:var(--color-white);border-color:#cbd5e1;border-color:var(--color-border-focus);color:#0f172a;color:var(--color-text);transform:translateX(-2px)}.back-btn svg{transition:transform .2s cubic-bezier(.4,0,.2,1);transition:transform var(--transition-base)}.back-btn:hover svg{transform:translateX(-3px)}.step-indicator{align-items:center;display:flex;gap:6px}.step-dot{background:#e2e8f0;background:var(--color-border);border-radius:50%;height:8px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base);width:8px}.step-dot.active{background:#dc2626;background:var(--color-primary);box-shadow:0 0 0 3px #dc262626}.step-line{background:#e2e8f0;background:var(--color-border);border-radius:1px;height:2px;width:16px}.step-line.active{background:#dc2626;background:var(--color-primary)}.step-label{color:#94a3b8;color:var(--color-text-muted);font-size:12px;margin-left:6px}.dashboard-page,.diagnosis-page,.mechanics-page,.mybookings-page,.problem-form-page{margin:0 auto;max-width:640px;padding:20px 20px 40px}.dashboard-page,.mechanics-page,.mybookings-page{background:#f8fafc}.booking-page,.confirmation-page{margin:0 auto;max-width:640px;padding:0 20px 32px}.preview-badge-bar{margin-bottom:12px}.preview-mode-tag{background:#fef3c7;border:1px solid #fde68a;border-radius:20px;color:#92400e;display:inline-block;font-size:11px;font-weight:700;letter-spacing:.8px;padding:4px 12px}.success-page-wrapper{background:#f8fafc;min-height:100vh;padding:32px 20px 48px}.success-page-container{margin:0 auto;max-width:640px}.success-header-v2{padding:32px 0 8px;text-align:center}.success-icon-circle{align-items:center;animation:successPop .6s cubic-bezier(.34,1.56,.64,1);background:linear-gradient(135deg,#ecfdf5,#d1fae5);border-radius:50%;display:inline-flex;height:88px;justify-content:center;margin-bottom:20px;width:88px}.success-icon-circle svg{color:#10b981}.success-title-v2{color:#0f172a;font-size:28px;font-weight:800;letter-spacing:-.03em;margin-bottom:8px}.success-subtitle-v2{color:#64748b;font-size:15px;line-height:1.5;margin:0}.success-payment-banner{align-items:center;background:#f0fdf4;border:1.5px solid #bbf7d0;border-radius:12px;color:#15803d;display:flex;font-size:15px;font-weight:600;gap:10px;justify-content:center;margin:20px 0;padding:14px 20px;width:100%}.success-payment-banner svg{color:#16a34a;flex-shrink:0}.success-card-section{background:#fff;border:1px solid #e2e8f0;border-radius:14px;box-shadow:0 1px 3px #0000000a;margin-bottom:14px;padding:20px}.success-section-title{color:#0f172a;font-size:15px;font-weight:700;letter-spacing:-.01em;margin:0 0 16px}.success-card-section .booking-mechanic-card{border:none;box-shadow:none;margin:0;padding:0}.success-details-grid{display:flex;flex-direction:column}.success-detail-row{align-items:flex-start;border-bottom:1px solid #f1f5f9;display:flex;gap:16px;justify-content:space-between;padding:12px 0}.success-detail-row.last{border-bottom:none;padding-bottom:0}.success-detail-row:first-child{padding-top:0}.success-detail-label{color:#94a3b8;flex-shrink:0;font-size:13px;font-weight:500;min-width:110px}.success-detail-value{color:#0f172a;font-size:14px;font-weight:600;text-align:right;word-break:break-word}.success-timeline{display:flex;flex-direction:column}.timeline-step{gap:16px}.timeline-node{align-items:center;display:flex;flex-direction:column;flex-shrink:0}.timeline-number{font-size:14px;height:32px;width:32px}.timeline-line{background:#fecaca;flex:1 1;margin:6px 0;min-height:24px;width:2px}.timeline-content{display:flex;flex-direction:column;gap:4px;padding-bottom:20px}.timeline-step:last-child .timeline-content{padding-bottom:0}.timeline-content strong{color:#0f172a;font-size:14px;font-weight:700}.timeline-content span{color:#64748b;font-size:13px;line-height:1.5}.success-info-box{align-items:flex-start;background:#fffbeb;border:1px solid #fde68a;border-radius:12px;color:#92400e;display:flex;font-size:13px;gap:10px;line-height:1.5;margin-bottom:20px;padding:14px 16px}.success-info-box svg{color:#d97706;flex-shrink:0;margin-top:1px}.success-cta-group{align-items:center;display:flex;flex-direction:column;gap:10px}.success-cta-primary{align-items:center;background:#dc2626;border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:700;gap:8px;height:50px;justify-content:center;transition:all .2s ease;width:100%}.success-cta-primary:hover{background:#b91c1c;box-shadow:0 4px 12px #dc26264d;transform:translateY(-1px)}.success-cta-secondary{align-items:center;background:#0000;border:1.5px solid #e2e8f0;border-radius:12px;color:#64748b;cursor:pointer;display:flex;font-size:14px;font-weight:600;height:46px;justify-content:center;transition:all .2s ease;width:100%}.success-cta-secondary:hover{background:#fff;border-color:#cbd5e1;color:#0f172a}.success-support-text{color:#94a3b8;font-size:12px;margin-top:6px}@media (max-width:640px){.success-page-wrapper{padding:20px 16px 40px}.success-header-v2{padding:24px 0 4px}.success-icon-circle{height:76px;margin-bottom:16px;width:76px}.success-icon-circle svg{height:52px;width:52px}.success-title-v2{font-size:24px}.success-card-section{margin-bottom:12px;padding:16px}.success-detail-label{font-size:12px;min-width:90px}.success-detail-value{font-size:13px}.timeline-content{padding-bottom:16px}}.booking-container-v2{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 1px 3px #0000000a;padding:24px}.booking-title-v2{color:#0f172a;font-size:20px;font-weight:700;letter-spacing:-.02em;margin-bottom:16px}.booking-mechanic-card{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;display:flex;gap:12px;margin-bottom:16px;padding:14px}.booking-mechanic-avatar{align-items:center;background:#fee2e2;border-radius:10px;color:#dc2626;display:flex;flex-shrink:0;height:44px;justify-content:center;width:44px}.booking-mechanic-info h3{color:#0f172a;font-size:15px;font-weight:700;margin-bottom:3px}.booking-mechanic-meta{align-items:center;color:#64748b;display:flex;font-size:13px;font-weight:500;gap:4px}.booking-mechanic-meta .star-icon{fill:#fbbf24;color:#fbbf24}.booking-meta-dot{color:#cbd5e1;margin:0 2px}.booking-service-type{color:#64748b}.booking-pricing{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:20px;overflow:hidden;padding:0}.booking-price-row{align-items:center;display:flex;justify-content:space-between;padding:14px 16px}.booking-price-main{background:#fff}.booking-price-label{color:#64748b;display:block;font-size:11px;font-weight:700;letter-spacing:.6px;margin-bottom:2px;text-transform:uppercase}.booking-price-desc{color:#475569;display:block;font-size:13px;font-weight:500}.booking-price-amount{color:#0f172a;font-size:22px;font-weight:800;letter-spacing:-.02em}.booking-price-divider{background:#e2e8f0;height:1px}.booking-price-estimate-amount{color:#64748b;font-size:15px;font-weight:600}.booking-estimate-note{align-items:flex-start;background:#fffbeb;border-top:1px solid #fde68a;color:#92400e;display:flex;font-size:12px;gap:8px;line-height:1.5;padding:10px 16px}.booking-estimate-note svg{color:#d97706;flex-shrink:0;margin-top:1px}.booking-form-v2{display:flex;flex-direction:column}.booking-section-label{color:#64748b;display:block;font-size:12px;font-weight:700;letter-spacing:.6px;margin-bottom:10px;text-transform:uppercase}.booking-input-group{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.booking-input-wrap{align-items:center;display:flex;position:relative}.booking-input-wrap svg{color:#94a3b8;left:14px;pointer-events:none;position:absolute}.booking-input-wrap input{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:10px;color:#0f172a;font-size:14px;outline:none;padding:12px 14px 12px 42px;transition:all .2s ease;width:100%}.booking-input-wrap input:focus{background:#fff;border-color:#dc2626;box-shadow:0 0 0 3px #dc262614}.booking-input-wrap input::placeholder{color:#94a3b8}.field-error-text{color:#dc2626;display:block;font-size:12px;line-height:1.4;margin-bottom:4px;margin-top:4px}.field-hint-row{align-items:center;display:flex;gap:8px;justify-content:space-between;margin-top:4px}.field-hint-row .char-count{color:#94a3b8;flex-shrink:0;font-size:12px;margin-left:auto}.field-hint-row .char-count.valid{align-items:center;color:#059669;display:flex;gap:4px}.booking-input-wrap.input-error{border-color:#dc2626}.booking-input-wrap.input-error input{color:#dc2626}.booking-location-section{margin-bottom:16px}.booking-location-section .location-input-group{align-items:stretch;display:flex;gap:8px}.booking-location-section .input-with-icon{flex:1 1}.booking-location-section .input-with-icon svg{color:#94a3b8;height:16px;left:14px;position:absolute;width:16px}.booking-location-section .input-with-icon input{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:10px;color:#0f172a;font-size:14px;height:auto;outline:none;padding:12px 14px 12px 42px!important;transition:all .2s ease;width:100%}.booking-location-section .input-with-icon input:focus{background:#fff;border-color:#dc2626;box-shadow:0 0 0 3px #dc262614}.booking-location-section .input-with-icon input::placeholder{color:#94a3b8}.booking-location-section .find-location-btn{align-items:center;background:#0f172a;border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:5px;padding:0 16px;transition:all .2s ease;white-space:nowrap}.booking-location-section .find-location-btn:hover:not(:disabled){background:#1e293b;box-shadow:none;transform:none}.booking-cta-btn{align-items:center;background:#dc2626;border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:700;gap:8px;justify-content:center;margin-top:4px;padding:14px 24px;transition:all .2s ease;width:100%}.booking-cta-btn:hover:not(:disabled){background:#b91c1c;box-shadow:0 6px 16px -4px #dc26264d;transform:translateY(-1px)}.booking-cta-btn:disabled{cursor:not-allowed;opacity:.4}.booking-cta-btn svg{transition:transform .2s ease}.booking-cta-btn:hover:not(:disabled) svg{transform:translateX(3px)}@media (max-width:640px){.booking-container-v2{border-radius:14px;padding:18px 16px}.booking-title-v2{font-size:18px}.booking-mechanic-card{padding:12px}.booking-mechanic-avatar{height:40px;width:40px}.booking-price-amount{font-size:20px}.booking-cta-btn{font-size:14px;padding:13px 20px}}.form-container{padding:32px}.diagnosis-container,.form-container{background:#fff;background:var(--color-surface);border:1px solid #f1f5f9;border:1px solid var(--color-border-light);border-radius:20px;border-radius:var(--radius-xl);box-shadow:0 1px 3px #0f172a0f,0 8px 24px #0f172a14;transition:box-shadow .3s cubic-bezier(.4,0,.2,1);transition:box-shadow var(--transition-slow)}.diagnosis-container{padding:28px}.booking-container,.dashboard-container,.mechanics-container{background:#fff;background:var(--color-surface);border:1px solid #f1f5f9;border:1px solid var(--color-border-light);border-radius:24px;border-radius:var(--radius-2xl);box-shadow:0 1px 3px #0f172a0a,0 4px 12px #0f172a0f;box-shadow:var(--shadow-card);padding:48px;padding:var(--space-12);transition:box-shadow .3s cubic-bezier(.4,0,.2,1);transition:box-shadow var(--transition-slow)}.booking-container{display:flex;flex-direction:column;gap:0;overflow:visible;position:relative}.booking-container:hover,.diagnosis-container:hover,.form-container:hover,.mechanics-container:hover{box-shadow:0 4px 8px #0f172a0f,0 12px 32px #0f172a1a;box-shadow:var(--shadow-card-hover)}.form-title{color:#0f172a;color:var(--color-text);font-size:26px;font-weight:700;letter-spacing:-.5px;line-height:1.2;margin-bottom:8px}.form-title:after{background:#dc2626;background:var(--color-primary);border-radius:2px;content:"";display:block;height:3px;margin-top:12px;width:40px}.booking-title,.dashboard-title,.diagnosis-title,.mechanics-title{color:#0f172a;color:var(--color-text);font-size:30px;font-weight:700;letter-spacing:-.75px;line-height:1.2;margin-bottom:10px}.form-subtitle{color:#94a3b8;color:var(--color-text-muted);font-size:14px;line-height:1.5;margin-bottom:24px;margin-bottom:var(--space-6)}.diagnosis-subtitle,.mechanics-subtitle{color:#475569;color:var(--color-text-secondary);font-size:16px;line-height:1.6;margin-bottom:32px;margin-bottom:var(--space-8)}.form-group{margin-bottom:20px;margin-bottom:var(--space-5)}.form-group label{color:#0f172a;color:var(--color-text);font-size:13px;letter-spacing:-.1px;text-transform:none}.form-group input,.form-group textarea{background:#f8fafc;background:var(--color-bg);border:1.5px solid #e2e8f0;border:1.5px solid var(--color-border);border-radius:8px;border-radius:var(--radius-sm);color:var(--color-text);font-family:inherit;padding:12px 14px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.form-group input:hover,.form-group textarea:hover{border-color:#cbd5e1;border-color:var(--color-border-focus)}.form-group input:focus,.form-group textarea:focus{background:#fff;background:var(--color-white);border-color:var(--color-primary)}.form-group input::placeholder,.form-group textarea::placeholder{color:#94a3b8;color:var(--color-text-muted);font-size:14px}.form-group textarea{min-height:90px}.input-with-icon{align-items:center;display:flex;position:relative}.input-with-icon svg{color:#94a3b8;color:var(--color-text-muted);left:16px;position:absolute;transition:color .2s cubic-bezier(.4,0,.2,1);transition:color var(--transition-base)}.input-with-icon input:focus+svg,.input-with-icon:focus-within svg{color:#dc2626;color:var(--color-primary)}.form-group .input-with-icon input,.input-with-icon input{padding-left:48px!important}.vehicle-selectors{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1.5fr 1.5fr}.vehicle-selectors-row{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1.5fr}.form-section-divider{background:#f1f5f9;background:var(--color-border-light);height:1px;margin:8px 0 20px}.form-group-optional label{color:#475569!important;color:var(--color-text-secondary)!important}.vehicle-input-wrapper,.vehicle-select-wrapper,.vehicle-selectors-row,.vehicle-selectors-row+.vehicle-input-wrapper{position:relative}.vehicle-input-wrapper input,.vehicle-select-wrapper select{appearance:none;-webkit-appearance:none;background:#f8fafc;background:var(--color-bg);border:1.5px solid #e2e8f0;border:1.5px solid var(--color-border);border-radius:8px;border-radius:var(--radius-sm);color:#475569;color:var(--color-text-secondary);font-size:14px;padding:12px 14px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base);width:100%}.vehicle-input-wrapper input.has-value,.vehicle-select-wrapper select.has-value{color:#0f172a;color:var(--color-text)}.vehicle-input-wrapper input:hover,.vehicle-select-wrapper select:hover{border-color:#cbd5e1;border-color:var(--color-border-focus)}.vehicle-input-wrapper input:focus,.vehicle-select-wrapper select:focus{background:#fff;background:var(--color-white);border-color:#dc2626;border-color:var(--color-primary);box-shadow:0 0 0 3px #dc262614;outline:none}.vehicle-select-wrapper .select-icon{color:#94a3b8;color:var(--color-text-muted);pointer-events:none;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.vehicle-preview{align-items:center;background:#dc262614;background:var(--color-primary-subtle);border-radius:8px;border-radius:var(--radius-sm);color:#dc2626;color:var(--color-primary);display:flex;font-size:13px;font-weight:500;gap:8px;margin-top:8px;padding:8px 12px}.vehicle-preview svg{flex-shrink:0}.required-star{color:#dc2626;color:var(--color-primary);font-weight:600}.optional-label{color:#94a3b8;color:var(--color-text-muted);font-size:13px;font-weight:400}.mileage-input-wrapper{max-width:240px;position:relative}.mileage-input-wrapper input{background:#f8fafc;background:var(--color-bg);border:1.5px solid #e2e8f0;border:1.5px solid var(--color-border);border-radius:8px;border-radius:var(--radius-sm);font-size:14px;padding:12px 56px 12px 14px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base);width:100%}.mileage-input-wrapper input:hover{border-color:#cbd5e1;border-color:var(--color-border-focus)}.mileage-input-wrapper input:focus{background:#fff;background:var(--color-white);border-color:#dc2626;border-color:var(--color-primary);box-shadow:0 0 0 3px #dc262614;outline:none}.mileage-suffix{color:#94a3b8;color:var(--color-text-muted);font-size:13px;font-weight:500;position:absolute;right:14px;top:50%;transform:translateY(-50%)}@media (max-width:600px){.problem-form-page{padding:16px}.form-container{padding:24px 20px}.form-top-bar{margin-bottom:12px;margin-bottom:var(--space-3)}.step-label{display:none}.vehicle-selectors{gap:8px;grid-template-columns:1fr 1fr}.vehicle-input-wrapper{grid-column:1/-1}.mileage-input-wrapper{max-width:180px}.photo-upload-btn{padding:24px 16px}.urgency-btn{padding:12px 6px}}.location-picker{width:100%}.pac-container{border:1px solid #e2e8f0;border-radius:0 0 12px 12px;border-top:none;box-shadow:0 8px 24px #0000001f;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;margin-top:-1px;z-index:10000!important}.pac-item{border-top:1px solid #f1f5f9;cursor:pointer;font-size:14px;line-height:1.4;padding:10px 14px}.pac-item:first-child{border-top:none}.pac-item-selected,.pac-item:hover{background:#fef2f2}.pac-icon{margin-right:8px}.pac-item-query{color:#0f172a;font-size:14px;font-weight:500}.pac-matched{color:#dc2626;font-weight:600}.location-input-group{align-items:stretch;display:flex;gap:8px}.location-input-group .input-with-icon{flex:1 1}.find-location-btn{align-items:center;background:linear-gradient(135deg,#dc2626,#ef4444);background:var(--gradient-primary);border:none;border-radius:12px;border-radius:var(--radius-md);color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:6px;justify-content:center;padding:0 20px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base);white-space:nowrap}.find-location-btn:hover:not(:disabled){box-shadow:0 4px 12px #dc26264d;transform:translateY(-1px)}.find-location-btn:disabled{cursor:not-allowed;opacity:.5}.find-location-btn .spinner{animation:spin 1s linear infinite}.geocode-error{align-items:center;color:#dc2626;color:var(--color-error);display:flex;font-size:13px;gap:6px;margin-top:8px}.geocode-error svg{flex-shrink:0}.location-map-container{margin:16px 0}.location-map-container.confirmed{border:1.5px solid #bbf7d0;border-radius:12px;box-shadow:0 0 0 3px #16a34a0f,0 2px 8px #0000001a;overflow:hidden}.location-map-wrapper{border-radius:12px 12px 0 0;overflow:hidden}.map-instruction{align-items:center;background:#f0fdf4;color:#166534;display:flex;font-size:13px;gap:6px;padding:10px 14px}.map-instruction svg{color:#16a34a;flex-shrink:0}@media (min-width:640px){.location-map-container .location-map-wrapper>div,.location-map-container .location-map-wrapper>div>div{height:300px!important}}.location-confirmed{align-items:center;color:#059669;color:var(--color-success);display:flex;font-size:13px;gap:6px;margin-top:8px}.location-confirmed svg{flex-shrink:0}.location-step-page{margin:0 auto;max-width:640px;min-height:100vh;padding:20px}.location-step-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000000f,0 4px 16px #0000000a;margin-top:24px;padding:32px 24px}.location-step-hero-icon{display:flex;justify-content:center;margin-bottom:8px}.location-step-hero-icon svg{color:#dc2626}.location-step-card .selection-header{margin-bottom:28px;text-align:center}.location-step-card .selection-header h2{color:#0f172a;font-size:22px;font-weight:700;margin-bottom:6px}.location-step-card .selection-header p{color:#64748b;font-size:14px}.use-my-location-btn{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;color:#0f172a;cursor:pointer;display:flex;font-size:15px;font-weight:500;gap:10px;height:48px;justify-content:center;padding:0 20px;transition:all .2s;width:100%}.use-my-location-btn:hover:not(:disabled){background:#fef2f2;border-color:#dc2626;color:#dc2626}.use-my-location-btn:disabled{cursor:not-allowed;opacity:.7}.use-my-location-btn svg{flex-shrink:0}.use-my-location-btn .spin{animation:spin 1s linear infinite}.geo-error-msg{align-items:center;color:#94a3b8;display:flex;font-size:13px;gap:6px;margin-top:8px}.geo-error-msg svg{color:#94a3b8;flex-shrink:0}.location-or-divider{align-items:center;display:flex;gap:14px;margin:20px 0}.location-or-divider:after,.location-or-divider:before{background:#e2e8f0;content:"";flex:1 1;height:1px}.location-or-divider span{color:#94a3b8;font-size:13px;font-weight:500;text-transform:lowercase;white-space:nowrap}.location-step-card .location-input-group{align-items:stretch;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 2px #0000000a;display:flex;gap:0;overflow:hidden;transition:border-color .2s,box-shadow .2s}.location-step-card .location-input-group:focus-within{border-color:#dc2626;box-shadow:0 0 0 3px #dc262614}.location-step-card .location-input-group .input-with-icon{flex:1 1;min-width:0}.location-step-card .location-input-group .input-with-icon input{border:none!important;border-radius:0!important;box-shadow:none!important;height:100%;outline:none!important;text-overflow:ellipsis;width:100%}.location-step-card .location-input-group .input-with-icon input:focus{border:none!important;box-shadow:none!important}.location-step-card .find-location-btn{border:none;border-left:1px solid #e2e8f0;border-radius:0;flex-shrink:0;font-size:14px;padding:0 16px}@media (max-width:400px){.location-step-card .find-location-btn{font-size:13px;padding:0 12px}.location-step-card{padding:24px 16px}}.location-step-placeholder{align-items:center;background:#f1f5f9;border-radius:12px;display:flex;flex-direction:column;gap:10px;justify-content:center;margin-top:20px;padding:36px 20px;text-align:center}.location-step-placeholder svg{color:#94a3b8}.location-step-placeholder span{color:#94a3b8;font-size:14px;font-weight:500}.detected-zone{align-items:center;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:12px;color:#166534;display:flex;font-size:14px;gap:8px;margin-top:16px;padding:12px 16px}.detected-zone svg{color:#16a34a;flex-shrink:0}.detected-zone strong{font-weight:600}.no-zone-error{background:#fef2f2;border:1px solid #fecaca;border-radius:12px;margin-top:20px;padding:28px 24px;text-align:center}.no-zone-error svg{color:#dc2626;margin-bottom:8px}.no-zone-error h3{color:#0f172a;font-size:17px;font-weight:700;margin-bottom:6px}.no-zone-error p{color:#64748b;font-size:13px;line-height:1.5;margin-bottom:16px}.waitlist-form{border:1px solid #e2e8f0;border-radius:12px;display:flex;gap:0;margin:0 auto;max-width:380px;overflow:hidden}.waitlist-form input{border:none;border-radius:0;flex:1 1;font-size:14px;outline:none;padding:10px 14px;transition:border-color .2s}.waitlist-form input:focus{outline:none}.waitlist-form button{background:linear-gradient(135deg,#dc2626,#ef4444);background:var(--gradient-primary);border:none;border-radius:0;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base);white-space:nowrap}.waitlist-form button:hover:not(:disabled){opacity:.9}.waitlist-form button:disabled{cursor:not-allowed;opacity:.5}.waitlist-success{align-items:center;color:#059669;display:flex;font-size:14px;font-weight:500;gap:8px;justify-content:center}.waitlist-success svg{color:#059669}.location-continue-btn{align-items:center;background:linear-gradient(135deg,#dc2626,#ef4444);background:var(--gradient-primary);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;justify-content:center;margin-top:24px;padding:16px 24px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base);width:100%}.location-continue-btn:hover{box-shadow:0 8px 25px #dc26264d;transform:translateY(-2px)}.mechanic-distance-info{align-items:center;display:flex;gap:10px;margin-top:6px}.distance-badge,.eta-badge{align-items:center;background:#f1f5f9;border-radius:20px;color:var(--text-secondary);display:inline-flex;font-size:12px;font-weight:500;gap:4px;padding:3px 8px}.distance-badge svg,.eta-badge svg{color:#dc2626;height:12px;width:12px}.no-mechanics-message{margin:20px 0;padding:40px 20px;text-align:center}.no-mechanics-message svg{color:var(--text-muted);margin-bottom:12px}.no-mechanics-message h3{color:var(--text-primary);font-size:18px;font-weight:700;margin-bottom:6px}.no-mechanics-message p{color:var(--text-secondary);font-size:14px;margin-bottom:20px}.back-btn-large{align-items:center;background:linear-gradient(135deg,#dc2626,#ef4444);background:var(--gradient-primary);border:none;border-radius:12px;border-radius:var(--radius-md);color:#fff;cursor:pointer;display:inline-flex;font-size:15px;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.back-btn-large:hover{box-shadow:0 4px 12px #dc26264d;transform:translateY(-1px)}.photo-upload-area{display:flex;flex-wrap:wrap;gap:10px}.photo-upload-btn{align-items:center;background:#f8fafc;background:var(--color-bg);border:2px dashed #e2e8f0;border:2px dashed var(--color-border);border-radius:8px;border-radius:var(--radius-sm);cursor:pointer;display:flex;flex-direction:column;gap:0;justify-content:center;padding:28px 16px;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base);width:100%}.photo-upload-btn.compact{border:1.5px dashed #e2e8f0;border:1.5px dashed var(--color-border);flex-direction:row;gap:10px;justify-content:flex-start;padding:14px 16px}.photo-upload-btn:hover{background:#dc262608;border-color:#dc2626;border-color:var(--color-primary)}.photo-upload-btn svg{color:#94a3b8;color:var(--color-text-muted);margin-bottom:8px}.photo-upload-btn.compact svg{color:#dc2626;color:var(--color-primary);margin-bottom:0}.photo-upload-btn span{color:#475569;color:var(--color-text-secondary);display:block;font-size:13px;font-weight:500;margin-bottom:4px}.photo-upload-btn.compact span{color:#0f172a;color:var(--color-text);font-weight:600;margin-bottom:0}.photo-upload-btn small{color:#94a3b8;color:var(--color-text-muted);display:block;font-size:12px}.photo-upload-btn.compact small{margin-left:auto}.photo-helper-text{color:#94a3b8;color:var(--color-text-muted);font-size:12px;line-height:1.4;margin-top:6px}.photo-thumbnail{border:1px solid #e2e8f0;border:1px solid var(--color-border);border-radius:8px;border-radius:var(--radius-sm);height:80px;overflow:hidden;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base);width:80px}.photo-thumbnail:hover{border-color:#dc2626;border-color:var(--color-primary)}.photo-thumbnail img{height:100%;object-fit:cover;width:100%}.photo-remove-btn{align-items:center;background:#0f172ab3;border:none;border-radius:50%;color:#fff;color:var(--color-white);cursor:pointer;display:flex;height:22px;justify-content:center;position:absolute;right:4px;top:4px;transition:all .2s ease;width:22px;z-index:2}.photo-remove-btn:hover{background:#dc2626;background:var(--color-primary)}.photo-count{align-items:center;background:#d1fae5;border-radius:20px;display:inline-flex;font-size:13px;font-weight:600;gap:6px;margin-top:8px;padding:4px 12px}.photo-count,.photo-count svg{color:#059669;color:var(--color-success)}.urgency-options{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(3,1fr)}.urgency-btn{align-items:center;background:#f8fafc;background:var(--color-bg);border:1.5px solid #e2e8f0;border:1.5px solid var(--color-border);border-radius:8px;border-radius:var(--radius-sm);cursor:pointer;display:flex;flex-direction:column;gap:4px;padding:14px 10px;transition:all .2s ease}.urgency-btn span{color:#0f172a;color:var(--color-text);font-size:13px;font-weight:600}.urgency-btn small{font-size:11px}.urgency-btn small,.urgency-btn svg{color:#94a3b8;color:var(--color-text-muted)}.urgency-btn:hover{background:#fff;background:var(--color-white);border-color:#cbd5e1;border-color:var(--color-border-focus)}.urgency-btn.active{background:#0f172a;background:var(--color-text);border-color:#0f172a;border-color:var(--color-text)}.urgency-btn.active span,.urgency-btn.active svg{color:#fff;color:var(--color-white)}.urgency-btn.active small{color:#ffffffb3}.urgency-btn.asap.active{background:linear-gradient(135deg,#dc2626,#ef4444);background:var(--gradient-primary);border-color:#0000}.urgency-btn.asap.active small,.urgency-btn.asap.active span,.urgency-btn.asap.active svg{color:#fff;color:var(--color-white)}.confirm-btn,.continue-btn,.submit-btn{align-items:center;background:linear-gradient(135deg,#dc2626,#ef4444);background:var(--gradient-primary);border:none;border-radius:12px;border-radius:var(--radius-md);box-shadow:0 4px 14px #dc262640;color:#fff;color:var(--color-white);cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:10px;justify-content:center;margin-top:20px;margin-top:var(--space-5);overflow:hidden;padding:16px 24px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-slow);width:100%}.confirm-btn:before,.continue-btn:before,.submit-btn:before{background:linear-gradient(135deg,#fff3,#0000 50%);content:"";inset:0;opacity:0;position:absolute;transition:opacity .2s cubic-bezier(.4,0,.2,1);transition:opacity var(--transition-base)}.confirm-btn:hover,.continue-btn:hover,.submit-btn:hover{box-shadow:0 8px 24px #dc26264d;transform:translateY(-2px)}.confirm-btn:hover:before,.continue-btn:hover:before,.submit-btn:hover:before{opacity:1}.confirm-btn:active,.continue-btn:active,.submit-btn:active{transform:translateY(-1px)}.confirm-btn:disabled,.submit-btn:disabled{background:#cbd5e1;box-shadow:none;color:#94a3b8;cursor:not-allowed;opacity:1;transform:none}.btn-secondary{align-items:center;background:#fff;background:var(--color-white);border:2px solid #dc2626;border:2px solid var(--color-primary);border-radius:16px;border-radius:var(--radius-lg);color:#dc2626;color:var(--color-primary);cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;justify-content:center;padding:16px 28px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.btn-secondary:hover{background:#dc262614;background:var(--color-primary-subtle);border-color:#dc2626;border-color:var(--color-primary);box-shadow:0 4px 12px #dc262626;transform:translateY(-2px)}.loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:80px 20px;text-align:center}.loading-container h2{color:#0f172a;color:var(--color-text);font-size:24px;font-weight:700;margin-top:24px}.loading-container p{color:#475569;color:var(--color-text-secondary);margin-top:8px}.spinner{animation:spin 1s linear infinite;color:#dc2626;color:var(--color-primary)}.diagnosis-loading{padding:80px 40px}.ai-loading-animation{height:100px;margin-bottom:32px;position:relative;width:100px}.ai-brain-icon{align-items:center;background:linear-gradient(135deg,#dc2626,#ef4444);background:var(--gradient-primary);border-radius:50%;box-shadow:0 4px 16px #dc262633;color:#fff;display:flex;height:64px;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:64px;z-index:2}.loading-pulse{animation:pulse-ring-diagnosis 2s ease-out infinite;border:2px solid #dc262659;border-radius:50%;height:100%;left:0;position:absolute;top:0;width:100%}@keyframes pulse-ring-diagnosis{0%{opacity:.6;transform:scale(.65)}to{opacity:0;transform:scale(1.5)}}.loading-steps{display:flex;gap:24px;margin-top:24px}.loading-step{background:#fff;background:var(--color-surface);border-radius:9999px;border-radius:var(--radius-full);color:#94a3b8;color:var(--color-text-muted);font-size:13px;padding:8px 16px;transition:all .3s ease}.loading-step.active{background:#dc262614;background:var(--color-primary-subtle);color:#dc2626;color:var(--color-primary);font-weight:600}.diagnosis-container.enhanced{animation:diagnosisFadeIn .35s ease-out;max-width:100%;padding:20px}@keyframes diagnosisFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.diagnosis-hero{margin-bottom:20px;text-align:center}.diagnosis-status-line{align-items:center;color:#059669;display:inline-flex;font-size:13px;font-weight:600;gap:6px;margin-bottom:4px}.diagnosis-status-line svg{flex-shrink:0}.diagnosis-subtitle{color:#94a3b8;color:var(--color-text-muted);font-size:14px;margin:0}.diagnosis-card.premium{background:#fff;background:var(--color-white);border:none;border-radius:16px;box-shadow:0 1px 2px #0000000a,0 4px 16px #0000000f;margin-bottom:20px;overflow:hidden;padding:0}.diagnosis-issue-header{padding:24px 24px 20px}.issue-label-row{align-items:center;display:flex;gap:10px;margin-bottom:10px}.issue-label{color:#dc2626;color:var(--color-primary);letter-spacing:1.2px;text-transform:uppercase}.issue-label,.severity-pill{font-size:11px;font-weight:700}.severity-pill{border-radius:20px;padding:2px 10px;text-transform:capitalize}.severity-pill.severity-low{background:#d1fae5;color:#065f46}.severity-pill.severity-medium{background:#fef3c7;color:#92400e}.severity-pill.severity-high{background:#fee2e2;color:#991b1b}.issue-title{color:#0f172a;color:var(--color-text);font-size:22px;font-weight:700;letter-spacing:-.3px;line-height:1.25}.diagnosis-specs{border:1px solid #f1f5f9;border-radius:12px;margin:0 24px 20px;overflow:hidden}.spec-row{align-items:center;display:flex;justify-content:space-between;padding:14px 16px}.spec-row+.spec-row{border-top:1px solid #f1f5f9}.spec-label{align-items:center;color:#94a3b8;color:var(--color-text-muted);display:flex;font-size:13px;font-weight:500;gap:8px}.spec-label svg{color:#dc2626;color:var(--color-primary);flex-shrink:0}.spec-value{color:#0f172a;color:var(--color-text);font-size:14px;font-weight:700;text-align:right}.spec-urgency.urgency-low .spec-value{color:#059669}.spec-urgency.urgency-medium .spec-value{color:#d97706}.spec-urgency.urgency-high .spec-value{color:#dc2626}.diagnosis-callout{background:#f8fafc;border-left:3px solid #dc2626;border-left:3px solid var(--color-primary);border-radius:12px;margin:0 24px 20px;padding:16px 18px}.diagnosis-callout p{color:#475569;font-size:14px;line-height:1.6;margin:0}.diagnosis-tips-card{background:#f0fdf4;border-radius:12px;display:flex;flex-direction:column;gap:10px;margin:0 24px 24px;padding:16px 18px}.tips-label{color:#059669;font-size:11px;font-weight:700;letter-spacing:.8px;text-transform:uppercase}.tip-item{align-items:flex-start;color:#475569;display:flex;font-size:13px;gap:10px;line-height:1.5}.tip-item svg{color:#059669;flex-shrink:0;margin-top:2px}.diagnosis-card:not(.premium){background:#f8fafc;background:var(--color-bg);border:1px solid #e2e8f0;border:1px solid var(--color-border);border-radius:16px;border-radius:var(--radius-lg);margin-bottom:24px;padding:28px}.severity-badge{align-items:center;border-radius:24px;display:flex;font-size:14px;font-weight:700;gap:8px;letter-spacing:.5px;padding:10px 18px;text-transform:uppercase}.severity-low{background:#d1fae5;color:#065f46}.severity-medium{background:#fef3c7;color:#92400e}.severity-high{background:#fee2e2;color:#991b1b}@media (max-width:640px){.diagnosis-container.enhanced,.diagnosis-page{padding:16px}.diagnosis-hero{margin-bottom:16px}.diagnosis-issue-header{padding:20px 20px 0}.issue-title{font-size:20px}.diagnosis-specs{margin:0 20px 16px}.spec-row{padding:12px 14px}.diagnosis-callout{margin:0 20px 16px;padding:14px 16px}.diagnosis-callout p{font-size:13px}.diagnosis-tips-card{margin:0 20px 20px;padding:14px 16px}.diagnosis-trust-row{gap:12px}.diagnosis-trust-row .trust-item{font-size:11px}.diagnosis-loading{padding:60px 24px}.ai-loading-animation{height:80px;margin-bottom:24px;width:80px}.ai-brain-icon{height:52px;width:52px}.loading-container h2{font-size:20px}.loading-container p{font-size:14px}.loading-steps{flex-direction:column;gap:8px;margin-top:20px}.loading-step{font-size:12px;padding:6px 14px}}@media (max-width:380px){.diagnosis-container.enhanced{padding:12px}.diagnosis-title{font-size:18px}.issue-title{font-size:16px}.diagnosis-issue-header{padding:12px}.diagnosis-stat{padding:8px 10px}.education-section .section-header{padding:10px 12px}.section-content{font-size:12px;padding:0 12px 10px 44px}.confidence-banner,.quick-tips-section{padding:10px 12px}}.mechanics-list{grid-gap:24px;display:grid;gap:24px}.mechanic-card{background:#fff;background:var(--color-white);border:1px solid #f1f5f9;border:1px solid var(--color-border-light);border-radius:24px;border-radius:var(--radius-2xl);overflow:hidden;padding:32px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-slow)}.mechanic-card:before{background:linear-gradient(135deg,#dc2626,#ef4444);background:var(--gradient-primary);content:"";height:4px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .2s cubic-bezier(.4,0,.2,1);transition:opacity var(--transition-base)}.mechanic-card:hover{border-color:#0000;box-shadow:0 4px 8px #0f172a0f,0 12px 32px #0f172a1a;box-shadow:var(--shadow-card-hover);transform:translateY(-6px)}.mechanic-card:hover:before{opacity:1}.mechanic-header{align-items:center;display:flex;gap:18px;margin-bottom:20px}.mechanic-avatar{align-items:center;background:linear-gradient(145deg,#fef2f2,#fee2e2);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 4px 12px #dc26261a;color:#dc2626;color:var(--color-primary);display:flex;height:64px;justify-content:center;width:64px}.mechanic-info h3{color:#0f172a;color:var(--color-text);font-size:20px;font-weight:700;margin-bottom:6px}.mechanic-rating{align-items:center;color:#475569;color:var(--color-text-secondary);display:flex;font-size:14px;font-weight:500;gap:6px}.star-icon{fill:#fbbf24;color:#fbbf24}.review-count{color:#94a3b8;color:var(--color-text-muted)}.available-badge{align-items:center;background:linear-gradient(145deg,#d1fae5,#a7f3d0);border-radius:9999px;border-radius:var(--radius-full);box-shadow:0 2px 8px #05966926;color:#065f46;display:flex;font-size:12px;font-weight:700;gap:6px;letter-spacing:.8px;margin-left:auto;padding:10px 18px;text-transform:uppercase}.available-badge:before{animation:pulse-dot 2s infinite;background:#059669;border-radius:50%;content:"";height:8px;width:8px}.mechanic-details{display:flex;flex-wrap:wrap;gap:24px;margin-bottom:20px}.mechanic-details .detail{align-items:center;color:#475569;color:var(--color-text-secondary);display:flex;font-size:14px;font-weight:500;gap:8px}.mechanic-details svg{color:#94a3b8;color:var(--color-text-muted)}.specialties{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:24px}.specialty-tag{background:#f8fafc;background:var(--color-bg);border:1px solid #f1f5f9;border:1px solid var(--color-border-light);border-radius:9999px;border-radius:var(--radius-full);color:#475569;color:var(--color-text-secondary);font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.specialty-tag:hover{background:#dc262614;background:var(--color-primary-subtle);border-color:#0000;color:var(--color-primary)}.price-calculator{background:#f8fafc;background:var(--color-bg);border:1px solid #e2e8f0;border:1px solid var(--color-border);border-radius:12px;border-radius:var(--radius-md);margin-bottom:20px;overflow:hidden}.price-toggle{align-items:center;background:#0000;border:none;cursor:pointer;display:flex;justify-content:space-between;padding:16px;transition:background .2s ease;width:100%}.price-toggle:hover{background:#00000005}.price-summary{align-items:center;display:flex;gap:10px}.price-summary svg{color:#dc2626;color:var(--color-primary)}.price-estimate{color:#0f172a;color:var(--color-text);font-size:15px;font-weight:600}.price-toggle>svg{color:var(--color-text-light);transition:transform .3s ease}.card-details .price-breakdown,.mechanic-card .price-breakdown{border-top:0 solid #e2e8f0;border-top:0 solid var(--color-border);max-height:0;overflow:hidden;padding:0 16px;transition:max-height .3s ease,padding .3s ease}.card-details .price-breakdown.expanded,.mechanic-card .price-breakdown.expanded{border-top:1px solid #e2e8f0;border-top:1px solid var(--color-border);max-height:300px;padding:16px}.price-line{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--color-border);color:#0f172a;color:var(--color-text);display:flex;font-size:14px;justify-content:space-between;padding:10px 0}.price-line:last-of-type{border-bottom:none}.price-line.subtle{color:var(--color-text-light);font-size:13px}.price-line.total{border-bottom:none;border-top:2px solid #e2e8f0;border-top:2px solid var(--color-border);font-size:16px;font-weight:700;margin-top:4px;padding-top:14px}.price-line.total .price-value{color:#dc2626;color:var(--color-primary);font-size:18px}.price-value{color:#0f172a;color:var(--color-text);font-weight:600}.price-note{align-items:center;background:#22c55e14;border-radius:8px;border-radius:var(--radius-sm);color:#16a34a;display:flex;font-size:13px;gap:8px;margin-top:16px;padding:12px}.price-note svg{flex-shrink:0}.book-btn{background:linear-gradient(135deg,#dc2626,#ef4444);background:var(--gradient-primary);border:none;border-radius:12px;border-radius:var(--radius-md);box-shadow:0 4px 15px #dc26264d;color:#fff;color:var(--color-white);cursor:pointer;font-size:16px;font-weight:700;padding:16px;transition:all .3s ease;width:100%}.book-btn:hover{box-shadow:0 6px 20px #dc262666;transform:translateY(-2px)}.mechanics-page-v2{background:#f8fafc;margin:0 auto;max-width:640px;min-height:100vh;padding:0 20px 40px}.mechanics-page-title{margin-bottom:20px}.mechanics-page-title h1{color:#0f172a;font-size:22px;font-weight:700;letter-spacing:-.02em;margin-bottom:4px}.mechanics-page-title p{color:#64748b;font-size:14px;font-weight:500}.pricing-info-banner{align-items:flex-start;background:#f0f9ff;border:1px solid #bae6fd;border-radius:10px;color:#0369a1;display:flex;font-size:12px;gap:8px;line-height:1.5;margin-bottom:14px;padding:10px 14px}.pricing-info-banner svg{color:#0ea5e9;flex-shrink:0;margin-top:1px}.sort-bar{-webkit-overflow-scrolling:touch;align-items:center;display:flex;gap:10px;margin-bottom:16px;overflow-x:auto;padding-bottom:4px}.sort-bar::-webkit-scrollbar{display:none}.sort-label{color:#64748b;font-size:13px;font-weight:500;white-space:nowrap}.sort-options{display:flex;gap:8px}.sort-option{background:#fff;border:1px solid #e2e8f0;border-radius:20px;color:#64748b;cursor:pointer;font-size:12px;font-weight:600;padding:6px 14px;transition:all .2s ease;white-space:nowrap}.sort-option:hover{border-color:#cbd5e1;color:#475569}.sort-option.active{background:#0f172a;border-color:#0f172a;color:#fff}.mechanics-grid-v2{display:flex;flex-direction:column;gap:12px}.mechanic-card-v2{background:#fff;border:1px solid #e2e8f0;border-radius:16px;cursor:pointer;overflow:hidden;padding:20px;position:relative;transition:all .2s ease}.mechanic-card-v2:hover{border-color:#cbd5e1;box-shadow:0 8px 24px -8px #00000014;transform:translateY(-2px)}.mechanic-card-v2.selected{border-color:#dc2626;border-width:2px;box-shadow:0 4px 16px -4px #dc262626;padding:19px}.featured-badge{align-items:center;background:#dc2626;border-radius:20px;color:#fff;display:inline-flex;font-size:10px;font-weight:700;gap:4px;letter-spacing:.5px;margin-bottom:10px;padding:4px 10px;text-transform:uppercase;width:-webkit-fit-content;width:fit-content}.featured-badge svg{height:12px;width:12px}.card-header-v2{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:14px}.mechanic-profile{align-items:center;display:flex;gap:12px}.profile-avatar{align-items:center;background:#0f172a;border-radius:12px;display:flex;height:48px;justify-content:center;position:relative;width:48px}.avatar-initials{color:#fff;font-size:18px;font-weight:700;text-transform:uppercase}.profile-info h3.mechanic-name-row{align-items:center;display:flex;flex-direction:row;flex-wrap:nowrap;gap:6px}.name-online-dot{background:#22c55e;border-radius:50%;box-shadow:0 0 0 2px #22c55e33;display:inline-block;flex-shrink:0;height:8px;width:8px}.profile-info h3{color:#0f172a;font-size:15px;font-weight:700;letter-spacing:-.01em;margin-bottom:4px}.rating-row{align-items:center;display:flex;gap:6px}.rating-row .star-filled{fill:#fbbf24;color:#fbbf24}.rating-value{color:#0f172a;font-size:14px;font-weight:700}.top-rated-tag{background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:6px;color:#92400e;font-size:10px;font-weight:700;letter-spacing:.3px;margin-left:6px;padding:3px 8px;text-transform:uppercase}.price-tag{background:#fef2f2;border-radius:10px;padding:8px 12px;text-align:right}.price-amount{color:#dc2626;display:block;font-size:20px;font-weight:800;letter-spacing:-.02em}.price-label{color:#94a3b8;font-size:10px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.price-amount-discounted{color:#dc2626;display:block;font-size:20px;font-weight:800;letter-spacing:-.02em}.price-amount-original{color:#94a3b8;font-size:12px;font-weight:500;text-decoration:line-through}.promo-badge-hero{background:#dc2626;border-radius:6px;color:#fff;display:inline-block;font-size:11px;font-weight:700;letter-spacing:.04em;padding:3px 8px}.promo-applied-tag{background:#fef2f2;border:1px solid #fecaca;border-radius:5px;color:#dc2626;display:inline-block;font-size:10px;font-weight:600;margin-left:6px;padding:2px 6px;vertical-align:middle}.promo-checking-text{color:#94a3b8;font-size:11px;font-style:italic;margin-left:6px}.booking-price-amount-group{align-items:flex-end;display:flex;flex-direction:column;gap:2px}.booking-price-original{color:#94a3b8;font-size:13px;text-decoration:line-through}.quick-stats{align-items:center;background:#f0fdf4;border:1px solid #dcfce7;border-radius:8px;display:flex;gap:0;justify-content:center;margin-bottom:12px;padding:8px 14px}.quick-stats .stat{align-items:center;display:flex;gap:5px;padding:0}.quick-stats .stat svg{color:#16a34a;height:13px;width:13px}.quick-stats .stat span{color:#15803d;font-size:12px;font-weight:600}.stat-divider{height:20px}.specialties-v2{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.specialty-chip{border-radius:6px;font-size:11px;font-weight:600;padding:4px 10px}.mechanic-card-v2:hover .specialty-chip{background:#e2e8f0}.card-details{margin-top:0;max-height:0;opacity:0;overflow:hidden;transition:max-height .4s cubic-bezier(.4,0,.2,1),opacity .3s ease,margin .3s ease}.card-details.expanded{margin-bottom:4px;margin-top:12px;max-height:250px;opacity:1}.details-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:16px}.details-section h4{color:#64748b;font-size:11px;font-weight:700;letter-spacing:.8px;margin-bottom:12px;text-transform:uppercase}.price-rows{display:flex;flex-direction:column;gap:0}.price-row{align-items:center;border-bottom:1px solid #e2e8f0;font-size:14px;padding:10px 0}.price-row:last-of-type{border-bottom:none}.price-row span:last-child{color:#0f172a;font-weight:600}.price-row.subtle{color:#94a3b8;font-size:13px}.price-row.subtle span:last-child{color:#64748b}.price-row.total{border-bottom:none;font-weight:700;margin-top:8px;padding-top:16px}.price-row.total span:first-child{color:#0f172a}.price-row.total span:last-child{color:#dc2626;font-size:16px}.guarantee-note{align-items:center;background:linear-gradient(135deg,#ecfdf5,#d1fae5);border-radius:10px;color:#059669;display:flex;font-size:12px;font-weight:600;gap:8px;margin-top:16px;padding:12px 14px}.guarantee-note svg{color:#059669;flex-shrink:0}.select-btn-v2{align-items:center;background:#dc2626;border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:700;gap:8px;justify-content:center;margin-top:4px;padding:14px 24px;transition:all .2s ease;width:100%}.select-btn-v2:hover{background:#b91c1c;box-shadow:0 6px 16px -4px #dc26264d;transform:translateY(-1px)}.select-btn-v2 svg{transition:transform .2s ease}.select-btn-v2:hover svg{transform:translateX(3px)}.trust-footer{background:#fff;border:1px solid #e2e8f0;border-radius:12px;display:flex;gap:20px;justify-content:center;margin-top:20px;padding:16px}.trust-item{align-items:center;color:#64748b;display:flex;font-size:11px;font-weight:600;gap:6px}.trust-item svg{color:#22c55e;flex-shrink:0}.mechanics-loading{flex-direction:column;min-height:60vh;padding:40px 20px;text-align:center}.loading-pulse,.mechanics-loading{align-items:center;display:flex;justify-content:center}.loading-pulse{height:80px;margin-bottom:32px;position:relative;width:80px}.loading-pulse svg{color:#dc2626;z-index:1}.pulse-ring{animation:pulse-ring 2s cubic-bezier(.4,0,.6,1) infinite;border:2px solid #dc2626;border-radius:50%;inset:0;position:absolute}.pulse-ring:nth-child(2){animation-delay:.3s}.pulse-ring:nth-child(3){animation-delay:.6s}.mechanics-loading h2{color:#0f172a;font-size:22px;font-weight:700;letter-spacing:-.02em;margin-bottom:8px}.mechanics-loading p{color:#64748b;font-size:15px;margin-bottom:32px}.loading-progress{background:#e2e8f0;border-radius:4px;height:4px;overflow:hidden;width:200px}.progress-bar{animation:progress-slide 1.5s ease-in-out infinite;background:linear-gradient(90deg,#dc2626,#ef4444);border-radius:4px;height:100%;width:30%}@keyframes progress-slide{0%{transform:translateX(-100%)}to{transform:translateX(400%)}}@media (max-width:640px){.mechanics-page-v2{padding:0 16px 24px}.mechanics-page-title h1{font-size:20px}.mechanic-card-v2{border-radius:14px;padding:16px}.profile-avatar{border-radius:10px;height:42px;width:42px}.avatar-initials{font-size:16px}.profile-info h3{font-size:14px}.price-tag{padding:6px 10px}.price-amount{font-size:18px}.quick-stats{padding:6px 12px}.quick-stats .stat span{font-size:11px}.mechanic-card-v2.selected{padding:15px}.trust-footer{align-items:center;flex-direction:column;gap:10px;padding:14px}.sort-bar{margin-left:-16px;margin-right:-16px;padding-left:16px;padding-right:16px}.select-btn-v2{font-size:13px;padding:12px 20px}}.booking-container .price-breakdown{height:auto;max-height:none;overflow:visible}.mechanic-summary{align-items:center;background:#fff;background:var(--color-white);border:1px solid #f1f5f9;border:1px solid var(--color-border-light);border-radius:20px;border-radius:var(--radius-xl);box-shadow:0 1px 3px #0f172a0a,0 4px 12px #0f172a0f;box-shadow:var(--shadow-card);display:flex;gap:20px;margin-bottom:28px;padding:28px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.mechanic-summary:hover{box-shadow:0 4px 8px #0f172a0f,0 12px 32px #0f172a1a;box-shadow:var(--shadow-card-hover)}.mechanic-summary h3{font-size:20px;font-weight:700;letter-spacing:-.01em;margin-bottom:8px}.price-breakdown{background:#fff;background:var(--color-white);border:1px solid #f1f5f9;border:1px solid var(--color-border-light);border-radius:20px;border-radius:var(--radius-xl);box-shadow:0 1px 3px #0f172a0a,0 4px 12px #0f172a0f;box-shadow:var(--shadow-card);margin-bottom:32px;padding:28px}.price-breakdown h4{font-size:12px;font-weight:700;letter-spacing:1.2px;margin-bottom:24px;text-transform:uppercase}.price-breakdown h4,.price-row{color:#475569;color:var(--color-text-secondary)}.price-row{border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--color-border-light);display:flex;font-size:15px;justify-content:space-between;padding:16px 0}.price-row:last-child{border-bottom:none}.price-row.total{border-top:2px solid #e2e8f0;border-top:2px solid var(--color-border);color:#0f172a;color:var(--color-text);font-size:22px;font-weight:800;letter-spacing:-.02em;margin-top:16px;padding-top:24px}.customer-form{display:flex;flex-direction:column;gap:0;position:relative;z-index:1}.customer-form h4{color:#475569;color:var(--color-text-secondary);font-size:12px;font-weight:700;letter-spacing:1.2px;margin-bottom:24px;margin-top:8px;text-transform:uppercase}.service-type-section{margin-bottom:32px}.service-type-section h4{margin-bottom:16px}.service-type-toggle{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.service-type-btn{align-items:center;background:#f8fafc;background:var(--color-bg);border:2px solid #e2e8f0;border:2px solid var(--color-border);border-radius:16px;border-radius:var(--radius-lg);cursor:pointer;display:flex;flex-direction:column;gap:6px;padding:20px 16px;transition:all .2s ease}.service-type-btn:hover{background:#f8fafc;background:var(--color-surface-hover);border-color:#cbd5e1;border-color:var(--color-border-focus)}.service-type-btn.active{background:#dc262614;background:var(--color-primary-subtle);border-color:#dc2626;border-color:var(--color-primary)}.service-type-btn svg{color:#475569;color:var(--color-text-secondary);transition:color .2s ease}.service-type-btn.active svg{color:#dc2626;color:var(--color-primary)}.service-type-btn span{color:#0f172a;color:var(--color-text);font-size:14px;font-weight:600}.service-type-btn small{color:#94a3b8;color:var(--color-text-muted);font-size:11px}.service-type-btn.active span{color:#b91c1c;color:var(--color-primary-dark)}.success-container{background:#fff;background:var(--color-white);border:1px solid #f1f5f9;border:1px solid var(--color-border-light);border-radius:24px;border-radius:var(--radius-2xl);box-shadow:0 20px 25px -5px #0f172a14,0 10px 10px -5px #0f172a08;box-shadow:var(--shadow-xl);overflow:visible;padding:56px 40px 48px;position:relative;text-align:center}.success-container:before{background:linear-gradient(90deg,#10b981,#34d399,#10b981);content:"";height:4px;left:0;position:absolute;right:0;top:0}.success-icon{animation:successBounce .6s cubic-bezier(.34,1.56,.64,1);color:#059669;color:var(--color-success);margin-bottom:28px}@keyframes successBounce{0%{opacity:0;transform:scale(0)}50%{transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.success-container h2{color:#0f172a;color:var(--color-text);font-size:38px;font-weight:800;letter-spacing:-.03em;margin-bottom:12px}.success-container>p{color:#475569;color:var(--color-text-secondary);font-size:18px;line-height:1.6;margin-bottom:36px}.arrival-time-card{align-items:center;background:linear-gradient(135deg,#dc2626,#ef4444);background:var(--gradient-primary);border-radius:20px;border-radius:var(--radius-xl);box-shadow:0 10px 40px #dc262659,inset 0 1px 0 #ffffff26;color:#fff;color:var(--color-white);display:flex;flex-direction:column;gap:20px;margin-bottom:32px;overflow:hidden;padding:36px;position:relative}.arrival-time-card:before{animation:shimmer 3s infinite;background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-50%;position:absolute;top:0;width:200%}@keyframes shimmer{0%{transform:translateX(-50%)}to{transform:translateX(50%)}}.arrival-icon{background:#fff3;border-radius:50%;height:64px;justify-content:center;padding:16px;width:64px}.arrival-icon,.arrival-info{align-items:center;display:flex}.arrival-info{flex-direction:column;gap:8px}.arrival-label{font-size:12px;font-weight:600;letter-spacing:2px;opacity:.9;text-transform:uppercase}.arrival-time{font-size:48px;font-weight:800;letter-spacing:-2px;text-shadow:0 2px 4px #0000001a}.arrival-message{border-top:1px solid #fff3;font-size:16px;line-height:1.5;margin:0;opacity:.95;padding-top:16px;text-align:center;width:100%}.arrival-message strong{font-weight:700}.confirmation-details{background:#fff;background:var(--color-surface);border:1px solid #f1f5f9;border:1px solid var(--color-border-light);border-radius:20px;border-radius:var(--radius-xl);margin-bottom:28px;padding:32px;text-align:left}.confirmation-details p{border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--color-border-light);color:#475569;color:var(--color-text-secondary);display:flex;font-size:15px;justify-content:space-between;padding:14px 0}.confirmation-details p:last-child{border-bottom:none}.confirmation-details strong{color:#0f172a;color:var(--color-text);font-weight:700}.confirmation-note{color:#94a3b8;color:var(--color-text-muted)}.dashboard-container{background:#0000;border:none;box-shadow:none;max-width:100%;padding:0}.dashboard-title{font-size:28px;font-weight:800;letter-spacing:-.03em;margin-bottom:36px}.stats-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(4,1fr);margin-bottom:36px}.stat-card{align-items:center;background:#fff;background:var(--color-white);border:1px solid #f1f5f9;border:1px solid var(--color-border-light);border-radius:20px;border-radius:var(--radius-xl);box-shadow:0 1px 3px #0f172a0a,0 4px 12px #0f172a0f;box-shadow:var(--shadow-card);display:flex;gap:20px;overflow:hidden;padding:32px;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.stat-card:before{background:linear-gradient(135deg,#dc2626,#ef4444);background:var(--gradient-primary);content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .2s cubic-bezier(.4,0,.2,1);transition:opacity var(--transition-base);width:4px}.stat-card:hover{box-shadow:0 4px 8px #0f172a0f,0 12px 32px #0f172a1a;box-shadow:var(--shadow-card-hover);transform:translateY(-4px)}.stat-card:hover:before{opacity:1}.stat-icon{background:linear-gradient(135deg,#dc262614,#ef44440a);border-radius:16px;border-radius:var(--radius-lg);color:#dc2626;color:var(--color-primary);flex-shrink:0;height:56px;padding:14px;width:56px}.stat-info{display:flex;flex-direction:column;gap:4px}.stat-value{font-size:36px;letter-spacing:-.03em}.jobs-section{background:#fff;background:var(--color-white);border:1px solid #f1f5f9;border:1px solid var(--color-border-light);border-radius:24px;border-radius:var(--radius-2xl);box-shadow:0 1px 3px #0f172a0a,0 4px 12px #0f172a0f;box-shadow:var(--shadow-card);padding:36px}.jobs-section h3{color:#0f172a;color:var(--color-text);font-size:22px;font-weight:700;letter-spacing:-.02em;margin-bottom:28px}.no-jobs{align-items:center;background:#fff;background:var(--color-surface);border:1px dashed #e2e8f0;border:1px dashed var(--color-border);border-radius:20px;border-radius:var(--radius-xl);color:#94a3b8;color:var(--color-text-muted);display:flex;flex-direction:column;padding:72px 24px}.no-jobs svg{margin-bottom:20px;opacity:.4}.jobs-list{grid-gap:24px;display:grid;gap:24px}.job-card{background:#fff;background:var(--color-white);border:1px solid #f1f5f9;border:1px solid var(--color-border-light);border-radius:20px;border-radius:var(--radius-xl);box-shadow:0 1px 3px #0f172a0a,0 4px 12px #0f172a0f;box-shadow:var(--shadow-card);padding:28px;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.job-card:after{background:linear-gradient(135deg,#dc2626,#ef4444);background:var(--gradient-primary);border-radius:0 0 20px 20px;border-radius:0 0 var(--radius-xl) var(--radius-xl);bottom:0;content:"";height:3px;left:24px;opacity:0;position:absolute;right:24px;transition:opacity .2s cubic-bezier(.4,0,.2,1);transition:opacity var(--transition-base)}.job-card:hover{box-shadow:0 4px 8px #0f172a0f,0 12px 32px #0f172a1a;box-shadow:var(--shadow-card-hover);transform:translateY(-2px)}.job-card:hover:after{opacity:1}.job-header{justify-content:space-between;margin-bottom:18px}.job-car,.job-header{align-items:center;display:flex}.job-car{color:#0f172a;color:var(--color-text);font-size:17px;font-weight:700;gap:12px}.job-car svg{color:#dc2626;color:var(--color-primary)}.job-time{border-radius:12px;border-radius:var(--radius-md);color:#94a3b8;color:var(--color-text-muted);font-size:14px;font-weight:500;padding:6px 12px}.job-problem,.job-time{background:#fff;background:var(--color-surface)}.job-problem{border:1px solid #f1f5f9;border:1px solid var(--color-border-light);border-radius:16px;border-radius:var(--radius-lg);margin-bottom:18px;padding:18px}.job-problem p{color:#475569;color:var(--color-text-secondary);font-size:14px;line-height:1.7}.job-diagnosis{display:flex;font-size:14px;gap:10px;margin-bottom:20px}.diagnosis-label{color:#94a3b8;color:var(--color-text-muted);font-weight:600}.job-footer{align-items:center;border-top:1px solid #f1f5f9;border-top:1px solid var(--color-border-light);display:flex;justify-content:space-between;padding-top:20px}.job-total{color:#0f172a;color:var(--color-text);font-size:30px;font-weight:800;letter-spacing:-.02em}.job-actions{gap:12px}.accept-btn,.decline-btn{align-items:center;border-radius:8px;border-radius:var(--radius-sm);cursor:pointer;display:flex;font-size:14px;font-weight:700;gap:8px;padding:12px 24px;transition:all .2s ease}.decline-btn{background:#fff;background:var(--color-white);border:2px solid #e2e8f0;border:2px solid var(--color-border);color:#475569;color:var(--color-text-secondary)}.decline-btn:hover{background:#fee2e2;border-color:#fecaca;color:#991b1b}.accept-btn{background:linear-gradient(135deg,#dc2626,#ef4444);background:var(--gradient-primary);border:none;box-shadow:0 4px 12px #dc26264d;color:#fff;color:var(--color-white)}.accept-btn:hover{box-shadow:0 6px 16px #dc262666;transform:translateY(-1px)}.complete-btn,.en-route-btn{align-items:center;border:none;border-radius:8px;border-radius:var(--radius-sm);cursor:pointer;display:flex;font-size:14px;font-weight:700;gap:8px;padding:12px 24px;transition:all .2s ease}.en-route-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 4px 12px #3b82f64d;color:#fff;color:var(--color-white)}.en-route-btn:hover{box-shadow:0 6px 16px #3b82f666;transform:translateY(-1px)}.complete-btn{background:linear-gradient(135deg,#22c55e,#16a34a);box-shadow:0 4px 12px #22c55e4d;color:#fff;color:var(--color-white)}.complete-btn:hover{box-shadow:0 6px 16px #22c55e66;transform:translateY(-1px)}.job-status-badge{border-radius:20px;font-size:12px;font-weight:700;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase}.job-status-badge.status-orange{background:#fef3c7;color:#d97706}.job-status-badge.status-green{background:#d1fae5;color:#059669}.job-status-badge.status-blue{background:#dbeafe;color:#2563eb}.job-status-badge.status-red{background:#fee2e2;color:#dc2626}.job-meta{gap:16px}.job-meta,.job-meta .job-time{align-items:center;display:flex}.job-meta .job-time{gap:6px}.mybookings-container{margin:0 auto;max-width:640px}.mybookings-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.mybookings-title{color:#0f172a;font-size:24px;font-weight:800;letter-spacing:-.02em}.mybookings-refresh{align-items:center;background:none;border:none;border-radius:8px;color:#94a3b8;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .15s ease}.mybookings-refresh:hover{background:#f1f5f9;color:#0f172a}.spin-icon{animation:spinRefresh .8s ease}@keyframes spinRefresh{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.review-prompt-v2{align-items:center;background:#fff;border:1px solid #e2e8f0;border-left:3px solid #dc2626;border-radius:10px;display:flex;gap:12px;justify-content:space-between;margin-bottom:14px;padding:12px 16px}.review-prompt-left{align-items:center;color:#334155;display:flex;font-size:13px;gap:10px;min-width:0}.review-prompt-left svg{color:#dc2626;flex-shrink:0}.review-prompt-left strong{font-weight:700}.review-prompt-btn{background:none;border:none;border-radius:6px;color:#dc2626;cursor:pointer;font-size:13px;font-weight:700;padding:6px 12px;transition:background .15s ease;white-space:nowrap}.review-prompt-btn:hover{background:#fef2f2}.mybookings-tabs{border-bottom:1px solid #e2e8f0;display:flex;gap:0;margin-bottom:16px}.mybookings-tab{background:none;border:none;border-bottom:2px solid #0000;color:#94a3b8;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:12px 16px;text-align:center;transition:all .15s ease}.mybookings-tab:hover{color:#64748b}.mybookings-tab.active{border-bottom-color:#dc2626;color:#dc2626}.mybookings-loading{color:#94a3b8;font-size:14px;gap:12px;padding:60px 20px}.mybookings-empty,.mybookings-loading{align-items:center;display:flex;flex-direction:column}.mybookings-empty{background:#fff;border:1px dashed #e2e8f0;border-radius:14px;padding:60px 24px;text-align:center}.mybookings-empty-icon{align-items:center;background:linear-gradient(135deg,#fef2f2,#fee2e2);border-radius:50%;display:flex;height:72px;justify-content:center;margin-bottom:20px;width:72px}.mybookings-empty-icon svg{color:#dc2626}.mybookings-empty h3{color:#0f172a;font-size:18px;font-weight:700;margin-bottom:6px}.mybookings-empty p{color:#94a3b8;font-size:14px;margin-bottom:20px}.mybookings-empty-cta{align-items:center;background:#dc2626;border:none;border-radius:10px;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:6px;padding:10px 20px;transition:all .15s ease}.mybookings-empty-cta:hover{background:#b91c1c}.mybookings-list{display:flex;flex-direction:column;gap:12px}.bcard{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:18px;transition:box-shadow .15s ease}.bcard:hover{box-shadow:0 2px 8px #0000000f}.bcard-header{justify-content:space-between;margin-bottom:2px}.bcard-header,.bcard-vehicle{align-items:center;display:flex}.bcard-vehicle{color:#0f172a;font-size:15px;font-weight:700;gap:8px}.bcard-vehicle svg{color:#dc2626}.bcard-badge{border-radius:20px;font-size:11px;font-weight:700;letter-spacing:.5px;padding:4px 10px;text-transform:uppercase}.bcard-badge.badge-gray{background:#f1f5f9;color:#64748b}.bcard-badge.badge-blue{background:#dbeafe;color:#2563eb}.bcard-badge.badge-amber{background:#fef3c7;color:#d97706}.bcard-badge.badge-green{background:#d1fae5;color:#059669}.bcard-badge.badge-red{background:#fee2e2;color:#dc2626}.bcard-badge.badge-orange{background:#fef3c7;color:#d97706}.bcard-badge.badge-purple{background:#f3e8ff;color:#7c3aed}.tracker-v2{margin:12px 0;padding:12px 0}.tracker-steps{align-items:flex-start;display:flex}.tracker-step-wrap{align-items:center;display:flex;flex:1 1}.tracker-step-wrap:last-child{flex:0 1}.tracker-step{flex-direction:column;gap:6px;position:relative;z-index:1}.tracker-circle,.tracker-step{align-items:center;display:flex}.tracker-circle{background:#fff;border:2px solid #e2e8f0;border-radius:50%;color:#cbd5e1;font-size:12px;font-weight:700;height:28px;justify-content:center;transition:all .2s ease;width:28px}.tracker-circle.done{background:#dc2626;border-color:#dc2626;color:#fff}.tracker-circle.current{background:#fff;border-color:#dc2626;box-shadow:0 0 0 3px #dc26261f;color:#dc2626}.tracker-circle.done svg{height:14px;width:14px}.tracker-label{color:#cbd5e1;font-size:10px;font-weight:600;text-align:center;white-space:nowrap}.tracker-label.done{color:#0f172a}.tracker-label.current{color:#dc2626;font-weight:700}.tracker-line{background:#e2e8f0;border-radius:1px;flex:1 1;height:2px;margin:-14px 6px 0}.tracker-line.done{background:#dc2626}.bcard-details{padding-top:4px}.bcard-mechanic{align-items:center;display:flex;gap:8px;margin-bottom:8px}.bcard-mechanic-icon{align-items:center;background:#fef2f2;border-radius:6px;display:flex;height:26px;justify-content:center;width:26px}.bcard-mechanic-icon svg{color:#dc2626}.bcard-mechanic span{color:#0f172a;font-size:14px;font-weight:600}.bcard-meta-row{justify-content:space-between;margin-bottom:8px}.bcard-date,.bcard-meta-row{align-items:center;display:flex}.bcard-date{color:#94a3b8;font-size:13px;gap:5px}.bcard-date svg{color:#cbd5e1}.bcard-price{color:#0f172a;font-size:15px;font-weight:700}.bcard-problem{color:#64748b;font-size:13px;line-height:1.5;margin:0}.bcard-footer{align-items:center;border-top:1px solid #f1f5f9;display:flex;gap:10px;justify-content:flex-end;margin-top:12px;padding-top:12px}.bcard-review-btn{align-items:center;background:#dc2626;border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:6px;padding:8px 14px;transition:all .15s ease}.bcard-review-btn:hover{background:#b91c1c}.bcard-completed-badge,.bcard-reviewed{align-items:center;background:#f0fdf4;border-radius:20px;color:#16a34a;display:inline-flex;font-size:12px;font-weight:600;gap:5px;padding:6px 12px}.bcard-cancel-btn{align-items:center;background:#fff;border:1.5px solid #dc2626;border-radius:12px;color:#dc2626;cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:6px;padding:8px 14px;transition:all .2s}.bcard-cancel-btn:hover{background:#fef2f2}.bcard-cancel-btn:disabled{cursor:not-allowed;opacity:.6}@media (max-width:640px){.mybookings-page{padding:16px}.mybookings-title{font-size:20px}.bcard{padding:14px}.tracker-label{font-size:9px}.tracker-circle{font-size:11px;height:24px;width:24px}.tracker-line{margin-top:-12px}.review-prompt-v2{align-items:flex-start;flex-direction:column;gap:8px}}.booking-status-badge{border-radius:20px;font-size:12px;font-weight:700;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase}.booking-status-badge.status-orange{background:#fef3c7;color:#d97706}.booking-status-badge.status-green{background:#d1fae5;color:#059669}.booking-status-badge.status-blue{background:#dbeafe;color:#2563eb}.booking-status-badge.status-red{background:#fee2e2;color:#dc2626}@media (max-width:768px){.header-content{flex-direction:column;gap:16px}.hero-title{font-size:36px}.hero-subtitle{font-size:17px}.hero-features{flex-direction:column;gap:16px}.get-help-btn{justify-content:center;width:100%}.urgency-options{gap:6px;grid-template-columns:repeat(3,1fr)}.urgency-btn{gap:3px;padding:10px 4px}.urgency-btn svg{height:16px;width:16px}.urgency-btn span{font-size:12px}.urgency-btn small{font-size:10px}.diagnosis-details{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}.mechanic-header{flex-wrap:wrap}.available-badge{margin-bottom:12px;margin-left:0;order:-1;text-align:center;width:100%}.job-footer{align-items:stretch;flex-direction:column;gap:16px}.job-total{text-align:center}.job-actions{justify-content:center}.main-content{padding:20px 16px}.booking-container,.diagnosis-container,.form-container,.mechanics-container{padding:28px 20px}}@media (max-width:480px){.stats-grid{grid-template-columns:1fr}.mechanic-details{gap:10px}.job-actions,.mechanic-details{flex-direction:column}.accept-btn,.decline-btn{justify-content:center}.hero-title{font-size:30px}.arrival-time{font-size:36px}}.footer{background:linear-gradient(180deg,#0f172a,#0a0f1c);background:linear-gradient(180deg,var(--color-dark) 0,#0a0f1c 100%);color:#fff;color:var(--color-white);margin-top:auto;overflow:hidden;position:relative}.footer:before{background:linear-gradient(90deg,#0000,#dc26264d 50%,#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0}.footer-content{margin:0 auto;max-width:1200px;padding:80px 24px 32px;position:relative}.footer-grid{grid-gap:80px;border-bottom:1px solid #ffffff0f;display:grid;gap:80px;grid-template-columns:1.5fr 1fr 1fr;padding-bottom:48px}.footer-brand{max-width:320px}.footer-logo{align-items:center;display:flex;gap:12px;margin-bottom:16px}.footer-logo-icon{color:#dc2626;color:var(--color-primary);filter:drop-shadow(0 0 8px rgba(220,38,38,.3));height:32px;width:32px}.footer-logo-text{color:#fff;color:var(--color-white);font-size:24px;font-weight:800;letter-spacing:-.02em}.footer-tagline{color:#ffffff8c;font-size:15px;line-height:1.7;margin-bottom:28px}.footer-social{display:flex;gap:12px}.social-link{align-items:center;background:#ffffff0d;border:1px solid #ffffff14;border-radius:16px;border-radius:var(--radius-lg);color:#fff9;display:flex;height:44px;justify-content:center;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base);width:44px}.social-link:hover{background:linear-gradient(135deg,#dc2626,#ef4444);background:var(--gradient-primary);border-color:#0000;box-shadow:0 8px 20px #dc262640;color:#fff;color:var(--color-white);transform:translateY(-3px)}.footer-column h4{color:#ffffffe6;font-size:12px;font-weight:700;letter-spacing:1.5px;margin-bottom:24px;text-transform:uppercase}.footer-column ul{list-style:none}.footer-column li{margin-bottom:16px}.footer-column li:last-child{margin-bottom:0}.footer-column a{color:#ffffff80;display:inline-block;font-size:15px;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.footer-column a:hover{color:#dc2626;color:var(--color-primary);transform:translateX(4px)}.footer-bottom{align-items:center;display:flex;flex-direction:column;gap:8px;padding-top:32px;text-align:center}.footer-bottom p{color:#ffffff59;font-size:14px}.footer-location{color:#ffffff40}@media (max-width:768px){.footer-grid{gap:40px;grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1;max-width:100%;text-align:center}.footer-logo,.footer-social{justify-content:center}.footer-column{text-align:center}}@media (max-width:480px){.footer-grid{gap:32px;grid-template-columns:1fr}.footer-content{padding:48px 20px 20px}.footer-bottom p{font-size:13px}.footer-location{display:block;margin-top:4px}}.auth-loading{align-items:center;color:#475569;color:var(--color-text-secondary);display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:100vh}.auth-page{background:linear-gradient(135deg,#1f2937,#374151 50%,#1f2937);padding:24px}.auth-container{background:#fff;background:var(--color-white);border-radius:20px;border-radius:var(--radius-xl);box-shadow:0 25px 50px -12px #00000040;max-width:440px;padding:48px 40px;width:100%}.auth-container.user-type-page{max-width:600px}.auth-logo{margin-bottom:24px}.auth-logo-img{display:block;height:56px;width:auto}.auth-header h1{font-weight:800;letter-spacing:-.5px;margin-bottom:8px}.auth-error,.auth-success{align-items:center;border-radius:12px;border-radius:var(--radius-md);display:flex;font-size:14px;font-weight:500;gap:10px;margin-bottom:24px;padding:14px 18px}.auth-error{background:#fef2f2;border:1px solid #fecaca;color:#991b1b}.auth-success{background:#ecfdf5;border:1px solid #a7f3d0;color:#065f46}.google-btn{align-items:center;background:#fff;background:var(--color-white);border:2px solid #e2e8f0;border:2px solid var(--color-border);border-radius:12px;border-radius:var(--radius-md);color:#0f172a;color:var(--color-text);cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:12px;justify-content:center;padding:14px 24px;transition:all .2s ease;width:100%}.google-btn:hover{background:#f8fafc;background:var(--color-bg);border-color:#d1d5db}.google-btn:disabled{cursor:not-allowed;opacity:.6}.google-icon{height:20px;width:20px}.auth-divider{align-items:center;display:flex;margin:16px 0}.auth-divider:after,.auth-divider:before{background:#e2e8f0;background:var(--color-border);content:"";flex:1 1;height:1px}.auth-divider span{color:#94a3b8;color:var(--color-text-muted);font-size:14px;font-weight:500;padding:0 16px}.auth-form .form-group{margin-bottom:20px}.auth-form label{color:#0f172a;color:var(--color-text);display:block;font-size:14px;font-weight:600;margin-bottom:8px}.password-input{position:relative}.password-toggle{background:none;border:none;color:#94a3b8;color:var(--color-text-muted);cursor:pointer;padding:4px;position:absolute;right:12px;top:50%;transform:translateY(-50%);transition:color .2s ease}.password-toggle:hover{color:#475569;color:var(--color-text-secondary)}.auth-options{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.checkbox-label{align-items:center;color:#475569;color:var(--color-text-secondary);font-size:14px;gap:10px}.checkbox-label input[type=checkbox]{accent-color:var(--color-primary);height:18px;width:18px}.forgot-link{background:none;border:none;color:#dc2626;color:var(--color-primary);cursor:pointer;font-size:14px;font-weight:600;transition:color .2s ease}.forgot-link:hover{color:#b91c1c;color:var(--color-primary-dark);text-decoration:underline}.auth-submit-btn{border-radius:12px;border-radius:var(--radius-md);box-shadow:0 4px 15px #dc26264d;font-weight:700;transition:all .3s ease}.auth-submit-btn:hover:not(:disabled){box-shadow:0 6px 20px #dc262666}.auth-submit-btn:disabled{opacity:.7}.auth-footer{border-top:1px solid #e2e8f0;border-top:1px solid var(--color-border);margin-top:28px}.auth-footer button{font-weight:700;transition:color .2s ease}.auth-footer button:hover{color:#b91c1c;color:var(--color-primary-dark)}.mechanic-signup-badge{align-items:center;background:linear-gradient(135deg,#dc2626,#ef4444);border-radius:20px;color:#fff;display:inline-flex;font-size:12px;font-weight:700;gap:6px;margin-bottom:16px;padding:6px 14px}.mechanic-onboarding-form .form-group label{color:#1a1a1a;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.form-hint{color:#666;display:block;font-size:12px;margin-top:6px}.specialty-grid{display:flex;flex-wrap:wrap;gap:8px}.specialty-chip{align-items:center;background:#f1f5f9;border:2px solid #0000;border-radius:20px;color:#475569;cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;padding:8px 14px;transition:all .2s ease}.specialty-chip input{display:none}.specialty-chip:hover{background:#e2e8f0}.specialty-chip.selected{background:#fef2f2;border-color:#dc2626;color:#dc2626}.onboarding-buttons{display:flex;gap:12px;margin-top:24px}.auth-back-btn{align-items:center;background:#f1f5f9;border:none;border-radius:12px;color:#475569;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:6px;justify-content:center;padding:14px 20px;transition:all .2s ease}.auth-back-btn:hover{background:#e2e8f0}.onboarding-buttons .auth-submit-btn{flex:1 1}.user-type-selector{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr)}.type-btn{align-items:center;background:#fff;background:var(--color-white);border:2px solid #e2e8f0;border:2px solid var(--color-border);border-radius:16px;border-radius:var(--radius-lg);cursor:pointer;display:flex;flex-direction:column;gap:10px;padding:24px 16px;transition:all .2s ease}.type-btn:hover{background:#f8fafc;background:var(--color-bg);border-color:#d1d5db}.type-btn.active{background:#fef2f2;border-color:#dc2626;border-color:var(--color-primary)}.type-btn svg{color:#94a3b8;color:var(--color-text-muted);transition:color .2s ease}.type-btn.active svg{color:#dc2626;color:var(--color-primary)}.type-btn span{color:#0f172a;color:var(--color-text);font-size:16px;font-weight:700}.type-btn small{color:#94a3b8;color:var(--color-text-muted);font-size:13px}.step-title{color:#0f172a;color:var(--color-text);font-size:18px;font-weight:700;margin-bottom:24px;text-align:center}.specialties-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,1fr)}.specialty-btn{background:#fff;background:var(--color-white);border:2px solid #e2e8f0;border:2px solid var(--color-border);border-radius:8px;border-radius:var(--radius-sm);color:#475569;color:var(--color-text-secondary);cursor:pointer;font-size:14px;font-weight:600;padding:12px 16px;transition:all .2s ease}.specialty-btn:hover{background:#f8fafc;background:var(--color-bg);border-color:#d1d5db}.specialty-btn.active{background:#fef2f2;border-color:#dc2626;border-color:var(--color-primary);color:#dc2626;color:var(--color-primary)}.user-type-cards{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(2,1fr);margin-top:16px}.user-type-card{align-items:center;background:#fff;background:var(--color-white);border:2px solid #e2e8f0;border:2px solid var(--color-border);border-radius:16px;border-radius:var(--radius-lg);cursor:pointer;display:flex;flex-direction:column;padding:32px 24px;text-align:center;transition:all .3s ease}.user-type-card:hover{border-color:#dc2626;border-color:var(--color-primary);box-shadow:0 10px 15px -3px #0f172a14,0 4px 6px -2px #0f172a0a;box-shadow:var(--shadow-lg);transform:translateY(-4px)}.user-type-card:disabled{cursor:not-allowed;opacity:.6;transform:none}.type-icon{align-items:center;border-radius:50%;display:flex;height:80px;justify-content:center;margin-bottom:20px;width:80px}.type-icon.customer{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1d4ed8}.type-icon.mechanic{background:linear-gradient(135deg,#fef2f2,#fecaca);color:#dc2626;color:var(--color-primary)}.user-type-card h3{color:#0f172a;color:var(--color-text);font-size:20px;font-weight:700;margin-bottom:8px}.user-type-card p{color:#475569;color:var(--color-text-secondary);font-size:14px;line-height:1.5;margin-bottom:20px}.select-text{color:#dc2626;color:var(--color-primary);font-size:14px;font-weight:700;gap:6px}.loading-overlay,.select-text{align-items:center;display:flex}.loading-overlay{background:#fffc;border-radius:20px;border-radius:var(--radius-xl);bottom:0;justify-content:center;left:0;position:absolute;right:0;top:0}.header-right{gap:24px}.header-right,.user-menu{align-items:center;display:flex}.user-menu{gap:16px}.user-info{gap:10px}.user-avatar,.user-info{align-items:center;display:flex}.user-avatar{background:#ffffff1a;border-radius:50%;color:#fff;color:var(--color-white);height:36px;justify-content:center;width:36px}.logout-btn,.user-name{color:#fff;color:var(--color-white);font-size:14px;font-weight:600}.logout-btn{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:8px;border-radius:var(--radius-sm);cursor:pointer;display:flex;gap:8px;padding:10px 16px;transition:all .2s ease}.logout-btn:hover{background:#fff3}.my-bookings-btn{align-items:center;background:#ffffff26;border:1px solid #ffffff40;border-radius:8px;border-radius:var(--radius-sm);color:#fff;color:var(--color-white);cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 18px;transition:all .2s ease}.my-bookings-btn:hover{background:#ffffff40;transform:translateY(-1px)}@media (max-width:768px){.auth-container{padding:36px 24px}.auth-header h1{font-size:24px}.specialties-grid,.user-type-cards,.user-type-selector{grid-template-columns:1fr}.header-right{flex-direction:column;gap:12px}.user-menu{flex-direction:column;gap:10px}.logout-btn span,.user-info{display:none}}@media (max-width:480px){.auth-page{padding:16px}.auth-container{padding:28px 20px}.auth-options{align-items:flex-start;flex-direction:column;gap:12px}}.landing-page{display:flex;flex-direction:column;min-height:calc(100vh - 80px);min-height:calc(100dvh - 80px)}.landing-hero{grid-gap:60px;align-items:center;display:grid;flex:1 1;gap:60px;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1200px;padding:60px 24px}.landing-content{max-width:560px}.landing-title{color:#0f172a;color:var(--color-text);font-size:56px;font-weight:800;letter-spacing:-1.5px;line-height:1.1;margin-bottom:20px}.landing-title .highlight{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#dc2626,#ef4444);background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text}.landing-subtitle{color:#475569;color:var(--color-text-secondary);font-size:20px;line-height:1.6;margin-bottom:36px}.landing-subtitle strong{color:#0f172a;color:var(--color-text)}.landing-form{margin-bottom:32px}.problem-input-wrapper{margin-bottom:16px}.landing-textarea{background:#fff;background:var(--color-white);border:2px solid #e2e8f0;border:2px solid var(--color-border);border-radius:16px;border-radius:var(--radius-lg);font-family:inherit;font-size:17px;padding:20px;resize:none;transition:all .2s ease;width:100%}.landing-textarea:focus{border-color:#dc2626;border-color:var(--color-primary);box-shadow:0 0 0 4px #dc26261a;outline:none}.landing-textarea::placeholder{color:#94a3b8;color:var(--color-text-muted)}.landing-cta{align-items:center;background:linear-gradient(135deg,#dc2626,#ef4444);background:var(--gradient-primary);border:none;border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 8px 25px #dc262659;color:#fff;color:var(--color-white);cursor:pointer;display:flex;font-size:18px;font-weight:700;gap:12px;justify-content:center;padding:18px 32px;transition:all .3s ease;width:100%}.landing-cta:hover:not(:disabled){box-shadow:0 12px 35px #dc262673;transform:translateY(-3px)}.landing-cta:disabled{cursor:not-allowed;opacity:.5;transform:none}.value-props{display:flex;gap:24px}.value-prop{align-items:center;color:#475569;color:var(--color-text-secondary);display:flex;font-size:15px;font-weight:600;gap:8px}.value-icon{color:#059669;color:var(--color-success);height:20px;width:20px}.landing-visual{display:flex;justify-content:center}.visual-card{background:#fff;background:var(--color-white);border:1px solid #e2e8f0;border:1px solid var(--color-border);border-radius:20px;border-radius:var(--radius-xl);box-shadow:0 20px 60px #0000001a;max-width:380px;padding:40px;width:100%}.visual-header{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--color-border);display:flex;gap:16px;margin-bottom:32px;padding-bottom:24px}.visual-header svg{color:#dc2626;color:var(--color-primary)}.visual-header span{color:#0f172a;color:var(--color-text);font-size:20px;font-weight:700}.visual-stats{gap:24px}.visual-stat,.visual-stats{display:flex;flex-direction:column}.visual-stat{gap:4px}.stat-number{color:#0f172a;color:var(--color-text);font-size:36px;font-weight:800;line-height:1}.stat-label{color:#94a3b8;color:var(--color-text-muted);font-size:14px;font-weight:500}.trust-section{background:#fff;background:var(--color-white);border-top:1px solid #e2e8f0;border-top:1px solid var(--color-border);padding:32px 24px}.trust-badges{display:flex;gap:48px;justify-content:center;margin:0 auto;max-width:1200px}.trust-badge{align-items:center;color:#475569;color:var(--color-text-secondary);display:flex;font-size:15px;font-weight:600;gap:10px}.trust-badge svg{color:#dc2626;color:var(--color-primary)}.auth-links{align-items:center;display:flex;gap:12px}.header-login-btn{background:#0000;border:none;color:#ffffffe6;cursor:pointer;font-size:15px;font-weight:600;padding:10px 18px;transition:color .2s ease}.header-login-btn:hover,.header-signup-btn{color:#fff;color:var(--color-white)}.header-signup-btn{background:linear-gradient(135deg,#dc2626,#ef4444);background:var(--gradient-primary);border:none;border-radius:8px;border-radius:var(--radius-sm);box-shadow:0 2px 8px #dc26264d;cursor:pointer;font-size:15px;font-weight:600;padding:10px 20px;transition:all .2s ease}.header-signup-btn:hover{box-shadow:0 4px 12px #dc262666;transform:translateY(-1px)}.auth-page{align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);display:flex;justify-content:center;min-height:100vh;padding:40px 20px}.auth-page-container{max-width:480px;width:100%}.auth-back-link{align-items:center;color:#475569;color:var(--color-text-secondary);display:inline-flex;font-size:14px;font-weight:500;gap:8px;margin-bottom:24px;text-decoration:none;transition:color .2s cubic-bezier(.4,0,.2,1);transition:color var(--transition-base)}.auth-back-link:hover{color:#dc2626;color:var(--color-primary)}.auth-card{background:#fff;background:var(--color-white);border-radius:20px;box-shadow:0 25px 50px -12px #00000026;padding:40px 36px}.auth-header{align-items:center;display:flex;flex-direction:column;margin-bottom:32px;text-align:center}.auth-logo{display:block;margin-bottom:20px}.auth-logo img{display:block;height:48px;width:auto}.auth-header h1{color:#0f172a;color:var(--color-text);font-size:28px;font-weight:700;letter-spacing:-.02em;margin:0 0 10px}.auth-header p{color:#475569;color:var(--color-text-secondary);font-size:15px;margin:0}.auth-form .form-group{margin-bottom:16px}.auth-submit-btn{align-items:center;background:linear-gradient(135deg,#dc2626,#ef4444);background:var(--gradient-primary);border:none;border-radius:16px;border-radius:var(--radius-lg);color:#fff;color:var(--color-white);cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:10px;justify-content:center;margin-top:20px;overflow:hidden;padding:16px 24px;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base);width:100%}.auth-submit-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.auth-submit-btn:hover:not(:disabled):before{left:100%}.auth-submit-btn:hover:not(:disabled){background:linear-gradient(135deg,#b91c1c,#dc2626);background:var(--gradient-primary-hover);box-shadow:0 8px 20px #dc26264d;transform:translateY(-2px)}.auth-submit-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.auth-footer{border-top:1px solid #f1f5f9;border-top:1px solid var(--color-border-light);margin-top:24px;padding-top:24px;text-align:center}.auth-footer p{color:#475569;color:var(--color-text-secondary);font-size:15px;margin:0}.auth-footer button{background:none;border:none;color:#dc2626;color:var(--color-primary);cursor:pointer;font-size:15px;font-weight:600}.auth-footer button:hover{text-decoration:underline}.google-btn.primary{background:#fff;background:var(--color-white);border:2px solid #e2e8f0;border:2px solid var(--color-border);box-shadow:0 1px 3px #0f172a0f,0 1px 2px #0f172a0a;box-shadow:var(--shadow-sm)}.google-btn.primary:hover{background:#f8fafc;background:var(--color-bg);border-color:#d1d5db;box-shadow:0 4px 6px -1px #0f172a12,0 2px 4px -1px #0f172a0a;box-shadow:var(--shadow-md)}@media (max-width:480px){.auth-page{padding:20px 16px}.auth-card{border-radius:16px;padding:32px 24px}.auth-header h1{font-size:24px}.auth-logo img{height:40px}}@media (max-width:968px){.landing-hero{gap:40px;grid-template-columns:1fr;padding:40px 24px}.landing-content{max-width:100%;text-align:center}.landing-title{font-size:42px}.value-props{flex-wrap:wrap;justify-content:center}.landing-visual{order:-1}.visual-card{max-width:320px}}@media (max-width:640px){.landing-title{font-size:36px}.landing-subtitle{font-size:17px}.value-props{align-items:center;flex-direction:column;gap:12px}.trust-badges{flex-wrap:wrap;gap:24px;justify-content:center}.visual-card{display:none}.landing-hero{padding:32px 20px}}@media (max-width:480px){.login-modal{margin:12px;max-height:85vh;max-width:calc(100% - 24px);padding:24px 20px}.login-modal .modal-header{margin-bottom:16px}.login-modal .modal-logo img{height:36px}.login-modal .modal-header h2{font-size:20px}.login-modal .modal-form .form-group{margin-bottom:10px}.login-modal .modal-footer{margin-top:12px;padding-top:12px}.auth-links{gap:8px}.header-login-btn{font-size:14px;padding:8px 12px}.header-signup-btn{font-size:14px;padding:8px 14px}}.section-container{margin:0 auto;max-width:1200px;padding:0 24px}.section-title{color:#0f172a;color:var(--color-text);font-size:36px;font-weight:800;letter-spacing:-.5px;margin-bottom:12px;text-align:center}.section-subtitle{color:#475569;color:var(--color-text-secondary);font-size:18px;margin-bottom:48px;text-align:center}.how-it-works-section{background:#fff;background:var(--color-white);padding:80px 0}.steps-grid{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(3,1fr)}.step-icon{align-items:center;background:linear-gradient(135deg,#fef2f2,#fee2e2);border-radius:50%;display:flex;height:80px;justify-content:center;margin:0 auto 24px;width:80px}.step-emoji{font-size:36px}.step-card h3{color:#0f172a;color:var(--color-text);font-size:20px;font-weight:700}.step-card p{color:#475569;color:var(--color-text-secondary);font-size:15px}.stats-section{background:linear-gradient(135deg,#fef7f7,#fdf2f2);padding:60px 0}.stats-row{align-items:center;display:flex;gap:48px;justify-content:center}.stat-item{text-align:center}.stat-value{align-items:center;color:var(--color-text);display:flex;font-size:42px;gap:4px;justify-content:center;line-height:1;margin-bottom:8px}.star-inline{color:#fbbf24}.stat-text{color:#475569;color:var(--color-text-secondary);font-size:14px;font-weight:500}.stat-divider{background:#e2e8f0;background:var(--color-border);height:50px}.why-revvoo-section{background:#fff;background:var(--color-white);padding:80px 0}.comparison-grid{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(2,1fr)}.comparison-card{background:#f8fafc;background:var(--color-bg);border:1px solid #e2e8f0;border:1px solid var(--color-border);border-radius:20px;border-radius:var(--radius-xl);padding:40px}.comparison-card h3{color:#0f172a;color:var(--color-text);font-size:24px;font-weight:700;margin-bottom:24px}.comparison-list{list-style:none}.comparison-list li{align-items:flex-start;color:#475569;color:var(--color-text-secondary);display:flex;font-size:16px;gap:12px;line-height:1.5;margin-bottom:16px}.comparison-list li:last-child{margin-bottom:0}.check-icon{color:#059669;color:var(--color-success);flex-shrink:0;margin-top:2px}.comparison-list strong{color:#0f172a;color:var(--color-text)}.mechanic-cta-section{background:#0f172a;background:var(--color-dark);padding:80px 0}.mechanic-cta-content{margin:0 auto;max-width:600px;text-align:center}.mechanic-cta-icon{color:#dc2626;color:var(--color-primary);margin-bottom:24px}.mechanic-cta-content h2{color:#fff;color:var(--color-white);font-size:32px;font-weight:800;margin-bottom:16px}.mechanic-cta-content p{color:#ffffffb3;font-size:18px;line-height:1.6;margin-bottom:32px}.mechanic-cta-btn{align-items:center;background:linear-gradient(135deg,#dc2626,#ef4444);background:var(--gradient-primary);border:none;border-radius:12px;border-radius:var(--radius-md);box-shadow:0 8px 25px #dc262666;color:#fff;color:var(--color-white);cursor:pointer;display:inline-flex;font-size:16px;font-weight:700;gap:10px;padding:16px 32px;transition:all .3s ease}.mechanic-cta-btn:hover{box-shadow:0 12px 35px #dc262680;transform:translateY(-3px)}.faq-section{background:#f8fafc;background:var(--color-bg);padding:80px 0}.faq-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(2,1fr);margin:0 auto;max-width:900px}.faq-item{background:var(--color-white);border:1px solid #e2e8f0;border:1px solid var(--color-border);border-radius:16px;border-radius:var(--radius-lg);padding:28px}.faq-item h4{color:#0f172a;color:var(--color-text);font-size:17px;font-weight:700;margin-bottom:12px}.faq-item p{color:var(--color-text-secondary);font-size:15px}@media (max-width:968px){.section-title{font-size:30px}.steps-grid{gap:24px;grid-template-columns:repeat(3,1fr)}.comparison-grid{gap:24px;grid-template-columns:1fr}.stats-row{flex-wrap:wrap;gap:32px}.stat-divider{display:none}}@media (max-width:768px){.steps-grid{gap:32px;grid-template-columns:1fr}.step-card{padding:24px 16px}.stats-row{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(2,1fr)}.stat-value{font-size:36px}.faq-grid{grid-template-columns:1fr}.faq-section,.how-it-works-section,.mechanic-cta-section,.why-revvoo-section{padding:60px 0}.stats-section{padding:48px 0}.mechanic-cta-content h2{font-size:26px}.comparison-card{padding:28px}}@media (max-width:480px){.section-title{font-size:26px}.section-subtitle{font-size:16px;margin-bottom:36px}.step-icon{height:64px;width:64px}.step-emoji{font-size:28px}.stat-value{font-size:30px}.comparison-card h3{font-size:20px}.comparison-list li{font-size:15px}.mechanic-cta-btn{justify-content:center;width:100%}.faq-item{padding:20px}.faq-item h4{font-size:16px}.faq-section,.how-it-works-section,.mechanic-cta-section,.why-revvoo-section{padding:48px 0}}.landing-page-v2{background:#fff;overflow-x:hidden}.animate-on-scroll{opacity:0;transform:translateY(30px);transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1)}.animate-on-scroll.visible{opacity:1;transform:translateY(0)}.stagger-item{opacity:0;transform:translateY(20px);transition:opacity .5s cubic-bezier(.22,1,.36,1),transform .5s cubic-bezier(.22,1,.36,1)}.animate-on-scroll.visible .stagger-item{opacity:1;transform:translateY(0)}.animate-on-scroll.visible .stagger-item.delay-1{transition-delay:.05s}.animate-on-scroll.visible .stagger-item.delay-2{transition-delay:.1s}.animate-on-scroll.visible .stagger-item.delay-3{transition-delay:.15s}.animate-on-scroll.visible .stagger-item.delay-4{transition-delay:.2s}.animate-on-scroll.visible .stagger-item.delay-5{transition-delay:.25s}.animate-on-scroll.visible .stagger-item.delay-6{transition-delay:.3s}.animate-on-scroll.visible .stagger-item.delay-7{transition-delay:.35s}.animate-on-scroll.visible .stagger-item.delay-8{transition-delay:.4s}.section-v2{padding:64px 0;position:relative}.section-container-v2{margin:0 auto;max-width:960px;padding:0 24px}.section-label{align-items:center;color:#dc2626;color:var(--color-primary);display:inline-flex;font-size:11px;font-weight:700;gap:8px;letter-spacing:1.5px;margin-bottom:16px;text-transform:uppercase}.section-label.light{color:#fff9}.section-title-v2{color:#0f172a;font-family:Sora,Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--font-display);font-size:32px;font-weight:700;letter-spacing:-.5px;line-height:1.2;margin-bottom:40px;text-align:center}.section-title-v2.light{color:#fff}.hero-section-v2{align-items:center;background:linear-gradient(180deg,#fff,#fafbfd 40%,#f0f2f7);display:flex;justify-content:center;min-height:calc(100vh - 80px);min-height:calc(100dvh - 80px);overflow:hidden;padding:80px 24px 100px;position:relative}.hero-section-v2:before{background:radial-gradient(ellipse 80% 60% at 50% 25%,#dc26260f 0,#0000 70%),radial-gradient(ellipse 50% 50% at 25% 55%,#0f172a08 0,#0000 70%),radial-gradient(ellipse 50% 50% at 75% 45%,#dc262608 0,#0000 70%);content:"";inset:0;pointer-events:none;position:absolute;z-index:0}.hero-container{max-width:680px;position:relative;text-align:center;width:100%;z-index:1}.hero-content-v2{animation:heroFadeIn 1s cubic-bezier(.22,1,.36,1)}@keyframes heroFadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hero-brand-text{align-items:center;color:#dc2626;color:var(--color-primary);display:inline-flex;font-family:Sora,Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--font-display);font-size:13px;font-weight:700;gap:12px;letter-spacing:8px;margin-bottom:16px;position:relative;text-transform:uppercase}.hero-brand-text:after,.hero-brand-text:before{background:linear-gradient(90deg,#0000,#dc2626);background:linear-gradient(90deg,#0000,var(--color-primary));content:"";flex-shrink:0;height:1.5px;width:24px}.hero-brand-text:after{background:linear-gradient(90deg,#dc2626,#0000);background:linear-gradient(90deg,var(--color-primary),#0000)}.hero-title-v2{color:#0f172a;font-family:Sora,Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--font-display);font-size:56px;font-weight:800;letter-spacing:-2px;line-height:1.08;margin-bottom:18px;margin-top:8px}.hero-title-accent{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#dc2626,#ef4444);background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;display:block}.hero-subtitle-v2{color:#475569;font-size:17px;font-weight:400;line-height:1.6;margin-bottom:24px;margin-left:auto;margin-right:auto;max-width:460px}.hero-live-pill{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#22c55e14;border:1px solid #22c55e33;border-radius:20px;color:#1e4620;display:inline-flex;font-size:13px;font-weight:500;gap:7px;margin-bottom:24px;padding:8px 16px}.hero-live-dot{animation:livePulse 2s ease-in-out infinite;background:#22c55e;border-radius:50%;box-shadow:0 0 6px #22c55e80;flex-shrink:0;height:8px;width:8px}@keyframes livePulse{0%,to{box-shadow:0 0 6px #22c55e80;opacity:1}50%{box-shadow:0 0 10px #22c55ecc;opacity:.6}}.hero-form{margin:0 auto;max-width:480px}.hero-form-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 1px 3px #0000000a,0 8px 32px #0000000f;margin-bottom:14px;padding:14px;transition:box-shadow .2s ease}.hero-form-card:focus-within{box-shadow:0 1px 3px #0000000a,0 12px 40px #00000014,0 0 0 3px #dc26260f}.hero-input-wrapper{background:#f8fafc;border:1px solid #e9edf2;border-radius:12px;margin-bottom:0;overflow:hidden;transition:border-color .2s ease}.hero-input-wrapper:focus-within{border-color:#dc26264d}.hero-textarea{background:#0000;border:none;color:#0f172a;font-family:inherit;font-size:16px;line-height:1.5;padding:18px 20px;resize:none;width:100%}.hero-textarea:focus{outline:none}.hero-textarea::placeholder{color:#94a3b8}.hero-cta-btn{align-items:center;background:linear-gradient(135deg,#dc2626,#ef4444);background:var(--gradient-primary);border:none;border-radius:12px;box-shadow:0 4px 12px #dc262640;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:10px;justify-content:center;overflow:hidden;padding:16px 28px;position:relative;transition:all .2s ease;width:100%}.hero-cta-btn:after{animation:ctaShimmer 3s ease-in-out 2s infinite;background:linear-gradient(90deg,#0000,#ffffff26,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:60%}@keyframes ctaShimmer{0%{left:-100%}40%{left:150%}to{left:150%}}.hero-cta-btn:hover:not(:disabled){box-shadow:0 6px 20px #dc262659;transform:translateY(-1px)}.hero-cta-btn:disabled{background:#dc2626;box-shadow:0 4px 12px #dc262633;color:#ffffffd9;cursor:not-allowed;transform:none}.hero-cta-btn:disabled:after{display:none}.hero-secondary-btn{align-items:center;background:#0f172a0f;border:none;border-radius:12px;color:#0f172a;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;margin-top:14px;padding:12px 28px;transition:all .2s ease}.hero-secondary-btn:hover{background:#0f172a;border-color:#0f172a;color:#fff}.hero-secondary-btn:hover svg{transform:translateX(3px)}.hero-secondary-btn svg{transition:transform .2s ease}.hero-chips-section{margin-bottom:0;margin-top:12px}.hero-chips-label{color:#94a3b8;display:block;font-size:11px;font-weight:500;margin-bottom:6px}.hero-chips-row{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(3,1fr)}.hero-chip{background:#f1f5f9;border:none;border-radius:20px;color:#334155;cursor:pointer;font-family:inherit;font-size:12px;font-weight:500;min-width:0;padding:7px 10px;text-align:center;transition:all .15s ease;white-space:nowrap}.hero-chip:hover{background:#e2e8f0}.hero-chip.active{background:#dc2626;color:#fff}.hero-pricing-callout{align-items:center;color:#64748b;display:flex;font-size:13px;gap:6px;justify-content:center;line-height:1.4;margin-bottom:4px;margin-top:16px;text-align:center}.hero-pricing-callout.has-promo{background:#ef44440f;border:1px solid #ef44441f;border-radius:8px;color:#64748b;display:flex;font-size:12.5px;font-weight:450;letter-spacing:.01em;margin-left:auto;margin-right:auto;padding:6px 14px;width:-webkit-fit-content;width:fit-content}.hero-promo-highlight{color:#ef4444;font-weight:600}.hero-pricing-callout svg{color:#94a3b8;display:none;flex-shrink:0}.location-strip{background:#0000;display:flex;justify-content:center;padding:8px 24px 24px}.location-strip-content{align-items:center;background:linear-gradient(135deg,#0f172a,#1e293b);border:none;border-radius:10px;border-top:2px solid #dc262666;color:#94a3b8;display:inline-flex;font-size:12px;gap:8px;justify-content:center;padding:10px 20px;white-space:nowrap}.location-dot{animation:pulse-dot 2s ease-in-out infinite;background:#22c55e;border-radius:50%;display:inline-block;flex-shrink:0;height:8px;width:8px}@keyframes pulse-dot{0%,to{box-shadow:0 0 0 0 #22c55e66;opacity:1}50%{box-shadow:0 0 0 6px #22c55e00;opacity:.8}}.location-strip-content strong{color:#fff;font-weight:600}.how-it-works-v2{background:linear-gradient(135deg,#0f172a,#1e293b);border-radius:20px;margin:48px 12px 0;overflow:hidden;padding:64px 0;position:relative}.how-it-works-v2:before{background:radial-gradient(ellipse at top,#dc26261f,#0000 70%);content:"";height:80px;left:50%;pointer-events:none;position:absolute;top:-1px;transform:translateX(-50%);width:200px}.how-it-works-v2 .section-title-v2{color:#fff;margin-bottom:48px}.steps-timeline{align-items:flex-start;display:flex;gap:0;justify-content:center;margin:0 auto;max-width:800px}.timeline-step{align-items:center;display:flex;flex:1 1;flex-direction:column;padding:0 16px;text-align:center}.timeline-number{align-items:center;background:#dc2626;background:var(--color-primary);border-radius:50%;box-shadow:0 0 0 0 #dc26264d;color:#fff;display:flex;flex-shrink:0;font-family:Sora,Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--font-display);font-size:18px;font-weight:700;height:44px;justify-content:center;margin-bottom:20px;transition:box-shadow .4s ease;width:44px}.animate-on-scroll.visible .timeline-number{animation:timelinePulse .6s ease-out .3s}@keyframes timelinePulse{0%{box-shadow:0 0 0 0 #dc262666}to{box-shadow:0 0 0 12px #dc262600}}.timeline-content h3{color:#fff;font-size:17px;font-weight:600;margin-bottom:8px}.timeline-content p{color:#ffffff80;font-size:14px;line-height:1.5;margin:0 auto;max-width:200px}.timeline-connector{background:#ffffff26;flex-shrink:0;height:2px;margin-top:22px;width:60px}.services-section-v2{background:#fff;padding:48px 0 40px;position:relative}.services-section-v2:before{background:linear-gradient(135deg,#dc2626,#ef4444);background:var(--gradient-primary);border-radius:3px;content:"";height:3px;left:50%;opacity:.5;position:absolute;top:-24px;transform:translateX(-50%);width:60px}.services-section-v2 .section-title-v2{margin-bottom:32px}.services-compact{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr);margin:0 auto;max-width:640px}.service-item-compact{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0f172a08;display:flex;gap:14px;padding:20px;transition:all .25s ease}.service-item-compact:hover{background:#fff;border-color:#dc262633;box-shadow:0 4px 16px #0f172a14;transform:translateY(-2px)}.service-item-compact svg{background:#dc26260f;border-radius:10px;box-sizing:initial;color:#dc2626;color:var(--color-primary);flex-shrink:0;height:22px;padding:8px;width:22px}.service-item-compact span{color:#0f172a;font-size:15px;font-weight:600}.why-section-v2{background:#f8fafc;padding:40px 0;position:relative}.why-section-v2:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)'/%3E%3C/svg%3E");content:"";inset:0;opacity:.02;pointer-events:none;position:absolute;z-index:0}.why-section-v2 .section-container-v2{position:relative;z-index:1}.features-grid-v2{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr);margin:0 auto;max-width:640px}.feature-card-v2{align-items:center;background:#0f172a;border:1px solid #ffffff1a;border-radius:12px;display:flex;flex-direction:column;padding:24px;text-align:center;transition:all .2s ease}.feature-card-v2:hover{border-color:#dc262640;box-shadow:0 4px 16px #0003,0 0 20px #dc262614;transform:translateY(-3px)}.feature-icon-v2{align-items:center;background:#dc26261a;border-radius:50%;color:#dc2626;display:flex;flex-shrink:0;height:44px;justify-content:center;margin-bottom:12px;width:44px}.feature-card-v2 strong{color:#fff;display:block;font-size:15px;font-weight:600;margin-bottom:4px}.feature-card-v2 span{color:#94a3b8;font-size:13px;line-height:1.4}.faq-section-v2{background:#fff;padding:40px 0 56px}.faq-list-v2{margin:0 auto;max-width:640px}.faq-item-v2{background:#f8fafc;border:1px solid #f1f5f9;border-radius:10px;margin-bottom:8px;transition:all .2s ease}.faq-item-v2.open{background:#fff;border-color:#e2e8f0;box-shadow:0 2px 8px #0f172a0f}.faq-question-v2{align-items:center;background:none;border:none;cursor:pointer;display:flex;gap:16px;justify-content:space-between;padding:18px 20px;text-align:left;width:100%}.faq-question-v2 span{color:#0f172a;font-size:15px;font-weight:600;line-height:1.4}.faq-chevron{color:#94a3b8;flex-shrink:0;transition:transform .3s ease,color .3s ease}.faq-item-v2.open .faq-chevron{color:#dc2626;color:var(--color-primary);transform:rotate(180deg)}.faq-answer-v2{max-height:0;overflow:hidden;transition:max-height .3s ease}.faq-item-v2.open .faq-answer-v2{max-height:200px}.faq-answer-v2 p{color:#64748b;font-size:14px;line-height:1.6;margin:0;padding:0 20px 18px}.mechanics-section-v2{background:linear-gradient(135deg,#0f172a,#1e293b);border-radius:20px;border-top:2px solid #dc26264d;margin:0 12px 12px;overflow:hidden;padding:72px 0;position:relative}.mechanics-section-v2:before{background:radial-gradient(ellipse at top,#dc26261f,#0000 70%);content:"";height:80px;left:50%;pointer-events:none;position:absolute;top:-1px;transform:translateX(-50%);width:200px}.mechanics-content-v2{margin:0 auto;max-width:720px;text-align:center}.mechanics-title-v2{color:#fff;font-family:Sora,Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--font-display);font-size:28px;font-weight:700;line-height:1.2;margin-bottom:8px}.mechanics-subtitle-v2{color:#ffffff80;font-size:16px;margin-bottom:40px}.mechanics-benefits-v2{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr);margin-bottom:40px}.benefit-item-v2{align-items:center;display:flex;flex-direction:column;gap:8px;padding:20px 12px}.benefit-item-v2 svg{color:#dc2626;color:var(--color-primary)}.benefit-item-v2 strong{color:#fff;font-family:Sora,Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--font-display);font-size:22px;font-weight:800;line-height:1}.benefit-item-v2 span{color:#ffffff80;font-size:13px;font-weight:400}.mechanics-cta-btn-v2{align-items:center;background:#fff;border:none;border-radius:12px;color:#0f172a;cursor:pointer;display:inline-flex;font-size:16px;font-weight:700;gap:10px;padding:16px 36px;text-decoration:none;transition:all .2s ease}.mechanics-cta-btn-v2:hover{background:#dc2626;background:var(--color-primary);box-shadow:0 8px 24px #dc26264d;color:#fff;transform:translateY(-2px)}@media (max-width:768px){.section-v2{padding:48px 0}.section-title-v2{font-size:26px;margin-bottom:32px}.hero-section-v2{min-height:auto;padding:48px 20px 40px}.hero-title-v2{font-size:40px;letter-spacing:-1.5px}.hero-subtitle-v2{font-size:16px;margin-bottom:20px}.hero-live-pill{font-size:12px;margin-bottom:28px;padding:5px 12px}.steps-timeline{align-items:center;flex-direction:column;gap:0}.timeline-step{flex-direction:row;gap:16px;max-width:320px;padding:0;width:100%}.timeline-content,.timeline-step{text-align:left}.timeline-content p{margin:0;max-width:none}.timeline-connector{height:24px;margin:8px 0 8px 21px;width:2px}.services-compact{gap:10px;grid-template-columns:repeat(2,1fr)}.service-item-compact{gap:12px;padding:16px}.service-item-compact svg{padding:6px}.service-item-compact span{font-size:14px}.features-grid-v2{gap:12px;grid-template-columns:1fr}.feature-card-v2{grid-gap:4px 16px;display:grid;gap:4px 16px;grid-template-columns:40px 1fr;grid-template-rows:auto auto;padding:20px;text-align:left}.feature-icon-v2{align-self:center;flex-shrink:0;grid-row:1/3;margin-bottom:0}.feature-card-v2 strong{grid-column:2;margin-bottom:0}.feature-card-v2 span{grid-column:2}.mechanics-section-v2{padding:56px 0}.mechanics-title-v2{font-size:24px}.mechanics-benefits-v2{gap:12px;grid-template-columns:repeat(2,1fr)}.benefit-item-v2{background:#ffffff0a;border-radius:10px;padding:16px 8px}.mechanics-cta-btn-v2{justify-content:center;padding:16px 28px;width:100%}}@media (max-width:480px){.hero-title-v2{font-size:30px;letter-spacing:-1px}.hero-subtitle-v2{font-size:15px}.section-title-v2{font-size:24px}.mechanics-benefits-v2{gap:8px;grid-template-columns:1fr 1fr}.benefit-item-v2 strong{font-size:20px}}.star-rating{align-items:center;display:inline-flex;gap:8px}.stars-container{display:flex;gap:2px}.star-btn{background:none;border:none;cursor:default;padding:2px;transition:transform .2s ease}.star-btn.clickable{cursor:pointer}.star-btn.clickable:hover{transform:scale(1.15)}.star-rating.interactive .star-btn{cursor:pointer}.rating-count{color:#94a3b8;color:var(--color-text-muted);font-size:13px;font-weight:500}.rating-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:11px;font-weight:700;gap:4px;letter-spacing:.5px;padding:4px 10px;text-transform:uppercase}.rating-badge.top-rated{background:linear-gradient(135deg,#fcd34d,#f59e0b);color:#78350f}.rating-badge.highly-rated{background:linear-gradient(135deg,#e5e7eb,#d1d5db);color:#374151}.mechanic-name-row{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.mechanic-rating-display{align-items:center;display:flex;gap:8px;margin-top:6px}.mechanic-rating-display .rating-number{color:#0f172a;color:var(--color-text);font-size:15px;font-weight:700}.mechanic-rating-display .review-count{color:#94a3b8;color:var(--color-text-muted);font-size:13px}.review-modal-overlay{z-index:1001}.review-modal{animation:slideUp .3s ease;background:#fff;background:var(--color-white);border-radius:20px;border-radius:var(--radius-xl);max-width:480px;padding:40px;position:relative;width:90%}.review-modal .modal-close{align-items:center;background:#f8fafc;background:var(--color-bg);border:none;border-radius:50%;color:#94a3b8;color:var(--color-text-muted);cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;right:16px;top:16px;transition:all .2s ease;width:40px}.review-modal .modal-close:hover{background:#e2e8f0;background:var(--color-border);color:#0f172a;color:var(--color-text)}.review-modal-header{margin-bottom:32px;text-align:center}.review-mechanic-avatar{align-items:center;background:linear-gradient(135deg,#dc2626,#ef4444);background:var(--gradient-primary);border-radius:50%;color:#fff;color:var(--color-white);display:flex;height:72px;justify-content:center;margin:0 auto 20px;width:72px}.review-modal-header h3{color:#0f172a;color:var(--color-text);font-size:24px;font-weight:800;margin-bottom:8px}.review-modal-header p{color:#475569;color:var(--color-text-secondary);font-size:16px}.review-rating-section{background:#f8fafc;background:var(--color-bg);border-radius:16px;border-radius:var(--radius-lg);margin-bottom:32px;padding:24px;text-align:center}.review-rating-section .star-rating{justify-content:center}.review-rating-section .star-btn{padding:8px}.rating-hint{color:#475569;color:var(--color-text-secondary);font-size:14px;font-weight:600;margin-top:12px}.review-text-section{margin-bottom:28px}.review-text-section label{color:#0f172a;color:var(--color-text);display:block;font-size:14px;font-weight:600;margin-bottom:10px}.review-text-section textarea{border:2px solid #e2e8f0;border:2px solid var(--color-border);border-radius:12px;border-radius:var(--radius-md);font-family:inherit;font-size:15px;padding:16px;resize:none;transition:border-color .2s ease;width:100%}.review-text-section textarea:focus{border-color:#dc2626;border-color:var(--color-primary);outline:none}.char-count{color:#94a3b8;color:var(--color-text-muted);display:block;font-size:12px;margin-top:8px;text-align:right}.review-modal-actions{display:flex;gap:12px}.review-skip-btn,.review-submit-btn{align-items:center;border-radius:12px;border-radius:var(--radius-md);cursor:pointer;display:flex;flex:1 1;font-size:15px;font-weight:700;gap:8px;justify-content:center;padding:16px 24px;transition:all .2s ease}.review-skip-btn{background:#f8fafc;background:var(--color-bg);border:2px solid #e2e8f0;border:2px solid var(--color-border);color:#475569;color:var(--color-text-secondary)}.review-skip-btn:hover{background:#e2e8f0;background:var(--color-border)}.review-submit-btn{background:#dc2626;border:none;box-shadow:0 4px 15px #dc26264d;color:#fff}.review-submit-btn:hover:not(:disabled){background:#b91c1c;box-shadow:0 6px 20px #dc262666;transform:translateY(-2px)}.review-submit-btn:disabled{cursor:not-allowed;opacity:.5}.review-success{padding:40px 20px;text-align:center}.success-animation{display:inline-block;margin-bottom:24px;position:relative}.success-animation svg:first-child{animation:successPop .5s ease;color:#22c55e}@keyframes successPop{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.sparkle{animation:sparkle .8s ease forwards;color:#f59e0b;position:absolute}.sparkle-1{animation-delay:.2s;right:-10px;top:-10px}.sparkle-2{animation-delay:.3s;left:-15px;top:50%}.sparkle-3{animation-delay:.4s;bottom:-10px;right:10px}@keyframes sparkle{0%{opacity:0;transform:scale(0) rotate(0deg)}50%{opacity:1;transform:scale(1.2) rotate(180deg)}to{opacity:0;transform:scale(0) rotate(1turn)}}.review-success h3{color:#0f172a;color:var(--color-text);font-size:24px;font-weight:800;margin-bottom:8px}.review-success p{color:#475569;color:var(--color-text-secondary);font-size:15px}.review-card{background:var(--color-white);border:1px solid #e2e8f0;border:1px solid var(--color-border);border-radius:16px;border-radius:var(--radius-lg);margin-bottom:16px;transition:all .2s ease}.review-card:hover{box-shadow:0 1px 3px #0f172a0f,0 1px 2px #0f172a0a;box-shadow:var(--shadow-sm)}.review-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.reviewer-info{align-items:center;display:flex;gap:10px}.reviewer-avatar{align-items:center;background:#f8fafc;background:var(--color-bg);border-radius:50%;color:#94a3b8;color:var(--color-text-muted);display:flex;height:36px;justify-content:center;width:36px}.reviewer-avatar.mechanic{background:linear-gradient(135deg,#dc2626,#ef4444);background:var(--gradient-primary);color:#fff;color:var(--color-white)}.reviewer-name{color:#0f172a;color:var(--color-text);font-size:14px;font-weight:600}.review-date{color:#94a3b8;color:var(--color-text-muted)}.review-card-rating,.review-text{margin-bottom:12px}.review-text{color:var(--color-text-secondary)}.mechanic-reply{background:#f8fafc;background:var(--color-bg);border-left:3px solid #dc2626;border-left:3px solid var(--color-primary);border-radius:12px;border-radius:var(--radius-md);margin-top:12px;padding:16px}.reply-header{align-items:center;color:#0f172a;color:var(--color-text);display:flex;font-size:13px;font-weight:600;gap:8px;margin-bottom:8px}.reply-header svg{color:#dc2626;color:var(--color-primary)}.mechanic-reply p{color:#475569;color:var(--color-text-secondary);font-size:14px;line-height:1.6}.review-card-actions{border-top:1px solid #e2e8f0;border-top:1px solid var(--color-border);display:flex;gap:12px;margin-top:12px;padding-top:12px}.review-action-btn{align-items:center;background:#0000;border:none;border-radius:8px;border-radius:var(--radius-sm);color:#94a3b8;color:var(--color-text-muted);cursor:pointer;display:flex;font-size:13px;gap:6px;padding:8px 12px;transition:all .2s ease}.review-action-btn:hover{background:#f8fafc;background:var(--color-bg);color:#0f172a;color:var(--color-text)}.review-action-btn.flag:hover{color:#dc2626;color:var(--color-primary)}.reply-form{border-top:1px solid #e2e8f0;border-top:1px solid var(--color-border);margin-top:12px;padding-top:12px}.reply-form textarea{border:2px solid #e2e8f0;border:2px solid var(--color-border);border-radius:12px;border-radius:var(--radius-md);font-family:inherit;font-size:14px;margin-bottom:12px;padding:12px;resize:none;width:100%}.reply-form textarea:focus{border-color:#dc2626;border-color:var(--color-primary);outline:none}.reply-form-actions{display:flex;gap:10px;justify-content:flex-end}.reply-form-actions .cancel-btn,.reply-form-actions .submit-btn{border-radius:8px;border-radius:var(--radius-sm);cursor:pointer;font-size:13px;font-weight:600;padding:10px 16px;transition:all .2s ease}.reply-form-actions .cancel-btn{background:#0000;border:1px solid #e2e8f0;border:1px solid var(--color-border);color:#475569;color:var(--color-text-secondary)}.reply-form-actions .submit-btn{align-items:center;background:linear-gradient(135deg,#dc2626,#ef4444);background:var(--gradient-primary);border:none;color:#fff;color:var(--color-white);display:flex;gap:6px}.reviews-section{margin-top:24px}.reviews-section h4{color:#0f172a;color:var(--color-text);font-size:18px;font-weight:700;margin-bottom:16px}.no-reviews{align-items:center;color:#94a3b8;color:var(--color-text-muted);display:flex;flex-direction:column;padding:40px 20px;text-align:center}.no-reviews svg{margin-bottom:16px;opacity:.3}.no-reviews p{font-size:16px;font-weight:600;margin-bottom:4px}.no-reviews span{font-size:14px}.see-all-reviews-btn{align-items:center;background:#f8fafc;background:var(--color-bg);border:1px solid #e2e8f0;border:1px solid var(--color-border);border-radius:12px;border-radius:var(--radius-md);color:#dc2626;color:var(--color-primary);cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;margin-top:16px;padding:14px;transition:all .2s ease;width:100%}.see-all-reviews-btn:hover{background:#fff;background:var(--color-white);box-shadow:0 1px 3px #0f172a0f,0 1px 2px #0f172a0a;box-shadow:var(--shadow-sm)}.reviews-skeleton{grid-gap:16px;display:grid;gap:16px}.review-skeleton-card{background:#f8fafc;background:var(--color-bg);border-radius:16px;border-radius:var(--radius-lg);padding:20px}.skeleton-header,.skeleton-stars,.skeleton-text{animation:skeleton 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;border-radius:8px;border-radius:var(--radius-sm)}.skeleton-header{height:16px;margin-bottom:12px;width:40%}.skeleton-stars{height:20px;margin-bottom:12px;width:30%}.skeleton-text{height:48px;width:100%}@keyframes skeleton{0%{background-position:200% 0}to{background-position:-200% 0}}.rating-analytics{background:#fff;background:var(--color-white);border:1px solid #e2e8f0;border:1px solid var(--color-border);border-radius:16px;border-radius:var(--radius-lg);margin-bottom:24px;padding:24px}.rating-overview{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--color-border);gap:24px;margin-bottom:24px;padding-bottom:24px}.big-rating,.rating-overview{align-items:center;display:flex}.big-rating{gap:8px}.rating-number{color:#0f172a;color:var(--color-text);font-weight:800;line-height:1}.rating-meta{display:flex;flex-direction:column;gap:6px}.total-reviews{color:#475569;color:var(--color-text-secondary);font-size:14px}.rating-trend{align-items:center;display:flex;font-size:13px;font-weight:600;gap:4px}.rating-trend.up{color:#22c55e}.rating-trend.down{color:#dc2626;color:var(--color-primary)}.rating-distribution{display:flex;flex-direction:column;gap:10px}.distribution-row{align-items:center;display:flex;gap:8px}.star-label{color:#475569;color:var(--color-text-secondary);font-size:13px;font-weight:600;width:16px}.distribution-bar{background:#f8fafc;background:var(--color-bg);border-radius:4px;flex:1 1;height:8px;overflow:hidden}.distribution-fill{background:linear-gradient(90deg,#f59e0b,#fcd34d);border-radius:4px;height:100%;transition:width .5s ease}.distribution-count{color:#94a3b8;color:var(--color-text-muted);font-size:12px;text-align:right;width:24px}.reviews-dashboard{grid-gap:24px;display:grid;gap:24px}.recent-reviews h4{color:#0f172a;color:var(--color-text);font-size:18px;font-weight:700;margin-bottom:16px}.review-prompt-banner{align-items:center;background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #fcd34d;border-radius:16px;border-radius:var(--radius-lg);display:flex;justify-content:space-between;margin-bottom:24px;padding:16px 20px}.banner-content{align-items:center;display:flex;gap:14px}.banner-content svg{color:#d97706}.banner-text{display:flex;flex-direction:column}.banner-text strong{color:#92400e;font-size:15px;font-weight:700}.banner-text span{color:#b45309;font-size:13px}.banner-action{background:#fff;background:var(--color-white);border:none;border-radius:12px;border-radius:var(--radius-md);box-shadow:0 2px 8px #0000001a;color:#d97706;cursor:pointer;font-size:14px;font-weight:700;padding:10px 20px;transition:all .2s ease}.banner-action:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-1px)}.user-reviews-section{min-height:200px}@media (max-width:768px){.review-modal{margin:20px;padding:24px}.review-mechanic-avatar{height:60px;width:60px}.review-modal-header h3{font-size:20px}.review-rating-section .star-btn{padding:4px}.rating-overview,.review-modal-actions{flex-direction:column}.rating-overview{text-align:center}.rating-meta{align-items:center}.review-prompt-banner{flex-direction:column;gap:12px;text-align:center}.banner-content,.mechanic-name-row{flex-direction:column}.mechanic-name-row{align-items:flex-start;gap:6px}}.mechanic-landing-page{background:#111827;color:#fff;min-height:100vh}.header-mechanics-link{color:#9ca3af;font-size:14px;font-weight:500;padding:8px 16px;text-decoration:none;transition:color .2s}.header-mechanics-link:hover{color:#dc2626}.mechanic-landing-page .header{position:fixed;width:100%;z-index:1000}.mechanic-landing-page .mobile-menu-btn{display:flex}.mechanic-landing-page .mobile-menu,.mechanic-landing-page .mobile-menu-overlay{display:block}.mechanic-landing-page .desktop-nav{display:none!important}.mechanic-landing-page .header-content{flex-direction:row;justify-content:center;position:relative}.mechanic-landing-page .header-content .mobile-menu-btn{left:12px;position:absolute;top:50%;transform:translateY(-50%)}.mechanic-landing-page .header-content .logo{margin:0 auto}.mechanic-hero{align-items:center;display:flex;min-height:100vh;overflow:hidden;padding:120px 24px 80px;position:relative}.mechanic-hero-bg{background:radial-gradient(ellipse at 20% 50%,#dc262626 0,#0000 50%),radial-gradient(ellipse at 80% 20%,#dc26261a 0,#0000 40%),repeating-linear-gradient(0deg,#0000,#0000 50px,#ffffff05 0,#ffffff05 51px),repeating-linear-gradient(90deg,#0000,#0000 50px,#ffffff05 0,#ffffff05 51px);inset:0;position:absolute}.mechanic-hero-container{grid-gap:80px;align-items:center;display:grid;gap:80px;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1200px;position:relative;z-index:1}.mechanic-hero-content{max-width:560px}.mechanic-hero-title{font-size:56px;font-weight:800;line-height:1.1;margin-bottom:20px}.mechanic-hero-title span{color:#dc2626}.mechanic-hero-subtitle{color:#9ca3af;font-size:20px;line-height:1.6;margin-bottom:32px}.mechanic-hero-stats{display:flex;gap:16px;margin-bottom:40px}.hero-stat-v2{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffffff14,#ffffff08);border:1px solid #ffffff1f;border-radius:14px;display:flex;flex:1 1;gap:14px;padding:18px 22px;transition:all .25s ease}.hero-stat-v2:hover{background:linear-gradient(135deg,#ffffff1a,#ffffff0a);border-color:#dc26264d}.hero-stat-v2-icon{align-items:center;background:#dc262626;border-radius:12px;display:flex;flex-shrink:0;height:44px;justify-content:center;width:44px}.hero-stat-v2-icon svg{color:#dc2626}.hero-stat-v2-content{display:flex;flex-direction:column}.hero-stat-v2-number{color:#fff;font-size:24px;font-weight:800;letter-spacing:-.02em}.hero-stat-v2-label{color:#9ca3af;font-size:12px;font-weight:500}.mechanic-hero-cta{align-items:center;background:linear-gradient(135deg,#dc2626,#b91c1c);border:none;border-radius:12px;box-shadow:0 4px 20px #dc262666;color:#fff;cursor:pointer;display:inline-flex;font-size:18px;font-weight:700;gap:10px;padding:18px 36px;transition:all .3s}.mechanic-hero-cta:hover{box-shadow:0 6px 30px #dc262680;transform:translateY(-2px)}.mechanic-hero-trust{align-items:center;color:#6b7280;display:flex;font-size:14px;gap:8px;margin-top:20px}.mechanic-hero-trust svg{color:#dc2626}.mechanic-hero-visual{position:relative}.hero-visual-circle,.mechanic-hero-visual{align-items:center;display:flex;justify-content:center}.hero-visual-circle{background:linear-gradient(135deg,#1f2937,#374151);border:2px solid #ffffff1a;border-radius:50%;box-shadow:0 20px 60px #0006;height:280px;width:280px}.hero-visual-circle svg{color:#dc2626}.hero-visual-badge{align-items:center;animation:float 3s ease-in-out infinite;background:#1f2937;border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 10px 30px #0000004d;display:flex;gap:8px;padding:12px 16px;position:absolute}.hero-visual-badge svg{color:#dc2626}.hero-visual-badge span{font-size:16px;font-weight:700}.hero-visual-badge.badge-1{animation-delay:0s;right:10%;top:20%}.hero-visual-badge.badge-2{animation-delay:1s;bottom:30%;left:5%}.hero-visual-badge.badge-3{animation-delay:2s;bottom:10%;right:20%}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.mechanic-section{opacity:0;padding:100px 24px;transform:translateY(30px);transition:all .8s ease}.mechanic-section.visible{opacity:1;transform:translateY(0)}.mechanic-section-container{margin:0 auto;max-width:1200px}.mechanic-section-title{font-size:40px;font-weight:800;margin-bottom:40px;text-align:center}.how-it-works-mechanic{background:#111827}.mechanic-steps-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);margin:0 auto;max-width:900px}.mechanic-step-card-v2{background:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;padding:32px 24px;position:relative;text-align:center;transition:all .25s}.mechanic-step-card-v2:hover{background:#ffffff0f;border-color:#ffffff26;transform:translateY(-3px)}.step-number-circle{background:#dc2626;border-radius:50%;color:#fff;font-size:14px;font-weight:700;height:32px;width:32px}.mechanic-step-icon-v2,.step-number-circle{align-items:center;display:flex;justify-content:center;margin:0 auto 16px}.mechanic-step-icon-v2{background:none;border-radius:0;height:48px;width:48px}.mechanic-step-icon-v2 svg{color:#dc2626;height:28px;width:28px}.mechanic-step-card-v2 h3{color:#fff;font-size:18px;font-weight:700;margin-bottom:8px}.mechanic-step-card-v2 p{color:#9ca3af;font-size:14px;line-height:1.6}.earnings-section{background:#111827}.earnings-calculator{background:linear-gradient(135deg,#1f2937,#374151);border:1px solid #ffffff1a;border-radius:24px;box-shadow:0 20px 60px #0000004d;margin:0 auto;max-width:600px;padding:48px}.calculator-slider-section{margin-bottom:40px}.slider-label{display:block;font-size:18px;font-weight:600;margin-bottom:20px}.slider-value{color:#dc2626;font-size:24px;font-weight:700}.earnings-slider{-webkit-appearance:none;background:#ffffff1a;border-radius:4px;cursor:pointer;height:8px;outline:none;width:100%}.earnings-slider::-webkit-slider-thumb{-webkit-appearance:none;background:linear-gradient(135deg,#dc2626,#ef4444);border-radius:50%;box-shadow:0 4px 15px #dc262666;cursor:pointer;height:28px;-webkit-transition:transform .2s;transition:transform .2s;width:28px}.earnings-slider::-webkit-slider-thumb:hover{transform:scale(1.1)}.earnings-slider::-moz-range-thumb{background:linear-gradient(135deg,#dc2626,#ef4444);border:none;border-radius:50%;box-shadow:0 4px 15px #dc262666;cursor:pointer;height:28px;width:28px}.slider-range{color:#6b7280;display:flex;font-size:13px;justify-content:space-between;margin-top:10px}.calculator-results{background:#0003;border-radius:16px;padding:24px}.calc-row{color:#9ca3af;display:flex;font-size:16px;justify-content:space-between;padding:12px 0}.calc-row.highlight{color:#dc2626;font-weight:600}.calc-row.total{color:#fff;font-size:18px;font-weight:600}.calc-divider{background:#ffffff1a;height:1px;margin:12px 0}.calculator-results .earnings-amount{color:#fff;font-size:22px;font-weight:700}.calculator-results .earnings-amount.big{color:#dc2626;font-size:32px;font-weight:800}.why-section-mechanic{background:#0f172a}.benefits-grid{grid-gap:16px;gap:16px;grid-template-columns:1fr 1fr;margin:0 auto;max-width:900px}.benefits-column{display:flex;flex-direction:column;gap:16px}.benefit-item{align-items:flex-start;background:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;display:flex;gap:16px;padding:24px;transition:all .3s}.benefit-item:hover{background:#ffffff0f;border-color:#ffffff1f}.benefit-item svg{flex-shrink:0;height:20px;margin-top:2px;width:20px}.benefit-item div{display:flex;flex-direction:column;gap:6px}.benefit-item strong{color:#fff;font-size:16px;font-weight:700}.benefit-item span{color:#9ca3af;font-size:14px;line-height:1.5}.comparison-section{background:#111827}.comparison-table-wrapper{-webkit-overflow-scrolling:touch;background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;margin:0 auto;max-width:900px;overflow-x:auto}.comparison-table{border-collapse:collapse;min-width:500px;width:100%}.comparison-table td,.comparison-table th{border-bottom:1px solid #ffffff0f;color:#9ca3af;font-size:14px;padding:16px 20px;text-align:left}.comparison-table th{background:#ffffff0a;color:#9ca3af;font-size:12px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;white-space:nowrap}.comparison-table th.highlight-col{background:#dc26261f;color:#dc2626}.comparison-table td.highlight-col{background:#dc26260a;color:#fff;font-weight:600}.comparison-table tbody tr:nth-child(2n){background:#ffffff05}.comparison-table tbody tr:last-child td{border-bottom:none}.comparison-table tbody tr:hover{background:#ffffff0a}.value-good{color:#dc2626;font-weight:600}.value-bad{color:#64748b;font-weight:500}.value-neutral{color:#9ca3af}.hero-callout-section{background:linear-gradient(135deg,#dc2626,#991b1b);overflow:hidden;padding:100px 24px;position:relative}.hero-callout-section:before{background:radial-gradient(circle,#ffffff1a 0,#0000 60%);content:"";height:200%;pointer-events:none;position:absolute;right:-20%;top:-50%;width:80%}.hero-callout-container{margin:0 auto;max-width:900px;position:relative;text-align:center;z-index:1}.hero-callout-content{align-items:center;display:flex;flex-direction:column;gap:16px}.callout-badge{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fff3;border-radius:100px;color:#fff;display:inline-flex;font-size:14px;font-weight:600;gap:8px;padding:8px 16px}.callout-title{color:#fff;font-size:48px;font-weight:800;letter-spacing:-.02em;line-height:1.1;margin:0}.callout-subtitle{color:#ffffffe6;font-size:20px;line-height:1.6;margin:0;max-width:600px}.callout-stats{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1a;border-radius:16px;gap:32px;margin:16px 0;padding:24px 48px}.callout-stat,.callout-stats{align-items:center;display:flex}.callout-stat{flex-direction:column;gap:4px}.stat-value{color:#fff;font-size:32px}.stat-label{color:#fffc;letter-spacing:.5px;text-transform:uppercase}.stat-divider{background:#ffffff4d;height:40px;width:1px}.callout-cta{align-items:center;background:#fff;border:none;border-radius:12px;box-shadow:0 8px 32px #0003;color:#dc2626;cursor:pointer;display:inline-flex;font-size:18px;font-weight:700;gap:10px;padding:18px 36px;transition:all .3s ease}.callout-cta:hover{box-shadow:0 12px 40px #0000004d;transform:translateY(-3px)}@media (max-width:768px){.hero-callout-section{padding:60px 20px}.callout-title{font-size:32px}.callout-subtitle{font-size:16px}.callout-stats{flex-direction:column;gap:20px;padding:24px}.stat-divider{height:1px;width:60px}.stat-value{font-size:28px}.callout-cta{font-size:16px;justify-content:center;padding:16px 24px;width:100%}}.mechanic-landing-page .requirements-section{background:#0f172a}.mechanic-landing-page .requirements-grid{display:flex;flex-direction:column;gap:12px;margin:0 auto;max-width:600px}.mechanic-landing-page .requirement-item{align-items:center;background:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;box-shadow:none;display:flex;gap:16px;margin-bottom:0;padding:20px 24px;transition:all .3s}.mechanic-landing-page .requirement-item:hover{background:#ffffff0f;border-color:#ffffff1f}.mechanic-landing-page .requirement-check{align-items:center;background:none;border-radius:0;display:flex;flex-shrink:0;height:36px;justify-content:center;width:36px}.mechanic-landing-page .requirement-check svg{color:#dc2626;height:20px;width:20px}.mechanic-landing-page .requirements-section h2{color:#fff}.mechanic-landing-page .requirement-item span{color:#e5e7eb;font-size:15px}.mechanic-landing-page .faq-section{background:#111827}.mechanic-landing-page .faq-list{display:flex;flex-direction:column;gap:12px;margin:0 auto;max-width:800px}.mechanic-landing-page .faq-item{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;box-shadow:none;margin-bottom:0;overflow:hidden;padding:0;transition:all .3s}.mechanic-landing-page .faq-item:hover{border-color:#fff3}.mechanic-landing-page .faq-item.open{border-color:#dc26264d}.mechanic-landing-page .faq-question{align-items:center;background:#0000;border:none;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;justify-content:space-between;padding:20px 24px;text-align:left;transition:background .3s;width:100%}.mechanic-landing-page .faq-question:hover{background:#ffffff0d}.mechanic-landing-page .faq-icon{color:#9ca3af;flex-shrink:0;transition:transform .3s}.mechanic-landing-page .faq-item.open .faq-icon{color:#dc2626;transform:rotate(180deg)}.mechanic-landing-page .faq-answer{max-height:0;overflow:hidden;transition:max-height .3s ease,padding .3s ease}.mechanic-landing-page .faq-item.open .faq-answer{max-height:300px;padding:0 24px 24px}.mechanic-landing-page .faq-answer p{color:#9ca3af;font-size:15px;line-height:1.7}.mechanic-final-cta{background:linear-gradient(135deg,#dc2626,#b91c1c);padding:100px 24px;text-align:center}.mechanic-final-cta h2{font-size:44px;font-weight:800;margin-bottom:16px}.mechanic-final-cta p{font-size:20px;margin-bottom:40px;opacity:.9}.final-cta-btn{align-items:center;background:#fff;border:none;border-radius:12px;box-shadow:0 4px 20px #0003;color:#dc2626;cursor:pointer;display:inline-flex;font-size:18px;font-weight:700;gap:10px;padding:18px 40px;transition:all .3s}.final-cta-btn:hover{box-shadow:0 6px 30px #0000004d;transform:translateY(-2px)}.trust-indicators{display:flex;gap:32px;justify-content:center;margin-top:32px}.trust-indicators span{align-items:center;display:flex;font-size:14px;gap:8px;opacity:.9}.mechanic-footer{background:#0b1120;border-top:1px solid #ffffff0f;padding:48px 24px 32px}.mechanic-footer-content{margin:0 auto;max-width:900px}.mechanic-footer-top{border-bottom:1px solid #ffffff0f;justify-content:space-between;padding-bottom:24px}.mechanic-footer-logo,.mechanic-footer-top{align-items:center;display:flex}.mechanic-footer-logo .footer-logo-image{height:28px;opacity:.8}.mechanic-footer-links{display:flex;gap:32px}.mechanic-footer-links a{color:#9ca3af;font-size:15px;font-weight:500;text-decoration:none;transition:color .2s}.mechanic-footer-links a:hover{color:#fff}.mechanic-footer-bottom{padding-top:24px;text-align:center}.mechanic-footer-bottom p{color:#4b5563;font-size:13px}@media (max-width:1024px){.mechanic-hero-container{gap:60px;grid-template-columns:1fr;text-align:center}.mechanic-hero-content{max-width:100%}.mechanic-hero-stats,.mechanic-hero-trust{justify-content:center}.mechanic-hero-visual{display:none}.benefits-grid{gap:24px}.benefits-grid,.testimonials-grid{grid-template-columns:1fr}}@media (max-width:768px){.mechanic-hero-title{font-size:40px}.mechanic-hero-stats{flex-direction:row;gap:12px}.hero-stat-v2{gap:10px;padding:14px}.hero-stat-v2-icon{height:38px;width:38px}.hero-stat-v2-number{font-size:20px}.hero-stat-v2-label{font-size:11px}.mechanic-section-title{font-size:32px;margin-bottom:40px}.mechanic-steps-grid{gap:12px;grid-template-columns:1fr}.mechanic-step-card-v2{grid-gap:0 14px;align-items:center;display:grid;gap:0 14px;grid-template-columns:32px 40px 1fr;grid-template-rows:auto auto;padding:20px 18px;text-align:left}.mechanic-step-card-v2 .step-number-circle{align-self:center;font-size:13px;grid-row:1/3;height:28px;margin:0;width:28px}.mechanic-step-card-v2 .mechanic-step-icon-v2{align-self:center;grid-row:1/3;height:40px;margin:0;width:40px}.mechanic-step-card-v2 h3{font-size:15px;grid-column:3;margin-bottom:2px}.mechanic-step-card-v2 p{font-size:13px;grid-column:3;margin:0}.earnings-calculator{padding:32px 24px}.comparison-table-wrapper{border-radius:12px;margin:0 -8px}.comparison-table td,.comparison-table th{font-size:12px;padding:12px 10px}.comparison-table th{font-size:10px}.mechanic-footer-top{flex-direction:column;gap:24px;text-align:center}.mechanic-footer-links{flex-wrap:wrap;gap:24px;justify-content:center}.mechanic-hero{padding:100px 16px 60px}.mechanic-hero-title{font-size:32px}.mechanic-hero-subtitle{font-size:16px}.mechanic-hero-cta{justify-content:center;width:100%}.mechanic-section{padding:60px 16px}.earnings-calculator{padding:24px 16px}.slider-value{font-size:20px}.calculator-results .earnings-amount.big{font-size:24px}.requirement-item{padding:16px}.requirement-item span{font-size:14px}}.badge-verified,.verified-badge{align-items:center;background:linear-gradient(135deg,#059669,#10b981);border-radius:9999px;border-radius:var(--radius-full);box-shadow:0 2px 8px #0596694d;color:#fff;display:inline-flex;font-size:12px;font-weight:700;gap:6px;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase}.badge-verified svg,.verified-badge svg{height:14px;width:14px}.trust-indicator{align-items:center;background:#fff;background:var(--color-surface);border:1px solid #f1f5f9;border:1px solid var(--color-border-light);border-radius:9999px;border-radius:var(--radius-full);color:#475569;color:var(--color-text-secondary);display:inline-flex;font-size:13px;font-weight:600;gap:8px;padding:8px 16px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.trust-indicator:hover{background:#fff;background:var(--color-white);border-color:#e2e8f0;border-color:var(--color-border);box-shadow:0 1px 3px #0f172a0f,0 1px 2px #0f172a0a;box-shadow:var(--shadow-sm)}.security-badge,.trust-indicator svg{color:#059669;color:var(--color-success)}.security-badge{align-items:center;background:linear-gradient(135deg,#05966914,#10b9810a);border:1px solid #05966933;border-radius:16px;border-radius:var(--radius-lg);display:flex;font-size:14px;font-weight:600;gap:10px;padding:12px 18px}.security-badge svg{flex-shrink:0}.guarantee-banner{align-items:center;background:linear-gradient(135deg,#0f172a,#1e293b);border-radius:20px;border-radius:var(--radius-xl);box-shadow:0 10px 15px -3px #0f172a14,0 4px 6px -2px #0f172a0a;box-shadow:var(--shadow-lg);color:#fff;display:flex;font-size:14px;font-weight:600;gap:12px;justify-content:center;padding:16px 24px}.guarantee-banner svg{color:#fbbf24}.star-rating-enhanced{align-items:center;display:flex;gap:4px}.star-rating-enhanced .star{color:#fbbf24;filter:drop-shadow(0 1px 2px rgba(251,191,36,.3));transition:transform .15s cubic-bezier(.4,0,.2,1);transition:transform var(--transition-fast)}.star-rating-enhanced .star:hover{transform:scale(1.15)}.star-rating-enhanced .star-empty{color:#e2e8f0;filter:none}.review-count-trust{align-items:center;color:#475569;color:var(--color-text-secondary);display:flex;font-size:14px;gap:6px}.review-count-trust strong{color:#0f172a;color:var(--color-text);font-weight:700}.review-count-trust .verified-text{color:#059669;color:var(--color-success);font-weight:600}.insurance-badge{background:linear-gradient(135deg,#dbeafe,#eff6ff);border:1px solid #bfdbfe;border-radius:12px;border-radius:var(--radius-md);color:#1e40af;font-size:13px;font-weight:600;gap:8px;padding:8px 14px}.insurance-badge,.response-time-badge{align-items:center;display:inline-flex}.response-time-badge{background:#d1fae5;background:var(--color-success-light);border-radius:9999px;border-radius:var(--radius-full);color:#059669;color:var(--color-success);font-size:12px;font-weight:700;gap:6px;padding:6px 12px}.response-time-badge:before{animation:pulse-dot 2s infinite;background:currentColor;border-radius:50%;content:"";height:6px;width:6px}.trust-stats-row{align-items:center;border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--color-border-light);border-top:1px solid #f1f5f9;border-top:1px solid var(--color-border-light);display:flex;gap:24px;margin:24px 0;padding:20px 0}.trust-stat{display:flex;flex-direction:column;gap:4px}.trust-stat-value{color:#0f172a;color:var(--color-text);font-size:24px;font-weight:800;letter-spacing:-.02em}.trust-stat-label{color:#94a3b8;color:var(--color-text-muted);font-size:12px;letter-spacing:.5px;text-transform:uppercase}.confidence-card{align-items:flex-start;background:#fff;background:var(--color-white);border:1px solid #f1f5f9;border:1px solid var(--color-border-light);border-radius:20px;border-radius:var(--radius-xl);box-shadow:0 1px 3px #0f172a0a,0 4px 12px #0f172a0f;box-shadow:var(--shadow-card);display:flex;gap:16px;padding:24px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.confidence-card:hover{box-shadow:0 4px 8px #0f172a0f,0 12px 32px #0f172a1a;box-shadow:var(--shadow-card-hover);transform:translateY(-2px)}.confidence-icon{align-items:center;background:#d1fae5;background:var(--color-success-light);border-radius:16px;border-radius:var(--radius-lg);color:#059669;color:var(--color-success);display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.confidence-content h4{color:#0f172a;color:var(--color-text);font-size:16px;font-weight:700;margin-bottom:6px}.confidence-content p{color:#475569;color:var(--color-text-secondary);font-size:14px;line-height:1.6}.secure-payment{align-items:center;background:linear-gradient(135deg,#f0fdf4,#ecfdf5);border:1px solid #bbf7d0;border-radius:16px;border-radius:var(--radius-lg);display:flex;gap:12px;padding:16px 20px}.secure-payment-icon{align-items:center;background:#059669;background:var(--color-success);border-radius:12px;border-radius:var(--radius-md);color:#fff;display:flex;height:40px;justify-content:center;width:40px}.secure-payment-text{color:#059669;color:var(--color-success);font-size:14px;font-weight:600}.secure-payment-subtext{color:#047857;font-size:12px}@keyframes shimmer-badge{0%{background-position:-200%}to{background-position:200%}}.premium-badge{align-items:center;animation:shimmer-badge 3s linear infinite;background:linear-gradient(90deg,#dc2626,#ef4444,#dc2626);background-size:200% auto;border-radius:9999px;border-radius:var(--radius-full);box-shadow:0 4px 15px #dc262659;color:#fff;display:inline-flex;font-size:12px;font-weight:700;gap:6px;letter-spacing:1px;padding:8px 16px;text-transform:uppercase}.online-indicator{height:12px;position:relative;width:12px}.online-indicator:before{background:#059669;background:var(--color-success);border-radius:50%;content:"";height:100%;left:0;position:absolute;top:0;width:100%}.online-indicator:after{animation:pulse-ring 2s ease-out infinite;border:2px solid #059669;border:2px solid var(--color-success);border-radius:50%;content:"";height:20px;left:-4px;position:absolute;top:-4px;width:20px}@keyframes pulse-ring{0%{opacity:1;transform:scale(.5)}to{opacity:0;transform:scale(1.2)}}.money-back-badge{align-items:center;background:linear-gradient(135deg,#fef9c3,#fef3c7);border:2px solid #fcd34d;border-radius:20px;border-radius:var(--radius-xl);display:flex;gap:12px;padding:16px 24px}.money-back-icon{align-items:center;background:#f59e0b;border-radius:50%;color:#fff;display:flex;font-size:24px;height:48px;justify-content:center;width:48px}.money-back-content{display:flex;flex-direction:column;gap:2px}.money-back-title{color:#92400e;font-size:16px;font-weight:800}.money-back-subtitle{color:#b45309;font-size:13px}.mobile-menu-btn{align-items:center;background:#0000;border:none;cursor:pointer;display:none;flex-direction:column;gap:5px;height:44px;justify-content:center;padding:8px;position:relative;width:44px;z-index:1001}.hamburger-line{background-color:#fff;border-radius:2px;display:block;height:2px;transform-origin:center;transition:all .3s ease-in-out;width:22px}.mobile-menu-btn.open{opacity:0;pointer-events:none}.mobile-menu-overlay{background:#00000080;bottom:0;display:none;left:0;opacity:0;position:fixed;right:0;top:0;transition:opacity .3s ease-in-out,visibility .3s ease-in-out;visibility:hidden;z-index:999}.mobile-menu-overlay.open{opacity:1;visibility:visible}.mobile-menu{background:#fff;box-shadow:4px 0 24px #00000026;display:none;height:100dvh;height:100vh;left:0;overflow-y:auto;position:fixed;top:0;transform:translateX(-100%);transition:transform .3s ease-in-out;width:280px;z-index:1000}@supports (height:100dvh){.mobile-menu{height:100dvh}}.mobile-menu.open{transform:translateX(0)}.mobile-menu-content{display:flex;flex-direction:column;gap:8px;padding:60px 24px calc(32px + env(safe-area-inset-bottom, 0px));position:relative}.mobile-menu-close{background:none;border:none;border-radius:8px;color:#64748b;cursor:pointer;padding:8px;position:absolute;right:16px;top:16px;transition:all .2s}.mobile-menu-close:hover{background:#f1f5f9;color:#0f172a}.nav-profile-section{align-items:center;display:flex;gap:12px;padding:4px 0 8px}.nav-profile-avatar{align-items:center;background:#0f172a;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:16px;font-weight:700;height:48px;justify-content:center;letter-spacing:.5px;width:48px}.nav-profile-details{display:flex;flex-direction:column;gap:2px;min-width:0}.nav-profile-name{color:#0f172a;font-size:16px;font-weight:700}.nav-profile-email,.nav-profile-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-profile-email{color:#94a3b8;font-size:13px}.nav-divider{background:#f1f5f9;height:1px;margin:10px 0}.nav-menu-item{align-items:center;background:#0000;border:none;border-radius:10px;color:#334155;cursor:pointer;display:flex;font-size:15px;font-weight:500;gap:14px;height:48px;padding:0 14px;text-align:left;text-decoration:none;transition:all .15s ease;width:100%}.nav-menu-item svg{color:#94a3b8;flex-shrink:0;transition:color .15s ease}.nav-menu-item:hover{background:#fef2f2;color:#dc2626}.nav-menu-item:hover svg{color:#dc2626}.nav-menu-item:active{background:#fee2e2}.nav-menu-item.nav-logout,.nav-menu-item.nav-logout svg{color:#dc2626}.nav-menu-item.nav-logout:hover{background:#fef2f2}.nav-menu-item.nav-signup-item{background:#dc2626;color:#fff;font-weight:600}.nav-menu-item.nav-signup-item svg{color:#fff}.nav-menu-item.nav-signup-item:hover{background:#b91c1c;color:#fff}.nav-menu-item.nav-signup-item:hover svg{color:#fff}.nav-guest-header{padding:4px 0 8px}.nav-guest-logo{height:28px;object-fit:contain}.mechanic-landing-page .mobile-menu{background:#0f172a;box-shadow:4px 0 24px #0006}.mechanic-landing-page .mobile-menu-close{color:#94a3b8}.mechanic-landing-page .mobile-menu-close:hover{background:#ffffff14;color:#fff}.mechanic-landing-page .nav-divider{background:#ffffff14}.mechanic-landing-page .nav-menu-item{color:#e2e8f0}.mechanic-landing-page .nav-menu-item svg{color:#94a3b8}.mechanic-landing-page .nav-menu-item:hover{background:#dc26261a;color:#dc2626}.mechanic-landing-page .nav-menu-item:hover svg{color:#dc2626}.mechanic-landing-page .nav-menu-item:active{background:#dc262626}.mechanic-landing-page .nav-menu-item.nav-signup-item{background:#dc2626;color:#fff;justify-content:center;margin-top:8px}.mechanic-landing-page .nav-menu-item.nav-signup-item:hover{background:#b91c1c}.placeholder-page{background:#f8fafc;min-height:calc(100vh - 200px);padding:32px 20px}.placeholder-container{margin:0 auto;max-width:640px}.placeholder-back{align-items:center;background:none;border:none;color:#64748b;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:6px;margin-bottom:24px;padding:8px 0;transition:color .15s ease}.placeholder-back:hover{color:#0f172a}.placeholder-content{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 1px 3px #0000000a;padding:48px 32px;text-align:center}.placeholder-icon-circle{align-items:center;background:linear-gradient(135deg,#fef2f2,#fee2e2);border-radius:50%;display:inline-flex;height:80px;justify-content:center;margin-bottom:24px;width:80px}.placeholder-icon-circle svg{color:#dc2626}.placeholder-title{color:#0f172a;font-size:24px;font-weight:800;letter-spacing:-.02em;margin-bottom:12px}.placeholder-description{color:#64748b;font-size:15px;line-height:1.6;margin:0 auto 24px;max-width:400px}.placeholder-badge{background:#fef3c7;border:1px solid #fde68a;border-radius:20px;color:#92400e;display:inline-block;font-size:13px;font-weight:700;letter-spacing:.5px;padding:6px 16px}@media (max-width:640px){.placeholder-page{padding:20px 16px}.placeholder-content{padding:40px 20px}.placeholder-title{font-size:20px}}.vehicles-page{background:#f8fafc;min-height:calc(100vh - 200px);padding:32px 20px}.vehicles-container{margin:0 auto;max-width:640px}.vehicles-header{margin-bottom:20px}.vehicles-header-row{align-items:center;display:flex;justify-content:space-between;margin-top:16px}.vehicles-title{color:#0f172a;font-size:24px;font-weight:800;letter-spacing:-.02em}.vehicles-add-btn{align-items:center;background:#dc2626;border:none;border-radius:10px;color:#fff;cursor:pointer;display:inline-flex;font-size:13px;font-weight:700;gap:6px;padding:9px 16px;transition:all .15s ease}.vehicles-add-btn:hover{background:#b91c1c}.vehicles-list{display:flex;flex-direction:column;gap:10px}.vehicle-card{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;display:flex;justify-content:space-between;padding:16px;transition:box-shadow .15s ease}.vehicle-card:hover{box-shadow:0 2px 8px #0000000f}.vehicle-card-main{align-items:center;display:flex;gap:14px;min-width:0}.vehicle-card-icon{align-items:center;background:#fef2f2;border-radius:10px;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.vehicle-card-icon svg{color:#dc2626}.vehicle-card-info{display:flex;flex-direction:column;gap:2px;min-width:0}.vehicle-card-title-row{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.vehicle-card-name{color:#0f172a;font-size:15px;font-weight:700}.vehicle-default-badge{background:#dbeafe;border-radius:10px;color:#2563eb;font-size:10px;font-weight:700;letter-spacing:.5px;padding:2px 8px}.vehicle-card-nickname{color:#64748b;font-size:13px;font-style:italic}.vehicle-card-mileage{color:#94a3b8;font-size:12px}.vehicle-card-actions{display:flex;flex-shrink:0;gap:4px}.vehicle-action-btn{align-items:center;background:none;border:none;border-radius:8px;color:#94a3b8;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .15s ease;width:36px}.vehicle-action-btn:hover{background:#f1f5f9;color:#0f172a}.vehicle-action-btn.vehicle-delete-btn:hover{background:#fef2f2;color:#dc2626}.vehicle-modal-overlay{align-items:flex-end;animation:fadeIn .2s ease;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1100}.vehicle-modal{animation:slideUp .3s cubic-bezier(.16,1,.3,1);background:#fff;border-radius:20px 20px 0 0;max-height:90vh;max-width:540px;overflow-y:auto;padding:24px;width:100%}@media (min-width:641px){.vehicle-modal-overlay{align-items:center}.vehicle-modal{border-radius:16px;max-height:85vh}}.vehicle-modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.vehicle-modal-header h3{color:#0f172a;font-size:20px;font-weight:800}.vehicle-modal-close{background:none;border:none;border-radius:8px;color:#94a3b8;cursor:pointer;padding:6px;transition:all .15s ease}.vehicle-modal-close:hover{background:#f1f5f9;color:#0f172a}.vehicle-form-group{margin-bottom:16px}.vehicle-form-group label{color:#334155;display:block;font-size:13px;font-weight:600;margin-bottom:6px}.vehicle-form-group .vehicle-select-wrap select,.vehicle-form-group input{appearance:none;-webkit-appearance:none;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:10px;color:#0f172a;font-size:14px;padding:12px 14px;transition:all .15s ease;width:100%}.vehicle-form-group .vehicle-select-wrap select:focus,.vehicle-form-group input:focus{background:#fff;border-color:#dc2626;box-shadow:0 0 0 3px #dc262614;outline:none}.vehicle-select-wrap{position:relative}.vehicle-select-wrap .select-icon{color:#94a3b8;pointer-events:none;position:absolute;right:14px;top:50%;transform:translateY(-50%)}.vehicle-select-wrap select{padding-right:40px}.vehicle-form-toggle{align-items:center;border-top:1px solid #f1f5f9;display:flex;justify-content:space-between;margin-bottom:20px;padding:14px 0}.vehicle-form-toggle span{color:#334155;font-size:14px;font-weight:600}.toggle-switch{background:#e2e8f0;border:none;border-radius:14px;height:28px;padding:0;transition:background .2s ease}.toggle-switch.active{background:#dc2626}.toggle-knob{box-shadow:0 1px 3px #00000026;left:3px;top:3px;transition:transform .2s ease}.toggle-switch.active .toggle-knob{transform:translateX(20px)}.vehicle-form-actions{display:flex;gap:10px}.vehicle-form-cancel{background:none;border:1.5px solid #e2e8f0;border-radius:10px;color:#64748b;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:13px;transition:all .15s ease}.vehicle-form-cancel:hover{background:#f8fafc;border-color:#cbd5e1}.vehicle-form-save{align-items:center;background:#dc2626;border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;flex:1.5 1;font-size:14px;font-weight:700;gap:6px;justify-content:center;padding:13px;transition:all .15s ease}.vehicle-form-save:hover:not(:disabled){background:#b91c1c}.vehicle-form-save:disabled{cursor:not-allowed;opacity:.5}.vehicle-delete-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1200}.vehicle-delete-modal{background:#fff;border-radius:16px;max-width:380px;padding:32px 24px;text-align:center;width:100%}.vehicle-delete-modal-icon{color:#dc2626;margin-bottom:12px}.vehicle-delete-modal h3{color:#0f172a;font-size:18px;font-weight:700;margin-bottom:8px}.vehicle-delete-modal p{color:#64748b;font-size:14px;margin-bottom:24px}.vehicle-delete-actions{display:flex;gap:10px}.vehicle-delete-cancel{background:none;border:1.5px solid #e2e8f0;border-radius:10px;color:#64748b;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:12px}.vehicle-delete-cancel:hover{background:#f8fafc}.vehicle-delete-confirm{background:#dc2626;border:none;border-radius:10px;color:#fff;cursor:pointer;flex:1 1;font-size:14px;font-weight:700;padding:12px}.vehicle-delete-confirm:hover{background:#b91c1c}.saved-vehicle-selector{margin-bottom:12px}.saved-vehicle-selector .vehicle-select-wrapper select{font-size:14px}@media (max-width:640px){.vehicles-page{padding:20px 16px}.vehicles-title{font-size:20px}.vehicle-card{padding:14px}.vehicle-card-icon{height:36px;width:36px}.vehicle-modal{padding:20px}}.payments-page{background:#f8fafc;min-height:calc(100vh - 200px);padding:32px 20px}.payments-container{margin:0 auto;max-width:640px}.payments-header{margin-bottom:24px}.payments-title{color:#0f172a;font-size:26px;font-weight:800;letter-spacing:-.02em;margin-top:8px}.payments-secure-card{align-items:flex-start;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:12px;display:flex;gap:14px;margin-bottom:28px;padding:16px 20px;position:relative}.payments-secure-icon{align-items:center;background:#fff;border:1px solid #dcfce7;border-radius:10px;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.payments-secure-icon svg{color:#16a34a}.payments-secure-content{flex:1 1;min-width:0}.payments-secure-main{color:#15803d;font-size:14px;font-weight:600;line-height:1.4;margin:0 0 4px}.payments-secure-sub{color:#4ade80;color:#22c55e;font-size:13px;font-weight:500;line-height:1.4;margin:0}.payments-stripe-badge{align-items:center;align-self:center;background:#fff;border:1px solid #dcfce7;border-radius:6px;color:#64748b;display:inline-flex;flex-shrink:0;font-size:11px;font-weight:600;gap:5px;padding:4px 10px;white-space:nowrap}.payments-stripe-badge svg{color:#94a3b8}.payments-section{margin-bottom:32px}.payments-section-title{color:#0f172a;font-size:16px;font-weight:700;letter-spacing:-.01em;margin-bottom:14px}.payments-list{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000000a;overflow:hidden}.payment-row{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;padding:16px 20px;transition:background-color .15s ease}.payment-row:last-child{border-bottom:none}.payment-row:hover{background:#fafbfc}.payment-row-left{display:flex;flex-direction:column;gap:3px;min-width:0}.payment-date{color:#0f172a;font-size:13px;font-weight:600}.payment-mechanic{color:#64748b;font-size:13px;font-weight:500}.payment-service{color:#94a3b8;font-size:12px;font-weight:500}.payment-row-right{align-items:flex-end;display:flex;flex-direction:column;flex-shrink:0;gap:5px}.payment-amount{color:#0f172a;font-size:15px;font-weight:700;letter-spacing:-.01em}.payment-status-badge{border-radius:20px;font-size:11px;font-weight:700;letter-spacing:.3px;padding:3px 10px;text-transform:uppercase}.payment-status-paid{background:#f0fdf4;border:1px solid #bbf7d0;color:#16a34a}.payment-status-pending{background:#fefce8;border:1px solid #fde68a;color:#a16207}.payment-status-refunded{background:#fef2f2;border:1px solid #fecaca;color:#dc2626}.payments-empty{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000000a;padding:48px 32px;text-align:center}.payments-empty-icon{align-items:center;background:linear-gradient(135deg,#fef2f2,#fee2e2);border-radius:50%;display:inline-flex;height:72px;justify-content:center;margin-bottom:20px;width:72px}.payments-empty-icon svg{color:#dc2626}.payments-empty h3{color:#0f172a;font-size:18px;font-weight:700;margin-bottom:8px}.payments-empty p{color:#64748b;font-size:14px;line-height:1.5;margin-bottom:24px;margin-left:auto;margin-right:auto;max-width:320px}.payments-empty-cta{align-items:center;background:#dc2626;border:none;border-radius:10px;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:all .15s ease}.payments-empty-cta:hover{background:#b91c1c;box-shadow:0 4px 12px #dc26264d;transform:translateY(-1px)}@media (max-width:640px){.payments-page{padding:20px 16px}.payments-title{font-size:22px}.payments-secure-card{flex-wrap:wrap;gap:10px;padding:14px 16px}.payments-stripe-badge{margin-left:54px;margin-top:2px}.payment-row{padding:14px 16px}.payments-empty{padding:40px 20px}}.myreviews-page{background:#f8fafc;min-height:calc(100vh - 200px);padding:32px 20px}.myreviews-container{margin:0 auto;max-width:640px}.myreviews-header{margin-bottom:24px}.myreviews-title{color:#0f172a;font-size:26px;font-weight:800;letter-spacing:-.02em;margin-top:8px}.myreviews-list{display:flex;flex-direction:column;gap:12px}.myreview-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000000a;padding:20px}.myreview-card-top{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:10px}.myreview-mechanic-info{display:flex;flex-direction:column;gap:3px;min-width:0}.myreview-mechanic-name{color:#0f172a;font-size:15px;font-weight:700}.myreview-vehicle{color:#64748b;font-size:13px;font-weight:500}.myreview-date{color:#94a3b8;flex-shrink:0;font-size:12px;font-weight:500;margin-left:12px;white-space:nowrap}.myreview-rating{margin-bottom:10px}.myreviews-stars{display:inline-flex;gap:2px}.myreview-text{color:#334155;font-size:14px;line-height:1.6;margin:0}.myreview-reply{background:#f8fafc;border-left:3px solid #e2e8f0;border-radius:8px;margin-top:14px;padding:12px 14px}.myreview-reply-label{color:#64748b;display:block;font-size:12px;font-weight:600;margin-bottom:4px}.myreview-reply-text{color:#475569;font-size:13px;line-height:1.5;margin:0}.myreviews-empty{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000000a;padding:48px 32px;text-align:center}.myreviews-empty-icon{align-items:center;background:linear-gradient(135deg,#fef2f2,#fee2e2);border-radius:50%;display:inline-flex;height:72px;justify-content:center;margin-bottom:20px;width:72px}.myreviews-empty-icon svg{color:#dc2626}.myreviews-empty h3{color:#0f172a;font-size:18px;font-weight:700;margin-bottom:8px}.myreviews-empty p{color:#64748b;font-size:14px;line-height:1.5;margin-bottom:24px;margin-left:auto;margin-right:auto;max-width:320px}.myreviews-empty-cta{align-items:center;background:#dc2626;border:none;border-radius:10px;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:all .15s ease}.myreviews-empty-cta:hover{background:#b91c1c;box-shadow:0 4px 12px #dc26264d;transform:translateY(-1px)}@media (max-width:640px){.myreviews-page{padding:20px 16px}.myreviews-title{font-size:22px}.myreview-card{padding:16px}.myreviews-empty{padding:40px 20px}}.settings-page{background:#f8fafc;min-height:calc(100vh - 200px);padding:32px 20px}.settings-container{margin:0 auto;max-width:640px}.settings-header{margin-bottom:24px}.settings-title{color:#0f172a;font-size:26px;font-weight:800;letter-spacing:-.02em;margin-top:8px}.settings-section-title{color:#0f172a;font-size:16px;font-weight:700;letter-spacing:-.01em;margin-bottom:12px}.settings-card{border:1px solid #e2e8f0;box-shadow:0 1px 3px #0000000a;padding:20px}.settings-field{margin-bottom:18px}.settings-field:last-of-type{margin-bottom:20px}.settings-label{color:#334155;display:block;font-size:13px;font-weight:600;margin-bottom:6px}.settings-input{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:10px;box-sizing:border-box;color:#0f172a;font-family:inherit;font-size:14px;outline:none;padding:12px 14px;transition:all .2s ease;width:100%}.settings-input:focus{background:#fff;border-color:#dc2626;box-shadow:0 0 0 3px #dc26261a}.settings-input-disabled{background:#f1f5f9;color:#94a3b8;cursor:not-allowed}.settings-field-hint{color:#94a3b8;display:block;font-size:12px;margin-top:4px}.settings-save-btn{align-items:center;background:#dc2626;border:none;border-radius:10px;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:12px 24px;transition:all .15s ease;width:100%}.settings-save-btn:hover:not(:disabled){background:#b91c1c;box-shadow:0 4px 12px #dc26264d;transform:translateY(-1px)}.settings-save-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.settings-toggle-row{align-items:center;display:flex;justify-content:space-between;padding:4px 0}.settings-toggle-info{display:flex;flex:1 1;flex-direction:column;gap:2px;margin-right:16px;min-width:0}.settings-toggle-label{align-items:center;color:#0f172a;display:flex;font-size:14px;font-weight:600;gap:8px}.settings-toggle-desc{color:#94a3b8;font-size:12px}.settings-toggle-divider{background:#f1f5f9;height:1px;margin:14px 0}.settings-coming-soon-tag{background:#fef3c7;border-radius:10px;color:#92400e;display:inline-block;font-size:10px;font-weight:700;letter-spacing:.3px;padding:2px 8px;text-transform:uppercase}.settings-danger-section{padding-top:8px;text-align:center}.settings-delete-link{background:none;border:none;color:#dc2626;cursor:pointer;font-size:13px;font-weight:500;padding:8px;transition:opacity .15s ease}.settings-delete-link:hover{opacity:.7;text-decoration:underline}.settings-delete-confirmed{align-items:center;color:#16a34a;display:inline-flex;font-size:13px;font-weight:500;gap:8px}.settings-delete-modal{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:400px;padding:32px 24px;position:relative;text-align:center;width:90%}.settings-delete-modal-icon{align-items:center;background:#fef2f2;border-radius:50%;display:inline-flex;height:56px;justify-content:center;margin-bottom:16px;width:56px}.settings-delete-modal-icon svg{color:#dc2626}.settings-delete-modal h3{color:#0f172a;font-size:18px;font-weight:700;margin-bottom:8px}.settings-delete-modal p{color:#64748b;font-size:14px;line-height:1.5;margin-bottom:24px}.settings-delete-modal-actions{display:flex;gap:10px}.settings-delete-cancel{background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;color:#334155;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:12px;transition:all .15s ease}.settings-delete-cancel:hover{background:#f8fafc;border-color:#cbd5e1}.settings-delete-confirm{align-items:center;background:#dc2626;border:none;border-radius:10px;color:#fff;cursor:pointer;display:inline-flex;flex:1 1;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:12px;transition:all .15s ease}.settings-delete-confirm:hover:not(:disabled){background:#b91c1c}.settings-delete-confirm:disabled{cursor:not-allowed;opacity:.6}@media (max-width:640px){.settings-page{padding:20px 16px}.settings-title{font-size:22px}.settings-card{padding:16px}.settings-delete-modal{padding:24px 20px}}.helpsupport-page{background:#f8fafc;min-height:calc(100vh - 200px);padding:32px 20px}.helpsupport-container{margin:0 auto;max-width:640px}.helpsupport-header{margin-bottom:24px}.helpsupport-title{color:#0f172a;font-size:26px;font-weight:800;letter-spacing:-.02em;margin-top:8px}.helpsupport-contact-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000000a;margin-bottom:28px;padding:24px 20px}.helpsupport-contact-heading{color:#0f172a;font-size:16px;font-weight:700;margin-bottom:16px}.helpsupport-contact-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr;margin-bottom:14px}.helpsupport-contact-item{align-items:center;border-radius:8px;color:#334155;display:flex;font-size:13px;font-weight:500;gap:10px;padding:8px 10px;text-decoration:none;transition:background .15s ease}a.helpsupport-contact-item:hover{background:#fef2f2;color:#dc2626}.helpsupport-contact-item svg{color:#dc2626;flex-shrink:0}.helpsupport-response-time{border-top:1px solid #f1f5f9;color:#94a3b8;font-size:12px;font-weight:500;margin:0;padding-top:12px}.helpsupport-section{margin-bottom:28px}.helpsupport-section-title{color:#0f172a;font-size:16px;font-weight:700;letter-spacing:-.01em;margin-bottom:12px}.helpsupport-faq-list{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000000a;overflow:hidden}.helpsupport-faq-item{border-bottom:1px solid #f1f5f9}.helpsupport-faq-item:last-child{border-bottom:none}.helpsupport-faq-header{align-items:center;background:none;border:none;color:#0f172a;cursor:pointer;display:flex;font-size:14px;font-weight:600;justify-content:space-between;padding:16px 20px;text-align:left;transition:background .15s ease;width:100%}.helpsupport-faq-header:hover{background:#fafbfc}.helpsupport-faq-chevron{color:#94a3b8;flex-shrink:0;margin-left:12px;transition:transform .2s ease}.helpsupport-faq-chevron.rotated{transform:rotate(180deg)}.helpsupport-faq-content{max-height:0;overflow:hidden;padding:0 20px;transition:max-height .25s ease,padding .25s ease}.helpsupport-faq-item.expanded .helpsupport-faq-content{max-height:200px;padding:0 20px 16px}.helpsupport-faq-content p{color:#64748b;font-size:13px;line-height:1.6;margin:0}.helpsupport-issue-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000000a;padding:20px}.helpsupport-select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;cursor:pointer;padding-right:40px}.helpsupport-textarea{line-height:1.5;min-height:100px;resize:vertical}.helpsupport-issue-success{padding:20px 0;text-align:center}.helpsupport-issue-success svg{color:#16a34a;margin-bottom:12px}.helpsupport-issue-success h4{color:#0f172a;font-size:16px;font-weight:700;margin-bottom:6px}.helpsupport-issue-success p{color:#64748b;font-size:13px;margin-bottom:16px}.helpsupport-issue-another{background:none;border:none;color:#dc2626;cursor:pointer;font-size:13px;font-weight:600;padding:4px}.helpsupport-issue-another:hover{text-decoration:underline}@media (max-width:640px){.helpsupport-page{padding:20px 16px}.helpsupport-title{font-size:22px}.helpsupport-contact-card{padding:20px 16px}.helpsupport-contact-grid{gap:8px;grid-template-columns:1fr}.helpsupport-faq-header{padding:14px 16px}.helpsupport-faq-content{padding:0 16px}.helpsupport-faq-item.expanded .helpsupport-faq-content{padding:0 16px 14px}.helpsupport-issue-card{padding:16px}}.desktop-nav{display:flex}@media (max-width:768px){.mobile-menu-btn{display:flex;order:-1}.mobile-menu,.mobile-menu-overlay{display:block}.desktop-nav{display:none!important}.header-content{justify-content:center;padding:10px 16px;position:relative}.header-content .mobile-menu-btn{left:12px;position:absolute;top:50%;transform:translateY(-50%)}.header-content .logo{margin:0 auto}.header-content .logo-image{height:44px}.logo-text{font-size:20px}}.landing-page-v3{width:100%}.hero-section-v3{align-items:center;background:linear-gradient(180deg,#f8fafc,#fff);display:flex;justify-content:center;min-height:90vh;padding:120px 24px 80px}.hero-container-v3{margin:0 auto;max-width:720px;width:100%}.hero-content-v3{text-align:center}.hero-title-v3{color:#0f172a;font-size:56px;font-weight:700;letter-spacing:-1.5px;line-height:1.1;margin-bottom:24px}.hero-subtitle-v3,.hero-title-v3{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.hero-subtitle-v3{color:#475569;font-size:24px;font-weight:400;line-height:1.5;margin-bottom:48px}.hero-form-v3{display:flex;flex-direction:column;gap:20px;margin:0 auto 32px;max-width:560px}.hero-input-wrapper-v3{background:#fff;border:2px solid #e8e8e8;border-radius:16px;box-shadow:0 1px 3px #00000014,0 4px 12px #0000000d;transition:all .3s ease}.hero-input-wrapper-v3.focused{border-color:#d32f2f;box-shadow:0 0 0 4px #d32f2f1a,0 4px 12px #0000001a}.hero-textarea-v3{background:#0000;border:none;border-radius:14px;color:#374151;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;line-height:1.6;min-height:120px;padding:16px;resize:none;width:100%}.hero-textarea-v3::placeholder{color:#9ca3af}.hero-textarea-v3:focus{outline:none}.hero-cta-btn-v3{align-items:center;background:#d32f2f;border:none;border-radius:12px;box-shadow:0 2px 8px #d32f2f4d;color:#fff;cursor:pointer;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:17px;font-weight:600;gap:10px;height:56px;justify-content:center;transition:all .2s ease;width:100%}.hero-cta-btn-v3:hover:not(:disabled){background:#b71c1c;box-shadow:0 4px 16px #d32f2f66;transform:translateY(-2px)}.hero-cta-btn-v3:active:not(:disabled){transform:scale(.98)}.hero-cta-btn-v3:disabled{cursor:not-allowed;opacity:.5}.hero-trust-indicators{display:flex;flex-wrap:wrap;gap:24px;justify-content:center}.trust-item-v3{align-items:center;color:#64748b;display:flex;font-size:14px;gap:6px}.trust-item-v3 svg{color:#059669}.section-v3{opacity:0;padding:100px 24px;transform:translateY(30px);transition:all .6s ease}.section-v3.visible{opacity:1;transform:translateY(0)}.section-container-v3{margin:0 auto;max-width:1200px}.section-header-v3{margin-bottom:64px;text-align:center}.section-eyebrow{color:#d32f2f;display:inline-block;font-size:13px;font-weight:600;letter-spacing:1.5px;margin-bottom:16px;text-transform:uppercase}.section-title-v3{color:#0f172a;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:40px;font-weight:700;letter-spacing:-.5px}.how-it-works-v3{background:#fff}.steps-grid-v3{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(3,1fr)}.step-card-v3{background:#fff;border:1px solid #e8e8e8;border-radius:16px;box-shadow:0 1px 3px #00000014,0 4px 12px #0000000d;padding:32px 24px;text-align:center;transition:all .3s ease}.step-card-v3:hover{box-shadow:0 4px 8px #00000014,0 12px 32px #0000001a;transform:translateY(-4px)}.step-badge-wrapper{display:inline-block;margin-bottom:24px;position:relative}.step-icon-v3{background:linear-gradient(135deg,#fef2f2,#fee2e2);border-radius:16px;color:#d32f2f;height:72px;margin:0 auto;width:72px}.step-icon-v3,.step-number-badge{align-items:center;display:flex;justify-content:center}.step-number-badge{background:#d32f2f;border-radius:50%;box-shadow:0 2px 8px #d32f2f66;color:#fff;font-size:14px;font-weight:700;height:28px;position:absolute;right:-8px;top:-8px;width:28px}.step-title-v3{color:#0f172a;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:20px;font-weight:700;margin-bottom:12px}.step-desc-v3{color:#64748b;font-size:15px;line-height:1.7}.stats-section-v3{background:#f8fafc}.stats-grid-v3{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(4,1fr)}.stat-card-v3{background:#fff;border:1px solid #e8e8e8;border-radius:16px;box-shadow:0 1px 3px #0000000f;padding:32px 16px;text-align:center}.stat-number-v3{align-items:center;color:#0f172a;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:40px;font-weight:700;gap:4px;justify-content:center;margin-bottom:8px}.stat-star-v3{fill:#f59e0b;color:#f59e0b}.stat-label-v3{color:#64748b;font-size:14px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.why-section-v3{background:#fff}.why-grid-v3{grid-gap:64px;align-items:center;display:grid;gap:64px;grid-template-columns:1fr 1fr}.why-benefits-v3{order:1}.why-title-v3{color:#0f172a;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:36px;font-weight:700;letter-spacing:-.5px;margin-bottom:40px}.benefits-list-v3{display:flex;flex-direction:column;gap:24px}.benefit-item-v3{align-items:flex-start;display:flex;gap:16px}.benefit-icon-v3{align-items:center;background:linear-gradient(135deg,#fef2f2,#fee2e2);border-radius:12px;color:#d32f2f;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.benefit-content-v3 h4{color:#0f172a;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:17px;font-weight:600;margin-bottom:4px}.benefit-content-v3 p{color:#64748b;font-size:15px;line-height:1.5}.why-testimonial-v3{order:2}.testimonial-card-v3{background:#f8fafc;border:1px solid #e8e8e8;border-radius:24px;padding:40px}.testimonial-quote-v3{margin-bottom:24px;position:relative}.quote-mark{color:#d32f2f;font-size:72px;font-weight:700;left:-10px;line-height:1;opacity:.2;position:absolute;top:-20px}.testimonial-quote-v3 p{color:#374151;font-size:18px;font-style:italic;line-height:1.7;padding-left:20px}.testimonial-author-v3{align-items:center;display:flex;gap:16px;padding-left:20px}.author-avatar-v3{align-items:center;background:#d32f2f;border-radius:50%;color:#fff;display:flex;height:48px;justify-content:center;width:48px}.author-info-v3{display:flex;flex:1 1;flex-direction:column;gap:2px}.author-name-v3{color:#0f172a;font-size:16px;font-weight:600}.author-location-v3{color:#64748b;font-size:14px}.author-rating-v3{color:#f59e0b;display:flex;gap:2px}.author-rating-v3 svg{fill:#f59e0b}.mechanics-section-v3{background:#1f2937}.mechanics-content-v3{margin:0 auto;max-width:680px;text-align:center}.mechanics-title-v3{color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:40px;font-weight:700;letter-spacing:-.5px;margin-bottom:16px}.mechanics-subtitle-v3{color:#9ca3af;font-size:18px;line-height:1.6;margin-bottom:40px}.mechanics-perks-v3{display:flex;flex-wrap:wrap;gap:24px;justify-content:center;margin-bottom:40px}.perk-item-v3{align-items:center;color:#e5e7eb;display:flex;font-size:15px;font-weight:500;gap:8px}.perk-item-v3 svg{color:#10b981}.mechanics-cta-btn-v3{align-items:center;background:#fff;border:none;border-radius:12px;color:#1f2937;cursor:pointer;display:inline-flex;font-size:17px;font-weight:600;gap:10px;padding:18px 40px;text-decoration:none;transition:all .2s ease}.mechanics-cta-btn-v3:hover{background:#f3f4f6;box-shadow:0 8px 24px #0000004d;transform:translateY(-2px)}@media (max-width:768px){.hero-section-v3{min-height:auto;padding:100px 20px 60px}.hero-title-v3{font-size:36px;margin-bottom:16px}.hero-subtitle-v3{font-size:18px;margin-bottom:32px}.hero-cta-btn-v3{width:100%}.hero-trust-indicators{align-items:center;flex-direction:column;gap:12px}.section-v3{padding:60px 20px}.section-title-v3{font-size:28px}.steps-grid-v3{gap:20px;grid-template-columns:1fr}.stats-grid-v3{gap:16px;grid-template-columns:repeat(2,1fr)}.stat-number-v3{font-size:32px}.stat-label-v3{font-size:12px}.why-grid-v3{gap:40px;grid-template-columns:1fr}.why-benefits-v3{order:1}.why-testimonial-v3{order:2}.why-title-v3{font-size:28px;margin-bottom:32px}.testimonial-card-v3{padding:24px}.testimonial-quote-v3 p{font-size:16px}.mechanics-title-v3{font-size:28px}.mechanics-subtitle-v3{font-size:16px}.mechanics-perks-v3{flex-direction:column;gap:16px}}.diagnosis-page-v3{margin:0 auto;max-width:800px;padding:32px 24px}.diagnosis-summary-cards{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr);margin-bottom:32px}.summary-card{background:#fff;border:1px solid #e8e8e8;border-radius:16px;box-shadow:0 1px 3px #00000014;padding:24px 16px;text-align:center}.summary-card-icon{align-items:center;background:#f8fafc;border-radius:12px;color:#64748b;display:flex;height:48px;justify-content:center;margin:0 auto 12px;width:48px}.summary-card.cost .summary-card-icon{background:#ecfdf5;color:#059669}.summary-card.urgency .summary-card-icon{background:#fef3c7;color:#d97706}.summary-card.severity .summary-card-icon{background:#fef2f2;color:#dc2626}.summary-card-value{color:#0f172a;font-size:20px;font-weight:700;margin-bottom:4px}.summary-card-label{color:#64748b;font-size:13px;letter-spacing:.5px;text-transform:uppercase}.diagnosis-explanation-v3{background:#f9fafb;border-radius:16px;margin-bottom:32px;padding:32px}.diagnosis-explanation-v3 h3{color:#0f172a;font-size:18px;font-weight:600;margin-bottom:16px}.diagnosis-explanation-v3 p{color:#374151;font-size:16px;line-height:1.7;margin-bottom:16px}.diagnosis-explanation-v3 p:last-child{margin-bottom:0}.recommendations-list-v3{display:flex;flex-direction:column;gap:12px;margin-bottom:32px}.recommendation-item-v3{align-items:center;background:#fff;border:1px solid #e8e8e8;border-radius:12px;display:flex;gap:12px;padding:16px}.recommendation-item-v3 svg{color:#059669;flex-shrink:0}.recommendation-item-v3 span{color:#374151;font-size:15px;line-height:1.5}.find-mechanics-cta-v3{align-items:center;background:#d32f2f;border:none;border-radius:12px;box-shadow:0 2px 8px #d32f2f4d;color:#fff;cursor:pointer;display:flex;font-size:17px;font-weight:600;gap:10px;height:56px;justify-content:center;transition:all .2s ease;width:100%}.find-mechanics-cta-v3:hover{background:#b71c1c;box-shadow:0 4px 16px #d32f2f66;transform:translateY(-2px)}.find-mechanics-cta-v3:active{transform:scale(.98)}@media (max-width:768px){.diagnosis-summary-cards{gap:12px;grid-template-columns:1fr}.diagnosis-explanation-v3{padding:24px}}.booking-steps{align-items:flex-start;display:flex;gap:0;justify-content:center;margin-bottom:28px;padding:8px 0 16px}.booking-step{align-items:center;display:flex;flex-direction:column;gap:8px;min-width:80px;opacity:.5;transition:all .2s ease}.booking-step.active,.booking-step.completed{opacity:1}.booking-step.completed .step-num{background:#059669;border-color:#059669}.step-num{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:50%;color:#64748b;display:flex;font-size:14px;font-weight:700;height:36px;justify-content:center;position:relative;transition:all .2s ease;width:36px;z-index:1}.booking-step.active .step-num{background:#dc2626;background:var(--color-primary);border-color:#dc2626;border-color:var(--color-primary);color:#fff}.step-label{color:#64748b;font-size:13px;font-weight:500}.booking-step.active .step-label{color:#0f172a;font-weight:600}.step-connector{background:#e2e8f0;flex-shrink:0;height:2px;margin-top:17px;width:50px}.payment-section{padding:16px 0 0}.payment-section h4{align-items:center;color:#0f172a;display:flex;font-size:15px;font-weight:700;gap:8px;margin-bottom:10px}.payment-section h4 svg{color:#64748b}.payment-note{color:#64748b;font-size:13px;line-height:1.5;margin-bottom:14px}.card-element-container{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:10px;margin-bottom:14px;padding:14px;transition:all .2s ease}.card-element-container:focus-within{background:#fff;border-color:#dc2626;box-shadow:0 0 0 3px #dc262614}.card-error{align-items:center;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;display:flex;font-size:14px;gap:8px;margin-bottom:16px;padding:12px 16px}.card-error svg{flex-shrink:0}.payment-security{align-items:center;color:#64748b;display:flex;font-size:13px;gap:8px;margin-bottom:24px}.payment-security svg{color:#059669}.continue-payment-btn{align-items:center;background:#0f172a;border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:10px;height:52px;justify-content:center;transition:all .2s ease;width:100%}.continue-payment-btn:hover:not(:disabled){background:#1e293b;box-shadow:0 4px 12px #0f172a33;transform:translateY(-2px)}.continue-payment-btn:disabled{cursor:not-allowed;opacity:.5}.payment-success-badge{align-items:center;background:linear-gradient(135deg,#ecfdf5,#d1fae5);border:1px solid #a7f3d0;border-radius:12px;color:#059669;display:inline-flex;font-size:15px;font-weight:600;gap:10px;margin:16px 0 24px;padding:12px 20px}.payment-success-badge svg{color:#059669}.confirm-btn{align-items:center;background:#d32f2f;border:none;border-radius:12px;box-shadow:0 2px 8px #d32f2f4d;color:#fff;cursor:pointer;display:flex;font-size:17px;font-weight:600;gap:10px;height:56px;justify-content:center;transition:all .2s ease;width:100%}.confirm-btn:hover:not(:disabled){background:#b71c1c;box-shadow:0 4px 16px #d32f2f66;transform:translateY(-2px)}.confirm-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.5;transform:none}.confirm-btn:active:not(:disabled){transform:scale(.98)}.confirmation-note{align-items:center;background:#f8fafc;border-radius:12px;color:#64748b;display:flex;font-size:14px;gap:8px;justify-content:center;margin-top:24px;padding:16px;text-align:center}.confirmation-note svg{color:#059669;flex-shrink:0}@media (max-width:768px){.booking-steps{gap:0;padding:12px 0}.booking-step{min-width:70px}.step-connector{margin-top:15px;width:30px}.step-num{font-size:13px;height:32px;width:32px}.step-label{font-size:11px}.payment-section h4{font-size:15px}.card-element-container{padding:14px}.confirm-btn{font-size:16px;height:52px}}.payment-request-button-container{margin-bottom:16px;width:100%}.payment-request-button-container .StripeElement{border-radius:12px;height:48px;overflow:hidden;width:100%}.payment-divider{align-items:center;display:flex;gap:12px;margin:16px 0}.payment-divider:after,.payment-divider:before{background:#e2e8f0;content:"";flex:1 1;height:1px}.payment-divider span{color:#94a3b8;font-size:13px;font-weight:500;white-space:nowrap}.admin-access-denied{align-items:center;background:linear-gradient(180deg,#f8fafc,#f1f5f9);display:flex;justify-content:center;min-height:100vh;padding:20px}.access-denied-content{background:#fff;border-radius:24px;box-shadow:0 20px 60px #00000014;padding:60px 40px;text-align:center}.access-denied-content svg{color:#dc2626;margin-bottom:24px}.access-denied-content h1{color:#0f172a;font-size:28px;font-weight:700;margin-bottom:12px}.access-denied-content p{color:#64748b;margin-bottom:32px}.back-home-btn{align-items:center;background:linear-gradient(135deg,#0f172a,#1e293b);border-radius:12px;color:#fff;display:inline-flex;font-weight:600;gap:8px;padding:14px 28px;text-decoration:none;transition:all .3s ease}.back-home-btn:hover{box-shadow:0 10px 30px #0f172a33;transform:translateY(-2px)}.admin-dashboard{background:linear-gradient(180deg,#0f172a,#1e293b);min-height:100vh;padding:0 24px 40px}.admin-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;margin-bottom:32px;padding:24px 0 32px}.admin-header-left{align-items:center;display:flex;gap:16px}.admin-back-btn{align-items:center;background:#ffffff1a;border-radius:12px;color:#fff;display:flex;height:44px;justify-content:center;text-decoration:none;transition:all .2s ease;width:44px}.admin-back-btn:hover{background:#ffffff26;transform:translateX(-2px)}.admin-header h1{color:#fff;font-size:28px;font-weight:700;margin-bottom:4px}.admin-header p{color:#fff9;font-size:14px}.admin-badge{align-items:center;background:linear-gradient(135deg,#dc2626,#ef4444);border-radius:20px;color:#fff;display:flex;font-size:12px;font-weight:700;gap:6px;letter-spacing:.5px;padding:8px 16px;text-transform:uppercase}.admin-stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr);margin-bottom:32px}.admin-stat-card{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;display:flex;gap:16px;padding:24px;transition:all .3s ease}.admin-stat-card:hover{background:#ffffff14;transform:translateY(-2px)}.stat-icon-wrap{border-radius:14px;height:56px;width:56px}.admin-stat-card .stat-icon-wrap.red{background:#dc262626;color:#dc2626}.stat-icon-wrap.blue{background:linear-gradient(135deg,#3b82f6,#60a5fa);color:#fff}.stat-icon-wrap.green{background:linear-gradient(135deg,#22c55e,#4ade80);color:#fff}.stat-icon-wrap.purple{background:linear-gradient(135deg,#8b5cf6,#a78bfa);color:#fff}.stat-icon-wrap.orange{background:linear-gradient(135deg,#f97316,#fb923c);color:#fff}.admin-stat-card .stat-value{color:#fff;font-size:28px;font-weight:800;letter-spacing:-.02em}.admin-stat-card .stat-label{color:#fff9;font-size:13px;font-weight:500}.admin-section{background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000001a;padding:28px}.admin-section .section-header{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px}.admin-section .section-header h2{color:#0f172a;font-size:20px;font-weight:700}.filter-tabs{display:flex;flex-wrap:wrap;gap:8px}.filter-tab{align-items:center;background:#f1f5f9;border:none;border-radius:8px;color:#64748b;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;padding:8px 14px;text-transform:capitalize;transition:all .2s ease}.filter-tab:hover{background:#e2e8f0;color:#475569}.filter-tab.active{background:#0f172a;color:#fff}.filter-tab .count{background:#0000001a;border-radius:10px;font-size:11px;padding:2px 8px}.filter-tab.active .count{background:#fff3}.bookings-table-wrap{margin:0 -28px;overflow-x:auto;padding:0 28px}.bookings-table{border-collapse:collapse;min-width:800px;width:100%}.bookings-table th{border-bottom:2px solid #e2e8f0;color:#64748b;font-size:11px;font-weight:700;letter-spacing:.8px;padding:14px 16px;text-align:left;text-transform:uppercase}.bookings-table td{border-bottom:1px solid #f1f5f9;color:#475569;font-size:14px;padding:16px}.bookings-table tbody tr{transition:background .2s ease}.bookings-table tbody tr:hover{background:#f8fafc}.customer-cell{display:flex;flex-direction:column;gap:2px}.customer-name{color:#0f172a;font-weight:600}.customer-email{color:#94a3b8;font-size:12px}.status-badge{border-radius:20px;display:inline-flex;font-size:11px;font-weight:700;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase}.status-badge.status-pending{background:#fef3c7;color:#92400e}.status-badge.status-accepted{background:#d1fae5;color:#065f46}.status-badge.status-en_route{background:#dbeafe;color:#1e40af}.status-badge.status-completed{background:#d1fae5;color:#065f46}.status-badge.status-cancelled{background:#fee2e2;color:#991b1b}.price-cell{color:#0f172a;font-weight:700}.date-cell{color:#64748b;font-size:13px}.mechanic-assigned{color:#0f172a;font-weight:600}.assign-btn{background:#dbeafe;border:none;border-radius:6px;color:#1e40af;cursor:pointer;font-size:12px;font-weight:600;padding:6px 12px;transition:all .2s ease}.assign-btn:hover{background:#bfdbfe}.assign-mechanic-dropdown{align-items:center;display:flex;gap:8px}.assign-mechanic-dropdown select{background:#fff;border:1px solid #e2e8f0;border-radius:6px;cursor:pointer;font-size:12px;padding:6px 10px}.cancel-assign{align-items:center;background:#fee2e2;border:none;border-radius:6px;color:#dc2626;cursor:pointer;display:flex;height:28px;justify-content:center;width:28px}.action-buttons{display:flex;gap:8px}.refund-btn,.view-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.view-btn{background:#f1f5f9;color:#475569}.view-btn:hover{background:#e2e8f0;color:#0f172a}.refund-btn{background:#fee2e2;color:#dc2626}.refund-btn:hover{background:#fecaca}.no-data{color:#94a3b8;font-size:15px;padding:60px 20px!important;text-align:center}.admin-loading{color:#64748b}.admin-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172ab3;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1000}.admin-modal{background:#fff;border-radius:20px;display:flex;flex-direction:column;max-height:90vh;max-width:640px;overflow:hidden;width:100%}.admin-modal .modal-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:24px 28px}.admin-modal .modal-header h3{color:#0f172a;font-size:20px;font-weight:700}.close-modal{align-items:center;background:#f1f5f9;border:none;border-radius:10px;color:#64748b;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s ease;width:40px}.close-modal:hover{background:#e2e8f0;color:#0f172a}.modal-body{overflow-y:auto;padding:28px}.detail-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr);margin-bottom:28px}.detail-item{display:flex;flex-direction:column;gap:6px}.detail-item.full-width{grid-column:span 2}.detail-item label{color:#64748b;font-size:11px;font-weight:700;letter-spacing:.8px;text-transform:uppercase}.detail-item p,.detail-item span{color:#0f172a;font-size:14px;font-weight:500}.detail-item .price{color:#22c55e;font-size:18px;font-weight:700}.detail-item .mono{color:#64748b;font-family:SF Mono,Monaco,monospace;font-size:12px;word-break:break-all}.modal-actions{border-top:1px solid #e2e8f0;padding-top:24px}.modal-actions h4{color:#0f172a;font-size:14px;font-weight:700;margin-bottom:16px}.status-buttons{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}.status-action-btn{background:#f1f5f9;border:none;border-radius:8px;color:#475569;cursor:pointer;font-size:13px;font-weight:600;padding:10px 18px;text-transform:capitalize;transition:all .2s ease}.status-action-btn:hover:not(:disabled){background:#e2e8f0;color:#0f172a}.status-action-btn.active{background:#0f172a;color:#fff}.status-action-btn:disabled{cursor:not-allowed;opacity:.5}.cancel-refund-btn{align-items:center;background:linear-gradient(135deg,#dc2626,#ef4444);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:700;gap:8px;justify-content:center;padding:14px;transition:all .3s ease;width:100%}.cancel-refund-btn:hover{box-shadow:0 10px 30px #dc26264d;transform:translateY(-2px)}.admin-tabs{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;border-bottom:1px solid #ffffff1a;display:flex;gap:8px;margin-bottom:32px;overflow-x:auto;padding-bottom:16px;scrollbar-width:none}.admin-tabs::-webkit-scrollbar{display:none}.admin-tab{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;color:#ffffffb3;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 20px;transition:all .2s ease;white-space:nowrap}.admin-tab:hover{background:#ffffff1a;color:#fff}.admin-tab.active{background:#fff;border-color:#fff;color:#0f172a}.admin-tab svg{height:18px;width:18px}.tab-badge{border-radius:10px;font-size:11px;font-weight:700;min-width:20px;padding:2px 8px;text-align:center}.admin-tab.active .tab-badge,.tab-badge{background:#dc2626;color:#fff}.admin-overview{display:flex;flex-direction:column;gap:24px}.admin-charts-row{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1.5fr 1fr}.admin-chart-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #00000014;padding:20px}.admin-chart-card.full-width{grid-column:span 2}.admin-chart-card h3{color:#0f172a;font-size:18px;font-weight:700;margin-bottom:24px}.leaderboard{display:flex;flex-direction:column;gap:12px}.leaderboard-item{align-items:center;background:#f8fafc;border-radius:12px;display:flex;gap:12px;padding:14px 16px;transition:all .2s ease}.leaderboard-item:hover{background:#f1f5f9}.leaderboard-item .rank{align-items:center;background:#e2e8f0;border-radius:8px;color:#64748b;display:flex;font-size:12px;font-weight:700;height:32px;justify-content:center;width:32px}.leaderboard-item .rank.rank-1{background:#dc2626;color:#fff}.leaderboard-item .rank.rank-2,.leaderboard-item .rank.rank-3,.leaderboard-item .rank.rank-4,.leaderboard-item .rank.rank-5{background:#0f172a;color:#fff}.leaderboard-item .name{color:#0f172a;flex:1 1;font-size:14px;font-weight:600}.leaderboard-item .jobs{color:#64748b;font-size:12px;margin-right:8px}.leaderboard-item .earnings{color:#dc2626;font-size:15px;font-weight:700}.leaderboard.detailed .leaderboard-item{padding:18px 20px}.leaderboard.detailed .leaderboard-item .info{display:flex;flex:1 1;flex-direction:column;gap:2px}.leaderboard.detailed .leaderboard-item .meta{color:#94a3b8;font-size:12px}.approval-queue{background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:16px;margin-bottom:24px;padding:24px}.approval-queue h2{align-items:center;color:#92400e;display:flex;font-size:18px;font-weight:700;gap:10px;margin-bottom:20px}.approval-queue h2 svg{color:#f59e0b}.approval-cards{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.approval-card{background:#fff;border-radius:14px;box-shadow:0 4px 15px #00000014;padding:20px}.approval-info h4{color:#0f172a;font-size:16px;font-weight:700;margin-bottom:12px}.approval-info p{align-items:center;color:#64748b;display:flex;font-size:13px;gap:8px;margin-bottom:8px}.approval-info p svg{color:#94a3b8;height:14px;width:14px}.approval-actions{border-top:1px solid #f1f5f9;display:flex;gap:10px;margin-top:16px;padding-top:16px}.approve-btn,.reject-btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;flex:1 1;font-size:13px;font-weight:600;gap:6px;justify-content:center;padding:10px 16px;transition:all .2s ease}.approve-btn{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff}.approve-btn:hover{box-shadow:0 4px 15px #22c55e66;transform:translateY(-1px)}.reject-btn{background:#fee2e2;color:#dc2626}.reject-btn:hover{background:#fecaca}.admin-section h2{color:#0f172a;font-size:20px;font-weight:700;margin-bottom:20px}.mechanics-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.mechanic-card-admin{background:#f8fafc;border-radius:14px;padding:20px;transition:all .2s ease}.mechanic-card-admin:hover{background:#f1f5f9}.mechanic-card-admin .mechanic-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:12px}.mechanic-card-admin .mechanic-header h4{color:#0f172a;font-size:15px;font-weight:700}.status-pill{border-radius:20px;font-size:11px;font-weight:600;padding:4px 10px;text-transform:capitalize}.status-pill.active{background:#d1fae5;color:#065f46}.status-pill.pending_approval{background:#fef3c7;color:#92400e}.status-pill.rejected{background:#fee2e2;color:#991b1b}.status-pill.inactive{background:#e2e8f0;color:#475569}.mechanic-card-admin p{align-items:center;color:#64748b;display:flex;font-size:13px;gap:8px;margin-bottom:6px}.mechanic-card-admin p svg{color:#94a3b8;height:14px;width:14px}.search-bar{align-items:center;background:#f1f5f9;border-radius:10px;display:flex;gap:10px;max-width:100%;padding:10px 16px;width:300px}.search-bar svg{color:#94a3b8;flex-shrink:0}.search-bar input{background:#0000;border:none;color:#0f172a;flex:1 1;font-size:14px;outline:none}.search-bar input::placeholder{color:#94a3b8}.revenue-stats-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);margin-bottom:32px}.revenue-stat{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #00000014;padding:20px;text-align:center}.revenue-stat .label{color:#64748b;display:block;font-size:13px;font-weight:600;margin-bottom:8px}.revenue-stat .value{color:#0f172a;font-size:28px;font-weight:800}.revenue-stat .value.green{color:#22c55e}.revenue-stat .value.revenue-red{color:#dc2626}.revenue-stat .value.revenue-dark{color:#334155}.stripe-link{align-items:center;color:#6366f1;display:inline-flex;font-size:13px;font-weight:600;gap:4px;text-decoration:none;transition:all .2s ease}.stripe-link:hover{color:#4f46e5;text-decoration:underline}.text-green{color:#22c55e!important}.text-gray{color:#94a3b8!important}.admin-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.admin-loading,.admin-loading p{color:#ffffffb3}.admin-loading .spinner{animation:spin 1s linear infinite;color:#fff;margin-bottom:16px}.stat-icon-wrap.teal{background:linear-gradient(135deg,#14b8a6,#2dd4bf);color:#fff}.stat-icon-wrap.red{background:linear-gradient(135deg,#dc2626,#ef4444);color:#fff}.stat-change{font-size:12px;font-weight:600;margin-top:4px}.stat-change.up{color:#22c55e}.stat-change.down{color:#dc2626}.stat-change.flat{color:#64748b}.admin-activity-card>h3{color:#fff;font-size:20px;font-weight:700;margin:0 0 16px}.activity-feed{display:flex;flex-direction:column;gap:8px}.activity-item{align-items:center;background:#ffffff0d;border-radius:12px;display:flex;gap:12px;padding:12px;transition:background .15s}.activity-item:hover{background:#ffffff14}.activity-icon{align-items:center;border-radius:50%;color:#fff;display:flex;flex-shrink:0;height:36px;justify-content:center;width:36px}.activity-icon-booking_created,.activity-icon-customer_signup,.activity-icon-mechanic_signup,.activity-icon-quote_approved{background:#dc2626}.activity-icon-booking_completed,.activity-icon-payment_received{background:#22c55e}.activity-text{color:#9ca3af;flex:1 1;font-size:13px;font-weight:400;line-height:1.4}.activity-text strong{color:#fff;font-weight:600}.activity-time{color:#9ca3af;flex-shrink:0;font-size:12px;white-space:nowrap}.mechanic-card-admin.clickable{border:1px solid #0000;cursor:pointer;transition:all .2s ease}.mechanic-card-admin.clickable:hover{border-color:#e2e8f0;box-shadow:0 4px 12px #0000000f}.mechanic-card-actions{border-top:1px solid #e2e8f0;display:flex;gap:8px;margin-top:12px;padding-top:12px}.suspend-btn{align-items:center;background:#0000;border:1px solid #dc2626;border-radius:8px;color:#dc2626;cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:6px;padding:8px 14px;transition:all .2s}.suspend-btn:hover{background:#fee2e2}.activate-btn{align-items:center;background:#dc2626;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:6px;padding:8px 14px;transition:all .2s}.activate-btn:hover{background:#b91c1c}.view-profile-btn{align-items:center;background:#f1f5f9;border:none;border-radius:8px;color:#475569;cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:4px;margin-left:auto;padding:8px 14px;transition:all .2s}.view-profile-btn:hover{background:#e2e8f0;color:#0f172a}.status-pill.suspended{background:#fee2e2;color:#991b1b}.admin-mechanics-section{padding:0}.admin-mechanics-heading{color:#fff;font-size:18px;font-weight:700;margin:24px 0 16px}.admin-mechanics-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr}@media (min-width:640px){.admin-mechanics-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.admin-mechanics-grid{grid-template-columns:repeat(3,1fr)}}.admin-mech-card{background:#ffffff0d;border:1px solid #ffffff14;border-radius:12px;cursor:pointer;padding:20px;transition:background .2s,border-color .2s}.admin-mech-card:hover{background:#ffffff14;border-color:#ffffff26}.admin-mech-name{color:#fff;font-size:16px;font-weight:700;margin:0 0 12px}.admin-mech-detail{align-items:center;color:#9ca3af;display:flex;font-size:13px;gap:8px;margin-bottom:8px}.admin-mech-detail svg{color:#6b7280;flex-shrink:0;height:14px;width:14px}.admin-mech-stripe{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.admin-mech-stripe-badge{border-radius:20px;font-size:11px;font-weight:600;padding:4px 10px}.admin-mech-stripe-badge.active{background:#22c55e26;color:#22c55e}.admin-mech-stripe-badge.pending{background:#d9770626;color:#f59e0b}.admin-mech-actions{align-items:center;border-top:1px solid #ffffff0f;display:flex;flex-wrap:wrap;gap:8px;margin-top:14px;padding-top:14px}.admin-mech-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:12px;font-weight:600;gap:6px;padding:7px 14px;transition:opacity .2s}.admin-mech-btn:hover{opacity:.85}.admin-mech-btn.approve{background:#22c55e26;color:#22c55e}.admin-mech-btn.reject,.admin-mech-btn.suspend{background:#ef444426;color:#ef4444}.admin-mech-btn.activate{background:#22c55e26;color:#22c55e}.admin-mech-btn.profile{background:#ffffff14;color:#9ca3af}.admin-mech-btn.profile:hover{color:#fff}.admin-mech-card .status-pill.inactive{background:#ef444426;color:#ef4444}.cancel-btn-modal{background:#f1f5f9;border:none;border-radius:10px;color:#475569;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:12px;transition:all .2s}.cancel-btn-modal:hover{background:#e2e8f0}.confirm-suspend-btn{background:#dc2626;border:none;border-radius:10px;color:#fff;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:12px;transition:all .2s}.confirm-suspend-btn:hover{background:#b91c1c}.mechanic-profile-modal{max-width:640px}.mechanic-profile-top{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;gap:16px;margin-bottom:24px;padding-bottom:20px}.mechanic-profile-avatar{align-items:center;background:#f1f5f9;border-radius:50%;color:#94a3b8;display:flex;flex-shrink:0;height:64px;justify-content:center;overflow:hidden;width:64px}.mechanic-profile-avatar img{height:100%;object-fit:cover;width:100%}.mechanic-profile-info{display:flex;flex-direction:column;gap:6px}.mechanic-profile-info h2{color:#0f172a;font-size:20px;font-weight:700;margin:0}.mechanic-profile-stats{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr);margin-top:20px}.profile-stat-card{background:#f8fafc;border-radius:12px;padding:16px;text-align:center}.profile-stat-value{color:#0f172a;display:block;font-size:22px;font-weight:800;margin-bottom:4px}.profile-stat-label{color:#64748b;font-size:12px;font-weight:600}.mechanic-recent-bookings{display:flex;flex-direction:column}.recent-booking-row{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;gap:12px;padding:12px 0}.recent-booking-row:last-child{border-bottom:none}.rb-customer{flex:1 1;font-weight:600}.rb-amount,.rb-customer{color:#0f172a;font-size:13px}.rb-amount{font-weight:700}.rb-date{color:#94a3b8;font-size:12px}.revenue-filter-tabs{display:flex;flex-wrap:wrap;gap:8px}.revenue-filter-btn{background:#0000;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px;transition:all .2s}.revenue-filter-btn:hover{border-color:#94a3b8;color:#334155}.revenue-filter-btn.active{background:#dc2626;border-color:#dc2626;color:#fff}.desktop-only{display:block}.mobile-only{display:none}.mobile-card-list{display:flex;flex-direction:column;gap:12px}.mobile-booking-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;cursor:pointer;padding:16px;transition:all .2s}.mobile-booking-card:hover{border-color:#cbd5e1;box-shadow:0 2px 8px #0000000f}.mbc-row{align-items:center;color:#334155;display:flex;font-size:13px;justify-content:space-between;padding:4px 0}.mbc-header{border-bottom:1px solid #e2e8f0;margin-bottom:6px;padding-bottom:10px}.mbc-customer{color:#0f172a;font-size:15px;font-weight:700}.mbc-label{color:#94a3b8;font-size:12px;font-weight:500}.mbc-price{color:#0f172a;font-weight:700}@media (max-width:1024px){.admin-stats-grid{grid-template-columns:repeat(2,1fr)}.admin-charts-row{grid-template-columns:1fr}.admin-chart-card.full-width{grid-column:span 1}.revenue-stats-row{grid-template-columns:1fr}}@media (max-width:768px){.admin-dashboard{padding:0 16px 32px}.admin-header{align-items:flex-start;flex-direction:column;gap:16px}.admin-header h1{font-size:22px}.admin-tabs{gap:6px;margin-bottom:24px;padding-bottom:12px}.admin-tab{font-size:13px;padding:10px 14px}.admin-tab svg{height:16px;width:16px}.admin-stats-grid{grid-template-columns:1fr}.admin-stat-card{padding:20px}.admin-section{border-radius:16px;padding:20px}.admin-section .section-header{align-items:flex-start;flex-direction:column}.filter-tabs{overflow-x:auto;padding-bottom:8px;width:100%}.search-bar{width:100%}.approval-cards,.detail-grid,.mechanics-grid{grid-template-columns:1fr}.detail-item.full-width{grid-column:span 1}.admin-chart-card,.modal-body{padding:20px}.admin-chart-card h3{font-size:16px;margin-bottom:16px}.leaderboard-item{padding:12px 14px}.desktop-only{display:none!important}.mobile-only{display:block!important}.mechanic-profile-stats{grid-template-columns:1fr}.revenue-filter-tabs{width:100%}.revenue-filter-btn{flex:1 1;font-size:12px;padding:8px 10px;text-align:center}}.static-page{background:linear-gradient(135deg,#f8f9fa,#e9ecef);min-height:100vh}.static-page-header{background:#fff;border-bottom:1px solid #00000014;padding-top:env(safe-area-inset-top);position:-webkit-sticky;position:sticky;top:0;z-index:100}.static-nav{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:16px 24px}.static-logo img{height:40px;width:auto}.back-link{align-items:center;color:#666;display:flex;font-weight:500;gap:8px;text-decoration:none;transition:color .2s}.back-link:hover{color:#dc2626}.static-content{margin:0 auto;max-width:1200px;padding:0 24px 60px}.static-hero{padding:60px 0 40px;text-align:center}.static-hero h1{color:#1a1a1a;font-size:2.5rem;font-weight:700;margin-bottom:16px}.static-hero p{color:#666;font-size:1.2rem;margin:0 auto;max-width:700px}.hiw-content{margin:0 auto;max-width:640px;padding:0 20px 60px}@media (min-width:960px){.hiw-content{max-width:960px}}.hiw-steps-section{margin-bottom:56px}.hiw-steps-grid{grid-gap:0;display:grid;gap:0;grid-template-columns:1fr;position:relative}.hiw-steps-grid:before{background:linear-gradient(180deg,#dc2626 0,#dc262626);bottom:40px;content:"";left:15px;position:absolute;top:40px;width:2px}@media (min-width:960px){.hiw-steps-grid{gap:20px;grid-template-columns:repeat(3,1fr)}.hiw-steps-grid:before{display:none}}.hiw-step-card{background:#fff;border-radius:12px;box-shadow:0 1px 4px #0000000f;margin-bottom:12px;padding:20px 20px 20px 48px;position:relative;transition:transform .2s,box-shadow .2s}@media (min-width:960px){.hiw-step-card{margin-bottom:0;padding:28px 20px 20px;text-align:center}}.hiw-step-card:hover{box-shadow:0 4px 16px #00000014;transform:translateY(-2px)}.hiw-step-badge{align-items:center;background:#dc2626;border-radius:50%;box-shadow:0 2px 8px #dc26264d;color:#fff;display:flex;font-size:13px;font-weight:700;height:30px;justify-content:center;left:-15px;position:absolute;top:20px;width:30px;z-index:1}@media (min-width:960px){.hiw-step-badge{left:20px;position:absolute;top:-12px}}.hiw-step-icon-wrap{align-items:center;background:#dc26261a;border-radius:12px;color:#dc2626;display:flex;height:48px;justify-content:center;margin-bottom:14px;width:48px}@media (min-width:960px){.hiw-step-icon-wrap{margin:0 auto 14px}}.hiw-step-card h3{color:#0f172a;font-size:18px;font-weight:700;margin:0 0 8px}.hiw-step-card p{color:#64748b;font-size:14px;line-height:1.6;margin:0}.hiw-benefits-section{margin-bottom:56px}.hiw-benefits-section h2{color:#0f172a;font-size:24px;font-weight:700;margin:0 0 24px;text-align:center}.hiw-benefits-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr}@media (min-width:640px){.hiw-benefits-grid{grid-template-columns:repeat(2,1fr)}}.hiw-benefit-card{align-items:flex-start;background:#fff;border-radius:12px;box-shadow:0 1px 4px #0000000f;display:flex;gap:16px;padding:20px;transition:transform .2s,box-shadow .2s}.hiw-benefit-card:hover{box-shadow:0 4px 16px #00000014;transform:translateY(-2px)}.hiw-benefit-icon{align-items:center;background:#dc26261a;border-radius:50%;color:#dc2626;display:flex;height:40px;justify-content:center;min-width:40px;width:40px}.hiw-benefit-text h4{color:#0f172a;font-size:16px;font-weight:700;margin:0 0 4px}.hiw-benefit-text p{color:#64748b;font-size:14px;line-height:1.6;margin:0}.how-it-works-steps{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(3,1fr);margin-bottom:60px}.step-card{background:#fff;border-radius:16px;box-shadow:0 4px 20px #0000000f;padding:32px 24px;position:relative;text-align:center;transition:transform .2s,box-shadow .2s}.step-card:hover{box-shadow:0 8px 30px #0000001a;transform:translateY(-4px)}.step-number{border-radius:50%;font-size:14px;font-weight:700;height:32px;left:50%;position:absolute;top:-15px;transform:translateX(-50%);width:32px}.step-icon{color:#dc2626;margin-bottom:16px}.step-card h3{color:#1a1a1a;font-size:1.2rem;font-weight:600;margin-bottom:12px}.step-card p{color:#666;font-size:.95rem;line-height:1.6}.benefits-section{background:#fff;border-radius:20px;box-shadow:0 4px 20px #0000000f;margin-bottom:60px;padding:48px}.benefits-section h2{color:#1a1a1a;font-size:1.8rem;margin-bottom:32px;text-align:center}.benefits-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(4,1fr)}.benefit-item{padding:20px;text-align:center}.benefit-item svg{color:#dc2626;margin-bottom:12px}.benefit-item h4{color:#1a1a1a;font-size:1rem;font-weight:600;margin-bottom:8px}.benefit-item p{color:#666;font-size:.9rem}.static-cta{background:linear-gradient(135deg,#dc2626,#ef4444);border-radius:20px;color:#fff;padding:48px;text-align:center}.static-cta h2{font-size:1.8rem;margin-bottom:12px}.static-cta p{margin-bottom:24px;opacity:.9}.cta-button{align-items:center;background:#fff;border:none;border-radius:12px;color:#dc2626;cursor:pointer;display:inline-flex;font-size:1.05rem;font-weight:600;gap:8px;padding:14px 32px;transition:all .2s}.cta-button:hover{box-shadow:0 4px 20px #0003;transform:scale(1.05)}.pricing-structure{margin-bottom:60px}.pricing-structure h2{color:#1a1a1a;font-size:1.8rem;margin-bottom:32px;text-align:center}.pricing-breakdown{align-items:center;display:flex;flex-wrap:wrap;gap:24px;justify-content:center}.pricing-item{background:#fff;border-radius:16px;box-shadow:0 4px 20px #0000000f;padding:32px;text-align:center;width:280px}.pricing-icon{color:#dc2626;margin-bottom:16px}.pricing-item h3{color:#1a1a1a;font-size:1.2rem;margin-bottom:8px}.price-range{color:#dc2626;font-size:1.5rem;font-weight:700;margin-bottom:12px}.pricing-item p{color:#666;font-size:.9rem;line-height:1.6}.pricing-plus{color:#ccc;font-size:2rem;font-weight:700}.common-repairs{margin-bottom:60px}.common-repairs h2{color:#1a1a1a;font-size:1.8rem;margin-bottom:32px;text-align:center}.repair-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr)}.repair-card{background:#fff;border-radius:12px;box-shadow:0 4px 15px #0000000f;padding:24px;text-align:center}.repair-card h4{color:#1a1a1a;font-size:1.1rem;margin-bottom:8px}.repair-card .estimate{color:#dc2626;font-size:1.4rem;font-weight:700;margin-bottom:8px}.repair-card .time{color:#999;font-size:.85rem}.pricing-note{color:#999;font-size:.9rem;margin-top:24px;text-align:center}.pricing-guarantee{background:#fff;border-radius:20px;box-shadow:0 4px 20px #0000000f;margin-bottom:60px;padding:48px;text-align:center}.pricing-guarantee svg{color:#dc2626;margin-bottom:16px}.pricing-guarantee h2{color:#1a1a1a;font-size:1.6rem;margin-bottom:12px}.pricing-guarantee p{color:#666;line-height:1.7;margin:0 auto;max-width:600px}.contact-grid{grid-gap:40px;display:grid;gap:40px;grid-template-columns:1fr 1.5fr;margin-bottom:60px}.contact-info{display:flex;flex-direction:column;gap:24px}.contact-item{align-items:flex-start;background:#fff;border-radius:12px;box-shadow:0 4px 15px #0000000f;display:flex;gap:16px;padding:20px}.contact-item svg{color:#dc2626;flex-shrink:0}.contact-item h4{color:#999;font-size:.9rem;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.contact-item p{color:#1a1a1a;font-size:1.05rem;font-weight:500}.contact-form-wrap{background:#fff;border-radius:16px;box-shadow:0 4px 20px #0000000f;padding:40px}.contact-form{display:flex;flex-direction:column;gap:20px}.contact-form .form-group label{color:#333;display:block;font-size:.9rem;font-weight:500;margin-bottom:8px}.contact-form .form-group input,.contact-form .form-group select,.contact-form .form-group textarea{border:1px solid #e0e0e0;border-radius:10px;font-size:1rem;padding:12px 16px;transition:border-color .2s,box-shadow .2s;width:100%}.contact-form .form-group input:focus,.contact-form .form-group select:focus,.contact-form .form-group textarea:focus{border-color:#dc2626;box-shadow:0 0 0 3px #dc26261a;outline:none}.contact-form .submit-btn{align-items:center;background:linear-gradient(135deg,#dc2626,#ef4444);border:none;border-radius:12px;color:#fff;cursor:pointer;display:inline-flex;font-size:1.05rem;font-weight:600;gap:8px;justify-content:center;padding:14px 32px;transition:all .2s;width:100%}.contact-form .submit-btn:hover{box-shadow:0 4px 20px #dc262666;transform:translateY(-2px)}.form-success{padding:40px 20px;text-align:center}.form-success svg{color:#22c55e;margin-bottom:16px}.form-success h3{color:#1a1a1a;font-size:1.4rem;margin-bottom:8px}.form-success p{color:#666}.legal-page .static-hero p{color:#999;font-size:1rem}.legal-content{background:#fff;border-radius:20px;box-shadow:0 4px 20px #0000000f;margin-bottom:60px;padding:48px}.legal-content section{border-bottom:1px solid #eee;margin-bottom:32px;padding-bottom:32px}.legal-content section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.legal-content h2{color:#1a1a1a;font-size:1.3rem;margin-bottom:16px}.legal-content p{color:#555;line-height:1.8;margin-bottom:12px}.legal-content p:last-child{margin-bottom:0}.legal-content ul{color:#555;line-height:1.8;list-style:disc;margin-left:24px}.legal-content ul li{margin-bottom:8px}.legal-content a{color:#dc2626;text-decoration:none}.legal-content a:hover{text-decoration:underline}.benefits-hero{background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff;margin:0 -24px 40px;padding:60px 24px!important}.benefits-hero h1{color:#fff}.benefits-hero p{color:#ffffffe6}.benefits-showcase{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(2,1fr);margin-bottom:60px}.benefit-card-large{background:#fff;border-radius:20px;box-shadow:0 4px 20px #0000000f;padding:32px;transition:transform .2s,box-shadow .2s}.benefit-card-large:hover{box-shadow:0 8px 30px #0000001a;transform:translateY(-4px)}.benefit-card-large .benefit-icon{align-items:center;background:linear-gradient(135deg,#dc26261a,#dc26260d);border-radius:16px;color:#dc2626;display:flex;height:64px;justify-content:center;margin-bottom:20px;width:64px}.benefit-card-large h3{color:#1a1a1a;font-size:1.3rem;margin-bottom:12px}.benefit-card-large p{color:#666;line-height:1.6;margin-bottom:20px}.benefit-stat{align-items:baseline;border-top:1px solid #eee;display:flex;gap:8px;padding-top:16px}.benefit-stat .stat-number{color:#dc2626;font-size:2rem;font-weight:700}.benefit-stat .stat-label{color:#999;font-size:.9rem}.how-earnings-work{background:#fff;border-radius:20px;box-shadow:0 4px 20px #0000000f;margin-bottom:60px;padding:48px}.how-earnings-work h2{color:#1a1a1a;font-size:1.8rem;margin-bottom:32px;text-align:center}.earnings-example{margin:0 auto;max-width:500px}.example-job h4{color:#1a1a1a;font-size:1.1rem;margin-bottom:20px;text-align:center}.earnings-breakdown{background:#f8f9fa;border-radius:12px;padding:24px}.earning-line{border-bottom:1px solid #e0e0e0;color:#555;display:flex;justify-content:space-between;padding:12px 0}.earning-line:last-child{border-bottom:none}.earning-line.total{color:#1a1a1a;font-weight:600}.earning-line.fee{color:#999}.earning-line.your-take{border-top:2px solid #22c55e;color:#22c55e;font-size:1.2rem;font-weight:700;margin-top:8px;padding-top:16px}.requirements-section{margin-bottom:60px}.requirements-section h2{color:#1a1a1a;font-size:1.8rem;margin-bottom:32px;text-align:center}.requirements-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr)}.requirement-item{align-items:center;background:#fff;border-radius:12px;box-shadow:0 4px 15px #0000000f;display:flex;gap:12px;padding:20px}.requirement-item svg{color:#22c55e;flex-shrink:0}.requirement-item span{color:#333;font-size:.95rem}@media (max-width:1024px){.benefits-grid,.how-it-works-steps,.repair-grid,.requirements-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.static-hero h1{font-size:2rem}.static-hero p{font-size:1rem}.how-it-works-steps{grid-template-columns:1fr}.benefits-grid{gap:16px;grid-template-columns:1fr 1fr}.benefits-section{padding:32px 24px}.pricing-breakdown{flex-direction:column}.pricing-item{width:100%}.pricing-plus{transform:rotate(90deg)}.repair-grid{grid-template-columns:1fr 1fr}.contact-grid{grid-template-columns:1fr}.contact-form-wrap,.legal-content{padding:24px}.benefits-showcase{grid-template-columns:1fr}.benefits-hero{margin:0 -24px 32px;padding:40px 24px!important}.how-earnings-work{padding:32px 24px}.requirements-grid{grid-template-columns:1fr}.static-cta{padding:32px 24px}}@media (max-width:480px){.static-nav{padding:12px 16px}.static-content{padding:0 16px 40px}.static-hero{padding:40px 0 32px}.static-hero h1{font-size:1.6rem}.benefits-grid,.repair-grid{grid-template-columns:1fr}.step-card{padding:24px 16px}.benefit-card-large{padding:24px}}.loading-screen{align-items:center;background:#0f172a;bottom:0;display:flex;flex-direction:column;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.loading-logo{animation:pulse 2s ease-in-out infinite;height:80px;width:80px}.loading-screen p{color:#94a3b8;font-size:14px;margin-top:16px}.mechanic-portal{background:#f8fafc;display:flex;min-height:100vh}.mechanic-portal-header{align-items:center;background:#1e293b;display:none;height:calc(60px + env(safe-area-inset-top));justify-content:space-between;left:0;padding:env(safe-area-inset-top) 16px 0;position:fixed;right:0;top:0;z-index:1000}.mobile-menu-toggle{background:none;border:none;color:#fff;cursor:pointer;padding:8px}.portal-logo{height:32px}.portal-logo-centered{height:32px;left:50%;position:absolute;top:calc(50% + env(safe-area-inset-top)/2);transform:translate(-50%,-50%)}.header-spacer{width:24px}.header-user-info{color:#fff;font-size:14px}.mechanic-sidebar{background:#1e293b;bottom:0;color:#fff;display:flex;flex-direction:column;left:0;position:fixed;top:0;width:260px;z-index:1001}.sidebar-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;gap:12px;padding:calc(20px + env(safe-area-inset-top)) 20px 20px;position:relative}.sidebar-close-btn{background:#ffffff1a;border:none;border-radius:8px;color:#fff;cursor:pointer;display:none;padding:8px;position:absolute;right:12px;top:calc(12px + env(safe-area-inset-top));transition:all .2s}.sidebar-close-btn:hover{background:#fff3}@media (max-width:768px){.sidebar-close-btn{align-items:center;display:flex;justify-content:center}}.sidebar-logo{height:36px}.sidebar-title{font-size:16px;font-weight:600}.sidebar-user{border-bottom:1px solid #ffffff1a;gap:12px;padding:16px 20px}.sidebar-avatar,.sidebar-user{align-items:center;display:flex}.sidebar-avatar{background:#ffffff1a;border-radius:50%;height:44px;justify-content:center;width:44px}.sidebar-user-info{display:flex;flex-direction:column}.sidebar-user-name{font-size:14px;font-weight:500}.sidebar-user-status{align-items:center;color:#94a3b8;display:flex;font-size:12px;gap:6px}.status-dot{border-radius:50%;height:8px;width:8px}.status-dot.online{background:#22c55e}.status-dot.offline{background:#94a3b8}.sidebar-avatar-img{border-radius:50%;height:100%;object-fit:cover;width:100%}.sidebar-availability-toggle{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;cursor:pointer;display:flex;justify-content:space-between;margin:12px 16px;padding:14px 16px;transition:all .2s}.sidebar-availability-toggle:hover{background:#ffffff14}.availability-error-banner{align-items:flex-start;background:#dc262626;border:1px solid #dc26264d;border-radius:10px;color:#fca5a5;display:flex;font-size:12px;gap:8px;line-height:1.4;margin:8px 16px 0;padding:10px 12px}.availability-error-banner svg{color:#f87171;flex-shrink:0;margin-top:1px}.availability-error-dismiss{background:none;border:none;color:#fca5a5;cursor:pointer;flex-shrink:0;font-size:16px;line-height:1;margin-left:auto;opacity:.7;padding:0}.availability-error-dismiss:hover{opacity:1}.availability-status{align-items:center;display:flex;gap:10px}.availability-dot{border-radius:50%;height:12px;transition:all .2s;width:12px}.availability-dot.online{background:#22c55e;box-shadow:0 0 8px #22c55e80}.availability-dot.offline{background:#6b7280}.availability-text{color:#fff;font-size:14px;font-weight:600}.toggle-switch-sm{background:#374151;border-radius:12px;height:24px;position:relative;transition:all .2s;width:44px}.toggle-switch-sm.on{background:#22c55e}.toggle-knob-sm{background:#fff;border-radius:50%;box-shadow:0 2px 4px #0003;height:20px;left:2px;position:absolute;top:2px;transition:all .2s;width:20px}.toggle-switch-sm.on .toggle-knob-sm{left:22px}.sidebar-nav{flex:1 1;overflow-y:auto;padding:16px 0}.sidebar-nav-item{align-items:center;background:none;border:none;color:#94a3b8;cursor:pointer;display:flex;font-size:14px;gap:12px;padding:12px 20px;text-align:left;transition:all .2s;width:100%}.sidebar-nav-item:hover{background:#ffffff0d;color:#fff}.sidebar-nav-item.active{background:#dc262633;border-left:3px solid #dc2626;color:#fff}.nav-badge{background:#dc2626;border-radius:10px;color:#fff;font-size:11px;font-weight:600;margin-left:auto;padding:2px 8px}.sidebar-footer{border-top:1px solid #ffffff14;padding:16px 20px 24px}.sidebar-logout{align-items:center;background:#ffffff0d;border:none;border-radius:8px;color:#94a3b8;cursor:pointer;display:flex;font-size:14px;gap:12px;padding:12px 16px;transition:all .2s;width:100%}.sidebar-logout:hover{background:#ffffff1a;color:#cbd5e1}.mechanic-main{background:#f8fafc;flex:1 1;margin-left:260px;min-height:100vh}.mechanic-page{margin:0 auto;max-width:1100px;padding:24px}.page-header{margin-bottom:28px}.page-header h1{color:#0f172a;font-size:26px;font-weight:700;margin:0 0 4px}.page-header p{color:#64748b;font-size:15px;margin:0}.mechanic-stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr);margin-bottom:32px}.mechanic-stat-card{align-items:center;background:#fff;border:1px solid #0000000f;border-radius:12px;box-shadow:0 1px 3px #0000000a,0 4px 12px #00000005;display:flex;gap:16px;padding:20px;transition:box-shadow .2s}.mechanic-stat-card:hover{box-shadow:0 2px 8px #0000000f,0 8px 24px #0000000a}.stat-icon-wrap{align-items:center;border-radius:12px;display:flex;height:48px;justify-content:center;width:48px}.stat-icon-wrap.orange{background:#fff7ed;color:#ea580c}.stat-icon-wrap.blue{background:#eff6ff;color:#2563eb}.stat-icon-wrap.green{background:#f0fdf4;color:#16a34a}.stat-icon-wrap.purple{background:#faf5ff;color:#9333ea}.stat-icon-wrap.red{background:#dc26261a;color:#dc2626}.stat-icon-wrap.teal{background:#f0fdfa;color:#0d9488}.stat-content{display:flex;flex-direction:column}.stat-value{color:#0f172a;font-size:28px;font-weight:800;letter-spacing:-.02em}.stat-label{color:#64748b;font-size:13px}.jobs-section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.jobs-section-header h2{color:#0f172a;font-size:20px;font-weight:700;margin:0}.jobs-group{margin-bottom:32px}.jobs-group-title{align-items:center;color:#0f172a;display:flex;font-size:16px;font-weight:700;gap:8px;margin-bottom:16px}.jobs-group-title svg{color:#dc2626}.mechanic-jobs-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}.mechanic-job-card{background:#fff;border:1px solid #0000000f;border-radius:12px;box-shadow:0 1px 3px #0000000a;padding:20px;transition:box-shadow .2s}.mechanic-job-card:hover{box-shadow:0 2px 8px #0000000f}.mechanic-job-card.pending{border-left:3px solid #dc2626}.mechanic-job-card.active{border-left:3px solid #0f172a}.job-card-header{justify-content:space-between;margin-bottom:12px}.job-car-info,.job-card-header{align-items:center;display:flex}.job-car-info{color:#1e293b;font-weight:600;gap:8px}.job-badge{border-radius:12px;font-size:11px;font-weight:600;padding:4px 10px;text-transform:uppercase}.job-badge.orange,.job-badge.pending{background:#fef3c7;color:#92400e}.job-badge.green{background:#dcfce7;color:#166534}.job-badge.blue{background:#dbeafe;color:#1e40af}.job-badge.red{background:#fee2e2;color:#991b1b}.job-badge.gray{background:#f1f5f9;color:#64748b}.job-badge.amber{background:#fef3c7;color:#92400e}.job-problem{color:#475569;font-size:14px;line-height:1.5;margin:0 0 12px}.job-location{color:#64748b;font-size:13px;gap:6px;margin-bottom:16px}.job-card-footer,.job-location{align-items:center;display:flex}.job-card-footer{border-top:1px solid #f1f5f9;justify-content:space-between;padding-top:16px}.job-price{color:#1e293b;font-size:20px;font-weight:700}.job-actions{display:flex;gap:8px}.btn-decline{background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;cursor:pointer;font-size:13px;font-weight:500;padding:8px 16px;transition:all .2s}.btn-decline:hover{background:#fef2f2;border-color:#fecaca;color:#dc2626}.btn-accept{background:#22c55e;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:13px;font-weight:500;padding:8px 16px;transition:all .2s}.btn-accept:hover{background:#16a34a}.btn-navigate{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#1e293b;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:8px 12px;transition:all .2s}.btn-navigate:hover{background:#f8fafc}.btn-primary{background:#2563eb;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:13px;font-weight:500;padding:8px 16px;transition:all .2s}.btn-primary:hover{background:#1d4ed8}.btn-complete{background:#22c55e;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:13px;font-weight:500;padding:8px 16px;transition:all .2s}.btn-complete:hover{background:#16a34a}.job-quote-info{align-items:center;background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:1px solid #86efac;border-radius:8px;color:#166534;display:flex;font-size:14px;font-weight:600;gap:8px;margin-top:12px;padding:10px 14px}.job-quote-info svg{color:#22c55e}.mechanic-job-card.needs-quote .job-actions{flex-direction:column;width:100%}.mechanic-job-card.needs-quote .job-card-footer{align-items:stretch;flex-direction:column}.no-jobs-message{background:#fff;border:1px solid #0000000f;border-radius:12px;color:#64748b;padding:60px 20px;text-align:center}.no-jobs-message svg{color:#94a3b8;margin-bottom:16px;opacity:1}.no-jobs-message h3{color:#0f172a;font-size:18px;font-weight:600;margin:0 0 8px}.no-jobs-message p{color:#94a3b8;font-size:14px;margin:0}.completed-jobs-list{background:#fff;border:1px solid #0000000f;border-radius:12px;box-shadow:0 1px 3px #0000000a;overflow:hidden}.completed-job-item{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;padding:16px 20px;transition:background .15s}.completed-job-item:hover{background:#fafbfc}.completed-job-item:last-child{border-bottom:none}.completed-job-info{display:flex;flex-direction:column}.completed-job-car{color:#0f172a;font-size:14px;font-weight:600}.completed-job-date{color:#64748b;font-size:13px}.completed-job-amount{color:#22c55e;font-size:15px;font-weight:600}.completed-job-amount.test-entry{background:#f1f5f9;border-radius:8px;color:#64748b;font-size:12px;font-weight:500;padding:4px 8px}.settings-card{background:#fff;border:1px solid #0000000f;border-radius:12px;box-shadow:0 1px 3px #0000000a,0 4px 12px #00000005;padding:28px}.settings-section{border-bottom:1px solid #e2e8f0;margin-bottom:28px;padding-bottom:28px}.settings-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.settings-section h3{color:#0f172a;font-size:16px;font-weight:700;margin:0 0 16px}.profile-photo-section{text-align:left}.profile-photo-upload{align-items:center;display:flex;gap:24px}.photo-preview{border-radius:50%;flex-shrink:0;height:100px;overflow:hidden;width:100px}.profile-photo-img{height:100%;object-fit:cover;width:100%}.photo-placeholder{align-items:center;background:#f1f5f9;color:#94a3b8;display:flex;height:100%;justify-content:center;width:100%}.photo-upload-controls{display:flex;flex-direction:column;gap:8px}.upload-photo-btn{align-items:center;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;color:#475569;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;transition:all .2s}.upload-photo-btn:hover{background:#e2e8f0;border-color:#cbd5e1}.upload-photo-btn .spinner{animation:spin 1s linear infinite}.photo-hint{color:#94a3b8;font-size:12px;margin:0}.profile-avatar .avatar-img{border-radius:50%;height:100%;object-fit:cover;width:100%}.form-group{margin-bottom:16px}.form-group label{color:#334155;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.form-group input,.form-group textarea{background:#fff;border:1px solid #e2e8f0;border-radius:10px;color:#0f172a;font-size:15px;padding:14px 16px;transition:border-color .2s,box-shadow .2s;width:100%}.form-group input:focus,.form-group textarea:focus{border-color:#dc2626;box-shadow:0 0 0 3px #dc262614;outline:none}.form-group textarea{resize:vertical}.specialties-grid{display:flex;flex-wrap:wrap;gap:8px}.specialty-tag{background:#fff;border:1px solid #e2e8f0;border-radius:20px;color:#64748b;cursor:pointer;font-size:13px;padding:8px 16px;transition:all .2s}.specialty-tag:hover{border-color:#dc2626;color:#dc2626}.specialty-tag.selected{background:#dc2626;border-color:#dc2626;color:#fff}.service-zones-grid{display:flex;flex-wrap:wrap;gap:10px}.zone-count{color:#dc2626;font-size:12px;font-weight:500;letter-spacing:0;margin-left:8px;text-transform:none}.service-zone-chip{align-items:flex-start;background:#1e293b;border:2px solid #334155;border-radius:24px;cursor:pointer;display:flex;flex-direction:column;font-family:inherit;padding:12px 18px;text-align:left;transition:all .2s ease}.service-zone-chip:hover{background:#1e293b;border-color:#dc2626}.service-zone-chip.selected{background:#dc2626;border-color:#dc2626}.service-zone-chip .zone-name{color:#f1f5f9;font-size:14px;font-weight:600;line-height:1.3}.service-zone-chip.selected .zone-name{color:#fff}.service-zone-chip .zone-areas{color:#94a3b8;font-size:11px;font-weight:400;line-height:1.3;margin-top:2px}.service-zone-chip.selected .zone-areas{color:#fffc}@media (max-width:768px){.service-zones-grid{gap:8px}.service-zone-chip{padding:10px 14px}.service-zone-chip .zone-name{font-size:13px}.service-zone-chip .zone-areas{font-size:10px}}.toggle-label{align-items:center;cursor:pointer;display:flex;justify-content:space-between}.toggle-label span{color:#1e293b;font-weight:500}.toggle-switch{background:#d1d5db;border-radius:13px;cursor:pointer;height:26px;position:relative;transition:background .2s;width:48px}.toggle-switch.on{background:#dc2626}.toggle-knob{background:#fff;border-radius:50%;box-shadow:0 1px 3px #0003;height:22px;left:2px;position:absolute;top:2px;transition:transform .2s;width:22px}.toggle-switch.on .toggle-knob{transform:translateX(22px)}.toggle-description{color:#64748b;font-size:13px;margin-top:8px}.settings-actions{gap:16px;margin-top:24px}.btn-save,.settings-actions{align-items:center;display:flex}.btn-save{background:#dc2626;border:none;border-radius:12px;box-shadow:0 2px 8px #dc262633;color:#fff;cursor:pointer;font-size:15px;font-weight:600;gap:8px;justify-content:center;padding:14px 32px;transition:all .2s}.btn-save:hover:not(:disabled){background:#b91c1c;box-shadow:0 4px 12px #dc26264d;transform:translateY(-1px)}.btn-save:disabled{cursor:not-allowed;opacity:.7}.save-success{color:#dc2626;font-size:14px;font-weight:500}.coming-soon-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000000d;padding:60px 40px;text-align:center}.coming-soon-card svg{color:#cbd5e1;margin-bottom:20px}.coming-soon-card h2{color:#1e293b;font-size:24px;margin:0 0 12px}.coming-soon-card p{color:#64748b;margin:0 auto;max-width:400px}.ratings-summary-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000000d;margin-bottom:24px;padding:32px;text-align:center}.rating-big{align-items:center;display:flex;gap:12px;justify-content:center;margin-bottom:8px}.rating-number{color:#1e293b;font-size:48px;font-weight:700}.rating-details{color:#64748b;font-size:14px}.no-reviews-message{color:#64748b;padding:60px 20px;text-align:center}.no-reviews-message svg{color:#cbd5e1;margin-bottom:16px}.no-reviews-message h3{color:#1e293b;font-size:18px;margin:0 0 8px}.reviews-list-section{display:flex;flex-direction:column;gap:16px}.review-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000000d;padding:20px}.review-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.review-stars{display:flex;gap:2px}.review-date{color:#64748b;font-size:13px}.review-text{color:#475569;font-size:14px;line-height:1.6;margin:0}.review-reply{background:#f8fafc;border-radius:8px;margin-top:16px;padding:12px}.reply-label{color:#64748b;display:block;font-size:12px;font-weight:500;margin-bottom:6px}.review-reply p{color:#475569;font-size:14px;margin:0}.earnings-summary{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr);margin-bottom:24px}.earnings-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #00000014;padding:20px;text-align:center}.earnings-card.primary{background:linear-gradient(135deg,#dc2626,#ef4444);border:none;box-shadow:0 4px 16px #dc262640;color:#fff}.earnings-label{color:#64748b;display:block;font-size:13px;margin-bottom:8px}.earnings-card.primary .earnings-label{color:#fffc}.earnings-amount{color:#0f172a;font-size:28px;font-weight:800;letter-spacing:-.02em}.earnings-card.primary .earnings-amount{color:#fff}.earnings-info-card{background:#fef2f2;border-left:3px solid #dc2626;border-radius:12px;margin-bottom:24px;padding:24px}.earnings-info-card h3{align-items:center;color:#0f172a;display:flex;font-size:16px;font-weight:700;gap:8px;margin:0 0 16px}.earnings-info-card h3 svg{color:#dc2626}.earnings-info-card ul{list-style:none;margin:0;padding:0}.earnings-info-card li{color:#334155;font-size:14px;line-height:1.5;padding:8px 0}.earnings-info-card li strong{color:#dc2626}.earnings-history h3{color:#0f172a;font-size:18px;font-weight:700;margin:0 0 16px}.transactions-list{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000000d;overflow:hidden}.transaction-item{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;padding:16px 20px}.transaction-item:last-child{border-bottom:none}.transaction-item-detailed{border-bottom:1px solid #f1f5f9;padding:16px 20px}.transaction-item-detailed:last-child{border-bottom:none}.transaction-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:4px}.transaction-info{display:flex;flex:1 1;flex-direction:column;min-width:0}.transaction-car{color:#0f172a;font-size:15px;font-weight:600}.transaction-meta{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-top:3px}.transaction-customer{color:#64748b;font-size:13px}.transaction-service-type{background:#f1f5f9;border-radius:4px;color:#64748b;font-size:11px;font-weight:500;padding:2px 8px;text-transform:capitalize}.transaction-earnings-badge{color:#0f172a;font-size:16px;font-weight:700;margin-left:12px;white-space:nowrap}.transaction-date-row{margin-bottom:10px}.transaction-date{color:#94a3b8;font-size:12px;white-space:nowrap}.transaction-line-items{background:#f8fafc;border-radius:8px;padding:10px 12px}.transaction-line{align-items:center;color:#475569;display:flex;font-size:13px;justify-content:space-between;padding:4px 0}.transaction-line-subtotal{border-top:1px dashed #e2e8f0;color:#334155;font-weight:500;margin-top:4px;padding-top:8px}.transaction-line-fee{color:#94a3b8}.transaction-line-earned{border-top:1px solid #cbd5e1;color:#0f172a;font-size:14px;font-weight:600;margin-top:4px;padding-top:8px}.transaction-amounts{text-align:right}.transaction-total{color:#64748b;display:block;font-size:13px}.transaction-earned{color:#16a34a;font-weight:600}.no-data-text{color:#64748b;font-size:14px;padding:20px;text-align:center}.coming-soon-text{color:#64748b;font-size:14px;font-style:italic}.stripe-connect-card{align-items:flex-start;background:#fff;border-radius:12px;box-shadow:0 1px 3px #0f172a0a,0 4px 12px #0f172a0f;box-shadow:var(--shadow-card);display:flex;gap:20px;margin-bottom:24px;padding:24px}.stripe-connect-card.setup{border-left:4px solid #dc2626}.stripe-connect-card.pending{background:#fffbeb;border-left:4px solid #d97706}.stripe-connect-card.active{background:#f0fdf4;border-left:4px solid #059669}.stripe-connect-icon{align-items:center;background:#fee2e2;border-radius:12px;color:#dc2626;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.stripe-connect-icon.warning{background:#fef3c7;color:#d97706}.stripe-connect-icon.success{background:#d1fae5;color:#059669}.stripe-connect-content{flex:1 1}.stripe-connect-content h3{color:#0f172a;font-size:16px;font-weight:700;margin:0 0 6px}.stripe-connect-content p{color:#64748b;font-size:14px;line-height:1.5;margin:0 0 16px}.stripe-connect-error{color:#dc2626!important;font-size:13px!important}.stripe-connect-success{color:#059669!important;font-size:13px!important}.btn-stripe-connect{align-items:center;background:#dc2626;border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:background .15s cubic-bezier(.4,0,.2,1);transition:background var(--transition-fast)}.btn-stripe-connect:hover{background:#b91c1c}.btn-stripe-connect:disabled{cursor:not-allowed;opacity:.7}.btn-stripe-dashboard{align-items:center;background:#0f172a;border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:background .15s cubic-bezier(.4,0,.2,1);transition:background var(--transition-fast)}.btn-stripe-dashboard:hover{background:#1e293b}.btn-stripe-dashboard:disabled{cursor:not-allowed;opacity:.7}.payout-setup-banner{background:#fef3c7;border:1px solid #fde68a;border-radius:12px}.payout-active-banner,.payout-setup-banner{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-bottom:20px;padding:14px 20px}.payout-active-banner{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:12px}.payout-banner-content{align-items:center;color:#0f172a;display:flex;font-size:14px;font-weight:500;gap:10px}.payout-setup-banner .payout-banner-content svg{color:#d97706;flex-shrink:0}.payout-active-banner .payout-banner-content svg{color:#059669;flex-shrink:0}.payout-banner-link{align-items:center;background:#0000;border:1px solid #dc2626;border-radius:8px;color:#dc2626;cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:6px;padding:8px 16px;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast);white-space:nowrap}.payout-banner-link:hover{background:#dc2626;color:#fff}.payout-status-row{align-items:center;color:#64748b;display:inline-flex;font-size:13px;gap:6px}.payout-status-dot{border-radius:50%;display:inline-block;flex-shrink:0;height:8px;width:8px}.payout-status-dot.active{background:#059669}.payout-status-dot.pending{background:#d97706}@media (max-width:600px){.stripe-connect-card{flex-direction:column;gap:12px}.payout-active-banner,.payout-setup-banner{align-items:flex-start;flex-direction:column;gap:12px}}.faq-section{margin-bottom:40px}.faq-section h3{color:#1e293b;font-size:18px;font-weight:600;margin:0 0 20px}.faq-item{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000000d;margin-bottom:12px;padding:20px}.faq-item h4{color:#1e293b;font-size:15px;font-weight:600;margin:0 0 8px}.faq-item p{color:#475569;font-size:14px;line-height:1.6;margin:0}.faq-accordion{margin-top:32px}.faq-accordion-item{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000000d;margin-bottom:8px;overflow:hidden;transition:border-color .2s,box-shadow .2s}.faq-accordion-item:hover{border-color:#cbd5e1}.faq-accordion-item.expanded{border-color:#dc2626;box-shadow:0 2px 8px #dc26261a}.faq-accordion-header{align-items:center;background:#0000;border:none;color:#1e293b;cursor:pointer;display:flex;font-size:15px;font-weight:600;justify-content:space-between;padding:16px 20px;text-align:left;transition:color .2s;width:100%}.faq-accordion-header:hover,.faq-accordion-item.expanded .faq-accordion-header{color:#dc2626}.faq-accordion-icon{color:#94a3b8;flex-shrink:0;transition:transform .3s ease,color .2s}.faq-accordion-icon.rotated{color:#dc2626;transform:rotate(180deg)}.faq-accordion-content{max-height:0;overflow:hidden;transition:max-height .3s ease}.faq-accordion-item.expanded .faq-accordion-content{max-height:200px}.faq-accordion-content p{color:#475569;font-size:14px;line-height:1.7;margin:0;padding:0 20px 16px}.support-form-section{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000000d;padding:24px}.support-form-section h3{color:#1e293b;font-size:18px;font-weight:600;margin:0 0 20px}.support-form{max-width:500px}.btn-submit{align-items:center;background:#dc2626;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:12px 24px;transition:background .2s}.btn-submit:hover{background:#b91c1c}.support-success{padding:40px 20px;text-align:center}.support-success svg{color:#22c55e;margin-bottom:16px}.support-success h4{color:#1e293b;font-size:18px;margin:0 0 8px}.support-success p{color:#64748b;margin:0 0 20px}.support-success button{background:#f1f5f9;border:none;border-radius:8px;color:#1e293b;cursor:pointer;font-size:14px;padding:10px 20px;transition:background .2s}.support-success button:hover{background:#e2e8f0}.sidebar-overlay{background:#00000080;bottom:0;display:none;left:0;position:fixed;right:0;top:0;z-index:1000}@media (max-width:1024px){.mechanic-stats-grid{grid-template-columns:repeat(2,1fr)}.earnings-summary{grid-template-columns:1fr}}@media (max-width:768px){.mechanic-portal-header{display:flex}.mechanic-sidebar{transform:translateX(-100%);transition:transform .3s ease}.mechanic-sidebar.open{transform:translateX(0)}.sidebar-overlay{display:block}.mechanic-main{margin-left:0;padding-top:calc(60px + env(safe-area-inset-top))}.mechanic-page{padding:20px}.page-header h1{font-size:24px}.mechanic-stats-grid{gap:12px;grid-template-columns:repeat(2,1fr)}.mechanic-stat-card{padding:16px}.stat-value{font-size:20px}.mechanic-jobs-grid{grid-template-columns:1fr}.job-card-footer{align-items:stretch;flex-direction:column;gap:12px}.job-actions{justify-content:stretch}.job-actions button{flex:1 1;justify-content:center}.settings-card{padding:20px}.btn-save{width:100%}.settings-actions{flex-direction:column}.ratings-summary-card{padding:24px}.rating-number{font-size:36px}}.splash-screen{align-items:center;background-color:#fff;display:flex;flex-direction:column;height:100%;justify-content:center;left:0;opacity:1;pointer-events:none;position:fixed;top:0;touch-action:none;transition:opacity .3s ease-out;width:100%;z-index:9999}.splash-screen.fade-out{opacity:0}.splash-logo{height:auto;width:140px}.splash-spinner{animation:spin 1s linear infinite;border:3px solid #f3f3f3;border-radius:50%;border-top-color:#dc2626;height:36px;margin-top:20px;width:36px}.price-row.highlight{background:#d1fae5;background:var(--color-success-light);border-radius:8px;border-radius:var(--radius-sm);margin:8px 0;padding:12px}.price-row.highlight span:first-child{color:#0f172a;color:var(--color-text);font-weight:600}.price-row .due-now{color:#059669;color:var(--color-success);font-size:1.1rem;font-weight:700}.price-row .indent{color:#94a3b8;color:var(--color-text-muted);font-size:.875rem;padding-left:16px}.price-row.muted{opacity:.7}.price-row.muted span{color:#475569;color:var(--color-text-secondary)}.price-row-divider{background:#e2e8f0;background:var(--color-border);height:1px;margin:12px 0}.service-fee-note{align-items:flex-start;background:#e0f2fe;background:var(--color-info-light);border-radius:8px;border-radius:var(--radius-sm);color:#0284c7;color:var(--color-info);display:flex;font-size:.8125rem;gap:8px;line-height:1.4;margin-top:12px;padding:12px}.service-fee-note svg{flex-shrink:0;margin-top:1px}.price-breakdown.service-call-model{background:#f8fafc;background:var(--color-bg);border-radius:16px;border-radius:var(--radius-lg);display:block;height:auto!important;margin-bottom:24px;max-height:none!important;overflow:visible!important;padding:0;position:relative}.price-breakdown.service-call-model .price-section{padding:20px;position:relative;z-index:1}.price-breakdown.service-call-model .due-now-section{background:#fff;background:var(--color-white);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--color-border);border-radius:16px 16px 0 0;border-radius:var(--radius-lg) var(--radius-lg) 0 0}.price-breakdown.service-call-model .due-now-section h4{color:#059669;color:var(--color-success);font-size:14px;font-weight:700;letter-spacing:1px;margin-bottom:16px;padding-bottom:0;text-transform:uppercase}.price-row.highlight .due-now-amount{color:#059669;color:var(--color-success);font-size:1.5rem;font-weight:700}.price-divider{align-items:center;background:#f8fafc;background:var(--color-bg);display:flex;justify-content:center;padding:12px 20px}.price-divider span{color:#94a3b8;color:var(--color-text-muted);font-size:.75rem;font-weight:500;letter-spacing:1px;text-transform:uppercase}.estimate-section{background:#f8fafc;background:var(--color-bg)}.estimate-note{align-items:flex-start;background:#fef3c7;background:var(--color-warning-light);border-radius:8px;border-radius:var(--radius-sm);color:#d97706;color:var(--color-warning);display:flex;font-size:.8125rem;gap:8px;line-height:1.5;margin-top:12px;padding:12px}.estimate-note svg{flex-shrink:0;margin-top:2px}.payment-note.service-call-note{background:#d1fae5;background:var(--color-success-light);border-radius:8px;border-radius:var(--radius-sm);color:#059669;color:var(--color-success);font-size:.875rem;line-height:1.5;margin-bottom:16px;padding:12px 16px}.confirm-btn.service-call-btn{background:#059669;background:var(--color-success)}.confirm-btn.service-call-btn:hover:not(:disabled){background:#047857}.payment-success-badge.paid{background:#d1fae5;background:var(--color-success-light);border:1px solid #059669;border:1px solid var(--color-success);color:#059669;color:var(--color-success)}.next-steps-card{background:#f8fafc;background:var(--color-bg);border-radius:16px;border-radius:var(--radius-lg);margin:24px 0;padding:24px;text-align:left}.next-steps-card h4{color:#0f172a;color:var(--color-text);font-size:1rem;font-weight:600;margin-bottom:20px}.next-step{align-items:flex-start;display:flex;gap:16px;padding:12px 0}.next-step:not(:last-child){border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--color-border)}.step-number{align-items:center;background:linear-gradient(135deg,#dc2626,#ef4444);background:var(--gradient-primary);border-radius:9999px;border-radius:var(--radius-full);color:#fff;display:flex;flex-shrink:0;font-size:.875rem;font-weight:600;height:28px;justify-content:center;width:28px}.step-content{display:flex;flex-direction:column;gap:4px}.step-content strong{color:#0f172a;color:var(--color-text);font-size:.9375rem}.step-content span{color:#475569;color:var(--color-text-secondary);font-size:.8125rem}.trust-footer .trust-item{align-items:center;display:flex;gap:8px;padding:8px 0}.trust-footer .trust-item svg{color:#059669;color:var(--color-success)}@media (max-width:640px){.booking-page,.confirmation-page{padding:16px 16px 32px}.booking-container{padding:20px 16px}.booking-steps{margin-bottom:20px;padding:4px 0 12px}.success-container{padding:40px 20px 32px}.price-breakdown.service-call-model .price-section{padding:16px}.price-breakdown.service-call-model .due-now-section h4{font-size:13px;letter-spacing:.5px}.next-steps-card{margin:20px 0;padding:16px}.next-step{gap:12px}.success-container{padding:40px 20px}.success-container h2{font-size:28px}.arrival-time-card{padding:24px 16px}.arrival-time{font-size:36px}.confirmation-details{padding:20px}.confirmation-note{font-size:13px;line-height:1.5;padding:14px}.booking-container{padding:24px 16px}}.quote-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.quote-modal{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:480px;overflow-y:auto;width:100%}.quote-modal-header{padding:24px 24px 16px}.quote-modal-header h3{color:#1a1a2e;font-size:20px;font-weight:700;margin:0 0 4px}.quote-modal-header p{color:#6b7280;font-size:14px;margin:0}.quote-modal-body{padding:24px}.quote-form-group{margin-bottom:20px}.quote-form-group label{color:#374151;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.quote-form-group input,.quote-form-group textarea{border:2px solid #e5e7eb;border-radius:10px;box-sizing:border-box;font-size:16px;padding:12px 16px;transition:border-color .2s,box-shadow .2s;width:100%}.quote-form-group input:focus,.quote-form-group textarea:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a;outline:none}.quote-form-group textarea{font-family:inherit;min-height:100px;resize:vertical}.quote-form-group .input-prefix{position:relative}.quote-form-group .input-prefix input{padding-left:28px}.quote-form-group .input-prefix:before{color:#6b7280;content:"$";font-size:16px;font-weight:500;left:12px;position:absolute;top:50%;transform:translateY(-50%)}.quote-cost-row{display:flex;gap:16px}.quote-cost-row .quote-form-group{flex:1 1}.quote-total{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:2px solid #0ea5e9}.quote-total-label{color:#0369a1;font-size:16px;font-weight:600}.quote-total-amount{color:#0284c7;font-size:28px;font-weight:700}.quote-modal-footer{display:flex;gap:12px;padding:16px 24px 24px}.quote-modal-footer button{border-radius:10px;cursor:pointer;flex:1 1;font-size:16px;font-weight:600;padding:14px 24px;transition:all .2s}.quote-cancel-btn{background:#f3f4f6;border:2px solid #e5e7eb;color:#4b5563}.quote-cancel-btn:hover{background:#e5e7eb;border-color:#d1d5db}.quote-send-btn{background:linear-gradient(135deg,#2563eb,#1d4ed8);border:none;color:#fff}.quote-send-btn:hover:not(:disabled){background:linear-gradient(135deg,#1d4ed8,#1e40af);box-shadow:0 4px 12px #2563eb4d;transform:translateY(-1px)}.quote-send-btn:disabled{cursor:not-allowed;opacity:.6}.quote-success-message{padding:40px 24px;text-align:center}.quote-success-icon{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;display:flex;font-size:32px;height:64px;justify-content:center;margin:0 auto 16px;width:64px}.quote-success-message h4{color:#1a1a2e;font-size:20px;font-weight:700;margin:0 0 8px}.quote-success-message p{color:#6b7280;font-size:14px;margin:0}.modal-overlay{align-items:center;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:9999}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.btn-send-quote{align-items:center;background:linear-gradient(135deg,#dc2626,#b91c1c);border:none;border-radius:12px;box-shadow:0 4px 14px #dc262666;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:700;gap:10px;justify-content:center;margin-top:12px;min-height:52px;padding:14px 24px;transition:all .2s;width:100%}.btn-send-quote:hover{background:linear-gradient(135deg,#b91c1c,#991b1b);box-shadow:0 6px 20px #dc262680;transform:translateY(-2px)}.btn-send-quote:active{box-shadow:0 2px 10px #dc262666;transform:translateY(0)}.btn-send-quote svg{height:22px;width:22px}.btn-cancel{background:#f3f4f6;border:2px solid #e5e7eb;border-radius:10px;color:#4b5563;cursor:pointer;font-size:16px;font-weight:600;padding:14px 24px;transition:all .2s}.btn-cancel:hover{background:#e5e7eb;border-color:#d1d5db}.btn-send-quote-submit{align-items:center;background:linear-gradient(135deg,#dc2626,#b91c1c);border:none;border-radius:10px;box-shadow:0 4px 14px #dc26264d;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:700;gap:8px;justify-content:center;min-height:52px;padding:14px 24px;transition:all .2s}.btn-send-quote-submit:hover:not(:disabled){background:linear-gradient(135deg,#b91c1c,#991b1b);box-shadow:0 6px 16px #dc262666;transform:translateY(-1px)}.btn-send-quote-submit:disabled{box-shadow:none;cursor:not-allowed;opacity:.5;transform:none}.modal-close{background:none;border:none;border-radius:8px;color:#6b7280;cursor:pointer;padding:8px;transition:all .2s}.modal-close:hover{background:#f3f4f6;color:#374151}.quote-modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px 24px}.quote-modal-header h2{color:#1a1a2e;font-size:20px;font-weight:700;margin:0}.quote-job-info{background:#f9fafb;border-radius:12px;margin-bottom:20px;padding:16px}.quote-job-info .info-row{align-items:center;color:#374151;display:flex;font-size:14px;gap:10px}.quote-job-info .info-row+.info-row{margin-top:8px}.quote-job-info .info-row svg{color:#6b7280;flex-shrink:0}.quote-problem-section{margin-bottom:24px}.quote-problem-section label{color:#6b7280;display:block;font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.quote-problem-section p{background:#fef3c7;border-left:4px solid #f59e0b;border-radius:8px;color:#1f2937;font-size:15px;line-height:1.5;margin:0;padding:12px 16px}.quote-form .form-group{margin-bottom:20px}.quote-form .form-group label{color:#374151;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.quote-form textarea{border:2px solid #e5e7eb;border-radius:10px;box-sizing:border-box;font-family:inherit;font-size:15px;min-height:80px;padding:14px 16px;resize:vertical;transition:border-color .2s,box-shadow .2s;width:100%}.quote-form textarea:focus{border-color:#dc2626;box-shadow:0 0 0 3px #dc26261a;outline:none}.input-with-prefix{position:relative}.input-with-prefix .input-prefix{color:#6b7280;font-size:16px;font-weight:600;left:14px;position:absolute;top:50%;transform:translateY(-50%);z-index:1}.input-with-prefix input{border:2px solid #e5e7eb;border-radius:10px;box-sizing:border-box;font-size:16px;font-weight:600;padding:14px 16px 14px 32px;transition:border-color .2s,box-shadow .2s;width:100%}.input-with-prefix input:focus{border-color:#dc2626;box-shadow:0 0 0 3px #dc26261a;outline:none}.quote-cost-inputs{display:flex;gap:16px}.quote-cost-inputs .form-group{flex:1 1}.quote-total{align-items:center;background:linear-gradient(135deg,#fef2f2,#fee2e2);border:2px solid #fca5a5;border-radius:12px;display:flex;justify-content:space-between;margin-top:24px;padding:16px 20px}.quote-total span:first-child{color:#991b1b;font-size:16px;font-weight:600}.quote-total .total-amount{color:#dc2626;font-size:28px;font-weight:800}.quote-note{color:#6b7280;font-size:13px;margin-bottom:0;margin-top:16px;text-align:center}.job-badge.purple,.status-badge.purple{background:linear-gradient(135deg,#f3e8ff,#e9d5ff);border:1px solid #c4b5fd;color:#7c3aed}.awaiting-text{align-items:center;color:#f59e0b;display:flex;font-size:14px;font-weight:600;gap:6px}.mechanic-job-card.needs-quote{border:2px solid #dc2626;box-shadow:0 0 0 4px #dc26261a}@media (max-width:480px){.quote-modal{margin:10px;max-height:85vh}.quote-cost-inputs{flex-direction:column;gap:0}.quote-modal-body,.quote-modal-footer,.quote-modal-header{padding-left:16px;padding-right:16px}.btn-send-quote{font-size:17px;min-height:56px;padding:16px 24px}}.quote-pending-banner{align-items:center;animation:pulse-border 2s infinite;background:linear-gradient(135deg,#fef3c7,#fde68a);border:2px solid #f59e0b;border-radius:16px;display:flex;gap:16px;margin-bottom:24px;padding:20px 24px}@keyframes pulse-border{0%,to{box-shadow:0 0 0 0 #f59e0b66}50%{box-shadow:0 0 0 8px #f59e0b00}}.banner-icon-pulse{align-items:center;animation:bounce 1s infinite;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:50%;color:#fff;display:flex;flex-shrink:0;height:56px;justify-content:center;width:56px}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.quote-pending-banner .banner-text strong{color:#92400e;display:block;font-size:18px;margin-bottom:4px}.quote-pending-banner .banner-text span{color:#a16207;font-size:14px}.quote-approval-section{background:linear-gradient(135deg,#fffbeb,#fef3c7);border:2px solid #f59e0b;border-radius:16px;margin:20px 0;padding:24px}.quote-ready-banner{align-items:center;border-bottom:1px solid #fcd34d;display:flex;gap:16px;margin-bottom:20px;padding-bottom:16px}.quote-ready-icon{align-items:center;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:50%;color:#fff;display:flex;flex-shrink:0;height:52px;justify-content:center;width:52px}.quote-ready-text h4{color:#92400e;font-size:20px;font-weight:700;margin:0 0 4px}.quote-ready-text p{color:#a16207;font-size:14px;margin:0}.quote-details-box{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d;display:flex;flex-direction:column;gap:20px;margin-bottom:20px;padding:24px}.quote-from{border-bottom:1px solid #e5e7eb;margin-bottom:0;padding-bottom:20px;text-align:center}.quote-from span{color:#6b7280;display:block;font-size:12px;letter-spacing:.5px;text-transform:uppercase}.quote-from strong{color:#1f2937;font-size:18px}.quote-repair-desc{background:#f9fafb;border-radius:8px;margin-bottom:0;padding:14px 16px}.quote-repair-desc label{color:#6b7280;display:block;font-size:12px;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.quote-repair-desc p{color:#1f2937;font-size:15px;line-height:1.5;margin:0}.quote-cost-breakdown{margin-bottom:0}.cost-line{border-bottom:1px solid #f3f4f6;color:#4b5563;display:flex;font-size:15px;justify-content:space-between;padding:10px 0}.cost-line.total,.cost-line:last-child{border-bottom:none}.cost-line.total{border-top:2px solid #e5e7eb;color:#1f2937;font-size:16px;font-weight:700;margin-top:8px;padding-top:16px}.cost-line.total.stacked{align-items:center;flex-direction:column;gap:6px;padding-bottom:4px;padding-top:20px;text-align:center}.cost-line .total-amount{color:#dc2626;font-size:32px;font-weight:800;line-height:1.1}.service-fee-paid{align-items:center;background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-radius:8px;color:#166534;display:flex;font-size:14px;font-weight:500;gap:8px;padding:12px 16px}.service-fee-paid svg{color:#22c55e;flex-shrink:0}.quote-approval-buttons{display:flex;flex-direction:column;gap:12px}.btn-approve-quote{align-items:center;background:linear-gradient(135deg,#22c55e,#16a34a);border:none;border-radius:14px;box-shadow:0 4px 14px #22c55e66;color:#fff;cursor:pointer;display:flex;font-size:20px;font-weight:700;gap:12px;justify-content:center;min-height:64px;padding:20px 24px;transition:all .2s;width:100%}.btn-approve-quote:hover:not(:disabled){background:linear-gradient(135deg,#16a34a,#15803d);box-shadow:0 6px 20px #22c55e80;transform:translateY(-2px)}.btn-approve-quote:disabled{cursor:not-allowed;opacity:.6;transform:none}.btn-approve-quote svg{height:24px;width:24px}.btn-decline-quote{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:12px;color:#6b7280;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;justify-content:center;min-height:56px;padding:16px 24px;transition:all .2s;width:100%}.btn-decline-quote:hover:not(:disabled){background:#fef2f2;border-color:#fca5a5;color:#dc2626}.btn-decline-quote:disabled{cursor:not-allowed;opacity:.5}.quote-approved-info{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:2px solid #86efac;border-radius:12px;margin:16px 0;padding:16px 20px}.approved-banner{align-items:center;color:#166534;display:flex;font-size:16px;font-weight:700;gap:10px;margin-bottom:8px}.approved-banner svg{color:#22c55e}.quote-approved-info p{color:#15803d;font-size:14px;margin:0}.quote-declined-info{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin:16px 0;padding:12px 16px}.quote-declined-info p{color:#991b1b;font-size:14px;margin:0}.approval-result-overlay{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:20px 20px calc(20px + env(safe-area-inset-bottom, 0px));position:fixed;right:0;top:0;z-index:9999}.approval-result-modal{animation:slideUp .3s ease-out;background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-width:400px;padding:40px 32px;text-align:center;width:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.result-icon{align-items:center;border-radius:50%;display:flex;height:80px;justify-content:center;margin:0 auto 20px;width:80px}.result-icon.success{background:linear-gradient(135deg,#dcfce7,#bbf7d0);color:#22c55e}.result-icon.declined{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#dc2626}.approval-result-modal h3{color:#1f2937;font-size:24px;font-weight:700;margin:0 0 12px}.approval-result-modal p{color:#6b7280;font-size:15px;line-height:1.5;margin:0 0 16px}.result-amount{background:#f9fafb;border-radius:12px;margin:20px 0;padding:16px}.result-amount span{color:#6b7280;display:block;font-size:12px;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.result-amount strong{color:#22c55e;font-size:32px;font-weight:800}.result-note{color:#9ca3af!important;font-size:13px!important;font-style:italic}.btn-close-result{background:linear-gradient(135deg,#dc2626,#ef4444);background:var(--gradient-primary);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:20px;padding:16px 24px;transition:all .2s;width:100%}.btn-close-result:hover{background:linear-gradient(135deg,#b91c1c,#dc2626);background:var(--gradient-primary-hover);transform:translateY(-1px)}.booking-status-badge.status-purple,.status-purple{background:linear-gradient(135deg,#f3e8ff,#e9d5ff);color:#7c3aed}@media (max-width:480px){.quote-pending-banner{flex-direction:column;padding:16px;text-align:center}.quote-approval-section{border-left:none;border-radius:0;border-right:none;margin:16px -16px;padding:16px}.quote-ready-banner{flex-direction:column;text-align:center}.btn-approve-quote{font-size:18px;min-height:60px;padding:18px 20px}.cost-line .total-amount{font-size:28px}.approval-result-modal{margin:16px;padding:32px 24px}}.status-declined-notice{align-items:center;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#991b1b;display:flex;font-size:14px;font-weight:500;gap:8px;justify-content:center;padding:12px 16px}.status-declined-notice svg{color:#dc2626}.jobs-group.incoming-jobs{margin-bottom:32px}.incoming-jobs-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.jobs-group-title.incoming{align-items:center;color:#dc2626;display:flex;font-size:18px;gap:12px}.pulse-icon{align-items:center;animation:pulse 2s infinite;background:linear-gradient(135deg,#dc2626,#b91c1c);border-radius:50%;color:#fff;display:flex;height:36px;justify-content:center;width:36px}@keyframes pulse{0%,to{box-shadow:0 0 0 0 #dc262666}50%{box-shadow:0 0 0 10px #dc262600}}.incoming-badge{background:linear-gradient(135deg,#fef2f2,#fee2e2);border:1px solid #fca5a5;border-radius:20px;color:#dc2626;font-size:12px;font-weight:600;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase}.mechanic-job-card.new-request{background:linear-gradient(135deg,#fffbeb,#fef3c7);border:2px solid #f59e0b;overflow:hidden;position:relative}.new-request-banner{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;font-size:11px;font-weight:700;letter-spacing:1px;margin:-16px -16px 16px;padding:6px;text-align:center}.job-customer-info{align-items:center;color:#374151;display:flex;font-size:14px;font-weight:500;gap:8px;margin-bottom:8px}.job-customer-info svg{color:#6b7280}.job-earnings{align-items:center;background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:1px solid #86efac;border-radius:10px;display:flex;justify-content:space-between;margin:12px 0;padding:12px 16px}.job-earnings .earnings-label{color:#166534;font-size:13px;font-weight:500}.job-earnings .earnings-amount{color:#22c55e;font-size:24px;font-weight:800}.job-estimate{background:#f9fafb;border-radius:6px;color:#6b7280;font-size:13px;margin-bottom:12px;padding:8px;text-align:center}.job-card-actions{display:flex;gap:12px;margin-top:16px}.btn-decline-job{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:10px;color:#6b7280;cursor:pointer;display:flex;flex:1 1;font-size:15px;font-weight:600;gap:8px;justify-content:center;padding:14px 16px;transition:all .2s}.btn-decline-job:hover{background:#fef2f2;border-color:#fca5a5;color:#dc2626}.btn-accept-job{align-items:center;background:linear-gradient(135deg,#22c55e,#16a34a);border:none;border-radius:10px;box-shadow:0 4px 12px #22c55e4d;color:#fff;cursor:pointer;display:flex;flex:2 1;font-size:15px;font-weight:700;gap:8px;justify-content:center;padding:14px 16px;transition:all .2s}.btn-accept-job:hover{background:linear-gradient(135deg,#16a34a,#15803d);box-shadow:0 6px 16px #22c55e66;transform:translateY(-2px)}@media (max-width:480px){.incoming-jobs-header{align-items:flex-start;flex-direction:column;gap:8px}.job-card-actions{flex-direction:column}.btn-accept-job,.btn-decline-job{flex:1 1}.job-earnings .earnings-amount{font-size:20px}}.links-page{background:linear-gradient(180deg,#000,#0a0a0a 50%,#111118);justify-content:center;min-height:100vh;min-height:100dvh;overflow-x:hidden;padding:calc(60px + env(safe-area-inset-top)) calc(24px + env(safe-area-inset-right)) calc(60px + env(safe-area-inset-bottom)) calc(24px + env(safe-area-inset-left))}.links-container,.links-page{align-items:center;display:flex}.links-container{flex-direction:column;max-width:380px;text-align:center;width:100%}@keyframes linksFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.links-fade-in{animation:linksFadeIn .8s ease-out forwards;opacity:0}.links-delay-1{animation-delay:.1s}.links-delay-2{animation-delay:.2s}.links-delay-3{animation-delay:.3s}.links-delay-4{animation-delay:.4s}.links-delay-5{animation-delay:.5s}.links-delay-6{animation-delay:.6s}.links-logo{height:120px;margin-bottom:32px;width:120px}.links-logo img{border-radius:24px;height:100%;object-fit:contain;width:100%}.links-coming-soon{color:#fff;font-size:42px;font-weight:800;letter-spacing:.08em;line-height:1;margin:0 0 32px;text-transform:uppercase}.links-tagline{color:#ffffffe6;font-size:20px;font-weight:300;letter-spacing:.02em;line-height:1.4;margin:0 0 8px}.links-subtitle{color:#6b7280;font-size:15px;font-weight:400;letter-spacing:.02em;margin:0 0 48px}.links-email-section{margin-bottom:48px;text-align:center;width:100%}.links-email-heading{color:#fff;font-size:18px;font-weight:600;letter-spacing:.01em;margin:0 0 8px}.links-email-subtext{color:#6b7280;font-size:14px;font-weight:400;margin:0 0 20px}.links-email-form{align-items:center;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffff08;border:1px solid #ffffff14;border-radius:14px;display:flex;padding:6px;position:relative;transition:all .3s ease}.links-email-form:focus-within{border-color:#fff3;box-shadow:0 0 0 1px #ffffff1a,0 8px 40px #0000004d}.links-email-input{background:#0000;border:none;color:#fff;flex:1 1;font-size:15px;font-weight:400;min-width:0;outline:none;padding:14px 16px}.links-email-input::placeholder{color:#4b5563}.links-submit-btn{align-items:center;background:#fff;border:none;border-radius:10px;color:#000;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:12px 20px;transition:all .3s ease;white-space:nowrap}.links-submit-btn:hover:not(:disabled){background:#f3f4f6;transform:scale(1.02)}.links-submit-btn:active:not(:disabled){transform:scale(.98)}.links-submit-btn:disabled{cursor:not-allowed;opacity:.6}.links-success{align-items:center;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffff08;border:1px solid #22c55e33;border-radius:14px;color:#4ade80;display:flex;font-size:15px;font-weight:400;gap:10px;justify-content:center;padding:16px 24px}.links-error{color:#f87171;font-size:13px;font-weight:400;margin:12px 0 0}.links-buttons{display:flex;flex-direction:column;gap:16px;margin-bottom:16px;width:100%}.links-buttons:last-of-type{margin-bottom:0}.links-btn{align-items:center;background:#0000;border:1px solid #ffffff1f;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:400;gap:10px;justify-content:center;letter-spacing:.01em;padding:16px 24px;text-decoration:none;transition:all .3s ease;width:100%}.links-btn:hover{background:#ffffff0d;border-color:#ffffff40;transform:scale(1.02)}.links-btn:active{transform:scale(.98)}.links-btn svg{flex-shrink:0;opacity:.7}.links-btn:hover svg{opacity:1}.links-btn.links-btn-primary{background:#dc2626;border:1px solid #dc2626;color:#fff;font-weight:500}.links-btn.links-btn-primary:hover{background:#b91c1c;border-color:#b91c1c;transform:scale(1.02)}.links-btn.links-btn-primary svg{opacity:1}.links-beta-badge-red{background:#dc2626;border-radius:4px;color:#fff;display:inline-block;font-size:11px;font-weight:700;letter-spacing:.5px;margin-bottom:8px;padding:4px 12px}.links-footer{margin-top:64px;text-align:center}.links-footer p{color:#374151;font-size:12px;font-weight:400;letter-spacing:.02em;margin:0}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.spin{animation:spin 1s linear infinite}@media (max-width:400px){.links-page{padding:calc(40px + env(safe-area-inset-top)) 20px calc(40px + env(safe-area-inset-bottom))}.links-logo{height:100px;margin-bottom:24px;width:100px}.links-coming-soon{font-size:32px;margin-bottom:24px}.links-tagline{font-size:18px}.links-subtitle{margin-bottom:36px}.links-email-heading{font-size:16px}.links-email-form{flex-direction:column;gap:8px;padding:8px}.links-email-input{padding:12px 16px;text-align:center;width:100%}.links-submit-btn{justify-content:center;padding:14px 20px;width:100%}}.service-type-page{margin:0 auto;max-width:640px;padding:20px 20px 40px}.service-type-selection{background:#fff;background:var(--color-surface);border:1px solid #f1f5f9;border:1px solid var(--color-border-light);border-radius:20px;border-radius:var(--radius-xl);box-shadow:0 1px 3px #0f172a0f,0 8px 24px #0f172a14;padding:28px}.selection-header{margin-bottom:20px;text-align:center}.selection-header h2{color:#0f172a;color:var(--color-text);font-size:22px;font-weight:700;letter-spacing:-.3px;margin:0 0 4px}.selection-header p{color:#94a3b8;color:var(--color-text-muted);font-size:14px;margin:0}.service-type-cards{display:flex;flex-direction:column;gap:10px}.service-type-card{background:#f8fafc;background:var(--color-bg);border:1.5px solid #e2e8f0;border:1.5px solid var(--color-border);border-radius:12px;border-radius:var(--radius-md);cursor:pointer;padding:20px;text-align:left;transition:all .2s ease}.service-type-card:hover{background:#fff;background:var(--color-white);border-color:#dc2626;border-color:var(--color-primary)}.service-type-card-header{align-items:center;display:flex;gap:12px;margin-bottom:6px}.service-type-icon{align-items:center;border-radius:8px;border-radius:var(--radius-sm);display:flex;flex-shrink:0;height:44px;justify-content:center;width:44px}.service-type-icon.mobile{background:#fee2e2;color:#dc2626}.service-type-icon.shop{background:#e2e8f0;color:#0f172a}.service-type-card h3{color:#0f172a;color:var(--color-text);font-size:16px;font-weight:600;margin:0}.service-type-card>p{color:#94a3b8;color:var(--color-text-muted);font-size:13px;margin:0 0 12px;padding-left:56px}.service-type-benefits{list-style:none;margin:0;padding:0 0 0 56px}.service-type-benefits li{align-items:center;color:#475569;color:var(--color-text-secondary);display:flex;font-size:13px;gap:6px;margin-bottom:4px}.service-type-benefits li:last-child{margin-bottom:0}.service-type-benefits li svg{color:#059669;color:var(--color-success);flex-shrink:0}@media (max-width:600px){.service-type-page{padding:16px}.service-type-selection{padding:24px 20px}.service-type-benefits,.service-type-card>p{padding-left:0}}.service-type-badges{display:flex;gap:6px;margin-top:4px}.service-badge{align-items:center;border-radius:4px;display:inline-flex;font-size:11px;font-weight:600;gap:4px;padding:3px 8px}.service-badge.mobile{background:#dbeafe;color:#2563eb}.service-badge.shop{background:#fef3c7;color:#d97706}.shop-address-display{align-items:center;background:#fef3c7;border-radius:8px;color:#92400e;display:flex;font-size:13px;gap:8px;margin-top:12px;padding:10px 12px}.shop-address-display svg{color:#d97706;flex-shrink:0}.eta-modal{animation:modalSlideUp .3s ease;background:#fff;border-radius:20px;max-width:420px;overflow:hidden;width:90%}.eta-modal-header{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:1px solid #e2e8f0;padding:32px 24px 24px;text-align:center}.eta-icon{align-items:center;background:linear-gradient(135deg,#dc2626,#ef4444);border-radius:50%;color:#fff;display:flex;height:72px;justify-content:center;margin:0 auto 16px;width:72px}.eta-modal-header h2{color:#1e293b;font-size:22px;font-weight:700;margin:0 0 8px}.eta-modal-header p{color:#64748b;font-size:14px;margin:0}.eta-modal-body{padding:24px}.eta-job-info{background:#f8fafc;border-radius:12px;margin-bottom:20px;padding:16px}.eta-job-info .info-row{align-items:center;color:#475569;display:flex;font-size:14px;gap:10px}.eta-job-info .info-row+.info-row{margin-top:8px}.eta-job-info .info-row svg{color:#94a3b8}.eta-options{display:flex;flex-direction:column;gap:12px}.eta-option{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:12px;color:#475569;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:12px;justify-content:center;padding:18px 24px;transition:all .2s}.eta-option:hover{background:#fef2f2;border-color:#dc2626}.eta-option.selected{background:#dc2626;border-color:#dc2626;color:#fff}.eta-option.selected svg{color:#fff}.eta-modal-footer{display:flex;gap:12px;padding:16px 24px 24px}.eta-modal-footer .btn-cancel{background:#f1f5f9;border:none;border-radius:10px;color:#64748b;cursor:pointer;flex:1 1;font-size:15px;font-weight:600;padding:14px 20px;transition:all .2s}.eta-modal-footer .btn-cancel:hover{background:#e2e8f0}.btn-confirm-eta{align-items:center;background:linear-gradient(135deg,#dc2626,#b91c1c);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;flex:2 1;font-size:15px;font-weight:600;gap:8px;justify-content:center;padding:14px 20px;transition:all .2s}.btn-confirm-eta:hover:not(:disabled){box-shadow:0 4px 12px #dc26264d;transform:translateY(-1px)}.btn-confirm-eta:disabled{cursor:not-allowed;opacity:.5}.section-hint{color:#64748b;font-size:13px;margin:-8px 0 16px}.checkbox-label{align-items:flex-start;background:#fff;border:1px solid #e2e8f0;border-radius:12px;cursor:pointer;display:flex;gap:12px;margin-bottom:12px;padding:16px;transition:all .2s}.checkbox-label:hover{background:#fafbfc;border-color:#cbd5e1}.checkbox-label input[type=checkbox]{accent-color:#dc2626;cursor:pointer;height:20px;margin-top:2px;width:20px}.checkbox-label input[type=checkbox]:checked+.checkbox-content{color:#0f172a}.checkbox-label:has(input[type=checkbox]:checked){background:#fffbfb;border-left:3px solid;border-color:#dc2626;border-bottom-color:#e2e8f0;border-right-color:#e2e8f0;border-top-color:#e2e8f0}.checkbox-content{align-items:flex-start;display:flex;flex:1 1;gap:12px}.checkbox-content svg{color:#dc2626;flex-shrink:0;margin-top:2px}.checkbox-content>div{display:flex;flex-direction:column;gap:2px}.checkbox-title{color:#0f172a;font-size:15px;font-weight:600}.checkbox-desc{color:#64748b;font-size:13px}.shop-address-input{margin-top:16px;padding-left:32px}.job-service-type{margin:8px 0 12px}.service-type-badge{align-items:center;border-radius:6px;display:inline-flex;font-size:12px;font-weight:500;gap:6px;padding:6px 12px}.service-type-badge.mobile{background:#dbeafe;color:#1d4ed8}.service-type-badge.shop{background:#fef3c7;color:#b45309}.job-service-info{align-items:center;border-radius:8px;display:flex;font-size:13px;gap:8px;margin:8px 0;padding:8px 12px}.job-service-info.shop{background:#fef3c7;color:#92400e}.job-service-info.mobile{background:#dbeafe;color:#1e40af}.directions-link{color:#dc2626;font-size:12px;font-weight:600;margin-left:auto;text-decoration:none}.directions-link:hover{text-decoration:underline}.job-eta{align-items:center;color:#059669;display:flex;font-size:13px;font-weight:500;gap:6px;margin-top:8px}.job-eta svg{color:#10b981}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.quote-payment-method{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;margin-top:0;padding:14px 16px}.saved-card-info{align-items:center;color:#334155;display:flex;font-size:14px;font-weight:500;gap:8px}.saved-card-info svg{color:#6366f1;flex-shrink:0}.use-different-card-link{background:none;border:none;color:#6366f1;cursor:pointer;font-size:13px;font-weight:500;margin-top:6px;padding:4px 0;text-decoration:underline;text-underline-offset:2px}.use-different-card-link:hover{color:#4338ca}.new-card-section{margin-top:4px}.new-card-label{color:#475569;font-size:13px;font-weight:600;margin-bottom:8px}.repair-card-form .card-element-container{background:#fff;border:2px solid #e2e8f0;border-radius:10px;padding:14px;transition:border-color .2s}.repair-card-form .card-element-container:focus-within{border-color:#6366f1}.approval-error{align-items:flex-start;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;color:#dc2626;display:flex;font-size:14px;gap:8px;margin-top:12px;padding:12px 16px}.approval-error svg{flex-shrink:0;margin-top:2px}.capture-error-box{align-items:center;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;display:flex;flex-wrap:wrap;font-size:13px;gap:8px;margin-top:8px;padding:10px 14px;width:100%}.capture-error-box svg{flex-shrink:0}.capture-error-box span{flex:1 1;min-width:150px}.btn-retry-capture{background:#dc2626;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:6px 14px;transition:background .2s}.btn-retry-capture:hover{background:#b91c1c}.mechanic-pending-banner{align-items:center;background:#dc26261a;border-left:3px solid #dc2626;border-radius:12px;display:flex;gap:14px;margin-bottom:20px;padding:16px 20px}.pending-banner-icon{color:#dc2626;flex-shrink:0}.pending-banner-text{display:flex;flex-direction:column;gap:2px}.pending-banner-text strong{color:#0f172a;font-size:14px;font-weight:700}.pending-banner-text span{color:#475569;font-size:13px}.admin-approve-btn{align-items:center;background:#dc2626;border:none;border-radius:12px;color:#fff;cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:6px;padding:8px 16px;transition:background .2s}.admin-approve-btn:hover{background:#b91c1c}.admin-reject-btn{align-items:center;background:#0000;border:1.5px solid #dc2626;border-radius:12px;color:#dc2626;cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:6px;padding:8px 16px;transition:all .2s}.admin-reject-btn:hover{background:#dc262614}.mechanic-application-page{align-items:center;background:#0f172a;display:flex;justify-content:center;min-height:100vh;padding:40px 20px}.mechanic-application-container{max-width:480px;text-align:center;width:100%}.mechanic-application-logo{margin-bottom:24px}.mechanic-application-logo-img{height:48px;width:auto}.mechanic-application-icon{margin-bottom:24px}.mechanic-application-icon svg{color:#dc2626}.mechanic-application-icon.rejected svg{color:#94a3b8}.mechanic-application-title{color:#fff;font-size:28px;font-weight:700;margin:0 0 16px}.mechanic-application-message{color:#94a3b8;font-size:16px;line-height:1.6;margin:0 0 12px}.mechanic-application-timeline{color:#64748b;font-size:14px;margin:0 0 24px}.mechanic-application-contact{color:#64748b;font-size:14px;margin:0 0 32px}.mechanic-application-contact a{color:#dc2626;font-weight:600;text-decoration:none}.mechanic-application-contact a:hover{text-decoration:underline}.mechanic-application-cta{background:#dc2626;border:none;border-radius:12px;color:#fff;cursor:pointer;display:inline-block;font-size:16px;font-weight:600;padding:14px 40px;transition:all .2s}.mechanic-application-cta:hover{background:#b91c1c;transform:translateY(-1px)}.active-job-fullscreen{background:#f8fafc;display:flex;flex-direction:column;min-height:100vh}.active-job-header{align-items:center;background:#0f172a;display:flex;justify-content:space-between;padding:12px 16px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.active-job-logo{height:28px;object-fit:contain}.active-job-title{color:#fff;font-size:16px;font-weight:600;margin:0}.active-job-help-btn{align-items:center;background:#ffffff26;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:34px;justify-content:center;transition:background .2s;width:34px}.active-job-help-btn:hover{background:#ffffff40}.help-modal-overlay{align-items:flex-end;animation:helpOverlayIn .2s ease;background:#00000080;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}@keyframes helpOverlayIn{0%{opacity:0}to{opacity:1}}.help-modal-sheet{animation:helpSheetSlide .3s ease;background:#fff;border-radius:16px 16px 0 0;max-width:480px;padding:0 0 env(safe-area-inset-bottom,16px);width:100%}@keyframes helpSheetSlide{0%{transform:translateY(100%)}to{transform:translateY(0)}}.help-modal-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:16px 20px 12px}.help-modal-title{color:#0f172a;font-size:17px;font-weight:600;margin:0}.help-modal-close{align-items:center;background:none;border:none;border-radius:50%;color:#64748b;cursor:pointer;display:flex;justify-content:center;padding:4px}.help-modal-close:hover{background:#f1f5f9}.help-modal-options{padding:8px 0}.help-modal-option{align-items:center;background:none;border:none;color:#0f172a;cursor:pointer;display:flex;font-size:15px;font-weight:500;gap:14px;height:56px;padding:0 20px;text-decoration:none;transition:background .15s;width:100%}.help-modal-option:hover{background:#f8fafc}.help-modal-option svg{color:#475569;flex-shrink:0}.help-modal-divider{background:#e2e8f0;height:1px;margin:4px 20px}.help-modal-cancel,.help-modal-cancel svg{color:#dc2626!important}.help-modal-confirm{align-items:center;display:flex;flex-direction:column;gap:12px;padding:24px 20px;text-align:center}.help-modal-confirm-icon{color:#d97706}.help-modal-confirm-text{color:#334155;font-size:15px;line-height:1.5;margin:0}.help-modal-confirm-actions{display:flex;gap:12px;margin-top:8px;width:100%}.help-modal-btn-outline{background:#fff;border:1.5px solid #cbd5e1;border-radius:12px;color:#334155;cursor:pointer;flex:1 1;font-size:15px;font-weight:600;padding:12px 16px;transition:background .15s}.help-modal-btn-outline:hover{background:#f8fafc}.help-modal-btn-danger{align-items:center;background:#dc2626;border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;flex:1 1;font-size:15px;font-weight:600;gap:6px;justify-content:center;padding:12px 16px;transition:background .15s}.help-modal-btn-danger:hover{background:#b91c1c}.help-modal-btn-danger:disabled{cursor:not-allowed;opacity:.7}.active-job-progress{align-items:flex-start;background:#fff;border-bottom:1px solid #e2e8f0;display:flex;justify-content:center;overflow-x:auto;padding:16px 12px}.active-job-step-wrap{align-items:flex-start;display:flex;flex-shrink:0}.active-job-step{align-items:center;display:flex;flex-direction:column;gap:4px;min-width:50px}.active-job-step-circle{align-items:center;background:#e2e8f0;border-radius:50%;color:#94a3b8;display:flex;height:32px;justify-content:center;transition:all .3s;width:32px}.active-job-step-circle.done{background:#059669;color:#fff}.active-job-step-circle.current{background:#dc2626;box-shadow:0 0 0 3px #dc262633;color:#fff}.active-job-step-label{color:#94a3b8;font-size:10px;font-weight:500;text-align:center;white-space:nowrap}.active-job-step-label.done{color:#059669}.active-job-step-label.current{color:#dc2626;font-weight:700}.active-job-step-line{background:#e2e8f0;flex-shrink:0;height:2px;margin-top:15px;width:24px}.active-job-step-line.done{background:#059669}.active-job-content{align-items:center;display:flex;flex:1 1;flex-direction:column;padding:20px 16px}.active-job-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;max-width:640px;padding:24px;width:100%}.active-job-card-title{color:#0f172a;font-size:20px;font-weight:700;margin:0 0 20px}.active-job-info-grid{display:flex;flex-direction:column;gap:14px;margin-bottom:24px}.active-job-info-row{align-items:flex-start;display:flex;gap:12px}.active-job-info-row svg{color:#64748b;flex-shrink:0;margin-top:2px}.active-job-info-row div{display:flex;flex-direction:column;gap:2px}.info-label{color:#94a3b8;font-size:12px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.info-value{color:#1e293b;font-size:15px;font-weight:500;line-height:1.4}.active-job-maps-btn{align-items:center;background:#1e40af;border-radius:12px;color:#fff;display:flex;font-size:15px;font-weight:600;gap:8px;justify-content:center;margin-bottom:12px;padding:12px;text-decoration:none;transition:background .2s;width:100%}.active-job-maps-btn:hover{background:#1d4ed8}.active-job-address-card{align-items:flex-start;background:#eff6ff;border:1px solid #bfdbfe;border-radius:12px;display:flex;gap:12px;margin-bottom:16px;padding:16px}.active-job-address-card svg{color:#2563eb;flex-shrink:0;margin-top:2px}.active-job-address-text{display:flex;flex-direction:column;gap:2px}.address-label{color:#3b82f6;font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.address-value{color:#1e3a5f;font-size:15px;font-weight:600;line-height:1.4}.active-job-map-container{border-radius:12px;box-shadow:0 1px 3px #0000001a;margin-bottom:16px;overflow:hidden}.active-job-nav-row{display:flex;gap:10px;margin-bottom:10px}.active-job-nav-btn{align-items:center;border-radius:12px;box-sizing:border-box;display:flex;flex:1 1;font-size:14px;font-weight:700;gap:6px;height:48px;justify-content:center;padding:0 12px;text-decoration:none;transition:all .2s;white-space:nowrap}.active-job-nav-btn.google{background:#2563eb;color:#fff}.active-job-nav-btn.google:hover{background:#1d4ed8;transform:translateY(-1px)}.active-job-nav-btn.apple{background:#1d1d1f;color:#fff}.active-job-nav-btn.apple:hover{background:#333336;transform:translateY(-1px)}.active-job-call-btn{align-items:center;background:#0000;border:2px solid #e2e8f0;border-radius:12px;box-sizing:border-box;color:#0f172a;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;margin-bottom:12px;padding:12px;text-decoration:none;transition:all .2s;width:100%}.active-job-call-btn:hover{background:#f8fafc;border-color:#0f172a}.active-job-cta{align-items:center;background:#dc2626;border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:700;gap:8px;justify-content:center;padding:14px;transition:all .2s;width:100%}.active-job-cta:hover{background:#b91c1c;transform:translateY(-1px)}.active-job-cta:disabled{cursor:not-allowed;opacity:.6;transform:none}.active-job-summary-bar{background:#f1f5f9;border-radius:8px;color:#475569;display:flex;font-size:13px;font-weight:500;gap:16px;margin-bottom:16px;padding:10px 14px}.active-job-summary-bar span{align-items:center;display:flex;gap:6px}.active-job-desc{color:#475569;font-size:14px;line-height:1.5;margin:0 0 20px}.active-job-notes-section{margin-bottom:20px}.active-job-notes-label{color:#1e293b;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.active-job-textarea{border:1px solid #e2e8f0;border-radius:8px;box-sizing:border-box;font-family:inherit;font-size:15px;padding:12px;resize:vertical;transition:border-color .2s;width:100%}.active-job-textarea:focus{border-color:#dc2626;box-shadow:0 0 0 3px #dc26261a;outline:none}.active-job-quote-summary{background:#f8fafc;border-radius:8px;margin-bottom:20px;padding:16px}.quote-summary-row{color:#475569;display:flex;font-size:14px;justify-content:space-between;padding:6px 0}.quote-summary-row.total{border-top:1px solid #e2e8f0;color:#0f172a;font-size:16px;font-weight:700;margin-top:8px;padding-top:12px}.active-job-waiting{align-items:center;display:flex;flex-direction:column;gap:12px;padding:32px 16px;text-align:center}.active-job-waiting p{color:#475569;font-size:15px;font-weight:500;margin:0}.active-job-waiting-sub{color:#94a3b8;font-size:12px}.active-job-declined{align-items:center;background:#fef2f2;border-radius:8px;display:flex;flex-direction:column;gap:12px;margin-top:16px;padding:24px;text-align:center}.active-job-declined svg{color:#dc2626}.active-job-declined p{color:#991b1b;font-weight:600;margin:0}.active-job-back-btn{background:#0f172a;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 24px}.active-job-approved-amount{background:#ecfdf5;color:#059669;font-size:15px;font-weight:600;padding:12px 16px}.active-job-approved-amount,.active-job-timer{align-items:center;border-radius:8px;display:flex;gap:8px;margin-bottom:16px}.active-job-timer{font-feature-settings:"tnum";background:#f1f5f9;color:#475569;font-size:14px;font-variant-numeric:tabular-nums;font-weight:500;padding:10px 14px}.active-job-error{align-items:center;background:#fef2f2;border-radius:8px;color:#991b1b;display:flex;font-size:13px;gap:8px;margin-top:12px;padding:12px}.active-job-error button{background:#dc2626;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;margin-left:auto;padding:6px 12px}.job-complete-card{text-align:center}.job-complete-icon{color:#059669;margin-bottom:16px}.job-complete-heading{color:#0f172a;font-size:24px;font-weight:700;margin:0 0 8px}.job-complete-sub{color:#64748b;font-size:14px;margin:0 0 24px}.job-complete-earnings{background:#f8fafc;border-radius:12px;margin-bottom:24px;padding:20px;text-align:left}.job-complete-earnings h3{color:#0f172a;font-size:15px;font-weight:700;margin:0 0 12px}.earnings-row{color:#475569;display:flex;font-size:14px;justify-content:space-between;padding:6px 0}.earnings-row.deduction{color:#dc2626}.earnings-row.total{border-top:2px solid #e2e8f0;color:#059669;font-size:18px;font-weight:700;margin-top:8px;padding-top:12px}.customer-step-detail{margin:8px 0}.step-detail-card{align-items:flex-start;border-radius:12px;display:flex;font-size:14px;gap:12px;padding:14px 16px}.step-detail-card svg{flex-shrink:0;margin-top:1px}.step-detail-card strong{display:block;font-size:14px;margin-bottom:2px}.step-detail-card p{font-size:13px;line-height:1.4;margin:0}.step-detail-card.on-the-way{background:#eff6ff;color:#1e40af}.step-detail-card.on-the-way svg{color:#2563eb}.step-detail-card.inspecting{background:#f5f3ff;color:#5b21b6}.step-detail-card.inspecting svg{color:#7c3aed}.step-detail-card.quote-ready{background:#fff7ed;color:#9a3412}.step-detail-card.quote-ready svg{color:#ea580c}.step-detail-card.repairing{background:#fefce8;color:#854d0e}.step-detail-card.repairing svg{color:#ca8a04}.step-detail-card.complete{background:#ecfdf5;color:#065f46}.step-detail-card.complete svg{color:#059669}.tracker-step-based .tracker-circle{height:28px;width:28px}@media (max-width:480px){.active-job-progress{padding:12px 8px}.active-job-step-line{width:16px}.active-job-step-label{font-size:9px}.active-job-card{padding:16px}.active-job-card-title{font-size:18px}}.confirm-modal{animation:modalSlideIn .2s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:420px;padding:32px 28px;text-align:center;width:90%}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.confirm-modal-icon-wrap{align-items:center;border-radius:50%;display:flex;height:56px;justify-content:center;margin:0 auto 16px;width:56px}.confirm-modal-title{color:#0f172a;font-size:20px;font-weight:700;margin:0 0 12px}.confirm-modal-message{color:#475569;font-size:15px;line-height:1.6;margin:0 0 24px}.confirm-modal-buttons{display:flex;gap:12px}.confirm-modal-cancel-btn{background:#fff;border:1px solid #e2e8f0;border-radius:10px;color:#475569;cursor:pointer;flex:1 1;font-size:15px;font-weight:600;padding:12px 16px;transition:all .15s}.confirm-modal-cancel-btn:hover{background:#f8fafc;border-color:#cbd5e1}.confirm-modal-confirm-btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;flex:1 1;font-size:15px;font-weight:600;gap:6px;justify-content:center;padding:12px 16px;transition:all .15s}.confirm-modal-confirm-btn.danger{background:#dc2626;color:#fff}.confirm-modal-confirm-btn.danger:hover{background:#b91c1c}.confirm-modal-confirm-btn.primary{background:#2563eb;color:#fff}.confirm-modal-confirm-btn.primary:hover{background:#1d4ed8}.confirm-modal-cancel-btn:disabled,.confirm-modal-confirm-btn:disabled{cursor:not-allowed;opacity:.6}.quote-countdown-timer{align-items:center;background:#fef3c7;border-radius:8px;color:#92400e;display:flex;font-size:14px;font-weight:600;gap:6px;justify-content:center;margin:12px 0 0;padding:10px 16px}.quote-countdown-timer.urgent{animation:countdownPulse 1s ease-in-out infinite;background:#fee2e2;color:#dc2626}@keyframes countdownPulse{0%,to{opacity:1}50%{opacity:.7}}.mechanic-quote-countdown{align-items:center;background:#fef3c7;border-radius:8px;color:#92400e;display:flex;font-size:14px;font-weight:500;gap:6px;justify-content:center;margin:12px 0 4px;padding:8px 14px}.mechanic-quote-countdown.urgent{animation:countdownPulse 1s ease-in-out infinite;background:#fee2e2;color:#dc2626}.active-job-expired{align-items:center;color:#92400e;display:flex;flex-direction:column;gap:12px;padding:24px;text-align:center}.active-job-expired p{color:#92400e;font-size:15px;font-weight:500;margin:0}.no-show-warning-card{background:#fef3c7;border:1px solid #fcd34d;border-radius:12px;margin-top:12px;padding:16px}.no-show-warning-header{align-items:flex-start;color:#92400e;display:flex;gap:12px}.no-show-warning-header strong{display:block;font-size:15px;font-weight:700;margin-bottom:2px}.no-show-warning-header p{color:#a16207;font-size:13px;margin:0}.no-show-cancel-btn{align-items:center;background:#dc2626;border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:6px;justify-content:center;margin-top:12px;padding:12px;transition:background .15s;width:100%}.no-show-cancel-btn:hover{background:#b91c1c}.no-show-cancel-btn:disabled{cursor:not-allowed;opacity:.6}.card-error-box{align-items:flex-start;background:#fee2e2;border:1px solid #fca5a5;border-radius:12px;display:flex;gap:12px;margin-top:12px;padding:16px}.card-error-icon{color:#dc2626;flex-shrink:0;margin-top:2px}.card-error-content{flex:1 1}.card-error-title{color:#991b1b;font-size:15px;font-weight:700;margin-bottom:4px}.card-error-message{color:#dc2626;font-size:14px;line-height:1.5;margin-bottom:10px}.card-error-retry{align-items:center;background:#dc2626;border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:6px;padding:8px 16px;transition:background .15s}.card-error-retry:hover{background:#b91c1c}@media (max-width:480px){.confirm-modal{padding:24px 20px;width:94%}.confirm-modal-title{font-size:18px}.confirm-modal-buttons{flex-direction:column-reverse}.card-error-box,.no-show-warning-card{padding:14px}}.desktop-user-dropdown{position:relative}.desktop-dropdown-trigger{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:8px;border-radius:var(--radius-sm);color:#fff;color:var(--color-white);cursor:pointer;display:flex;gap:10px;padding:8px 14px;transition:all .2s ease}.desktop-dropdown-trigger:hover{background:#ffffff2e}.desktop-dropdown-trigger .user-avatar{height:32px;width:32px}.dropdown-chevron{opacity:.7;transition:transform .2s ease}.dropdown-chevron.open{transform:rotate(180deg)}.desktop-dropdown-menu{animation:dropdownFadeIn .15s ease;background:#fff;border-radius:12px;box-shadow:0 8px 30px #0000001f,0 2px 8px #0000000f;min-width:220px;padding:6px;position:absolute;right:0;top:calc(100% + 8px);z-index:1000}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.desktop-dropdown-item{align-items:center;background:none;border:none;border-radius:8px;color:#334155;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:12px;padding:10px 14px;text-align:left;transition:background .15s ease;width:100%}.desktop-dropdown-item:hover{background:#f1f5f9}.desktop-dropdown-item svg{color:#64748b;flex-shrink:0}.desktop-dropdown-item:hover svg{color:#334155}.desktop-dropdown-divider{background:#f1f5f9;height:1px;margin:4px 8px}.desktop-dropdown-logout,.desktop-dropdown-logout svg{color:#dc2626}.desktop-dropdown-logout:hover{background:#fef2f2}.desktop-dropdown-logout:hover svg{color:#dc2626}@media (min-width:769px){.section-container-v2{max-width:1140px}.hero-container{max-width:800px}.hero-subtitle-v2{max-width:560px}.steps-timeline{max-width:1000px}.timeline-content p{max-width:240px}.services-compact{gap:16px;max-width:900px}.features-grid-v2{gap:20px;grid-template-columns:repeat(4,1fr);max-width:1000px}.faq-list-v2{max-width:800px}.mechanics-content-v2{max-width:1000px}.mechanics-section-v2{border-radius:24px;margin:0 24px 24px}}
/*# sourceMappingURL=main.8ff60e8d.css.map*/