.header{display:flex;align-items:center;justify-content:space-between;background-color:#20b2aa;padding:15px 30px;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{display:flex;gap:.4rem;padding:.75rem;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-bottom:1px solid #dee2e6;flex-wrap:wrap;align-items:center;overflow-x:auto}.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-icon{font-size:1rem;display:flex;align-items:center;justify-content:center}.tab-name{display:inline}@media (max-width: 768px){.tabs{flex-wrap:wrap;gap:.5rem;padding:.75rem}.tabs button{padding:.6rem .8rem;font-size:.8rem}.tab-icon{font-size:1rem}}@media (max-width: 480px){.tabs{display:grid;grid-template-columns:repeat(5,1fr);gap:.5rem;padding:.6rem .5rem;overflow-x:visible}.tabs button{min-width:0;justify-content:center;padding:.5rem .2rem;font-size:.75rem;gap:.25rem;border-radius:10px}.tab-icon{font-size:1.25rem}.tab-name{display:none}}.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}*{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 2rem}.tabs button{background:none;border:none;padding:1rem 1.5rem;font-size:.9rem;cursor:pointer;border-bottom:3px solid transparent;color:#666;transition:all .2s}.tabs button:hover{color:#3498db}.container{padding:1rem 2rem;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 1.5rem;margin-bottom:1.5rem;box-shadow:0 1px 3px #0000001a;display:flex;gap:3rem;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;cursor:pointer;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:after{content:"›";position:absolute;bottom:.75rem;right:1rem;font-size:1.5rem;opacity:.5}.tile-label{font-size:.875rem;margin-bottom:.75rem;opacity:.95;line-height:1.3;min-height:2.6rem}.tile-value{font-size:2.5rem;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:1.5rem;margin-top:2rem;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-icon{font-size:1.5rem}.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:2rem 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:1.5rem;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:3rem}.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:1.5rem}.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}}