*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*
! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com
*/*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;tab-size:4}body{line-height:inherit}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:initial;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:initial}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.fixed{position:fixed}.relative{position:relative}.flex{display:flex}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;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}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#f5f5f5;color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.App{display:flex;flex-direction:column;min-height:100vh}.navbar{background:linear-gradient(135deg,#dc2626,#1f1f1f);box-shadow:0 2px 10px #0000001a;color:#fff;justify-content:space-between;padding:1rem 2rem}.logo-container,.nav-brand,.navbar{align-items:center;display:flex}.logo-container{gap:1rem}.logo-wrapper{align-items:center;display:flex;height:60px;justify-content:center;width:60px}.company-logo{filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));height:auto;max-height:60px;max-width:60px;object-fit:contain;width:auto}.logo-fallback,.logo-placeholder{align-items:center;background:linear-gradient(135deg,#dc2626,#b91c1c);border:2px solid #fff3;border-radius:8px;box-shadow:0 2px 8px #0000004d;display:flex;height:50px;justify-content:center;width:50px}.gear-icon{filter:drop-shadow(0 1px 2px rgba(0,0,0,.5));font-size:1.5rem}.brand-text h1{color:#fff;font-size:1.8rem;font-weight:700;margin:0;text-shadow:0 1px 2px #0000004d}.brand-text .tagline{color:#fffc;display:block;font-size:.85rem;font-weight:400;margin-top:-2px}.nav-links{display:flex;gap:1rem}.nav-links button{background:#ffffff1a;border:1px solid #fff3;border-radius:6px;color:#fff;cursor:pointer;padding:.5rem 1rem;transition:all .3s ease}.nav-links button:hover{background:#fff3}.nav-links button.active{background:#ffffff4d;border-color:#ffffff80}.logout-section,.nav-actions{align-items:center;display:flex}.logout-section{gap:1rem}.user-info{color:#ffffffe6}.logout-button,.user-info{font-size:.9rem;font-weight:500}.logout-button{align-items:center;background:#dc2626cc;border:1px solid #dc262699;border-radius:6px;color:#fff;cursor:pointer;display:flex;gap:.5rem;padding:.5rem 1rem;transition:all .3s ease}.logout-button:hover{background:#dc2626;border-color:#dc2626cc;box-shadow:0 2px 8px #dc26264d;transform:translateY(-1px)}.main-content{flex:1 1;margin:0 auto;max-width:1200px;padding:2rem;width:100%}.dashboard{display:flex;flex-direction:column;gap:2rem}.stats-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.stat-card{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;padding:1.5rem;text-align:center}.stat-card h3{color:#666;font-size:.9rem;letter-spacing:.5px;margin-bottom:.5rem;text-transform:uppercase}.stat-number{color:#1f1f1f;font-size:2.5rem;font-weight:700}.stat-number.active{color:#dc2626}.stat-number.completed{color:#16a34a}.stat-number.waiting{color:#ea580c}.mechanics-status{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;padding:1.5rem}.mechanics-status h3{color:#1f1f1f;font-size:1.1rem;margin-bottom:1rem}.mechanics-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.mechanic-card{background:#f8f9fa;border:2px solid #e9ecef;border-radius:8px;padding:1rem;transition:all .3s ease}.mechanic-card.active{background:#fef2f2;border-color:#dc2626}.mechanic-card.available{background:#f0fdf4;border-color:#16a34a}.mechanic-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.mechanic-name{font-size:1rem}.mechanic-status{border-radius:4px;font-size:.85rem;font-weight:500;padding:.25rem .5rem}.mechanic-status.active{background:#dc2626;color:#fff}.mechanic-status.available{background:#16a34a;color:#fff}.mechanic-details{border-top:1px solid #e9ecef;margin-top:.5rem;padding-top:.5rem}.mechanic-details p{color:#666;font-size:.85rem;margin:.25rem 0}.mechanic-details strong{color:#1f1f1f}.recent-jobs{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;padding:1.5rem}.recent-jobs h3{color:#1f1f1f;margin-bottom:1rem}.jobs-list{display:flex;flex-direction:column;gap:.5rem}.job-item{border:1px solid #e5e5e5;border-radius:8px;cursor:pointer;padding:1rem;transition:all .2s ease}.job-item:hover{background-color:#f9f9f9;border-color:#dc2626}.job-header{margin-bottom:.5rem}.job-number{color:#1f1f1f;font-weight:700}.status{border-radius:20px;font-size:.75rem;font-weight:700;padding:.25rem .75rem;text-transform:uppercase}.status.active{background-color:#fee2e2;color:#dc2626}.status.completed{background-color:#dcfce7;color:#16a34a}.status.waiting_parts{background-color:#fed7aa;color:#ea580c}.status.invoiced{background-color:#e0e7ff;color:#4f46e5}.job-info p{color:#666;font-size:.9rem;margin:.25rem 0}.add-part-form,.job-form{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;display:flex;flex-direction:column;gap:1.5rem;padding:2rem}.form-group label{color:#374151;font-weight:600}.form-group input,.form-group select,.form-group textarea{border:1px solid #d1d5db;border-radius:6px;font-size:1rem;padding:.75rem;transition:border-color .2s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#dc2626;box-shadow:0 0 0 3px #dc26261a;outline:none}.form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.vehicle-section{background-color:#f9f9f9;border:1px solid #e5e5e5;border-radius:8px;padding:1rem}.vehicle-section h3{color:#1f1f1f;margin-bottom:1rem}.btn-primary{background:linear-gradient(135deg,#dc2626,#b91c1c);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.btn-primary:hover{background:linear-gradient(135deg,#b91c1c,#991b1b);box-shadow:0 4px 12px #dc26264d;transform:translateY(-1px)}.btn-primary:disabled{cursor:not-allowed;opacity:.6;transform:none}.btn-secondary{background:#6b7280;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;padding:.5rem 1rem;transition:background-color .2s ease}.btn-secondary:hover{background:#4b5563}.btn-logout{background:#ef4444;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.8rem;padding:.25rem .75rem}.btn-logout:hover{background:#dc2626}.job-detail{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;display:flex;flex-direction:column;gap:2rem;padding:2rem}.job-detail .job-header{align-items:center;border-bottom:2px solid #e5e5e5;display:flex;justify-content:space-between;padding-bottom:1rem}.job-detail .job-header h2{color:#1f1f1f;font-size:1.8rem}.job-info-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.job-summary,.vehicle-info{background-color:#f9f9f9;border:1px solid #e5e5e5;border-radius:8px;padding:1.5rem}.job-summary h3,.vehicle-info h3{border-bottom:2px solid #dc2626;color:#1f1f1f;margin-bottom:1rem;padding-bottom:.5rem}.job-summary p,.vehicle-info p{color:#4b5563;margin:.5rem 0}.mechanics-section{background-color:#f9f9f9;border:1px solid #e5e5e5;border-radius:8px;padding:1.5rem}.mechanics-section h3{border-bottom:2px solid #dc2626;color:#1f1f1f;margin-bottom:1rem;padding-bottom:.5rem}.mechanic-login{display:flex;gap:1rem;margin-bottom:1.5rem}.mechanic-login input{border:1px solid #d1d5db;border-radius:6px;flex:1 1;padding:.75rem}.active-mechanics,.completed-sessions{margin-top:1rem}.active-mechanics h4,.completed-sessions h4{color:#374151;margin-bottom:.5rem}.mechanic-item{padding:.75rem}.parts-section{background-color:#f9f9f9;border:1px solid #e5e5e5;border-radius:8px;padding:1.5rem}.parts-section h3{border-bottom:2px solid #dc2626;color:#1f1f1f;margin-bottom:1rem;padding-bottom:.5rem}.add-part-form{background:#fff;border-radius:8px;margin-bottom:2rem;padding:1.5rem}.parts-list h4{color:#374151;margin-bottom:1rem}.part-item{align-items:center;background:#fff;border:1px solid #e5e5e5;border-radius:6px;display:flex;justify-content:space-between;margin-bottom:.5rem;padding:1rem;position:relative}.part-info{flex:1 1}.part-info strong{color:#1f1f1f;font-size:1.1rem}.part-info p{color:#6b7280;margin:.25rem 0}.part-info small{color:#9ca3af;font-size:.8rem}.delete-part-btn{background:none;border:none;border-radius:4px;cursor:pointer;font-size:1.2rem;margin-left:.5rem;padding:.5rem;transition:background-color .2s}.delete-part-btn:hover{background-color:#fef2f2}.delete-part-btn:active{transform:scale(.95)}.part-pricing{align-items:flex-end;display:flex;flex-direction:column;gap:.25rem}.part-pricing .total{color:#1f1f1f;font-size:1.1rem;font-weight:700}.part-pricing .tax-code{background:#e5e7eb;border-radius:4px;color:#374151;font-size:.75rem;font-weight:700;padding:.2rem .5rem}.customer-section{background-color:#f0f9ff;border:2px solid #dc2626;border-radius:8px;margin-bottom:1.5rem;padding:1.5rem}.customer-section h3{color:#dc2626;font-weight:700;margin-bottom:1rem}.customer-results{background:#fff;border:1px solid #d1d5db;border-radius:0 0 6px 6px;border-top:none;box-shadow:0 4px 6px #0000001a;left:0;max-height:200px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.customer-item{border-bottom:1px solid #e5e5e5;cursor:pointer;padding:.75rem;transition:background-color .2s ease}.customer-item:hover{background-color:#f9f9f9}.customer-item strong{color:#dc2626;font-weight:700}.customer-item small{color:#6b7280;display:block;margin-top:.25rem}.form-group{display:flex;flex-direction:column;gap:.5rem;position:relative}.additional-notes-section,.work-description-section{background-color:#f9f9f9;border:1px solid #e5e5e5;border-radius:8px;margin-bottom:2rem;padding:1.5rem}.additional-notes-section h3,.work-description-section h3{border-bottom:2px solid #dc2626;color:#1f1f1f;margin-bottom:1rem;padding-bottom:.5rem}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.btn-edit{background:#3b82f6;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.85rem;padding:.5rem 1rem;transition:background-color .2s ease}.btn-edit:hover{background:#2563eb}.btn-save{background:#16a34a;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.85rem;margin-right:.5rem;padding:.5rem 1rem;transition:background-color .2s ease}.btn-save:hover{background:#15803d}.edit-mode{display:flex;flex-direction:column;gap:1rem}.edit-buttons{display:flex;gap:.5rem}.display-mode{background:#fff;border:1px solid #e5e5e5;border-radius:6px;min-height:80px;padding:1rem}.description-display,.notes-display{color:#374151;line-height:1.6;white-space:pre-wrap}.preserve-linebreaks{word-wrap:break-word;white-space:pre-wrap!important}.description-display:empty:before,.notes-display:empty:before{color:#9ca3af;content:attr(data-placeholder);font-style:italic}.mechanic-hours-breakdown{background-color:#f0f9ff;border:1px solid #e0f2fe;border-radius:6px;margin:.5rem 0;padding:.75rem}.hours-list{list-style:none;margin:.5rem 0 0;padding:0}.hours-list li{color:#374151;padding:.25rem 0}.hours-list li strong{color:#dc2626}.torqued-wheels-section{background-color:#f9f9f9;border:1px solid #e5e5e5;border-radius:8px;margin-bottom:2rem;padding:1.5rem}.torqued-wheels-section h3{border-bottom:2px solid #dc2626;color:#1f1f1f;margin-bottom:1rem;padding-bottom:.5rem}.checkbox-container{align-items:center;color:#374151;cursor:pointer;display:flex;font-weight:600;gap:.5rem;margin-bottom:1rem}.checkbox-container input[type=checkbox]{cursor:pointer;height:20px;width:20px}.torque-image-upload{background:#fff;border:1px solid #e5e5e5;border-radius:6px;margin-top:1rem;padding:1rem}.torque-image-upload p{color:#374151;font-weight:500;margin-bottom:.5rem}.torque-image-upload input[type=file]{background:#fff;border:1px solid #d1d5db;border-radius:4px;margin-bottom:1rem;padding:.5rem}.torque-image-preview{margin-top:1rem}.torque-image-preview img{border:1px solid #e5e5e5;border-radius:6px;box-shadow:0 2px 4px #0000001a;max-height:200px;max-width:300px}.torque-warning{background:linear-gradient(135deg,#fef3c7,#fde68a);border:2px solid #f59e0b;border-radius:6px;margin-top:1rem;padding:1rem;text-align:center}.torque-warning p{color:#92400e;font-size:1.1rem;font-weight:700;margin:0}.torque-image-upload input[type=file].required-field{background:#fef2f2;border:2px solid #dc2626}.torque-image-upload input[type=file].required-field:focus{border-color:#dc2626;box-shadow:0 0 0 3px #dc26261a}.service-sticker-section{background-color:#f9f9f9;border:1px solid #e5e5e5;border-radius:8px;margin-bottom:2rem;padding:1.5rem}.service-sticker-section h3{border-bottom:2px solid #dc2626;color:#1f1f1f;margin-bottom:1rem;padding-bottom:.5rem}.sticker-options{display:flex;gap:2rem;margin-bottom:1.5rem}.radio-container{align-items:center;color:#374151;cursor:pointer;display:flex;font-weight:600;gap:.5rem}.radio-container input[type=radio]{cursor:pointer;height:20px;margin:0;width:20px}.radio-checkmark{border:2px solid #d1d5db;border-radius:50%;display:inline-block;height:20px;margin-right:.5rem;position:relative;width:20px}.radio-checkmark.green{background-color:#10b981;border-color:#10b981}.radio-checkmark.red{background-color:#ef4444;border-color:#ef4444}.radio-label{font-size:1.1rem;font-weight:600}.sticker-image-upload{margin-top:1rem}.sticker-image-upload p{color:#374151;font-weight:600;margin-bottom:.5rem}.required-text{color:#dc2626;font-weight:700}.sticker-image-upload input[type=file]{background:#fff;border:2px solid #d1d5db;border-radius:6px;cursor:pointer;font-size:1rem;padding:.5rem;transition:border-color .2s;width:100%}.sticker-image-upload input[type=file]:hover{border-color:#9ca3af}.sticker-image-upload input[type=file]:focus{border-color:#dc2626;box-shadow:0 0 0 3px #dc26261a;outline:none}.sticker-image-preview{margin-top:1rem;text-align:center}.sticker-image-preview img{border:1px solid #e5e5e5;border-radius:6px;box-shadow:0 2px 4px #0000001a;max-height:200px;max-width:300px}.sticker-image-upload input[type=file].required-field{background:#fef2f2;border:2px solid #dc2626}.sticker-image-upload input[type=file].required-field:focus{border-color:#dc2626;box-shadow:0 0 0 3px #dc26261a}.service-section{background-color:#f0f9ff;border:1px solid #e5e5e5;border-radius:8px;margin-bottom:2rem;padding:1.5rem}.service-section h3{border-bottom:2px solid #3b82f6;color:#1f1f1f;margin-bottom:1rem;padding-bottom:.5rem}.service-content{display:flex;flex-direction:column;gap:1rem}.service-details{background:#fff;border:1px solid #e5e5e5;border-radius:6px;margin-top:1rem;padding:1rem}.service-details .form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr;margin-bottom:1rem}.service-details .form-group{display:flex;flex-direction:column;gap:.5rem}.service-details .form-group label{color:#374151;font-weight:600}.service-details .form-group input,.service-details .form-group select{border:1px solid #d1d5db;border-radius:4px;font-size:1rem;padding:.5rem}.service-details .form-group input:disabled{background-color:#f9fafb;cursor:not-allowed}.service-details .form-group small{color:#6b7280;font-size:.875rem}.service-checklist{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin-top:2rem;padding:1.5rem}.service-checklist h4{color:#1e293b;font-size:1.1rem;font-weight:600;margin-bottom:1rem}.checklist-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:1fr;margin-bottom:1.5rem}.checklist-item{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:6px;box-shadow:0 1px 3px #0000000d;display:flex;justify-content:space-between;padding:.75rem}.item-name{color:#374151;flex-grow:1;font-weight:500}.status-buttons{display:flex;gap:.5rem}.status-btn{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:6px;cursor:pointer;display:flex;font-size:1.2rem;height:40px;justify-content:center;position:relative;transition:all .2s;width:40px}.status-btn:hover{box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.status-btn.changed{border-color:#f59e0b}.service-checklist .status-btn{background:#fff;border:2px solid #d1d5db;border-radius:4px;cursor:pointer;font-size:.875rem;font-weight:500;margin:0 .25rem;padding:.5rem 1rem;position:relative;transition:all .3s ease}.service-checklist .status-btn.changed{border-color:#f59e0b;color:#f59e0b}.service-checklist .status-btn.changed.active{background:#f59e0b!important;border-color:#d97706!important;box-shadow:0 0 0 3px #f59e0b4d!important;color:#fff!important;font-weight:600!important;transform:translateY(-1px)!important}.service-checklist .status-btn.ok{border-color:#10b981;color:#10b981}.service-checklist .status-btn.ok.active{background:#10b981!important;border-color:#059669!important;box-shadow:0 0 0 3px #10b9814d!important;color:#fff!important;font-weight:600!important;transform:translateY(-1px)!important}.status-btn.na{border-color:#ef4444}.service-checklist .status-btn.na{border-color:#ef4444;color:#ef4444}.service-checklist .status-btn.na.active{background:#ef4444!important;border-color:#dc2626!important;box-shadow:0 0 0 3px #ef44444d!important;color:#fff!important;font-weight:600!important;transform:translateY(-1px)!important}.service-checklist .status-btn:hover{box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.service-checklist .status-btn.active:hover{box-shadow:0 4px 8px #00000026!important;transform:translateY(-2px)!important}.service-checklist .status-btn.active:after{align-items:center;background:#fff;border:2px solid;border-radius:50%;color:#333;content:"✓";display:flex;font-size:12px;font-weight:700;height:18px;justify-content:center;position:absolute;right:-8px;top:-8px;width:18px}.inspection-checklist .status-btn{background:#fff;border:2px solid #d1d5db;border-radius:4px;cursor:pointer;font-size:.875rem;font-weight:500;margin:0 .25rem;padding:.5rem 1rem;position:relative;transition:all .3s ease}.inspection-checklist .status-btn.ok{border-color:#10b981;color:#10b981}.inspection-checklist .status-btn.ok.active{background:#10b981!important;border-color:#059669!important;box-shadow:0 0 0 3px #10b9814d!important;color:#fff!important;font-weight:600!important;transform:translateY(-1px)!important}.inspection-checklist .status-btn.not-ok{border-color:#ef4444;color:#ef4444}.inspection-checklist .status-btn.not-ok.active{background:#ef4444!important;border-color:#dc2626!important;box-shadow:0 0 0 3px #ef44444d!important;color:#fff!important;font-weight:600!important;transform:translateY(-1px)!important}.inspection-checklist .status-btn.na{border-color:#6b7280;color:#6b7280}.inspection-checklist .status-btn.na.active{background:#6b7280!important;border-color:#4b5563!important;box-shadow:0 0 0 3px #6b72804d!important;color:#fff!important;font-weight:600!important;transform:translateY(-1px)!important}.inspection-checklist .status-btn:hover{box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.inspection-checklist .status-btn.active:hover{box-shadow:0 4px 8px #00000026!important;transform:translateY(-2px)!important}.inspection-checklist .status-btn.active:after{align-items:center;background:#fff;border:2px solid;border-radius:50%;color:#333;content:"✓";display:flex;font-size:12px;font-weight:700;height:18px;justify-content:center;position:absolute;right:-8px;top:-8px;width:18px}.add-custom-item{background:#fff;border:1px solid #e5e7eb;border-radius:6px;display:flex;gap:.5rem;padding:1rem}.add-custom-item input{border:1px solid #d1d5db;border-radius:4px;flex-grow:1;font-size:1rem;padding:.5rem}.btn-add-custom{background:#3b82f6;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:500;padding:.5rem 1rem;transition:background .2s}.btn-add-custom:hover{background:#2563eb}.mechanic-notes-section{background:#fff;border:1px solid #e5e7eb;border-radius:6px;margin-top:1rem;padding:1rem}.mechanic-notes-section h4{color:#374151;font-size:1.1rem;font-weight:600;margin-bottom:1rem}.mechanic-input-group{display:flex;flex-direction:column;gap:.75rem}.mechanic-name-select{background:#fff;cursor:pointer}.mechanic-name-select,.mechanic-notes-textarea{border:1px solid #d1d5db;border-radius:4px;font-size:1rem;padding:.5rem}.mechanic-notes-textarea{font-family:inherit;resize:vertical}.btn-add-mechanic-notes{align-self:flex-start;background:#059669;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 1.25rem;transition:background .2s}.btn-add-mechanic-notes:hover{background:#047857}.backup-manager{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;margin:0 auto;max-width:1000px;padding:2rem}.backup-header h2{color:#1f2937;font-size:1.5rem;margin-bottom:.5rem}.backup-description{color:#6b7280;font-size:.95rem;margin-bottom:2rem}.backup-actions{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:2rem}.backup-btn{border:none;border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:600;padding:.75rem 1.5rem;transition:all .2s}.backup-btn:disabled{cursor:not-allowed;opacity:.6}.full-backup{background:#3b82f6;color:#fff}.full-backup:hover:not(:disabled){background:#2563eb}.jobs-backup{background:#10b981;color:#fff}.jobs-backup:hover:not(:disabled){background:#059669}.refresh-backup{background:#6b7280;color:#fff}.refresh-backup:hover:not(:disabled){background:#4b5563}.backup-message{border-radius:8px;font-weight:500;margin-bottom:2rem;padding:1rem}.backup-message.success{background:#d1fae5;border:1px solid #a7f3d0;color:#065f46}.backup-message.error{background:#fee2e2;border:1px solid #fecaca;color:#dc2626}.backups-list h3{color:#1f2937;font-size:1.2rem;margin-bottom:1rem}.loading{padding:2rem}.loading,.no-backups{color:#6b7280;text-align:center}.no-backups{background:#f9fafb;border:2px dashed #d1d5db;border-radius:8px;padding:3rem}.backup-item{align-items:center;background:#fafafa;border:1px solid #e5e7eb;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:.5rem;padding:1rem}.backup-info{flex-grow:1}.backup-filename{color:#1f2937;font-weight:600;margin-bottom:.25rem}.backup-details{color:#6b7280;font-size:.85rem}.backup-details span{margin-right:1rem}.backup-actions-item{display:flex;gap:.5rem}.restore-btn{background:#fff;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;font-size:.85rem;padding:.5rem 1rem;transition:all .2s}.restore-btn:hover:not(:disabled){background:#f3f4f6;border-color:#9ca3af}.restore-btn:disabled{cursor:not-allowed;opacity:.6}.restore-btn.jobs-only{background:#fef3c7;border-color:#fbbf24}.restore-btn.jobs-only:hover:not(:disabled){background:#fde68a}.backup-warning{background:#fef3c7;border:1px solid #fbbf24;border-radius:8px;color:#92400e;font-size:.9rem;margin-top:2rem;padding:1rem}.mechanic-note-item{background:#f0f9ff!important;border-left:4px solid #0ea5e9!important}.mechanic-note-text{word-wrap:break-word!important;color:#1e40af!important;font-style:italic;line-height:1.5!important;white-space:pre-wrap!important}.save-checklist-section{background:#f0f9ff;border:1px solid #3b82f6;border-radius:6px;margin-top:1rem;padding:1rem;text-align:center}.btn-save-checklist{background:#10b981;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-bottom:.5rem;padding:.75rem 1.5rem;transition:background .2s}.btn-save-checklist:hover{background:#059669;box-shadow:0 4px 8px #10b9814d;transform:translateY(-1px)}.save-checklist-section small{color:#6b7280;display:block;font-size:.875rem}.inspection-section{background-color:#f0f9ff;border:1px solid #e5e5e5;border-radius:8px;margin-bottom:2rem;padding:1.5rem}.inspection-section h3{border-bottom:2px solid #3b82f6;color:#1f1f1f;margin-bottom:1rem;padding-bottom:.5rem}.inspection-content{display:flex;flex-direction:column;gap:1rem}.inspection-checklist{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin-top:1rem;padding:1.5rem}.inspection-checklist h4{color:#1e293b;font-size:1.1rem;font-weight:600;margin-bottom:1rem}.inspection-item{background:#fff;border:1px solid #e5e7eb;border-radius:6px;display:flex;flex-direction:column;gap:.5rem;margin-bottom:.75rem;padding:.75rem}.inspection-item .item-name{color:#374151;font-size:.95rem;font-weight:500}.inspection-item .status-buttons{display:flex;gap:.5rem;margin-top:.5rem}.inspection-item .status-btn{background:#fff;border:2px solid #d1d5db;border-radius:4px;cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem;position:relative;transition:all .2s}.inspection-item .status-btn.ok{border-color:#10b981;color:#10b981}.inspection-item .status-btn.ok.active{background:#10b981;border-color:#059669;box-shadow:0 0 0 3px #10b9814d;color:#fff;font-weight:600;transform:translateY(-1px)}.inspection-item .status-btn.not-ok{border-color:#ef4444;color:#ef4444}.inspection-item .status-btn.not-ok.active{background:#ef4444;border-color:#dc2626;box-shadow:0 0 0 3px #ef44444d;color:#fff;font-weight:600;transform:translateY(-1px)}.inspection-item .status-btn.na{border-color:#6b7280;color:#6b7280}.inspection-item .status-btn.na.active{background:#6b7280;border-color:#4b5563;box-shadow:0 0 0 3px #6b72804d;color:#fff;font-weight:600;transform:translateY(-1px)}.inspection-item .status-btn:hover{box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.inspection-item .status-btn.active:hover{box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.inspection-item .status-btn.active:after{align-items:center;background:#fff;border-radius:50%;color:inherit;content:"✓";display:flex;font-size:10px;font-weight:700;height:16px;justify-content:center;position:absolute;right:-5px;top:-5px;width:16px}.inspection-notes{background:#fef2f2;border:1px solid #fecaca;border-radius:4px;margin-top:.5rem;padding:.75rem}.inspection-notes .voice-input-container{align-items:flex-start;display:flex;gap:.5rem}.inspection-notes textarea{border:1px solid #d1d5db;border-radius:4px;flex:1 1;font-family:inherit;min-height:60px;padding:.5rem;resize:vertical}.inspection-notes textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.inspection-notes .voice-btn{background:#3b82f6;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.875rem;height:-webkit-fit-content;height:fit-content;padding:.5rem .75rem;transition:all .2s;white-space:nowrap}.inspection-notes .voice-btn:hover{background:#2563eb}.inspection-notes .voice-btn.listening{animation:pulse 1s infinite;background:#dc2626}.section-header-inline{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.btn-edit-small{background:none;border:1px solid #d1d5db;border-radius:4px;color:#6b7280;cursor:pointer;font-size:.875rem;opacity:.7;padding:.25rem .5rem;transition:all .2s}.btn-edit-small:hover{background:#f3f4f6;color:#374151;opacity:1;transform:scale(1.05)}.edit-mode-inline{display:flex;flex-direction:column;gap:.75rem}.form-group-inline{align-items:center;display:flex;gap:.5rem}.form-group-inline label{color:#374151;font-size:.875rem;font-weight:600;min-width:120px}.form-group-inline input,.form-group-inline select,.form-group-inline textarea{border:1px solid #d1d5db;border-radius:4px;flex-grow:1;font-size:.875rem;padding:.375rem .5rem}.edit-buttons-inline{display:flex;gap:.5rem;justify-content:flex-end;margin-top:.5rem}.btn-cancel-small,.btn-save-small{background:none;border:1px solid #d1d5db;border-radius:4px;cursor:pointer;font-size:.875rem;padding:.375rem .75rem;transition:all .2s}.btn-save-small{border-color:#059669;color:#059669}.btn-save-small:hover{background:#059669;color:#fff}.btn-cancel-small{border-color:#dc2626;color:#dc2626}.btn-cancel-small:hover{background:#dc2626;color:#fff}.data-management{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;margin:0 auto;max-width:1200px;padding:2rem}.tab-navigation{border-bottom:2px solid #e5e5e5;display:flex;gap:.5rem;margin-bottom:2rem}.tab-active,.tab-inactive{background:none;border:none;border-bottom:3px solid #0000;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.tab-active{background-color:#fef2f2;border-bottom-color:#dc2626;color:#dc2626}.tab-inactive{color:#6b7280}.tab-inactive:hover{background-color:#f9fafb;color:#374151}.management-actions{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr;margin-bottom:2rem}.add-manual-section,.upload-section{background-color:#f9fafb;border:1px solid #e5e5e5;border-radius:8px;padding:1.5rem}.add-manual-section h4,.upload-section h4{color:#1f1f1f;margin-bottom:.5rem}.upload-section p{color:#6b7280;font-size:.9rem;margin-bottom:1rem}.upload-section input[type=file]{background-color:#fff;border:2px dashed #d1d5db;border-radius:6px;cursor:pointer;padding:.75rem;transition:border-color .3s ease;width:100%}.upload-section input[type=file]:hover{border-color:#dc2626}.add-form{display:flex;flex-direction:column;gap:.75rem}.add-form input{border:1px solid #d1d5db;border-radius:6px;font-size:1rem;padding:.75rem}.add-form input:focus{border-color:#dc2626;box-shadow:0 0 0 3px #dc26261a;outline:none}.data-table{border:1px solid #e5e5e5;border-radius:6px;max-height:400px;overflow-y:auto}.data-row{background-color:#fff;border-bottom:1px solid #f3f4f6;padding:.75rem;transition:background-color .2s ease}.data-row:hover{background-color:#f9fafb}.data-row strong{color:#dc2626;font-weight:700}.data-row small{color:#6b7280;display:block;margin-top:.25rem}@media (max-width:768px){.management-actions{gap:1rem;grid-template-columns:1fr}.tab-navigation{flex-direction:column}.data-management{padding:1rem}}.voice-input-container{position:relative}.voice-input-container textarea{border:1px solid #d1d5db;border-radius:6px;font-family:inherit;font-size:1rem;min-height:120px;padding:1rem;resize:vertical;width:100%}.voice-btn{background:#dc2626;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.85rem;padding:.5rem 1rem;position:absolute;right:.5rem;top:.5rem;transition:all .3s ease}.voice-btn:hover{background:#b91c1c}.voice-btn.listening{animation:pulse 1s infinite;background:#16a34a}@keyframes pulse{0%{opacity:1}50%{opacity:.7}to{opacity:1}}.mechanic-select{align-items:center;display:flex;gap:1rem}.mechanic-select select{border:1px solid #d1d5db;border-radius:6px;flex:1 1;padding:.75rem}.add-new-mechanic{align-items:center;display:flex;gap:1rem}.add-new-mechanic input{border:1px solid #d1d5db;border-radius:6px;flex:1 1;padding:.75rem}.btn-cancel{background:#6b7280;border:none;border-radius:6px;color:#fff;cursor:pointer;padding:.5rem 1rem}.btn-cancel:hover{background:#4b5563}.mechanic-item{align-items:center;background:#fff;border:1px solid #e5e5e5;border-radius:6px;display:flex;justify-content:space-between;margin-bottom:.5rem;padding:1rem}.mechanic-item.active{background-color:#fef2f2;border-color:#dc2626}.mechanic-info{display:flex;flex:1 1;flex-direction:column;gap:.25rem}.hours-display{display:flex;flex-direction:column;font-size:.875rem;gap:.15rem}.tracked-hours{color:#4f46e5}.manual-hours{color:#dc2626;font-weight:500}.total-hours{color:#059669;font-weight:700}.manual-hours-entry,.mechanic-actions{align-items:center;display:flex;gap:.5rem}.hours-input{border:1px solid #d1d5db;border-radius:4px;font-size:.875rem;padding:.375rem;width:80px}.btn-manual-hours{background:#4f46e5;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.75rem;padding:.375rem .75rem;transition:background .3s ease}.btn-manual-hours:hover{background:#4338ca}.btn-save-hours{background:#059669;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.75rem;padding:.375rem .75rem;transition:background .3s ease}.btn-save-hours:hover{background:#047857}.btn-cancel-hours{background:#6b7280;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.75rem;padding:.375rem .75rem;transition:background .3s ease}.btn-cancel-hours:hover{background:#4b5563}.work-required-images-upload{background:#f9fafb;border:2px dashed #d1d5db;border-radius:8px;margin-top:1rem;padding:1rem}.image-upload-label{background:#4f46e5;border-radius:8px;color:#fff;cursor:pointer;display:inline-block;font-size:.875rem;font-weight:500;padding:.75rem 1.5rem;transition:background .3s ease}.image-upload-label:hover{background:#4338ca}.image-upload-input{display:none}.upload-help{color:#6b7280;display:block;font-size:.75rem;margin-top:.5rem}.uploaded-images-preview{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));margin-top:1rem}.image-preview-item{background:#fff;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden;position:relative}.thumbnail{border-radius:6px;height:80px;object-fit:cover;width:100%}.delete-image-btn{align-items:center;background:#dc2626e6;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:12px;height:20px;justify-content:center;position:absolute;right:2px;top:2px;width:20px}.delete-image-btn:hover{background:#b91c1ce6}.work-required-images-section{background:#f8f9fa;border:1px solid #e5e7eb;border-radius:8px;margin-top:1.5rem;padding:1rem}.images-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.images-header h4{color:#1f2937;font-size:1rem;margin:0}.btn-upload-images{background:#059669;border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-block;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:background .3s ease}.btn-upload-images:hover{background:#047857}.work-required-images-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.work-image-item{background:#fff;border:1px solid #d1d5db;border-radius:8px;padding:.5rem;position:relative;text-align:center;transition:transform .2s ease,box-shadow .2s ease}.work-image-item:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.work-image-thumbnail{border-radius:6px;cursor:pointer;height:100px;object-fit:cover;transition:opacity .2s ease;width:100%}.work-image-thumbnail:hover{opacity:.8}.image-controls{display:flex;gap:.5rem;justify-content:center;margin:.5rem 0}.btn-delete-image,.btn-view-image{background:none;border:none;border-radius:4px;cursor:pointer;font-size:1.2rem;padding:.25rem;transition:background .2s ease}.btn-view-image:hover{background:#3b82f61a}.btn-delete-image:hover{background:#ef44441a}.image-label{color:#6b7280;font-size:.75rem;font-weight:500}.no-images{color:#6b7280;padding:2rem;text-align:center}.no-images p{margin:0 0 .5rem}.no-images small{font-size:.75rem}.image-viewer-modal{align-items:center;animation:fadeIn .3s ease;background:#000000e6;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.image-viewer-content{background:#fff;border-radius:12px;box-shadow:0 25px 50px -12px #00000040;display:flex;flex-direction:column;max-height:90vh;max-width:90vw;overflow:hidden}.image-viewer-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:1rem 1.5rem}.image-viewer-header h3{color:#1f2937;font-size:1.125rem;margin:0}.close-modal-btn{background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;font-size:1.5rem;padding:.25rem;transition:background .2s ease}.close-modal-btn:hover{background:#6b72801a;color:#374151}.image-viewer-body{align-items:center;background:#f9fafb;display:flex;flex:1 1;justify-content:center;padding:1rem}.full-size-image{border-radius:8px;box-shadow:0 4px 6px -1px #0000001a;max-height:70vh;max-width:100%;object-fit:contain}.image-viewer-footer{align-items:center;background:#fff;border-top:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:1rem 1.5rem}.nav-image-btn{background:#4f46e5;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:background .2s ease}.nav-image-btn:hover:not(:disabled){background:#4338ca}.nav-image-btn:disabled{background:#9ca3af;cursor:not-allowed}.image-counter{color:#6b7280;font-size:.875rem;font-weight:500}@media (max-width:768px){.uploaded-images-preview,.work-required-images-grid{grid-template-columns:repeat(2,1fr)}.image-viewer-content{max-height:95vh;max-width:95vw}.full-size-image{max-height:60vh}.image-viewer-footer{flex-direction:column;gap:1rem}}.data-import{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;margin:0 auto;max-width:1000px;padding:2rem}.data-import h2{color:#1f1f1f;margin-bottom:2rem;text-align:center}.import-status{background-color:#f0f9ff;border:1px solid #e0f2fe;border-radius:8px;margin-bottom:2rem;padding:1.5rem}.import-status h3{color:#dc2626;margin-bottom:1rem}.status-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.status-card{background:#fff;border:1px solid #e5e5e5;border-radius:6px;padding:1rem;text-align:center}.status-card h4{color:#6b7280;font-size:.9rem;margin-bottom:.5rem}.status-number{color:#dc2626;font-size:2rem;font-weight:700}.import-sections{display:flex;flex-direction:column;gap:2rem}.import-section{background-color:#f9f9f9;border:1px solid #e5e5e5;border-radius:8px;padding:1.5rem}.import-section h3{border-bottom:2px solid #dc2626;color:#1f1f1f;margin-bottom:1rem;padding-bottom:.5rem}.export-instructions ol{color:#4b5563;margin-left:1.5rem}.export-instructions li{margin-bottom:.5rem}.export-instructions h4{color:#374151;margin-bottom:.5rem;margin-top:1rem}.upload-area{background-color:#fff;border:2px dashed #d1d5db;border-radius:8px;margin-bottom:1.5rem;padding:1rem}.upload-area h4{color:#374151;margin-bottom:.5rem}.upload-area p{color:#6b7280;font-size:.9rem;margin-bottom:1rem}.upload-area input[type=file]{background-color:#fff;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;padding:.75rem;width:100%}.upload-area input[type=file]:hover{border-color:#dc2626}.sample-data{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin-top:2rem;padding:1.5rem}.sample-data h3{color:#1f1f1f;margin-bottom:1rem}.sample-format{margin-bottom:1.5rem}.sample-format h4{color:#374151;margin-bottom:.5rem}.sample-format pre{background-color:#1f2937;border-radius:6px;color:#f9fafb;font-size:.85rem;line-height:1.4;overflow-x:auto;padding:1rem}@media (max-width:768px){.data-import{padding:1rem}.import-sections{gap:1rem}.import-section{padding:1rem}.status-grid{grid-template-columns:1fr}.sample-format pre{font-size:.75rem;padding:.75rem}}.mechanic-name{color:#1f1f1f;font-weight:700}.work-time{color:#dc2626;font-size:1.1rem;font-weight:600}.login-time,.session-date{color:#6b7280;font-size:.85rem}.hours-worked{color:#16a34a;font-weight:600}.job-header{border-bottom:2px solid #e5e5e5;justify-content:space-between;padding-bottom:1rem}.job-actions,.job-header{align-items:center;display:flex}.job-actions{gap:1rem}.btn-complete{background:linear-gradient(135deg,#16a34a,#15803d);border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.btn-complete:hover{background:linear-gradient(135deg,#15803d,#166534);box-shadow:0 4px 12px #16a34a4d;transform:translateY(-1px)}.btn-print{background:linear-gradient(135deg,#2563eb,#1d4ed8);border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;margin-right:1rem;padding:.75rem 1.5rem;transition:all .3s ease}.btn-print:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af);box-shadow:0 4px 12px #2563eb4d;transform:translateY(-1px)}.btn-customer-report{background:linear-gradient(135deg,#059669,#047857);border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;margin-right:1rem;padding:.75rem 1.5rem;transition:all .3s ease}.btn-customer-report:hover{background:linear-gradient(135deg,#047857,#065f46);box-shadow:0 4px 12px #0596694d;transform:translateY(-1px)}.btn-service-report{background:linear-gradient(135deg,#7c3aed,#6d28d9);border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;margin-right:1rem;padding:.75rem 1.5rem;transition:all .3s ease}.btn-service-report:hover{background:linear-gradient(135deg,#6d28d9,#5b21b6);box-shadow:0 4px 12px #7c3aed4d;transform:translateY(-1px)}.customer-info{background-color:#f0f9ff;border:1px solid #e0f2fe;border-radius:8px;padding:1.5rem}.customer-info h3{border-bottom:2px solid #dc2626;color:#1f1f1f;margin-bottom:1rem;padding-bottom:.5rem}.part-pricing{display:none}.part-quantity{align-items:flex-end;display:flex;flex-direction:column;gap:.25rem}.part-quantity span{color:#374151;font-weight:600}.tax-code{background:#e5e7eb;border-radius:4px;color:#374151;font-size:.75rem;font-weight:700;padding:.2rem .5rem}@media (max-width:768px){.customer-section,.work-description-section{padding:1rem}.voice-btn{margin-top:.5rem;position:static;width:100%}.add-new-mechanic,.mechanic-select{align-items:stretch;flex-direction:column}.job-header{align-items:flex-start;flex-direction:column;gap:1rem}.job-actions{justify-content:flex-start;width:100%}}.jobs-list-view{padding:2rem}.jobs-header{margin-bottom:2rem}.jobs-header h2{color:#1f1f1f;margin-bottom:1rem}.jobs-search-section{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;margin-bottom:1.5rem;padding:1.5rem}.search-controls{align-items:end;display:flex;flex-wrap:wrap;gap:1rem}.search-input-group{flex:1 1;min-width:300px;position:relative}.search-input{border:2px solid #e5e5e5;border-radius:8px;font-size:1rem;padding:.75rem 2.5rem .75rem .75rem;transition:border-color .3s ease;width:100%}.search-input:focus{border-color:#dc2626;box-shadow:0 0 0 3px #dc26261a;outline:none}.search-icon{color:#6b7280;font-size:1.25rem;pointer-events:none;position:absolute;right:.75rem;top:50%;transform:translateY(-50%)}.date-filter-group{display:flex;flex-direction:column;gap:.5rem}.date-filter-group label{color:#374151;font-size:.875rem;font-weight:500}.date-filter{border:2px solid #e5e5e5;border-radius:8px;font-size:1rem;padding:.75rem;transition:border-color .3s ease}.date-filter:focus{border-color:#dc2626;box-shadow:0 0 0 3px #dc26261a;outline:none}.month-filter-group{display:flex;flex-direction:column;gap:.5rem}.month-filter-group label{color:#374151;font-size:.875rem;font-weight:500}.month-filter{border:2px solid #e5e5e5;border-radius:8px;font-size:1rem;padding:.75rem;transition:border-color .3s ease}.month-filter:focus{border-color:#dc2626;box-shadow:0 0 0 3px #dc26261a;outline:none}.clear-filters-btn{background:#dc2626;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.875rem;font-weight:500;padding:.75rem 1.5rem;transition:all .3s ease;white-space:nowrap}.clear-filters-btn:hover{background:#b91c1c;transform:translateY(-1px)}.search-results-info{border-top:1px solid #e5e5e5;margin-top:1rem;padding-top:1rem}.search-results-info p{color:#6b7280;font-size:.875rem;margin:0}.no-results{color:#6b7280;padding:4rem 2rem;text-align:center}.no-results p{font-size:1.125rem;margin-bottom:1rem}.jobs-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.job-card{background:#fff;border:1px solid #e5e5e5;border-radius:10px;box-shadow:0 2px 10px #0000001a;cursor:pointer;padding:1.5rem;transition:all .3s ease}.job-card:hover{border-color:#dc2626;box-shadow:0 4px 20px #00000026;transform:translateY(-2px)}.job-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.job-card-body p{color:#6b7280;margin:.5rem 0}@media (max-width:768px){.navbar{flex-direction:column;gap:1rem;padding:1rem}.nav-links{justify-content:space-around;width:100%}.main-content{padding:1rem}.stats-grid{grid-template-columns:repeat(2,1fr)}.search-controls{align-items:stretch;flex-direction:column;gap:1rem}.search-input-group{min-width:auto}.date-filter-group,.month-filter-group{align-items:center;flex-direction:row;justify-content:space-between}.date-filter-group label,.month-filter-group label{margin-right:.5rem;min-width:120px}.clear-filters-btn{margin-top:.5rem;width:100%}.form-row,.job-info-grid{grid-template-columns:1fr}.part-item{flex-direction:column}.part-item,.part-pricing{align-items:flex-start;gap:1rem}.part-pricing{flex-direction:row}.mechanic-item{align-items:flex-start;gap:.5rem}.mechanic-item,.mechanic-login{flex-direction:column}}@media (max-width:480px){.jobs-grid,.stats-grid{grid-template-columns:1fr}.nav-links{flex-direction:column;gap:.5rem}}.loading{opacity:.6;pointer-events:none}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.job-card,.job-item,.stat-card{animation:fadeIn .3s ease-out}@media print{.nav-links,.navbar{display:none}.main-content{max-width:none;padding:0}.job-detail{border:1px solid #000;box-shadow:none}}.login-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;justify-content:center;min-height:100vh}.login-card{background:#fff;border-radius:12px;box-shadow:0 15px 35px #32325d1a,0 5px 15px #00000012;max-width:400px;padding:3rem;text-align:center;width:100%}.login-header h1{color:#2c3e50;font-size:2rem;font-weight:700;margin-bottom:.5rem}.login-header h2{color:#7f8c8d;font-size:1.1rem;font-weight:400;margin-bottom:2rem}.login-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{text-align:left}.form-group label{color:#2c3e50;display:block;font-size:.9rem;font-weight:500;margin-bottom:.5rem}.form-input{border:2px solid #e1e8ed;border-radius:8px;box-sizing:border-box;font-size:1rem;padding:.75rem;transition:border-color .3s ease;width:100%}.form-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.login-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-top:1rem;padding:.75rem 1.5rem;transition:transform .2s ease,box-shadow .2s ease}.login-button:hover:not(:disabled){box-shadow:0 7px 14px #32325d1a,0 3px 6px #00000014;transform:translateY(-2px)}.login-button:disabled{cursor:not-allowed;opacity:.6}.error-message{background:#fee;border:1px solid #fcc;border-radius:6px;color:#c33;font-size:.9rem;margin:.5rem 0;padding:.75rem}.login-footer{border-top:1px solid #e1e8ed;margin-top:2rem;padding-top:1.5rem}.login-footer p{color:#95a5a6;font-size:.85rem;margin:0}.loading-container{align-items:center;background:#f8f9fa;display:flex;justify-content:center;min-height:100vh}.loading-spinner{text-align:center}.spinner{animation:spin 1s linear infinite;border:4px solid #e1e8ed;border-radius:50%;border-top-color:#667eea;height:40px;margin:0 auto 1rem;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-spinner p{color:#7f8c8d;font-size:1rem;margin:0}.auth-app{min-height:100vh}
/*# sourceMappingURL=main.dbc319ab.css.map*/