.header{display:flex;align-items:center;justify-content:space-between;background-color:#20b2aa;padding:15px 20px;border-bottom:3px solid #158f8a;gap:20px}.header-center{flex:1;display:flex;justify-content:center}.header-right{display:flex;align-items:center;gap:20px;flex-shrink:0}.user-profile-trigger{display:flex;align-items:center;gap:10px;cursor:pointer;padding:6px 12px;border-radius:50px;transition:all .2s ease;background:#ffffff0d}.user-profile-trigger:hover{background:#ffffff26}.user-email-display{color:#fff;font-size:.9rem;font-weight:500;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-popover-header{padding:15px;display:flex;align-items:center;gap:15px;border-bottom:1px solid #f1f5f9;background:#f8fafc}.user-popover-info{display:flex;flex-direction:column}.user-popover-name{margin:0;font-weight:700;color:#1e293b;font-size:.95rem}.user-popover-email{margin:0;color:#64748b;font-size:.8rem}.logout-item{color:#ef4444!important;font-weight:600;padding:10px 15px!important}.logout-item:hover{background:#fef2f2!important}.header h1{color:#fff;margin:0;font-size:24px;font-weight:600;text-align:center}.aifix-logo,.xtreem-logo{height:45px;width:auto;object-fit:contain}.logout-btn{border:1px solid rgba(255,255,255,.8);background:#ffffff26;color:#fff;border-radius:6px;padding:8px 12px;font-size:13px;font-weight:600;cursor:pointer}.logout-btn:hover{background:#ffffff40}@media (max-width: 1024px){.header{padding:12px 20px}.header h1{font-size:20px}.aifix-logo,.xtreem-logo{height:40px}.logout-btn{padding:7px 10px}}@media (max-width: 768px){.header{flex-wrap:wrap;gap:10px}.header-center{flex:0 0 100%;order:-1}.header-right{gap:15px}.header h1{font-size:16px}.aifix-logo,.xtreem-logo{height:36px}}.header.header-layout-fix{display:flex;align-items:center;justify-content:space-between;flex-wrap:nowrap}.header.header-layout-fix .header-layout-fix-center{flex:1 1 auto;display:flex;justify-content:flex-start;min-width:0;order:0}.header.header-layout-fix .header-layout-fix-right{display:flex;align-items:center;margin-left:auto;flex:0 0 auto}@media (max-width: 768px){.header.header-layout-fix{flex-wrap:nowrap}.header.header-layout-fix .header-layout-fix-center{flex:1 1 auto;order:0}}@media (max-width: 768px){.header.header-layout-fix{padding:10px 12px;gap:8px}.header.header-layout-fix .header-layout-fix-center>div{gap:8px!important;min-width:0}.header.header-layout-fix .header-layout-fix-center img{height:28px!important;flex:0 0 auto}.header.header-layout-fix h1{font-size:13px;line-height:1.2;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.header .user-email-display{display:none}.header .user-profile-trigger{padding:4px;gap:0}}@media (max-width: 480px){.header.header-layout-fix h1{font-size:12px}}@media (max-width: 768px){.header.header-layout-fix .header-layout-fix-center>div{gap:12px!important}.header.header-layout-fix .header-layout-fix-center img{margin-right:4px;flex:0 0 auto}.header.header-layout-fix h1{margin-left:2px}}@media (max-width: 768px){.header.header-layout-fix .header-layout-fix-center{min-width:0}.header.header-layout-fix .header-layout-fix-center>div{min-width:0;gap:10px!important;overflow:hidden}.header.header-layout-fix .header-layout-fix-center img{flex:0 0 auto;height:26px!important;margin:0}.header.header-layout-fix h1{min-width:0;flex:1 1 auto;font-size:13px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;-webkit-line-clamp:unset;-webkit-box-orient:unset}}.tabs-bar{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-bottom:1px solid #dee2e6}.tabs{display:flex;gap:.4rem;padding:.75rem;flex-wrap:wrap;align-items:center}.tabs-collapsed-row{display:flex;align-items:center;gap:.15rem;padding:.3rem .75rem}.tabs-bar .tabs-toggle{display:inline-flex;align-items:center;gap:.35rem;padding:.32rem .6rem;background:transparent;border:none;border-radius:8px;font-size:.78rem;font-weight:600;color:#6c757d;cursor:pointer;white-space:nowrap;min-width:0;line-height:1.4;transition:all .15s ease}.tabs-bar .tabs-toggle:hover{background:#fff;color:#0d9488;border:none}.tabs-toggle-chevron{font-size:.7rem;line-height:1}.tabs-current{font-size:.82rem;font-weight:700;color:#0d9488;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tabs-current:before{content:"·";margin:0 .4rem;color:#adb5bd}.tabs button{display:flex;align-items:center;gap:.4rem;padding:.32rem .8rem;background:#fff;border:1px solid #dee2e6;border-radius:8px;font-size:.82rem;font-weight:600;color:#495057;cursor:pointer;transition:all .15s ease;white-space:nowrap;min-width:fit-content;line-height:1.4}.tabs button:hover{background:#f1f3f5;border-color:#adb5bd}.tabs button.active{background:#e8f5f3;border-color:#99e0d6;color:#0d9488;font-weight:700;box-shadow:none}.tabs button.active:hover{background:#d8efec;border-color:#5eead4;color:#0b8278}.tab-name{display:inline}.tabs-bar .tabs-more-btn{gap:.35rem}.tabs-more-chevron{font-size:.65rem;line-height:1;opacity:.7}.tabs-more-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:4000;background:#0f172a73;display:flex;justify-content:center;align-items:flex-start;padding:12vh 1rem 1rem}.tabs-more-sheet{width:min(420px,100%);max-height:70vh;display:flex;flex-direction:column;background:#fff;border-radius:12px;box-shadow:0 18px 48px #00000047;overflow:hidden}.tabs-more-sheet-head{display:flex;align-items:center;justify-content:space-between;padding:.85rem 1rem;background:#f8f9fa}.tabs-more-sheet-title{font-size:.95rem;font-weight:700;color:#2c3e50}.tabs-more-close{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;background:transparent;border:none;border-radius:8px;font-size:1rem;color:#6c757d;cursor:pointer;line-height:1}.tabs-more-close:hover{background:#e9ecef;color:#212529}.tabs-more-sheet-list{display:flex;flex-direction:column;padding:.4rem;gap:.15rem;overflow-y:auto}.tabs-more-sheet-list button{display:block;width:100%;min-height:44px;text-align:left;padding:.6rem .75rem;background:transparent;border:none;border-radius:8px;font-size:.88rem;font-weight:600;color:#495057;cursor:pointer;line-height:1.4}.tabs-more-sheet-list button:hover{background:#f1f3f5;color:#0d9488}.tabs-more-sheet-list button.active{background:#e8f5f3;color:#0d9488;font-weight:700}@media (max-width: 480px){.tabs-more-backdrop{padding:6vh .75rem .75rem}}@media (max-width: 768px){.tabs{flex-wrap:wrap;gap:.5rem;padding:.75rem}.tabs button{padding:.6rem .8rem;font-size:.8rem}}@media (max-width: 480px){.tabs{display:grid;grid-template-columns:repeat(2,1fr);gap:.4rem;padding:.5rem;overflow-x:visible}.tabs button{min-width:0;justify-content:center;padding:.45rem .35rem;font-size:.72rem;border-radius:8px}.tab-name{display:inline;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tabs-bar .tabs .tabs-toggle{grid-column:1 / -1;justify-content:center;padding:.4rem}.tabs-bar .tabs .tabs-more-btn{grid-column:1 / -1;width:100%;justify-content:center}}.toast-host{position:fixed;z-index:5000;top:1rem;right:1rem;display:flex;flex-direction:column;gap:.5rem;max-width:min(420px,calc(100vw - 2rem));pointer-events:none}.toast{display:flex;align-items:flex-start;gap:.6rem;padding:.7rem .8rem;border-radius:10px;font-size:.85rem;font-weight:600;line-height:1.4;box-shadow:0 10px 28px #0000002e;pointer-events:auto;animation:toast-in .18s ease-out;overflow-wrap:anywhere}@keyframes toast-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.toast{animation:none}}.toast-error{background:#fdecec;color:#8f1d1d}.toast-success{background:#e8f5f3;color:#0b6b60}.toast-info{background:#eef2f7;color:#33475b}.toast-text{flex:1;min-width:0;white-space:pre-wrap}.toast-close{flex-shrink:0;width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:6px;font-size:.8rem;color:inherit;opacity:.65;cursor:pointer;line-height:1}.toast-close:hover{opacity:1;background:#00000014}@media (max-width: 768px){.toast-host{top:auto;bottom:.75rem;left:.75rem;right:.75rem;max-width:none}.toast{font-size:.88rem;padding:.8rem .9rem}.toast-close{width:32px;height:32px}@keyframes toast-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}}.pwa-install-fab{position:fixed;bottom:16px;right:16px;z-index:9000;background:#0d9488;color:#fff;border:none;border-radius:28px;padding:12px 18px;font-size:14px;font-weight:700;box-shadow:0 4px 14px #00000047;cursor:pointer}.pwa-install-fab:active{transform:scale(.97)}.pwa-ios-hint{position:fixed;bottom:12px;left:12px;right:12px;z-index:9000;background:#0f172a;color:#fff;border-radius:12px;padding:12px 14px;font-size:13px;display:flex;align-items:center;gap:10px;box-shadow:0 4px 14px #0000004d}.pwa-ios-hint strong{color:#5eead4}.pwa-ios-close{margin-left:auto;background:transparent;border:none;color:#fff;font-size:16px;cursor:pointer;flex:0 0 auto}@media (min-width: 769px){.pwa-ios-hint{left:auto;right:16px;max-width:360px}}.pwa-ios-note{display:block;margin-top:4px;font-size:11px;opacity:.75;font-style:italic}.pwa-ios-share{font-size:15px}:root{--page-max: 1680px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif;background:#f5f7fa;color:#333;line-height:1.5}.tabs{background:#fff;border-bottom:1px solid #e0e0e0;padding:0 1.25rem}.tabs button{background:none;border:none;padding:1rem;font-size:.9rem;cursor:pointer;border-bottom:3px solid transparent;color:#666;transition:all .2s}.tabs button:hover{color:#3498db}.container{padding:1rem 1.25rem;max-width:100%}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.page-title{font-size:1.15rem;font-weight:600;color:#2c3e50}.date-filter{display:flex;gap:.5rem}.date-filter button{padding:.5rem .75rem;border:1px solid #d0d0d0;background:#fff;border-radius:4px;font-size:.8rem;cursor:pointer;transition:all .2s}.date-filter button:hover{background:#f0f0f0}.date-filter button.active{background:#3498db;color:#fff;border-color:#3498db}.section-header{font-size:.875rem;font-weight:600;color:#555;margin:1.5rem 0 .75rem;text-transform:uppercase;letter-spacing:.5px}.summary-bar{background:#fff;border-radius:4px;padding:1rem;margin-bottom:1rem;box-shadow:0 1px 3px #0000001a;display:flex;gap:1.75rem;flex-wrap:wrap}.summary-item{display:flex;flex-direction:column}.summary-label{font-size:.75rem;color:#666;margin-bottom:.25rem;text-transform:uppercase}.summary-value{font-size:1.5rem;font-weight:700;color:#2c3e50}.summary-value.positive{color:#28a745}.summary-value.negative{color:#dc3545}.tiles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem;margin-bottom:1rem}.tile{background:#17a2b8;color:#fff;border-radius:4px;padding:1.25rem;transition:all .2s;box-shadow:0 2px 4px #0000001a;position:relative;overflow:hidden}.tile:hover{transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.tile-label{font-size:.875rem;margin-bottom:.75rem;opacity:.95;line-height:1.3;min-height:2.6rem}.tile-value{font-size:1.75rem;font-weight:700;line-height:1}.tile-value.zero{opacity:.7}.tile-teal{background:#17a2b8}.tile-blue{background:#007bff}.tile-red{background:#dc3545}.tile-green{background:#28a745}.tile-orange{background:#fd7e14}.tile-purple{background:#6f42c1}.tile-gray{background:#6c757d}.tile-yellow{background:#ffc107;color:#333}.quick-actions{background:#fff;border-radius:4px;padding:1rem;margin-top:1.25rem;box-shadow:0 1px 3px #0000001a}.quick-actions-title{font-size:1rem;font-weight:600;margin-bottom:1rem;color:#2c3e50}.action-buttons{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.action-btn{padding:1rem;background:#f8f9fa;border:1px solid #dee2e6;border-radius:4px;cursor:pointer;transition:all .2s;text-align:left;display:flex;align-items:center;gap:1rem;font-family:inherit}.action-btn:hover{background:#e9ecef;border-color:#3498db}.action-text{font-size:.875rem;font-weight:500;color:#495057}.kanban-board{display:flex;gap:1rem;overflow-x:auto;padding-bottom:1rem}.kanban-column{min-width:280px;background:#f8f9fa;border-radius:4px;flex-shrink:0}.column-header{padding:.75rem 1rem;font-weight:600;font-size:.9rem;display:flex;justify-content:space-between;align-items:center;border-radius:4px 4px 0 0;color:#fff}.column-count{background:#ffffff4d;padding:.25rem .5rem;border-radius:12px;font-size:.75rem}.column-incoming{background:#6c757d}.column-mot{background:#dc3545}.column-service{background:#007bff}.column-prep{background:#fd7e14}.column-sales{background:#28a745}.column-repair{background:#6f42c1}.column-courtesy{background:#17a2b8}.column-internal{background:#ffc107;color:#333}.cards-container{padding:.5rem;min-height:200px}.job-card{background:#fff;padding:1rem;border-radius:4px;margin-bottom:.5rem;box-shadow:0 1px 3px #0000001a;cursor:move;transition:transform .2s,box-shadow .2s}.job-card:hover{transform:translateY(-2px);box-shadow:0 2px 6px #00000026}.card-header{font-weight:600;font-size:.875rem;margin-bottom:.5rem;color:#2c3e50}.card-info{font-size:.8rem;color:#555;line-height:1.4}.empty-column{text-align:center;padding:1.25rem 1rem;color:#999;font-size:.875rem}.schedule-container{background:#fff;border-radius:4px;padding:1rem;overflow-x:auto;box-shadow:0 1px 3px #0000001a}.schedule-grid{display:grid;grid-template-columns:80px repeat(10,minmax(120px,1fr));gap:.5rem;min-width:1400px}.time-slot{background:#f8f9fa;padding:.75rem .5rem;text-align:center;font-size:.75rem;font-weight:600;border-radius:4px;color:#666}.tech-header{text-align:center;padding:.75rem;background:#e9ecef;border-radius:4px;font-weight:600;font-size:.85rem}.clock-btn{display:block;width:100%;margin-top:.5rem;padding:.25rem;font-size:.7rem;background:#28a745;color:#fff;border:none;border-radius:3px;cursor:pointer}.clock-btn.clocked-in{background:#dc3545}.schedule-cell{min-height:60px;background:#f8f9fa;border:1px dashed #dee2e6;border-radius:4px;padding:.25rem;position:relative}.job-block{background:#007bff;color:#fff;padding:.5rem;border-radius:3px;font-size:.75rem;cursor:move;margin-bottom:.25rem}.section{background:#fff;border-radius:4px;padding:1rem;margin-bottom:1rem;box-shadow:0 1px 3px #0000001a}.section-title{font-size:1rem;font-weight:600;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid #e0e0e0;color:#2c3e50}.form-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1rem}.form-grid-2{grid-template-columns:repeat(2,1fr)}.form-grid-3{grid-template-columns:repeat(3,1fr)}.form-group{display:flex;flex-direction:column}.form-group.span-2{grid-column:span 2}.form-group.span-3{grid-column:span 3}.form-group.span-4{grid-column:span 4}.form-group label{font-size:.875rem;font-weight:500;margin-bottom:.5rem;color:#555}.form-group label .required{color:#dc3545}.form-control{padding:.625rem;border:1px solid #d0d0d0;border-radius:4px;font-size:.875rem;background:#fff;font-family:inherit}.form-control:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 2px #3498db1a}select.form-control{cursor:pointer}textarea.form-control{min-height:80px;resize:vertical}.table-container{background:#fff;border-radius:4px;overflow:hidden;box-shadow:0 1px 3px #0000001a}.data-table{width:100%;border-collapse:collapse}.data-table thead{background:#f8f9fa}.data-table th{text-align:left;padding:.75rem;font-size:.875rem;font-weight:600;color:#555;border-bottom:2px solid #e0e0e0}.data-table td{padding:.75rem;font-size:.875rem;border-bottom:1px solid #f0f0f0}.data-table tr:hover{background:#f8f9fa}.btn{padding:.625rem 1.25rem;border:1px solid #d0d0d0;background:#fff;border-radius:4px;font-size:.875rem;cursor:pointer;transition:all .2s;font-family:inherit}.btn:hover{background:#f0f0f0}.btn-primary{background:#3498db;color:#fff;border-color:#3498db}.btn-primary:hover{background:#2980b9}.btn-success{background:#28a745;color:#fff;border-color:#28a745}.btn-success:hover{background:#218838}.btn-danger{background:#dc3545;color:#fff;border-color:#dc3545}.btn-danger:hover{background:#c82333}.controls-bar{background:#fff;padding:1rem;border-radius:4px;margin-bottom:1rem;box-shadow:0 1px 3px #0000001a;display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.usage-note{background:#fff3cd;padding:1rem;border-radius:4px;margin-top:1rem;border-left:4px solid #ffc107}.usage-note strong{display:block;margin-bottom:.5rem}.usage-note ul{margin:.5rem 0 0 1.5rem}.loading{display:flex;justify-content:center;align-items:center;padding:1.75rem}.spinner{border:3px solid #f3f3f3;border-top:3px solid #3498db;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.form-grid{grid-template-columns:1fr}.tabs{overflow-x:auto}.page-header{flex-direction:column;align-items:flex-start;gap:1rem}.summary-bar{gap:1rem}.tiles-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}@media (max-width: 768px){.container{padding:1rem .75rem!important}.table-container{overflow-x:auto!important;-webkit-overflow-scrolling:touch;max-width:100%}.rs-table{overflow-x:auto!important;max-width:100%}input:not([type=checkbox]):not([type=radio]),select,textarea{font-size:16px;max-width:100%}.form-grid,.form-grid-2,.form-grid-3{grid-template-columns:1fr!important}.controls-bar,.page-header,.action-buttons{flex-wrap:wrap}}.parts-container,.print-send-container,.mot-checker-container,.vehicles-page,.ai-metrics-container{max-width:var(--page-max, 1680px);margin-left:auto;margin-right:auto}:where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:2px solid #0d9488;outline-offset:2px;border-radius:4px}:where(.tile,.kpi-card,.appointment-block,.job-card,.brand-bar,.header) :where(a,button,input,select,textarea,[tabindex]):focus-visible{outline-color:#fff}:where(a,button,input,select,textarea,summary,[tabindex]):focus:not(:focus-visible){outline:none}