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;padding:0}@media (max-width:1024px){*{box-sizing:border-box}body,html{height:100%;overflow:hidden!important;position:fixed;width:100%}#root,body,html{margin:0;padding:0}#root{height:100vh;overflow:hidden;width:100vw}input,select,textarea{-webkit-appearance:none;appearance:none}.notes-textarea,.phone-input,.workorderinputscontact,.workorderinputsdetails,.workorderinputsdetailslarge,.workorderinputsprice,.workorderinputspricedatedcreated,[class*=Input],[class*=input],input,input[type=color],input[type=date],input[type=datetime-local],input[type=email],input[type=number],input[type=password],input[type=range],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],select,textarea{font-size:16px!important}}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.header{align-items:center;background-color:#fff;display:flex;height:10vh;justify-content:space-between;max-width:100vw}.imgHorizontallogo{margin:1%;max-height:55%;max-width:55%}.header-nav{align-items:center;display:flex;gap:10px;margin-right:2%}.header-login-btn{background-color:#0f0f8a;border:none;border-radius:.25rem;color:#d6d6d6;cursor:pointer;font-size:1rem;padding:.5rem 1rem}.header-login-btn:hover{background-color:#5ab9ea}.header-user-info{align-items:center;background-color:#fff;border:1px solid #0f0f8a;border-radius:.25rem;color:#000;cursor:pointer;display:flex;font-size:15px;height:3rem;justify-content:center;position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.header-user-info:hover{background-color:#0f0f8a;color:#fff}.desktop-username{display:block}.mobile-initials,.mobile-menu-btn{display:none}@media (max-width:1024px){.desktop-pagemenu{display:none!important}.header{align-items:center;background-color:#fff;height:5vh;justify-content:space-between;left:0;padding:0 15px;position:fixed!important;right:0;top:0!important;z-index:1000}.imgHorizontallogo{margin:0;max-height:35%;max-width:35%;position:static;transform:none}.header-nav{gap:8px;margin-left:auto;margin-right:0}.header-login-btn{font-size:.9rem;padding:.4rem .8rem}.header-user-info{align-items:center;border-radius:50%;display:flex;font-size:12px;font-weight:700;height:32px;justify-content:center;min-width:32px;padding:0;width:32px}.desktop-username{display:none}.mobile-initials{display:block}}@media (min-width:1025px){.mobile-menu-btn{display:none}.desktop-pagemenu{display:flex}.mobile-menu-overlay{display:none}.imgHorizontallogo{margin:1%;position:static;transform:none}.header-nav{margin-left:0;margin-right:2%}.desktop-username{display:block}.mobile-initials{display:none}}.modal{align-items:flex-end;animation:fadeIn .3s ease-out;background-color:#0000004d;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:999999!important}.modal-content{animation:slideUp .4s ease-out;background-color:#fff;border-radius:20px 20px 0 0;box-sizing:border-box;height:90vh;overflow-y:auto;padding:20px;position:relative;transform-origin:bottom;width:100%;z-index:1000000!important}.modal-close-btn{background:none;border:none;color:#666;font-size:24px;line-height:1;padding:0 10px;position:absolute;right:10px;top:20px;transition:color .2s ease;z-index:10}.modal-close-btn:hover{color:#333}.switch-form-btn{background-color:initial;border:none;color:#8860d0;cursor:pointer;font-size:1rem;padding:.5rem 1rem;text-decoration:underline}.switch-form-btn:hover{background-color:#5ab9ea}.login-form-container{align-items:center;display:flex;justify-content:center;min-height:100%;padding:2rem 1rem}@media (max-width:1024px){.modal{align-items:flex-start;padding-top:1vh}.modal-content{border-radius:25px 25px 0 0;height:99vh;padding:0}.modal-close-btn{font-size:28px;right:15px;top:15px}.login-form-container{align-items:flex-start;padding:60px 1rem 1rem}}.login-form{display:flex;flex-direction:column;gap:1.5rem;margin:0 auto;max-width:400px;padding:2rem;width:100%}.form-title{color:#0f0f8a;font-size:2rem;font-weight:600;margin:0 0 1rem;text-align:center}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-size:.95rem;margin:0}.form-group input{border:2px solid #e0e0e0;border-radius:8px;box-sizing:border-box;font-size:1rem;padding:.875rem 1rem;transition:all .2s ease;width:100%}.form-group input:focus{border-color:#0f0f8a;box-shadow:0 0 0 3px #0f0f8a1a;outline:none}.form-group input::placeholder{color:#aaa}.submit-btn{background-color:#0f0f8a;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.05rem;font-weight:600;margin-top:.5rem;padding:1rem 1.5rem;transition:all .2s ease;width:100%}.submit-btn:hover{background-color:#0c0c6e;box-shadow:0 4px 12px #0f0f8a4d;transform:translateY(-1px)}.submit-btn:active{transform:translateY(0)}.imgVA{display:block;height:80px;margin:0 auto 1rem;width:80px}@media (max-width:1024px){.login-form{max-width:100%;padding:2rem 1.5rem}.form-title{font-size:1.75rem;margin-bottom:1.5rem}.form-group{gap:.75rem}.form-group label{font-size:1rem}.form-group input{font-size:1rem;min-height:48px;padding:1rem}.submit-btn{font-size:1.1rem;min-height:48px;padding:1rem}}@media (max-width:480px){.login-form{padding:1.5rem 1rem}.form-title{font-size:1.5rem}}.logout-btn{background-color:#0f0f8a;border:none;border-radius:.25rem;color:#fff;cursor:pointer;font-size:1rem;padding:.5rem 1rem}.profileheader{align-self:center;color:#0f0f8a;font-size:x-large}.profilefooterlines{border-top:1px solid #3c3c3c;width:33vw}.profile{display:flex;flex-direction:column;gap:1rem;padding:1rem}.initials-section{margin:1rem 0}.initials-display{align-items:center;display:flex;gap:1rem}.initials-edit{display:flex;flex-direction:column;gap:.5rem}.initials-input{border:1px solid #ccc;border-radius:.25rem;font-size:1rem;padding:.5rem;text-transform:uppercase;width:100px}.initials-buttons{display:flex;gap:.5rem}.cancel-btn,.edit-btn,.save-btn{border:none;border-radius:.25rem;cursor:pointer;font-size:.9rem;padding:.5rem 1rem}.edit-btn{background-color:#0f0f8a}.save-btn{background-color:#28a745}.cancel-btn{background-color:#dc3545}.error-message{font-size:.9rem;margin-top:.5rem}.settings-tabs{background-color:#f8f9fa;border-bottom:2px solid #e0e0e0;border-radius:8px 8px 0 0;display:flex;margin-bottom:20px;padding:0}.settings-tab-button{background-color:initial;border:none;border-bottom:3px solid #0000;color:#6c757d;cursor:pointer;flex:1 1;font-size:1rem;font-weight:500;padding:15px 20px;position:relative;transition:all .3s ease}.settings-tab-button:hover{background-color:#e9ecef;color:#495057}.settings-tab-button.active{background-color:#fff;border-bottom-color:#007bff;color:#007bff;font-weight:600}.settings-tab-button.active:after{background-color:#007bff;bottom:-2px;content:"";height:2px;left:0;position:absolute;right:0}.integrations-settings,.profile-settings{padding:20px 0}.integrations-settings h3,.profile-settings h3{border-bottom:1px solid #dee2e6;color:#0f0f8a;font-size:1.3rem;margin-bottom:15px;padding-bottom:10px}.admin-settings{background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:.5rem;margin-top:2rem;padding:1.5rem}.admin-header{border-bottom:2px solid #0f0f8a;color:#0f0f8a;font-size:1.5rem;margin-bottom:1rem;padding-bottom:.5rem}.admin-tabs{border-bottom:1px solid #dee2e6;display:flex;gap:.5rem;margin-bottom:1.5rem}.admin-tab-button{background:none;border:none;border-bottom:2px solid #0000;color:#6c757d;cursor:pointer;font-size:1rem;padding:.75rem 1.5rem;transition:all .2s}.admin-tab-button:hover{background-color:#f8f9fa;color:#495057}.admin-tab-button.active{border-bottom-color:#0f0f8a;color:#0f0f8a;font-weight:500}.admin-section{margin-bottom:1.5rem}.admin-section h4{color:#495057;font-size:1.2rem;margin-bottom:1rem}.create-user-btn{background-color:#28a745;border:none;border-radius:.25rem;color:#fff;cursor:pointer;font-size:1rem;margin-bottom:1.5rem;padding:.75rem 1.5rem;transition:background-color .2s}.create-user-btn:hover{background-color:#218838}.users-list{margin-top:1rem}.users-list h5{color:#495057;font-size:1.1rem;margin-bottom:1rem}.users-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.user-card{background:#fff;border:1px solid #dee2e6;border-radius:.5rem;box-shadow:0 2px 4px #0000001a;padding:1rem}.user-info{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.user-info strong{color:#212529;font-size:1.1rem}.admin-badge{background-color:#dc3545;border-radius:.25rem;color:#fff;font-size:.8rem;font-weight:700;padding:.25rem .5rem}.user-details p{color:#6c757d;font-size:.9rem;margin:.25rem 0}.user-details p:first-child{margin-top:0}.user-actions{display:flex;gap:.5rem;justify-content:flex-end;margin-top:1rem}.delete-user-btn,.edit-user-btn{border:none;border-radius:.25rem;cursor:pointer;font-size:.9rem;font-weight:500;padding:.5rem 1rem;transition:background-color .2s}.edit-user-btn{background-color:#007bff;color:#fff}.edit-user-btn:hover{background-color:#0056b3}.delete-user-btn{background-color:#dc3545;color:#fff}.delete-user-btn:hover:not(:disabled){background-color:#c82333}.delete-user-btn:disabled{background-color:#6c757d;cursor:not-allowed;opacity:.6}@media (max-width:1024px){.users-grid{grid-template-columns:1fr}.admin-settings{padding:1rem}.user-actions{justify-content:stretch}.delete-user-btn,.edit-user-btn{flex:1 1}}.quickbooks-settings{background-color:#f8f9fa;border-radius:8px;margin:1rem 0;padding:2rem}.quickbooks-settings h3{color:#2c3e50;font-size:1.5rem;margin-bottom:1.5rem}.setting-group{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:1rem;padding:1.5rem}.setting-label{color:#2c3e50;display:block;font-weight:500;margin-bottom:.5rem}.setting-input{border:1px solid #ddd;border-radius:4px;font-size:1rem;margin-top:.5rem;padding:.75rem;width:100%}.setting-input:focus{border-color:#3498db;box-shadow:0 0 0 2px #3498db33;outline:none}.setting-description{color:#6c757d;font-size:.9rem;line-height:1.4;margin:.5rem 0 1rem}.setting-save-btn{background-color:#28a745;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;padding:.75rem 1.5rem;transition:background-color .2s}.setting-save-btn:hover:not(:disabled){background-color:#218838}.setting-save-btn:disabled{background-color:#6c757d;cursor:not-allowed}.error-message{margin-top:1rem}.admin-section,.profile-section,.quickbooks-section{background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:.5rem;margin-bottom:2rem;padding:1.5rem}.admin-section h3,.profile-section h3,.quickbooks-section h3{border-bottom:2px solid #0f0f8a;color:#0f0f8a;font-size:1.5rem;margin-bottom:1rem;padding-bottom:.5rem}.quickbooks-tabs{border-bottom:1px solid #dee2e6;display:flex;gap:.5rem;margin-bottom:1.5rem}.quickbooks-tab-button{background:none;border:none;border-bottom:2px solid #0000;color:#6c757d;cursor:pointer;font-size:1rem;padding:.75rem 1.5rem;transition:all .2s}.quickbooks-tab-button:hover{background-color:#f8f9fa;color:#495057}.quickbooks-tab-button.active{border-bottom-color:#0f0f8a;color:#0f0f8a;font-weight:500}.admin-content,.quickbooks-content{background-color:#fff;border-radius:.5rem;box-shadow:0 2px 4px #0000001a;padding:1.5rem}.invoice-settings{display:flex;flex-direction:column;gap:1.5rem}.invoice-settings h4{border-bottom:2px solid #0f0f8a;color:#0f0f8a;font-size:1.2rem;margin:0 0 1rem;padding-bottom:.5rem}.setting-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.setting-textarea{border:1px solid #ddd;border-radius:4px;font-family:inherit;font-size:1rem;min-height:80px;padding:.75rem;resize:vertical;transition:border-color .2s ease;width:100%}.setting-textarea:focus{border-color:#0f0f8a;box-shadow:0 0 0 2px #0f0f8a33;outline:none}@media (max-width:1024px){.profile{gap:0;margin:0;padding:0 0 100px}.profileheader{background-color:#fff;font-size:1.5rem;margin:0;padding:1rem;text-align:center}.admin-section,.profile-section,.quickbooks-section{border-left:none;border-radius:0;border-right:none;margin-bottom:0;padding:1rem}.admin-section h3,.profile-section h3,.quickbooks-section h3{font-size:1.25rem;margin-bottom:.75rem}.profile-section p{font-size:.95rem;margin:.5rem 0}.initials-section{margin:.75rem 0}.initials-display{align-items:flex-start;flex-direction:column;gap:.5rem}.initials-edit{gap:.75rem}.initials-input{font-size:1.1rem;padding:.75rem;width:120px}.initials-buttons{flex-direction:column;gap:.75rem}.cancel-btn,.edit-btn,.save-btn{font-size:1rem;min-height:44px;padding:.75rem 1.5rem;width:100%}.logout-btn{font-size:1rem;margin-top:1rem;min-height:44px;padding:.75rem;width:100%}.admin-tabs{flex-direction:column;gap:.25rem}.admin-tab-button{background-color:#fff;border:1px solid #dee2e6;border-radius:.25rem;font-size:1.1rem;min-height:44px;padding:1rem;text-align:center}.admin-tab-button.active{background-color:#0f0f8a;border-color:#0f0f8a;color:#fff}.quickbooks-tabs{flex-direction:column;gap:.25rem}.quickbooks-tab-button{background-color:#fff;border:1px solid #dee2e6;border-radius:.25rem;font-size:1.1rem;min-height:44px;padding:1rem;text-align:center}.quickbooks-tab-button.active{background-color:#0f0f8a;border-color:#0f0f8a;color:#fff}.admin-content,.quickbooks-content{padding:1rem}.create-user-btn{font-size:1.1rem;margin-bottom:1rem;min-height:44px;padding:1rem;width:100%}.users-grid{gap:.75rem;grid-template-columns:1fr}.user-card{padding:.75rem}.user-actions{flex-direction:column;gap:.5rem;margin-top:.75rem}.delete-user-btn,.edit-user-btn{font-size:1rem;min-height:44px;padding:.75rem;width:100%}.setting-group{margin-bottom:.75rem;padding:1rem}.setting-label{font-size:1rem;margin-bottom:.75rem}.setting-input,.setting-textarea{font-size:1rem;margin-top:.75rem;min-height:44px;padding:1rem}.setting-textarea{min-height:100px}.setting-row{gap:.75rem;grid-template-columns:1fr}.setting-save-btn{font-size:1.1rem;margin-top:1rem;min-height:44px;padding:1rem;width:100%}.setting-description{font-size:.9rem;margin:.75rem 0}.invoice-settings h4{font-size:1.1rem;margin-bottom:.75rem}.invoice-settings{gap:1rem}.error-message{border-radius:.5rem;font-size:1rem;margin-top:.75rem;padding:1rem}.user-info{align-items:flex-start;flex-direction:column;gap:.5rem}.user-details p{font-size:.9rem;margin:.5rem 0}.admin-badge{font-size:.75rem;padding:.25rem .5rem}}@media (min-width:769px) and (max-width:1024px){.users-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.setting-row{grid-template-columns:1fr}.admin-tabs,.quickbooks-tabs{flex-wrap:wrap}.admin-tab-button,.quickbooks-tab-button{flex:1 1;min-width:120px}}.create-user-form-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.create-user-form{background:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;max-height:90vh;max-width:500px;overflow-y:auto;padding:2rem;width:90%}.create-user-form h3{color:#333;margin-bottom:1.5rem;margin-top:0;text-align:center}.create-btn{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:.75rem 1.5rem}.create-btn:hover:not(:disabled){background-color:#0056b3}.create-btn:disabled{background-color:#6c757d;cursor:not-allowed}@media (max-width:600px){.create-user-form{padding:1rem;width:95%}.form-row{gap:0}.form-buttons,.form-row{flex-direction:column}}.edit-user-form-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.edit-user-form{background:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;max-height:90vh;max-width:500px;overflow-y:auto;padding:2rem;width:90%}.edit-user-form h3{color:#333;margin-bottom:1.5rem;margin-top:0;text-align:center}.loading{font-size:1.1rem;padding:2rem}.form-row{display:flex;gap:1rem}.form-row .form-group{flex:1 1}.form-group input[type=email],.form-group input[type=password],.form-group input[type=text]{border:1px solid #ddd;border-radius:4px;box-sizing:border-box;font-size:1rem;padding:.75rem;width:100%}.form-group input[type=email]:focus,.form-group input[type=password]:focus,.form-group input[type=text]:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40;outline:none}.update-btn{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:.75rem 1.5rem}.update-btn:hover:not(:disabled){background-color:#0056b3}.update-btn:disabled{background-color:#6c757d;cursor:not-allowed}@media (max-width:600px){.edit-user-form{padding:1rem;width:95%}.form-row{gap:0}.form-buttons,.form-row{flex-direction:column}}.delete-user-modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.delete-user-modal{background:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;max-width:500px;padding:2rem;text-align:center;width:90%}.delete-user-modal h3{color:#dc3545;font-size:1.5rem;margin-bottom:1.5rem;margin-top:0}.warning-message{background-color:#fff3cd;border:1px solid #ffeaa7;border-radius:4px;color:#856404;margin-bottom:1.5rem;padding:1rem}.warning-message strong{font-size:1.1rem}.user-info{background-color:#f8f9fa;border-radius:4px;margin-bottom:1.5rem;padding:1rem;text-align:left}.user-info p{color:#495057;margin:.5rem 0}.confirmation-text{color:#6c757d;line-height:1.5;margin-bottom:1.5rem}.modal-buttons{display:flex;gap:1rem;justify-content:center}.delete-btn{border:none;border-radius:4px;cursor:pointer;font-size:1rem;font-weight:500;padding:.75rem 1.5rem;transition:background-color .2s}.delete-btn:hover:not(:disabled){background-color:#c82333}.delete-btn:disabled{background-color:#6c757d;cursor:not-allowed}.cancel-btn{transition:background-color .2s}.cancel-btn:hover:not(:disabled){background-color:#545b62}.cancel-btn:disabled{background-color:#adb5bd;cursor:not-allowed}@media (max-width:600px){.delete-user-modal{padding:1rem;width:95%}.modal-buttons{flex-direction:column}}.quickbooks-integration{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0 auto;max-width:100%;padding:10px}.qb-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px;padding:0 10px}.qb-header h2{color:#2c3e50;font-size:1.5rem;margin:0}.qb-header p{color:#7f8c8d;font-size:1rem}.qb-header-buttons{align-items:center;display:flex;gap:10px}.qb-refresh-status-btn{align-items:center;background-color:#6c757d;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:5px;padding:8px 16px;transition:all .2s ease}.qb-refresh-status-btn:hover:not(:disabled){background-color:#5a6268;transform:translateY(-1px)}.qb-refresh-status-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.qb-reset-btn{align-items:center;background-color:#dc3545;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:5px;padding:8px 16px;transition:all .2s ease}.qb-reset-btn:hover:not(:disabled){background-color:#c82333;transform:translateY(-1px)}.qb-reset-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.qb-error{align-items:center;background-color:#e74c3c;border-radius:8px;color:#fff;display:flex;justify-content:space-between;margin-bottom:20px;padding:15px}.qb-error button{background:none;border:1px solid #fff;border-radius:4px;color:#fff;cursor:pointer;padding:5px 10px}.qb-error button:hover{background-color:#fff;color:#e74c3c}.qb-loading{color:#3498db;font-size:1.1rem;padding:20px}.qb-connect{background-color:#f8f9fa;border:2px dashed #dee2e6;border-radius:12px;padding:40px 20px;text-align:center}.qb-connect-info{margin-bottom:30px}.qb-connect-info h3{color:#2c3e50;font-size:1.5rem;margin-bottom:15px}.qb-connect-info p{color:#6c757d;font-size:1.1rem;margin-bottom:20px}.qb-connect-info ul{color:#495057;margin:0 auto;max-width:400px;text-align:left}.qb-connect-info li{margin-bottom:8px;padding-left:10px}.qb-refresh-message{background-color:#e3f2fd;border:1px solid #bbdefb;border-radius:6px;margin-top:15px;padding:10px;text-align:center}.qb-refresh-message p{color:#1976d2;font-weight:500;margin:0}.qb-connect-btn{background:linear-gradient(135deg,#0077be,#0056b3);border:none;border-radius:8px;box-shadow:0 4px 15px #0077be4d;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;padding:15px 30px;transition:all .3s ease}.qb-connect-btn:hover:not(:disabled){box-shadow:0 6px 20px #0077be66;transform:translateY(-2px)}.qb-connect-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.qb-connected{background-color:#f8f9fa;border-radius:12px;padding:30px}.qb-status{background-color:#d4edda;border:1px solid #c3e6cb;border-radius:8px;margin-bottom:30px;padding:20px;text-align:center}.qb-status h3{color:#155724;font-size:1.3rem;margin-bottom:10px}.qb-status p{color:#155724;margin:0}.qb-companies{margin-bottom:30px}.qb-company-card{align-items:center;background-color:#fff;border:1px solid #dee2e6;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;justify-content:space-between;margin-bottom:15px;padding:20px}.qb-company-info h4{color:#2c3e50;font-size:1.2rem;margin:0 0 10px}.qb-company-info p{color:#6c757d;font-size:.9rem;margin:5px 0}.qb-company-actions{display:flex;gap:10px}.qb-disconnect-btn,.qb-refresh-btn{border:none;border-radius:4px;cursor:pointer;font-size:.9rem;font-weight:500;padding:8px 16px;transition:all .2s ease}.qb-refresh-btn{background-color:#17a2b8;color:#fff}.qb-refresh-btn:hover:not(:disabled){background-color:#138496}.qb-disconnect-btn{background-color:#dc3545;color:#fff}.qb-disconnect-btn:hover:not(:disabled){background-color:#c82333}.qb-disconnect-btn:disabled,.qb-refresh-btn:disabled{cursor:not-allowed;opacity:.6}.qb-actions{text-align:center}.qb-add-company-btn{background-color:#28a745;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:12px 24px;transition:all .3s ease}.qb-add-company-btn:hover:not(:disabled){background-color:#218838;transform:translateY(-1px)}.qb-add-company-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.quickbooks-integration{max-height:70vh;overflow-y:auto}@media (max-width:1024px){.quickbooks-integration{max-height:60vh;padding:10px}.qb-company-card{align-items:flex-start;flex-direction:column;gap:15px}.qb-company-actions{justify-content:space-between;width:100%}.qb-add-company-btn,.qb-connect-btn{max-width:300px;width:100%}.settings-tab-button{font-size:.9rem;padding:12px 16px}}.choice-manager{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:1.5rem}.choice-manager-loading{color:#666;font-size:1.1rem;padding:2rem;text-align:center}.choice-manager-header{align-items:center;border-bottom:2px solid #dee2e6;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem}.choice-manager-header h3{color:#0f0f8a;font-size:1.5rem;margin:0}.create-choice-btn{background-color:#28a745;border:none;border-radius:.25rem;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:.75rem 1.5rem;transition:background-color .2s}.create-choice-btn:hover{background-color:#218838}.choice-tabs{border-bottom:1px solid #dee2e6;display:flex;gap:.5rem;margin-bottom:1.5rem}.tab-button{background:none;border:none;border-bottom:2px solid #0000;color:#6c757d;cursor:pointer;font-size:1rem;padding:.75rem 1.5rem;transition:all .2s}.tab-button:hover{background-color:#f8f9fa;color:#495057}.tab-button.active{border-bottom-color:#0f0f8a;color:#0f0f8a;font-weight:500}.error-message{background-color:#f8d7da;border-radius:4px;margin-bottom:1rem;padding:.75rem}.choices-list{min-height:200px}.choices-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.choice-card{background:#fff;border:1px solid #dee2e6;border-radius:.5rem;box-shadow:0 2px 4px #0000001a;padding:1rem;transition:transform .2s,box-shadow .2s}.choice-card:hover{box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.choice-card.inactive{background-color:#f8f9fa;opacity:.6}.choice-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.75rem}.choice-header h4{color:#212529;font-size:1.1rem;margin:0}.choice-actions{display:flex;gap:.5rem}.delete-btn,.edit-btn,.toggle-btn{border:none;border-radius:.25rem;cursor:pointer;font-size:.8rem;font-weight:500;padding:.25rem .5rem;transition:all .2s}.toggle-btn.active{background-color:#28a745;color:#fff}.toggle-btn.inactive{background-color:#6c757d;color:#fff}.edit-btn{background-color:#007bff;color:#fff}.edit-btn:hover{background-color:#0056b3}.delete-btn{background-color:#dc3545;color:#fff}.delete-btn:hover{background-color:#c82333}.choice-details p{color:#6c757d;font-size:.9rem;margin:.25rem 0}.no-choices{color:#6c757d;padding:2rem;text-align:center}.no-choices p{font-size:1.1rem;margin-bottom:1rem}.choice-form-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.choice-form{background:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;max-height:90vh;max-width:500px;overflow-y:auto;padding:2rem;width:90%}.choice-form h3{color:#333;margin-bottom:1.5rem;margin-top:0;text-align:center}.form-group{margin-bottom:1rem}.form-group label{color:#555;margin-bottom:.5rem}.form-group input[type=number],.form-group input[type=text]{border:1px solid #ddd;border-radius:4px;box-sizing:border-box;font-size:1rem;padding:.75rem;width:100%}.form-group input[type=number]:focus,.form-group input[type=text]:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40;outline:none}.checkbox-group{margin-bottom:1.5rem}.checkbox-label{align-items:center;cursor:pointer;display:flex;margin-bottom:0!important}.checkbox-label input[type=checkbox]{cursor:pointer;margin-right:.5rem;width:auto}.checkbox-text{font-weight:400}.form-buttons{display:flex;gap:1rem;justify-content:flex-end;margin-top:1.5rem}.save-btn{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:.75rem 1.5rem}.save-btn:hover{background-color:#0056b3}.cancel-btn{background-color:#6c757d;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:.75rem 1.5rem}.cancel-btn:hover{background-color:#545b62}@media (max-width:1024px){.choice-manager{padding:1rem}.choice-manager-header{align-items:stretch;flex-direction:column;gap:1rem}.choice-tabs{flex-wrap:wrap}.choices-grid{grid-template-columns:1fr}.choice-form{padding:1rem;width:95%}.form-buttons{flex-direction:column}}.pagemenu{align-items:center;display:flex;height:15vh}.headerbutton{background-color:#fff;border:0;border-radius:20px;cursor:pointer;font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif;font-size:clamp(16px,2vw,26px);margin:15px;padding:8px 20px;transition:all .3s ease}.headerbutton.active{background-color:#f0f0f0;box-shadow:0 2px 4px #0000001a}@media (max-width:1024px){.pagemenu.bottom-nav{background-color:#fff;border-top:1px solid #e0e0e0;bottom:0!important;box-shadow:0 -2px 10px #0000001a;height:auto;justify-content:space-around;left:0;padding:6px 0 8px;position:fixed!important;right:0;z-index:1000!important}.pagemenu.bottom-nav .headerbutton{align-items:center;background-color:initial;border-radius:8px;color:#666;display:flex;flex-direction:column;font-size:10px;justify-content:flex-start;margin:0;min-width:50px;padding:4px 4px 8px;transition:all .2s ease}.pagemenu.bottom-nav .headerbutton:hover{background-color:#f5f5f5;color:#333}.pagemenu.bottom-nav .headerbutton.active{background-color:#0f0f8a;box-shadow:none;color:#fff}.pagemenu.bottom-nav .headerbutton:before{background-position:50%;background-repeat:no-repeat;background-size:contain;content:"";height:20px;margin-bottom:2px;width:20px}.pagemenu.bottom-nav .headerbutton:first-child:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='currentColor'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M16 11V7a4 4 0 0 0-8 0v4M5 9h14l1 12H4L5 9z'/%3E%3C/svg%3E")}.pagemenu.bottom-nav .headerbutton:nth-child(2):before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='currentColor'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m9 12 2 2 4-4M7.835 4.697a3.42 3.42 0 0 0 1.946-.806 3.42 3.42 0 0 1 4.438 0 3.42 3.42 0 0 0 1.946.806 3.42 3.42 0 0 1 3.138 3.138 3.42 3.42 0 0 0 .806 1.946 3.42 3.42 0 0 1 0 4.438 3.42 3.42 0 0 0-.806 1.946 3.42 3.42 0 0 1-3.138 3.138 3.42 3.42 0 0 0-1.946.806 3.42 3.42 0 0 1-4.438 0 3.42 3.42 0 0 0-1.946-.806 3.42 3.42 0 0 1-3.138-3.138 3.42 3.42 0 0 0-.806-1.946 3.42 3.42 0 0 1 0-4.438 3.42 3.42 0 0 0 .806-1.946 3.42 3.42 0 0 1 3.138-3.138z'/%3E%3C/svg%3E")}.pagemenu.bottom-nav .headerbutton:nth-child(3):before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='currentColor'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M9 19v-6a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2h2a2 2 0 0 0 2-2zm0 0V9a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2v10m-6 0a2 2 0 0 0 2 2h2a2 2 0 0 0 2-2m0 0V5a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2h-2a2 2 0 0 1-2-2z'/%3E%3C/svg%3E")}.pagemenu.bottom-nav .headerbutton:nth-child(4):before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='currentColor'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M16 7a4 4 0 1 1-8 0 4 4 0 0 1 8 0zm-4 7a7 7 0 0 0-7 7h14a7 7 0 0 0-7-7z'/%3E%3C/svg%3E")}.pagemenu.bottom-nav .headerbutton.active:before{filter:brightness(0) invert(1)}}.mobile-pagemenu{display:none}@media (min-width:1025px){.pagemenu.bottom-nav{display:none!important}}@media (max-width:1024px){.pagemenu.bottom-nav{display:flex!important}}.notification-center{display:inline-block;margin-right:16px;position:relative}.notification-bell{align-items:center;background:none;border:none;border-radius:4px;color:#000;cursor:pointer;display:flex;font-size:1.5rem;justify-content:center;padding:8px;position:relative;transition:background-color .2s}.notification-bell:hover{background-color:#0000001a}.notification-bell svg{color:#000;height:24px;width:24px}.notification-badge{align-items:center;background-color:#f44;border-radius:50%;color:#fff;display:flex;font-size:.7rem;font-weight:700;height:18px;justify-content:center;position:absolute;right:2px;top:2px;width:18px}.notification-dropdown{background:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 12px #00000026;max-height:600px;overflow:hidden;position:absolute;right:0;top:100%;width:400px;z-index:1000}.notification-header{background-color:#f8f9fa;border-bottom:1px solid #eee;padding:16px}.notification-header h3{color:#333;font-size:1.1rem;margin:0 0 12px}.notification-tabs{display:flex;gap:8px;margin-bottom:12px}.notification-tabs button{background:#fff;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:.85rem;padding:6px 12px;transition:all .2s}.notification-tabs button:hover{background-color:#f0f0f0}.notification-tabs button.active{background-color:#007bff;border-color:#007bff;color:#fff}.mark-all-read-btn{background:none;border:none;color:#007bff;cursor:pointer;font-size:.85rem;text-decoration:underline}.mark-all-read-btn:hover{color:#0056b3}.notification-content{max-height:400px;overflow-y:auto}.loading{color:#666;padding:20px;text-align:center}.no-notifications,.no-subscriptions{color:#666;font-style:italic;padding:40px 20px;text-align:center}.notification-list{padding:8px 0}.notification-item{align-items:flex-start;border-bottom:1px solid #f0f0f0;cursor:pointer;display:flex;padding:12px 16px;position:relative;transition:background-color .2s}.notification-item.clickable{cursor:pointer}.notification-item.clickable:hover{background-color:#e3f2fd;transform:translateX(2px)}.notification-item:hover{background-color:#f8f9fa}.notification-item.unread{background-color:#fff3cd;border-left:3px solid #ffc107}.notification-item.unread:hover{background-color:#ffeaa7}.notification-icon{flex-shrink:0;font-size:1.2rem;margin-right:12px}.notification-content{flex:1 1;min-width:0}.notification-title{color:#333;font-size:.9rem;font-weight:600;margin-bottom:4px}.notification-message{color:#666;font-size:.85rem;line-height:1.4;margin-bottom:8px}.notification-meta{align-items:center;color:#888;display:flex;font-size:.75rem;justify-content:space-between}.job-info{font-weight:500}.notification-time{flex-shrink:0}.unread-indicator{background-color:#007bff;border-radius:50%;height:8px;position:absolute;right:12px;top:50%;transform:translateY(-50%);width:8px}.subscription-manager{padding:16px}.subscription-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.subscription-header h4{color:#333;font-size:1rem;margin:0}.create-subscription-btn{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.85rem;padding:6px 12px}.create-subscription-btn:hover{background-color:#0056b3}.subscription-list{max-height:300px;overflow-y:auto}.subscription-item{align-items:center;background-color:#f8f9fa;border:1px solid #eee;border-radius:4px;display:flex;justify-content:space-between;margin-bottom:8px;padding:12px}.subscription-info{flex:1 1}.subscription-description{color:#333;font-size:.9rem;font-weight:500;margin-bottom:4px}.subscription-settings{display:flex;flex-wrap:wrap;gap:4px}.setting-tag{background-color:#e9ecef;border-radius:3px;color:#495057;font-size:.7rem;font-weight:500;padding:2px 6px}.delete-subscription-btn{background:none;border:none;border-radius:3px;cursor:pointer;font-size:1rem;padding:4px;transition:background-color .2s}.delete-subscription-btn:hover{background-color:#ffebee}.create-subscription-form{border-top:1px solid #eee;padding:16px}.create-subscription-form h4{color:#333;font-size:1rem;margin:0 0 16px}.form-group{margin-bottom:16px}.form-group label{color:#333;display:block;font-size:.9rem;font-weight:500;margin-bottom:4px}.form-group input,.form-group select{border:1px solid #ddd;border-radius:4px;box-sizing:border-box;font-size:.9rem;padding:8px 12px;width:100%}.form-group input:focus,.form-group select:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40;outline:none}.checkbox-group{display:flex;flex-direction:column;gap:8px}.checkbox-group label{align-items:center;cursor:pointer;display:flex;font-weight:400}.checkbox-group input[type=checkbox]{accent-color:#007bff;cursor:pointer;flex-shrink:0;height:18px;margin-right:8px;width:18px}.checkbox-group input[type=checkbox]:checked{background-color:#007bff}.checkbox-group input[type=checkbox]:focus{outline:2px solid #007bff;outline-offset:2px}.customer-search-input{border:1px solid #ddd;border-radius:4px;box-sizing:border-box;font-size:.9rem;margin-bottom:8px;padding:8px 12px;width:100%}.customer-search-input:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40;outline:none}.customer-select-list{background-color:#fff;border:1px solid #ddd;border-radius:4px;box-sizing:border-box;cursor:pointer;font-size:.9rem;padding:4px;width:100%}.customer-select-list option{cursor:pointer;padding:8px}.customer-select-list option:hover{background-color:#f0f0f0}.customer-select-list:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40;outline:none}.selected-customer{background-color:#e3f2fd;border:1px solid #90caf9;border-radius:4px;color:#1565c0;font-size:.85rem;font-weight:500;margin-top:8px;padding:8px 12px}.form-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:20px}.form-actions button{border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:.9rem;padding:8px 16px;transition:all .2s}.form-actions button[type=button]{background-color:#f8f9fa;color:#333}.form-actions button[type=button]:hover{background-color:#e9ecef}.form-actions button[type=submit]{background-color:#007bff;border-color:#007bff;color:#fff}.form-actions button[type=submit]:hover{background-color:#0056b3}.form-actions button[type=submit]:disabled{background-color:#6c757d;border-color:#6c757d;cursor:not-allowed}@media (max-width:480px){.notification-dropdown{right:-50px;width:320px}.notification-item{padding:10px 12px}.notification-meta{align-items:flex-start;flex-direction:column;gap:2px}.checkbox-group input[type=checkbox]{height:20px;margin-right:12px;width:20px}.checkbox-group label{-webkit-tap-highlight-color:rgba(0,123,255,.1);align-items:center;min-height:44px;padding:8px 0}.customer-search-input{font-size:16px;padding:10px 12px}.customer-select-list{font-size:16px}.customer-select-list option{padding:10px}}.notification-pagination{background-color:#f8f9fa;border-top:1px solid #e0e0e0;padding:16px}.notification-pagination-info{color:#666;font-size:.875rem;margin-bottom:12px;text-align:center}.notification-pagination-controls{align-items:center;display:flex;gap:8px;justify-content:center}.notification-pagination-btn{background-color:#fff;border:1px solid #ddd;border-radius:4px;color:#333;cursor:pointer;font-size:.875rem;padding:6px 12px;transition:all .2s ease}.notification-pagination-btn:hover:not(:disabled){background-color:#f0f0f0;border-color:#999}.notification-pagination-btn:disabled{background-color:#f5f5f5;cursor:not-allowed;opacity:.5}.notification-pagination-pages{display:flex;gap:4px}.notification-pagination-page{background-color:#fff;border:1px solid #ddd;border-radius:4px;color:#333;cursor:pointer;font-size:.875rem;min-width:32px;padding:6px 10px;text-align:center;transition:all .2s ease}.notification-pagination-page:hover{background-color:#f0f0f0;border-color:#999}.notification-pagination-page.active{background-color:#007bff;border-color:#007bff;color:#fff}.notification-pagination-page.active:hover{background-color:#0056b3;border-color:#0056b3}@media (max-width:480px){.notification-pagination-controls{flex-wrap:wrap;gap:6px}.notification-pagination-btn,.notification-pagination-page{font-size:.8rem;padding:4px 8px}.notification-pagination-page{min-width:28px}.notification-pagination-info{font-size:.8rem}}.pwa-notification-setup{margin:20px 0}.pwa-not-supported-banner{animation:slideIn .5s ease-out;background:linear-gradient(135deg,#dc3545,#c82333);border-radius:12px;box-shadow:0 4px 12px #dc35454d;color:#fff;margin-bottom:20px;padding:20px}.not-supported-content{align-items:center;display:flex;gap:16px}.not-supported-icon{flex-shrink:0;font-size:2rem}.not-supported-text{flex:1 1}.not-supported-text h4{font-size:1.2rem;font-weight:600;margin:0 0 8px}.not-supported-text p{line-height:1.4;margin:0;opacity:.9}.pwa-setup-banner{animation:slideIn .5s ease-out;background:linear-gradient(135deg,#007bff,#0056b3);border-radius:12px;box-shadow:0 4px 12px #007bff4d;color:#fff;margin-bottom:20px;padding:20px}.setup-content{align-items:center;display:flex;gap:16px}.setup-icon{flex-shrink:0;font-size:2rem}.setup-text{flex:1 1}.setup-text h4{font-size:1.2rem;font-weight:600;margin:0 0 8px}.setup-text p{line-height:1.4;margin:0;opacity:.9}.setup-actions{display:flex;flex-shrink:0;gap:12px}.dismiss-btn,.enable-btn{border:none;border-radius:6px;cursor:pointer;font-weight:500;padding:10px 20px;transition:all .2s}.enable-btn{background:#fff;color:#007bff}.enable-btn:hover{background:#f8f9fa;transform:translateY(-1px)}.enable-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.dismiss-btn{background:#0000;border:1px solid #ffffff4d;color:#fff}.dismiss-btn:hover{background:#ffffff1a}.error-message{background:#f8d7da;border:1px solid #f5c6cb;border-radius:6px;justify-content:space-between;margin-bottom:16px;padding:12px 16px}.error-message,.error-message button{align-items:center;color:#721c24;display:flex}.error-message button{background:none;border:none;cursor:pointer;font-size:1.2rem;height:20px;justify-content:center;padding:0;width:20px}.pwa-status{background:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;justify-content:space-between;margin-bottom:20px;padding:16px}.pwa-status,.status-info{align-items:center;display:flex}.status-info{gap:12px}.status-icon{font-size:1.5rem}.status-text{color:#333;font-weight:500}.status-actions{display:flex;gap:8px}.disable-btn,.test-btn{background:#fff;border:1px solid #dee2e6;border-radius:4px;color:#333;cursor:pointer;font-size:.9rem;padding:8px 16px;transition:all .2s}.test-btn:hover{background:#e9ecef;border-color:#adb5bd}.disable-btn{border-color:#dc3545;color:#dc3545}.disable-btn:hover{background:#dc3545;color:#fff}.disable-btn:disabled,.test-btn:disabled{cursor:not-allowed;opacity:.6}.pwa-info{background:#fff;border:1px solid #dee2e6;border-radius:8px;padding:20px}.pwa-info h4{color:#333;font-size:1.1rem;margin:0 0 16px}.install-steps{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-bottom:20px}.step{background:#f8f9fa;border-radius:6px;padding:16px}.step strong{color:#007bff;display:block;margin-bottom:8px}.step ol{margin:0;padding-left:20px}.step li{line-height:1.4;margin-bottom:4px}.benefits{background:#e7f3ff;border:1px solid #b3d9ff;border-radius:6px;padding:16px}.benefits h5{color:#06c;font-size:1rem;margin:0 0 12px}.benefits ul{margin:0;padding-left:20px}.benefits li{line-height:1.4;margin-bottom:6px}.debug-info{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin-top:20px;padding:16px}.debug-info h4{color:#495057;font-size:1rem;margin:0 0 16px}.debug-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:16px}.debug-item{align-items:center;background-color:#fff;border:1px solid #dee2e6;border-radius:4px;display:flex;justify-content:space-between;padding:8px 12px}.debug-label{color:#495057}.debug-label,.debug-value{font-size:.9rem;font-weight:500}.debug-value.secure{color:#28a745}.debug-value.insecure{color:#dc3545}.debug-value.supported{color:#28a745}.debug-value.not-supported{color:#dc3545}.debug-warning{background-color:#fff3cd;border:1px solid #ffeaa7;border-radius:4px;color:#856404;font-size:.9rem;margin-bottom:16px;padding:12px}.debug-tips{background-color:#d1ecf1;border:1px solid #bee5eb;border-radius:4px;color:#0c5460;padding:12px}.debug-tips h5{font-size:.9rem;margin:0 0 8px}.debug-tips ul{margin:0;padding-left:20px}.debug-tips li{font-size:.85rem;margin-bottom:4px}@media (max-width:1024px){.not-supported-content,.setup-content{flex-direction:column;gap:12px;text-align:center}.setup-actions{justify-content:center;width:100%}.pwa-status{flex-direction:column;gap:12px;text-align:center}.status-actions{justify-content:center}.install-steps{gap:16px}.debug-grid,.install-steps{grid-template-columns:1fr}.debug-item{align-items:flex-start;flex-direction:column;gap:4px}}.menu{border-right:1px solid gray}.menu-item{align-content:center;background-color:#fff;font-size:1.5rem;height:8vh;min-width:15vw;transition:background-color .3s}.menu-item:hover{background-color:#e0e0e0}@media (max-width:1024px){.menu{background-color:#fff!important;border-bottom:1px solid gray!important;border-right:none!important;box-sizing:border-box!important;flex-direction:row!important;left:0!important;min-height:40px!important;overflow-x:auto!important;padding:5px 0!important;position:fixed!important;right:0!important;top:5vh!important;width:100%!important;z-index:999!important}.menu,.menu-item{height:auto!important;margin:0!important}.menu-item{align-items:center!important;border:none!important;border-bottom:3px solid #0000!important;color:inherit!important;display:flex!important;flex:1 1!important;flex-shrink:0!important;font-size:.9rem!important;justify-content:center!important;padding:8px 4px!important;text-align:center!important;transition:border-bottom .3s ease!important;width:33.33%!important}.menu-item,.menu-item:hover{background-color:initial!important}.menu-item:hover{border-bottom:3px solid #e0e0e0!important}.menu-item.active{background-color:initial!important;border-bottom:3px solid #0f0f8a!important;color:inherit!important}}.workorderlist{background-color:#f5f5f5;box-sizing:border-box;display:flex;flex-direction:column;height:100%;padding:20px;position:relative;width:100%}@media (max-width:1024px){.workorderlist{align-items:stretch;box-sizing:border-box;display:flex;flex-direction:column;height:calc(95vh - 40px);margin:calc(5vh + 40px) 0 0;overflow:visible;padding:4px 0 0;position:relative;z-index:1}}.workorderlistscroll{background-color:#fff;border-radius:4px;box-shadow:0 1px 3px #0000001a;flex:1 1;max-height:calc(100vh - 300px);min-height:100px;overflow-y:auto}@media (max-width:1024px){.workorderlistscroll{border-radius:0;box-shadow:none;flex:none;max-height:calc(95vh - 180px);min-height:calc(95vh - 180px);overflow-y:auto;padding-bottom:120px;position:relative;z-index:1}.workorderliststatuslabel{display:flex!important;flex-direction:column!important}.workorderlistlabeltext{display:none!important}.workorderlistfilters{background-color:#fff!important;box-shadow:0 2px 4px #0000001a!important;flex-direction:column!important;flex-shrink:0!important;margin-bottom:2px!important;padding:8px 5px!important;position:-webkit-sticky!important;position:sticky!important;top:0!important;z-index:1000!important}.workorderlistfilters,.workorderlistfiltersrow{display:flex!important;gap:8px!important;width:100%!important}.workorderlistfiltersrow{-webkit-overflow-scrolling:touch;align-items:center;flex-direction:row!important;flex-wrap:nowrap!important;min-width:0!important;overflow-x:auto!important;padding-bottom:5px!important;scrollbar-width:thin!important}.workorderlistfiltersrow>*{min-width:-webkit-fit-content!important;min-width:-moz-fit-content!important;min-width:fit-content!important}.workorderlistsearchlabel{margin:0!important;padding:0!important;width:100%!important}.workorderlistsearchbar{background-color:#fff!important;border:1px solid #ddd!important;border-radius:4px!important;font-size:14px!important;height:40px!important;margin:0!important;padding:8px 12px!important;width:100%!important}.workorderlistfilters>*,.workorderlistfiltersrow>*{flex-shrink:0!important;margin-right:8px!important;opacity:1!important;visibility:visible!important}.workorderlistfilters .workorderliststatusfilter,.workorderlistfilters .workorderliststatuslabel{display:inline-block!important;flex-shrink:0!important;margin-right:8px!important;opacity:1!important;visibility:visible!important}.workorderlistfilters .workorderlistsearchbar,.workorderlistfilters .workorderliststatusselect{display:block!important;flex-shrink:0!important;opacity:1!important;visibility:visible!important}.workorderlistfilters .workorderlistnewworkorderbutton{display:none!important}.workorderlistmobilebutton{align-items:center!important;background-color:#4caf50!important;border:none!important;border-radius:50%!important;bottom:80px!important;box-shadow:0 4px 12px #0000004d!important;color:#fff!important;cursor:pointer!important;display:block!important;display:flex!important;font-size:24px!important;font-weight:700!important;height:50px!important;justify-content:center!important;position:fixed!important;right:20px!important;transition:all .3s ease!important;width:50px!important;z-index:101!important}.workorderlistmobilebutton:hover,.workorderlistnewworkorderbutton:hover{background-color:#45a049!important;box-shadow:0 6px 16px #0006!important;transform:scale(1.1)!important}.workorderlistbuttontext{display:none!important}.workorderlistbuttonplus{display:block!important;font-size:24px!important;font-weight:700!important}.workorderlistsortButton{background-color:#fff!important;border:1px solid #ddd!important;border-radius:4px!important;color:#333!important;cursor:pointer!important;display:inline-block!important;font-size:12px!important;font-weight:500!important;height:36px!important;min-width:80px!important;padding:6px 8px!important}.workorderlistsortButton:hover{background-color:#f8f8f8!important;border-color:#bbb!important}.workorderliststatusfilter{display:inline-block!important;min-width:120px!important}.workorderliststatusselect{background-color:#fff!important;border:1px solid #ddd!important;border-radius:4px!important;cursor:pointer!important;display:block!important;font-size:12px!important;height:36px!important;min-width:120px!important;padding:6px!important;width:120px!important}}.workorderlistrow{grid-gap:10px;border-bottom:1px solid #eee;cursor:pointer;display:grid;gap:10px;grid-template-columns:2fr 1fr 1fr 1fr .5fr;padding:10px}@media (max-width:1024px){.workorderlistrow{font-size:.9rem;gap:5px;grid-template-columns:1fr .8fr .8fr .8fr .6fr;padding:8px 5px}}.workorderlistrow:hover{background-color:#f8f8f8}.workorderlistrow.past-due{background-color:#fff0f0}.workorderlistrow.past-due:hover{background-color:#ffe8e8}.workorderlistrow.due-today{background-color:#fffde7}.workorderlistrow.due-today:hover{background-color:#fff9c4}.workorderlistrowdataname{font-weight:500}.workorderlistrowdatadate,.workorderlistrowdataservice,.workorderlistrowdatavehicle{color:#666}.workorderlistfilters{align-items:center;background-color:#fff;border-radius:4px;box-shadow:0 1px 3px #0000001a;display:flex;flex-direction:row;flex-wrap:wrap;gap:20px;margin-bottom:20px;padding:10px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.workorderlistfiltersbutton{background-color:#f0f0f0;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:13px;height:28px;margin-right:4px;padding:4px 8px}.workorderlistfiltersbutton:hover{background-color:#e0e0e0}.workorderlistsortButton{background-color:#f0f0f0;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:14px;height:36px;min-width:80px;padding:4px 8px}.workorderlistsortButton:hover{background-color:#e0e0e0}.workorderlistsearchbar{border:1px solid #ddd;border-radius:4px;font-size:14px;height:36px;padding:6px;width:100%}.workorderlistlabelsparent{margin-bottom:10px}@media (max-width:1024px){.workorderlistlabelsparent{margin-bottom:2px;margin-top:0;position:relative;z-index:1}}.workorderlistlabels{grid-gap:10px;display:grid;gap:10px;grid-template-columns:2fr 1fr 1fr 1fr .5fr;padding:0 10px}@media (max-width:1024px){.workorderlistlabels{font-size:.8rem;gap:5px;grid-template-columns:1fr .8fr .8fr .8fr .6fr;padding:0 5px}}.workorderlistlabelsheaders{color:#666;font-weight:500;margin:0}.workorderlistlabeldesktop{display:inline}.workorderlistlabelmobile{display:none}@media (max-width:1024px){.workorderlistlabeldesktop{display:none}.workorderlistlabelmobile{display:inline}}.workorderlistlabelsheadersline{border:none;border-top:1px solid #ddd;margin:5px 0}.workorderlistnewworkorderbutton{background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;height:36px;min-width:100px;padding:8px 16px}.workorderlistnewworkorderbutton:hover{background-color:#45a049}.workorderlistbuttontext{display:inline}.workorderlistbuttonplus,.workorderlistmobilebutton{display:none}.workorderlistfiltersrow{display:contents}.workorderliststatusfilter{align-items:center;display:flex;gap:8px;min-width:200px}.workorderliststatuslabel{align-items:center;display:flex;flex-direction:row;font-weight:500;gap:8px;min-width:80px;white-space:nowrap}.workorderliststatusselect{background-color:#fff;border:1px solid #ddd;border-radius:4px;flex:1 1;font-size:14px;height:36px;min-width:120px;padding:6px}.workorderlist-pagination{align-items:center;background:#f8f9fa;border:1px solid #eee;border-radius:8px;display:flex;justify-content:space-between;margin-top:1.5rem;padding:1rem}.workorderlist-pagination-info{color:#666;font-size:.9rem;font-weight:500}.workorderlist-pagination-controls{align-items:center;display:flex;gap:.5rem}.workorderlist-pagination-btn{background:#fff;border:1px solid #dee2e6;border-radius:4px;color:#495057;cursor:pointer;font-size:.85rem;font-weight:500;padding:.5rem 1rem;transition:all .2s ease}.workorderlist-pagination-btn:hover:not(:disabled){background-color:#e9ecef;border-color:#adb5bd}.workorderlist-pagination-btn:disabled{background-color:#f8f9fa;cursor:not-allowed;opacity:.5}.workorderlist-pagination-pages{display:flex;gap:.25rem;margin:0 1rem}.workorderlist-pagination-page{background:#fff;border:1px solid #dee2e6;border-radius:4px;color:#495057;cursor:pointer;font-size:.85rem;font-weight:500;min-width:40px;padding:.5rem .75rem;transition:all .2s ease}.workorderlist-pagination-page:hover{background-color:#e9ecef;border-color:#adb5bd}.workorderlist-pagination-page.active{background-color:#007bff;border-color:#007bff;color:#fff}.workorderlist-pagination-page.active:hover{background-color:#0056b3;border-color:#0056b3}@media (max-width:1024px){.workorderlist-pagination{flex-direction:column;gap:1rem;text-align:center}.workorderlist-pagination-controls{flex-wrap:wrap;justify-content:center}.workorderlist-pagination-pages{margin:0 .5rem}.workorderlist-pagination-page{min-width:35px;padding:.4rem .6rem}}.workordermodal-overlay{align-items:flex-end;animation:fadeIn .3s ease-out;background-color:#0000004d;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:999999!important}.workordermodal-content{animation:slideUp .4s ease-out;background-color:#f8f8f8;border-radius:20px 20px 0 0;box-sizing:border-box;height:90vh;overflow-y:auto;padding:20px 20px 80px;position:relative;transform-origin:bottom;width:100%;z-index:1000000!important}@media (max-width:1024px){.workordermodal-content{border-radius:25px 25px 0 0;height:99vh;margin-top:0;padding:0}.workordermodal-overlay{align-items:flex-start;padding-top:1vh}}.workorder{box-sizing:border-box;height:100%;overflow-y:auto;padding:20px;width:100%}.workorder,.workorderform{display:flex;flex-direction:column}.workorderform{padding-bottom:60px}.workorderlabelcontact{width:20vw}.workorderlabelcontact,.workorderlabelimportantinfo{display:flex;flex-direction:column;padding:5px;text-align:left}.workorderlabelimportantinfo{width:15vw}.workorderinputscontact{width:20vw}.workorderinputscontact,.workorderinputsprice{border:1px solid #ddd;border-radius:4px;box-sizing:border-box;height:5vh;margin:5px 5px 5px 0;padding:0 8px}.workorderinputsprice{width:10vw}.workorderinputspricedatedcreated{align-items:center;border:1px solid #ddd;border-radius:4px;box-sizing:border-box;display:flex;height:5vh;margin:5px 5px 5px 0;padding:0 8px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.workorderlabeldetails{width:18vw}.workorderlabeldetails,.workorderlabeldetailslarge{display:flex;flex-direction:column;padding:5px;text-align:left}.workorderlabeldetailslarge{width:30vw}.workorderinputsdetails{height:5vh;padding:0 8px;width:18vw}.workorderinputsdetails,.workorderinputsdetailslarge{border:1px solid #ddd;border-radius:4px;box-sizing:border-box;margin:5px 5px 5px 0}.workorderinputsdetailslarge{height:15vh;padding:8px;width:30vw}.workorderheader{display:flex;font-size:24px;font-weight:500;justify-self:baseline;margin-bottom:20px}.workordertop{display:flex;flex-direction:row;height:25vh}.workordercontact{display:flex;flex-direction:column;height:25vh;width:50vw}.workordercontactcolumn,.workorderimportantinfo{display:flex;flex-direction:row}.workorderimportantinfo{height:25vh;width:50vw}.workorderdetails{display:flex;flex-direction:column;margin-top:5vh}.workorderdetailslarge,.workorderdetailssmall{display:flex;flex-direction:row}.workordersavebuttonbanner{align-items:center;background-color:#a9a9a9;bottom:0;display:flex;gap:10px;height:7vh;justify-content:space-between;left:0;padding:0 40px 0 0;position:fixed;width:100%;z-index:99999}.workordersavebutton{background-color:#0f0f8a;border:0;border-radius:10px;color:#fff;cursor:pointer;margin-left:auto;margin-right:10px;min-width:100px;padding:10px 20px}.workordersavebutton:hover{background-color:#07074a}.workorderhistorybutton{background-color:#fff;border:2px solid #000;border-radius:10px;color:#000;cursor:pointer;min-width:120px;padding:10px 15px;white-space:nowrap}.workorderhistorybutton:hover{background-color:grey}.workorderinputscontact.invalid{border-color:red}.workorderphoneErrorStyle{color:red;font-size:.8rem;margin-top:.25rem}.workordersubmissionErrorStyle{color:red;margin-bottom:1rem}select.workorderinputsdetails,select.workorderinputsprice{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' 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 8px center;background-repeat:no-repeat;background-size:16px;padding-right:32px;position:relative;z-index:1}select.workorderinputsdetails:focus,select.workorderinputsprice:focus{z-index:1000}.workorderlabeldetails,.workorderlabelimportantinfo{overflow:visible;position:relative}.invoice-link{font-weight:500}.workorderinputsprice.price-locked{background-color:#f8f9fa;color:#6c757d;cursor:not-allowed;opacity:.7}.payment-method-slider.disabled{opacity:.5;pointer-events:none}.payment-method-btn:disabled{cursor:not-allowed;opacity:.5}.price-locked-indicator{color:#dc3545;font-size:14px;margin-left:8px}.mark-as-paid-indicator{color:#28a745;font-size:14px;margin-left:4px}.unmark-paid-button{background-color:#ffc107;border:1px solid #ffc107;color:#212529}.unmark-paid-button:hover{background-color:#e0a800;border-color:#d39e00}.no-job-message{background-color:#f8f9fa;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin:20px;padding:20px;text-align:center}.no-job-message h3{color:#343a40;margin-bottom:10px}.no-job-message p{color:#6c757d;margin:0}.unsaved-changes-modal{height:100%;width:100%}.unsaved-changes-content{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;padding:20px}.unsaved-changes-content h3{margin:0 0 10px}.unsaved-changes-content p{margin:0 0 20px}.unsaved-changes-buttons{gap:10px;justify-content:flex-end}.unsaved-changes-buttons button{border-radius:4px;padding:8px 16px;transition:background-color .2s ease}.workorder-header-container{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.header-actions{align-items:center;display:flex;gap:10px}.price-payment-container{display:flex;flex-direction:column;gap:4px}.payment-method-slider{background-color:#f0f0f0;border-radius:12px;box-shadow:inset 0 1px 2px #0000001a;display:flex;padding:2px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.payment-method-btn{align-items:center;background-color:initial;border:none;border-radius:10px;color:#666;cursor:pointer;display:flex;font-size:12px;font-weight:500;height:24px;justify-content:center;min-width:24px;padding:4px 8px;transition:all .2s ease}.payment-method-btn:hover{background-color:#ffffff80}.payment-method-btn.active{background-color:#fff;box-shadow:0 1px 2px #0000001a;color:#333}.payment-method-btn.credit-card.active{background-color:#28a745;box-shadow:0 1px 2px #28a7454d;color:#fff}.payment-method-btn.credit-card.active:hover{background-color:#218838}.phone-container{position:relative;width:20vw}.phone-display-container{align-items:center;display:flex;gap:4px}.phone-display{align-items:center;background-color:#f8f9fa;border:1px solid #ddd;border-radius:4px;box-sizing:border-box;color:#007bff;display:flex;flex:1 1;min-height:5vh;padding:0 8px;text-decoration:none;transition:all .2s ease;-webkit-user-select:none;user-select:none}.phone-display:hover{background-color:#e3f2fd;border-color:#007bff;color:#0056b3;text-decoration:underline}.phone-display:active{background-color:#bbdefb;transform:translateY(1px)}.phone-edit-button{align-items:center;background:none;background-color:#f8f9fa;border:1px solid #ddd;border-radius:4px;cursor:pointer;display:flex;font-size:14px;height:5vh;justify-content:center;min-width:32px;padding:4px 8px;transition:all .2s ease}.phone-edit-button:hover{background-color:#e9ecef;border-color:#adb5bd}.phone-edit-button:active{background-color:#dee2e6;transform:translateY(1px)}.phone-input{border:1px solid #ddd;border-radius:4px;box-sizing:border-box;height:5vh;margin:0;padding:0 8px;width:100%}.phone-display:empty:before{color:#6c757d;content:"No phone number";font-style:italic}.workorderhistorybutton.archived{background-color:#dc3545;border-color:#dc3545;color:#fff}.workorderhistorybutton.archived:hover{background-color:#c82333;border-color:#c82333}.workorderhistorybutton.disabled{cursor:not-allowed;opacity:.6}.workorderhistorybutton.disabled,.workorderhistorybutton.disabled:hover{background-color:#f8f9fa;border-color:#dee2e6;color:#6c757d}.print-invoice-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.print-invoice-container{background:#fff;border-radius:8px;box-shadow:0 4px 20px #0000004d;max-height:90vh;max-width:90vw;overflow:auto;position:relative}.print-invoice-header{align-items:center;background-color:#f8f9fa;border-bottom:1px solid #dee2e6;border-radius:8px 8px 0 0;display:flex;justify-content:space-between;padding:1rem}.print-invoice-header h3{color:#2c5aa0;font-size:1.5rem;margin:0}.print-invoice-buttons{display:flex;gap:.5rem}@media (max-width:1024px){.workordersavebuttonbanner{align-items:center;background-color:#a9a9a9!important;bottom:0!important;display:flex!important;flex-direction:row;height:60px!important;justify-content:space-between;left:0!important;min-height:60px!important;padding:0 15px;position:fixed!important;width:100%!important;z-index:999999!important}.workordersavebuttonbanner .desktop-buttons,.workordersavebuttonbanner .workordersavebutton{display:none}.mobile-buttons{align-items:center;display:flex!important;gap:10px;width:100%}.mobile-more-button-container{flex:1 1;position:relative}.mobile-more-button{background-color:#fff;border:2px solid #000;border-radius:10px;box-sizing:border-box;color:#000;cursor:pointer;padding:10px 20px;position:relative;white-space:nowrap;width:100%}.mobile-more-button:hover{background-color:grey}.mobile-more-dropdown{background:#fff;border:2px solid #000;border-radius:10px;bottom:100%;box-shadow:0 4px 12px #00000026;display:none;left:0;margin-bottom:5px;position:absolute;right:0;z-index:1000000}.mobile-more-dropdown.show{display:block}.mobile-more-dropdown button{background-color:#fff;border:none;border-bottom:1px solid #eee;color:#000;cursor:pointer;display:block;font-size:14px;padding:12px 15px;text-align:left;white-space:nowrap;width:100%}.mobile-more-dropdown button:last-child{border-bottom:none;border-radius:0 0 8px 8px}.mobile-more-dropdown button:first-child{border-radius:8px 8px 0 0}.mobile-more-dropdown button:hover{background-color:#f5f5f5}.mobile-more-dropdown .workorderhistorybutton.archived{background-color:#dc3545;color:#fff}.mobile-more-dropdown .workorderhistorybutton.archived:hover{background-color:#c82333}.mobile-more-dropdown .unmark-paid-button{background-color:#ffc107;color:#212529}.mobile-more-dropdown .unmark-paid-button:hover{background-color:#e0a800}.mobile-save-button{background-color:#0f0f8a;border:0;border-radius:10px;box-sizing:border-box;color:#fff;cursor:pointer;flex:1 1;padding:10px 20px}.mobile-save-button:hover{background-color:#07074a}.workordertop{flex-direction:column;gap:10px;height:auto;min-height:auto}.workordercontact,.workorderimportantinfo{height:auto;width:100%}.workorderimportantinfo{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr;grid-template-rows:auto auto auto;padding:5px 0}.workorderimportantinfo>label:first-child{grid-column:1;grid-row:1;margin-bottom:5px;width:100%}.workorderimportantinfo>label:last-child{grid-column:2;grid-row:1;margin-bottom:5px;width:100%}.workorderimportantinfo>div{display:flex;flex-direction:column;gap:8px;grid-column:1/-1;grid-row:2;margin-bottom:5px}.workorderimportantinfo>label:nth-last-child(2){grid-column:1/-1;grid-row:3;margin-bottom:8px;width:100%}.workordercontactcolumn{flex-direction:column}.workorderlabelcontact,.workorderlabeldetails,.workorderlabeldetailslarge,.workorderlabelimportantinfo{margin-bottom:2px;padding:4px 2px;width:100%}.workorderlabelimportantinfo{margin-bottom:3px;padding:5px 3px}.workorderlabelimportantinfo:first-child{margin-bottom:5px}.workorderlabelimportantinfo:first-child .price-payment-container{margin-top:3px}.workorderlabelimportantinfo:last-child{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:4px;padding:6px}.workorderinputscontact,.workorderinputsdetails,.workorderinputsdetailslarge,.workorderinputsprice{font-size:14px;height:4vh;margin-left:0;margin-right:0;padding:4px 8px;width:100%}.workorderinputsdetailslarge{height:8vh;min-height:60px}.workorderdetailssmall{grid-gap:5px;display:grid;gap:5px;grid-template-columns:1fr 1fr 1fr}.workorderdetailssmall>label:first-child{grid-column:1/-1;grid-row:1}.workorderdetailssmall>label:nth-child(2){grid-column:1/-1;grid-row:2}.workorderdetailssmall>label:nth-child(3){grid-column:1;grid-row:3}.workorderdetailssmall>label:nth-child(4){grid-column:2;grid-row:3}.workorderdetailssmall>label:last-child{grid-column:1/-1;grid-row:4}.workorderdetailslarge{flex-direction:column;gap:5px}.workorderdetails{gap:5px;margin-top:2vh}.phone-container{width:100%}.price-payment-container{margin-top:4px;width:100%}.payment-method-slider{justify-content:center;margin-top:4px;padding:8px;width:50%}.payment-method-btn{font-size:20px;height:25px;min-width:20px;padding:8px 16px}.workorderinputsprice{margin-bottom:4px}.workorderimportantinfo>div{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:4px;padding:6px}.workorderimportantinfo>label:last-child,.workorderimportantinfo>label:nth-last-child(2){background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:4px;margin-top:3px;padding:6px}.workorderinputspricedatedcreated{width:100%}.invoice-link,.workorderinputspricedatedcreated{background-color:#fff;border:1px solid #ddd;border-radius:4px;box-sizing:border-box;display:block;font-size:14px;margin-top:3px;min-height:4vh;padding:6px}.invoice-link{color:#007bff;text-align:center;text-decoration:none}.invoice-link:hover{background-color:#f8f9fa}.workorderform{padding-bottom:120px}.workorder{gap:5px;padding:10px 10px 40px}.workorderheader{font-size:20px;margin-bottom:10px}.phone-input,.workorderinputscontact,.workorderinputsdetails,.workorderinputsdetailslarge,.workorderinputsprice,.workorderinputspricedatedcreated,input[type=date],input[type=datetime-local],input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],select,textarea{font-size:16px!important}}@media print{.print-invoice-overlay{background:none;padding:0;position:static}.print-invoice-container{border-radius:0;box-shadow:none;max-height:none;max-width:none}.print-invoice-header{display:none}.print-invoice{font-size:12px!important;margin:0!important;max-width:none!important;padding:.25in!important}.invoice-header{flex-direction:column!important;text-align:center!important}.company-logo-center{margin:10px 0!important;position:static!important;transform:none!important}.services-table{font-size:10px!important}.services-table td,.services-table th{padding:.25rem!important}.footer-section{flex-direction:column!important;text-align:center!important}}.workorderhistory{background:#fff;box-sizing:border-box;display:flex;flex-direction:column;height:100%;left:0;padding:20px;position:absolute;top:0;width:100%;z-index:10}.workorderhistory-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:20px}.workorderhistory-header h2{color:#333;font-size:24px;margin:0}.modal-close-btn{background-color:#f0f0f0;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:14px;padding:8px 16px;transition:background-color .2s}.modal-close-btn:hover{background-color:#e0e0e0}.error,.loading,.no-history{color:#666;padding:20px;text-align:center}.error{color:#d32f2f}.history-content{flex:1 1;overflow-y:auto;padding-right:10px}.history-list{list-style-type:none;margin:0;padding:0}.history-entry{background-color:#f8f9fa;border-radius:8px;box-shadow:0 1px 3px #0000001a;margin-bottom:16px;padding:16px}.history-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.history-date{color:#666}.history-date,.user-initials{font-size:14px;font-weight:500}.user-initials{background-color:#e3f2fd;border-radius:4px;color:#1976d2;min-width:32px;padding:4px 8px;text-align:center}.history-changes{gap:8px}.change-item,.history-changes{display:flex;flex-direction:column}.change-item{gap:4px}.field-name{color:#333;font-weight:500;text-transform:capitalize}.change-values{align-items:center;color:#666;display:flex;font-size:14px;gap:8px}.old-value{color:#d32f2f}.new-value{color:#2e7d32}.change-arrow{color:#666;font-size:16px}.history-content::-webkit-scrollbar{width:8px}.history-content::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.history-content::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.history-content::-webkit-scrollbar-thumb:hover{background:#666}.joborder{background-color:#f5f5f5;box-sizing:border-box;display:flex;flex-direction:column;height:100vh;padding:15px;width:100%}.joborderheader{color:#333;font-size:1.5em;margin:0;min-width:100px}.joborder-container{display:flex;gap:15px;height:calc(100vh - 100px);margin:0 15px;overflow:hidden}.joborder-left{border-right:1px solid #e0e0e0;display:flex;flex:2 1;flex-direction:column;overflow-y:auto;padding:15px 20px 15px 15px}.joborder-right{background-color:#fafafa;flex:1 1;overflow-y:auto;padding:15px}.joborder-top{display:flex;flex-shrink:0;gap:15px;margin-bottom:20px}.joborder-photo{background-color:#fafafa;border-radius:4px;cursor:pointer;flex:1 1;max-height:350px;min-height:250px;overflow:hidden;position:relative;transition:all .3s ease}.joborder-photo:hover .job-photo-overlay{opacity:1;pointer-events:auto}.job-photo{cursor:pointer;display:block;object-fit:contain}.job-photo,.job-photo-placeholder{background-color:#fafafa;height:100%;width:100%}.job-photo-placeholder{align-items:center;border:2px dashed #ddd;border-radius:4px;color:#666;display:flex;font-size:1.1em;justify-content:center;transition:all .3s ease}.joborder-photo:hover .job-photo-placeholder{background-color:#f5f5f5;border-color:#999}.job-photo-overlay{align-items:center;background-color:#00000080;bottom:0;color:#fff;display:flex;font-size:1.1em;justify-content:center;left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .3s ease}.joborder-details{display:flex;flex:2 1;flex-direction:column;gap:15px}.info-row{background-color:#fff;border-radius:4px;display:flex;overflow:hidden}.info-column{display:flex;flex:1 1;flex-direction:column;position:relative}.info-column:not(:last-child):after{background-color:#e0e0e0;content:"";height:50%;position:absolute;right:0;top:25%;width:1px}.info-label{color:#666;font-size:.85em;font-weight:500;letter-spacing:.5px;padding:8px 10px 4px;text-transform:uppercase}.joborder-basic-info,.joborder-status{display:flex;flex-direction:column;gap:10px}.joborder-bottom{flex:1 1;margin-top:0;min-height:0}.customer-info{gap:15px;height:100%;overflow-y:auto}.customer-info,.label-field{display:flex;flex-direction:column}.label-field{font-size:.95em;font-weight:500;gap:5px}.input-field{background-color:#fff;border:none;font-size:.95em;height:35px;padding:8px 10px;transition:background-color .2s ease;width:100%}.input-field:focus{background-color:#fafafa;outline:none}.input-field.notes{border:1px solid #e0e0e0;border-radius:4px;height:auto;max-width:auto;min-height:120px;resize:vertical}.customer-name-link{border:1px solid #e0e0e0;font-size:.95em;height:35px;padding:8px 10px;transition:all .2s ease}.customer-name-link:hover{background-color:#f8f9fa}.invoice-number-display{align-items:center;background-color:#fff;border:1px solid #e0e0e0;display:flex;font-size:.95em;height:35px;overflow-wrap:break-word;padding:8px 10px;word-break:break-word}.invoice-link{color:#007bff;text-decoration:none;transition:color .2s ease}.invoice-link:hover{color:#0056b3;text-decoration:underline}.no-invoice{color:#999;font-style:italic}.savebuttonbanner{background-color:#a9a9a9;bottom:0;gap:10px;height:7vh;left:0;padding:0 40px 0 0;position:fixed;width:100%;z-index:10000001!important}.savebutton{background-color:#0f0f8a;border:0;border-radius:10px;margin-left:auto;margin-right:20px;min-width:100px}.savebutton:hover{background-color:#07074a}.archivebutton,.historybutton,.unarchivebutton{background-color:#fff;border:2px solid #000;border-radius:10px;color:#000;cursor:pointer;min-width:120px;padding:10px 15px}.archivebutton:hover,.historybutton:hover,.unarchivebutton:hover{background-color:grey}.customerlist-button{border-radius:4px;font-size:.95em;margin-bottom:12px;padding:8px 15px}.jobinputscontact.invalid{border-color:red}.jobphoneErrorStyle,.jobsubmissionErrorStyle{color:red;font-size:.8rem;margin-bottom:1rem;margin-top:.25rem}.customer-name-link{background-color:#fff;color:#007bff;padding:.5rem;text-decoration:none;transition:color .2s ease}.customer-name-link:hover{color:#0056b3;text-decoration:underline}.customerlist-button{transition:background-color .2s ease}.status-column{position:relative}.status-control{background-color:#fff;border-radius:4px;overflow:hidden}.status-arrow,.status-control{align-items:center;display:flex}.status-arrow{background:none;border:none;color:#666;cursor:pointer;font-size:1.2em;height:35px;justify-content:center;padding:0 10px;transition:color .2s ease}.status-arrow:hover{color:#007bff}.status-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' 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 8px center;background-repeat:no-repeat;background-size:16px;cursor:pointer;flex:1 1;padding-right:30px;text-align:center}.status-select:hover{background-color:#fafafa}.joborder-header-container{align-items:center;background-color:#f5f5f5;border-bottom:1px solid #ddd;display:flex;justify-content:space-between;min-width:800px;padding:15px 30px}.joborder-header-left{align-items:center;display:flex;gap:25px;min-width:500px}.joborder-header-right{align-items:center;display:flex;gap:15px}.contact-select{background-color:#fff;border:1px solid #ccc;border-radius:4px;font-size:14px;min-width:120px;padding:5px 10px}.contact-select:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40;outline:none}.joborder-header-left .input-field{background-color:#f5f5f5;border:none;min-width:150px;padding:8px 12px}.joborder-header-left .input-field:focus{background-color:#fff;border:1px solid #007bff;box-shadow:0 0 0 2px #007bff40;outline:none}@media (max-width:1024px){.savebuttonbanner{align-items:center;background-color:#a9a9a9!important;bottom:0!important;display:flex!important;flex-direction:row;height:60px!important;justify-content:space-between;left:0!important;min-height:60px!important;padding:0 15px;position:fixed!important;width:100%!important;z-index:10000001!important}.savebuttonbanner .desktop-buttons,.savebuttonbanner .savebutton{display:none}.mobile-buttons{align-items:center;display:flex!important;gap:10px;width:100%}.mobile-more-button-container{flex:1 1;position:relative}.mobile-more-button{background-color:#fff;border:2px solid #000;border-radius:10px;box-sizing:border-box;color:#000;cursor:pointer;padding:10px 20px;position:relative;white-space:nowrap;width:100%}.mobile-more-button:hover{background-color:grey}.mobile-more-dropdown{background:#fff;border:2px solid #000;border-radius:10px;bottom:100%;box-shadow:0 4px 12px #00000026;display:none;left:0;margin-bottom:5px;position:absolute;right:0;z-index:1000000}.mobile-more-dropdown.show{display:block}.mobile-more-dropdown button{background-color:#fff;border:none;border-bottom:1px solid #eee;color:#000;cursor:pointer;display:block;font-size:14px;padding:12px 15px;text-align:left;white-space:nowrap;width:100%}.mobile-more-dropdown button:last-child{border-bottom:none;border-radius:0 0 8px 8px}.mobile-more-dropdown button:first-child{border-radius:8px 8px 0 0}.mobile-more-dropdown button:hover{background-color:#f5f5f5}.mobile-save-button{background-color:#0f0f8a;border:0;border-radius:10px;box-sizing:border-box;color:#fff;cursor:pointer;flex:1 1;padding:10px 20px}.mobile-save-button:hover{background-color:#07074a}.joborder{height:auto;min-height:100vh;overflow-y:auto;padding:10px 10px 140px}.joborderheader{font-size:14px;margin-bottom:0;margin-right:10px}.joborder-header-container{flex-wrap:nowrap;min-width:0;padding:10px 15px}.joborder-header-left{align-items:center;flex:1 1;flex-direction:row;gap:10px;min-width:0}.joborder-header-left .input-field{flex:1 1;font-size:14px;min-width:100px}.joborder-header-right{flex-shrink:0}.joborder-container{flex-direction:column;gap:10px;height:auto;margin:0;overflow:visible}.joborder-left{border-bottom:1px solid #e0e0e0;border-right:none}.joborder-left,.joborder-right{height:auto;overflow:visible;padding:10px 0}.joborder-top{flex-direction:column;gap:10px;height:auto;margin-bottom:10px}.joborder-bottom{height:auto;margin-bottom:20px;margin-top:10px}.joborder-photo{align-items:center;display:flex;justify-content:center;max-height:300px;min-height:200px;width:100%}.job-photo{height:auto;max-height:300px;max-width:100%;width:auto}.joborder-details{width:100%}.info-row{flex-direction:column}.info-column{border-bottom:1px solid #e0e0e0;width:100%}.info-column:last-child{border-bottom:none}.info-column:not(:last-child):after{display:none}.info-label{font-size:.8em;padding:8px 10px 4px}.input-field{font-size:16px!important;height:40px;padding:8px}.input-field.notes{font-size:16px!important;min-height:80px}.status-control{flex-direction:row}.status-arrow{font-size:1.5em;padding:0 15px}.label-field{font-size:.9em;margin-bottom:10px}.customer-name-link{height:40px}.customer-name-link,input[type=date],input[type=datetime-local],input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],select,textarea{font-size:16px!important}}.fullscreen-image-viewer{background-color:#000000f2;height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:10000002}.fullscreen-image-container,.fullscreen-image-viewer{align-items:center;cursor:pointer;display:flex;justify-content:center}.fullscreen-image-container{max-height:90vh;max-width:90vw;overflow:visible;position:relative;touch-action:none}.fullscreen-image{max-height:90vh;max-width:100%;object-fit:contain;transform-origin:center center;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.fullscreen-close-button{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000b3;border:1px solid #fff3;border-radius:50%;box-shadow:0 4px 20px #0000004d;color:#fff;cursor:pointer;display:flex;font-size:32px;font-weight:300;height:50px;justify-content:center;line-height:1;padding:0;position:absolute;right:30px;top:30px;transition:all .3s ease;width:50px;z-index:10000003}.fullscreen-close-button.hidden{opacity:0;pointer-events:none;transform:scale(.8)}.fullscreen-close-button.visible{opacity:1;transform:scale(1)}.fullscreen-close-button:hover{background:#fff3;border-color:#fff6;box-shadow:0 6px 24px #0006;transform:scale(1.1)}.fullscreen-top-controls{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000b3;border-radius:50px;box-shadow:0 4px 20px #0000004d;display:flex;gap:12px;left:50%;opacity:1;padding:12px 20px;pointer-events:all;position:absolute;top:30px;transform:translateX(-50%);transition:opacity .3s ease,transform .3s ease;z-index:10000003}.fullscreen-top-controls.hidden{opacity:0;pointer-events:none;transform:translateX(-50%) translateY(-20px)}.fullscreen-top-controls.visible{opacity:1;pointer-events:all;transform:translateX(-50%) translateY(0)}.fullscreen-top-controls button{background:#ffffff26;border:1px solid #fff3;border-radius:25px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s ease;white-space:nowrap}.fullscreen-top-controls button:hover:not(:disabled){background:#ffffff40;border-color:#fff6;box-shadow:0 4px 12px #0003;transform:translateY(-2px)}.fullscreen-top-controls button:disabled{cursor:not-allowed;opacity:.5}@media (max-width:1024px){.fullscreen-close-button{font-size:28px;height:45px;right:15px;top:15px;width:45px}.fullscreen-top-controls{flex-wrap:wrap;gap:8px;justify-content:center;max-width:calc(100vw - 80px);padding:8px 12px;top:15px}.fullscreen-top-controls button{border-radius:20px;font-size:13px;padding:8px 16px}.fullscreen-add-photos-button{display:inline-block;font-size:13px;padding:8px 16px}.gallery-counter{font-size:12px;margin-left:5px;padding-left:10px}.fullscreen-image-container{max-height:100vh;max-width:100vw;overflow:visible;touch-action:none}.fullscreen-image{height:auto;max-height:100vh;max-width:100%;width:auto}}.additional-photos-section{display:none;justify-content:center;margin-top:10px}.add-photos-button{background:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;max-width:200px;padding:10px 20px;transition:all .2s ease;width:100%}.add-photos-button:hover:not(:disabled){background:#0056b3;transform:scale(1.02)}.add-photos-button:disabled{background:#6c757d;cursor:not-allowed;opacity:.6}.fullscreen-add-photos-button{background:linear-gradient(135deg,#007bffe6,#0056b3e6);border:1px solid #ffffff4d;border-radius:25px;box-shadow:0 2px 8px #007bff4d;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s ease}.fullscreen-add-photos-button:hover:not(:disabled){background:linear-gradient(135deg,#0056b3f2,#007bfff2);box-shadow:0 4px 16px #007bff80;transform:translateY(-2px)}.fullscreen-add-photos-button:disabled{background:#6c757d80;box-shadow:none;cursor:not-allowed;opacity:.6}.gallery-nav-button{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000b3;border:1px solid #fff3;border-radius:50%;box-shadow:0 4px 20px #0000004d;color:#fff;cursor:pointer;display:flex;font-size:32px;font-weight:300;height:60px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease;width:60px;z-index:1002}.gallery-nav-button.hidden{opacity:0;pointer-events:none}.gallery-nav-button.visible{opacity:1;pointer-events:all}.gallery-prev{left:20px}.gallery-next{right:20px}.gallery-nav-button:hover{background:#fff3;border-color:#fff6;box-shadow:0 6px 24px #0006;transform:translateY(-50%) scale(1.15)}.gallery-counter{border-left:1px solid #fff3;color:#fffffff2;font-size:14px;font-weight:500;letter-spacing:.5px;margin-left:8px;padding-left:16px}@media (max-width:1024px){.gallery-nav-button{font-size:28px;height:45px;width:45px}.gallery-prev{left:10px}.gallery-next{right:10px}.additional-photos-section{display:none}.fullscreen-add-photos-button{display:inline-block;font-size:14px;padding:10px 20px}.add-photos-button{font-size:13px;padding:8px 16px}}.job-subscription-btn{align-items:center;background-color:#fff;border:1px solid #ddd;border-radius:4px;cursor:pointer;display:flex;font-size:.85rem;gap:6px;padding:6px 12px;transition:all .2s;white-space:nowrap}.job-subscription-btn:hover{background-color:#f8f9fa}.job-subscription-btn.subscribed{background-color:#d4edda;border-color:#c3e6cb;color:#155724}.job-subscription-btn.subscribed:hover{background-color:#c3e6cb}.job-subscription-btn.not-subscribed{background-color:#f8d7da;border-color:#f5c6cb;color:#721c24}.job-subscription-btn.not-subscribed:hover{background-color:#f5c6cb}.job-subscription-btn:disabled{cursor:not-allowed;opacity:.6}.job-subscription-btn.checking{background-color:#e9ecef;border-color:#dee2e6;color:#6c757d}.btn-text{font-weight:500}.spinner{border:2px solid #f3f3f3;height:12px;width:12px}@media (max-width:480px){.job-subscription-btn{font-size:.8rem;padding:4px 8px}.btn-text{display:none}}.invoice-modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.invoice-modal{background:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;display:flex;flex-direction:column;max-height:95vh;max-width:1000px;overflow-y:auto;width:95%}.invoice-modal-header{align-items:center;background:linear-gradient(135deg,#007bff,#0056b3);border-bottom:2px solid #007bff;color:#fff;display:flex;justify-content:space-between;padding:20px 30px;position:relative}.invoice-header-left h2{color:#fff;font-size:28px;font-weight:600;margin:0}.invoice-header-right{align-items:center;display:flex;gap:20px}.invoice-number{align-items:flex-end;display:flex;flex-direction:column}.invoice-number label{font-size:12px;margin-bottom:4px;opacity:.8}.invoice-number-display{background:#fff3;border-radius:4px;font-size:16px;font-weight:600;padding:4px 12px}.invoice-modal-header h2{color:#333;font-size:24px;font-weight:500;margin:0}.invoice-modal-close{align-items:center;background:none;border:none;border-radius:4px;color:#666;cursor:pointer;display:flex;font-size:24px;height:30px;justify-content:center;padding:0;width:30px}.invoice-modal-close:hover{background-color:#f0f0f0;color:#333}.invoice-modal-form{display:flex;flex-direction:column;height:100%}.invoice-modal-content{flex:1 1;padding:20px 20px 40px}.invoice-error{background-color:#fee;border:1px solid #fcc;border-radius:4px;color:#c33;margin-bottom:20px;padding:12px}.invoice-success{background-color:#efe;border:1px solid #cfc;border-radius:4px;color:#363;font-weight:500;padding:12px}.invoice-field-group,.invoice-success{margin-bottom:20px}.invoice-field-row{display:flex;gap:20px}.invoice-field-row .invoice-field-group{flex:1 1}.invoice-label{color:#333;display:block;font-weight:500;margin-bottom:8px}.invoice-input{border:1px solid #ddd;border-radius:4px;box-sizing:border-box;font-size:14px;padding:10px;width:100%}.invoice-input:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40;outline:none}.invoice-textarea{border:1px solid #ddd;border-radius:4px;box-sizing:border-box;font-family:inherit;font-size:14px;padding:10px;resize:vertical;width:100%}.invoice-textarea:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40;outline:none}.qb-company-info{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:4px;color:#666;font-size:12px;left:50%;padding:4px 8px;position:absolute;top:50%;transform:translate(-50%,-50%)}.qb-loading{background-color:#e3f2fd;border:1px solid #bbdefb;border-radius:4px;color:#1976d2;margin-bottom:20px;padding:8px 12px;text-align:center}.invoice-select{background-color:#fff;border:1px solid #ddd;border-radius:4px;box-sizing:border-box;cursor:pointer;font-size:14px;padding:10px;width:100%}.invoice-select:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40;outline:none}.invoice-select option{padding:8px}.invoice-field-group:has(.invoice-select){background-color:#f8f9fa;border-left:3px solid #007bff;border-radius:4px;margin-bottom:15px;padding-left:15px}.invoice-field-group:has(.invoice-select) .invoice-label{color:#007bff;font-weight:600}.invoice-total-price{background-color:#f8f9fa!important;border:2px solid #28a745!important;color:#155724;font-weight:600}.invoice-total-price:focus{border-color:#28a745!important;box-shadow:0 0 0 2px #28a74540!important}.invoice-field-group:has(.invoice-total-price) .invoice-label{color:#28a745;font-weight:600}.invoice-section{border:1px solid #e0e0e0;border-radius:8px;margin-bottom:30px;overflow:hidden}.invoice-section-header{align-items:center;background:#f8f9fa;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:15px 20px}.invoice-section-header h3{color:#333;font-size:18px;font-weight:600;margin:0}.invoice-section-content{padding:20px}.line-items-table{border:1px solid #e0e0e0;border-radius:6px;overflow:hidden}.line-items-header{background:#007bff;color:#fff;display:grid;font-size:14px;font-weight:600;grid-template-columns:2fr 80px 120px 120px 60px}.line-items-header>div{border-right:1px solid #fff3;padding:12px 15px}.line-items-header>div:last-child{border-right:none}.line-item-row{align-items:center;border-bottom:1px solid #e0e0e0;display:grid;grid-template-columns:2fr 80px 120px 120px 60px}.line-item-row:last-child{border-bottom:none}.line-item-row>div{align-items:center;border-right:1px solid #e0e0e0;display:flex;min-height:60px;padding:15px}.line-item-row>div:last-child{border-right:none}.line-item-col-description{align-items:stretch;flex-direction:column;gap:8px}.line-item-description{min-height:40px;resize:vertical}.line-item-description,.line-item-input{border:1px solid #ddd;border-radius:4px;font-size:14px;padding:8px;width:100%}.line-item-input{text-align:center}.line-item-amount{color:#333;font-size:14px;font-weight:600}.invoice-select-small{background-color:#fff;border:1px solid #ddd;border-radius:4px;font-size:12px;padding:6px;width:100%}.due-date-display{background-color:#f8f9fa;border:1px solid #e0e0e0;border-radius:4px;color:#666;display:block;font-size:14px;font-style:italic;padding:10px}.add-line-item-btn{background:#28a745;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:background-color .2s}.add-line-item-btn:hover{background:#218838}.remove-line-item-btn{align-items:center;background:#dc3545;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:16px;height:24px;justify-content:center;transition:background-color .2s;width:24px}.remove-line-item-btn:hover{background:#c82333}.invoice-totals{display:flex;gap:30px}.invoice-totals-left{flex:1 1}.invoice-totals-right{flex:0 0 300px}.totals-table{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:6px;padding:20px}.total-row{align-items:center;border-bottom:1px solid #e0e0e0;padding:8px 0}.total-row:last-child{border-bottom:none}.total-row-final{border-top:2px solid #007bff;font-size:16px;font-weight:600;margin-top:10px;padding-top:15px}.total-label{color:#333;font-weight:500}.total-value{color:#333;font-size:16px;font-weight:600}.total-row-final .total-value{color:#007bff;font-size:18px}.tax-rate-input{border:1px solid #ddd;border-radius:4px;font-size:14px;margin-left:8px;padding:4px 8px;text-align:center;width:60px}.invoice-modal-footer{align-items:center;border-top:1px solid #e0e0e0;display:flex;gap:12px;justify-content:space-between;padding:20px 20px 60px}.invoice-modal-footer-right{display:flex;gap:12px}.invoice-cancel-button{background-color:#6c757d;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px}.invoice-cancel-button:hover:not(:disabled){background-color:#5a6268}.invoice-cancel-button:disabled{cursor:not-allowed;opacity:.6}.invoice-confirm-button{background-color:#28a745;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px}.invoice-confirm-button:hover:not(:disabled){background-color:#218838}.invoice-confirm-button:disabled{cursor:not-allowed;opacity:.6}.invoice-mark-paid-button{background-color:#ffc107;border:none;border-radius:4px;color:#212529;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px}.invoice-mark-paid-button:hover:not(:disabled){background-color:#e0a800}.invoice-mark-paid-button:disabled{cursor:not-allowed;opacity:.6}.customer-dropdown{box-shadow:0 4px 6px #0000001a}.customer-dropdown-item{padding:12px 15px;transition:background-color .2s}.customer-name{color:#333;font-weight:500;margin-bottom:2px}.customer-company{color:#666;font-size:12px;font-style:italic}.selected-customer-info{background-color:#e3f2fd;border:1px solid #bbdefb;border-radius:4px;color:#1976d2;margin-top:8px;padding:8px 12px}.field-help-text{color:#666;display:block;font-size:12px;font-style:italic;margin-top:6px}@media (max-width:1024px){.invoice-modal-overlay{align-items:flex-start;padding-top:10px}.invoice-modal{margin:10px auto;max-height:96vh;width:98%}.invoice-modal-header{align-items:center;flex-direction:row;justify-content:space-between;padding:15px 20px}.invoice-header-left{flex:1 1}.invoice-header-left h2{font-size:20px}.invoice-header-right{align-items:center;flex-direction:row;gap:10px}.invoice-number{display:none}.invoice-modal-close{color:#fff;font-size:28px;height:35px;width:35px}.invoice-modal-close:hover{background-color:#fff3;color:#fff}.qb-company-info{display:none}.invoice-field-row{flex-direction:column;gap:0}.line-items-header{display:none}.line-items-table{border:none}.line-item-row{border:1px solid #e0e0e0;border-radius:8px;display:flex;flex-direction:column;gap:0;margin-bottom:15px;padding:15px}.line-item-row>div{border-bottom:none;border-right:none;margin-bottom:15px;min-height:auto;padding:0}.line-item-row>div:last-child{margin-bottom:0}.line-item-col-description:before{content:"Description"}.line-item-col-description:before,.line-item-col-quantity:before{color:#007bff;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.line-item-col-quantity:before{content:"Qty"}.line-item-col-rate:before{content:"Rate ($)"}.line-item-col-amount:before,.line-item-col-rate:before{color:#007bff;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.line-item-col-amount:before{content:"Total ($)"}.line-item-col-actions:before{color:#007bff;content:"Actions";display:block;font-size:14px;font-weight:600;margin-bottom:8px}.line-item-col-description{order:1}.line-item-col-quantity{order:2}.line-item-col-rate{order:3}.line-item-col-amount{order:4}.line-item-col-actions{align-items:center;display:flex;justify-content:center;order:5}.invoice-totals{flex-direction:column;gap:20px}.invoice-totals-right{flex:1 1}.invoice-modal-content{padding:15px 15px 20px}.invoice-modal-footer{flex-direction:column;gap:10px;padding:15px 15px 120px}.invoice-modal-footer-right{flex-direction:column;width:100%}.invoice-cancel-button,.invoice-confirm-button,.invoice-mark-paid-button{padding:12px 20px;width:100%}.invoice-input,.invoice-select,.invoice-textarea,.line-item-description,.line-item-input{font-size:16px!important}}.print-invoice{background:#fff;color:#333;font-family:Arial,sans-serif;line-height:1.4;margin:0 auto;max-width:8.5in;padding:.5in}@media print{.print-invoice{box-shadow:none;margin:0;max-width:none;padding:.5in;width:100%}body{margin:0;padding:0}.no-print{display:none!important}}.invoice-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1rem;position:relative}.invoice-info-section{display:flex;justify-content:flex-end;margin-bottom:1rem}.invoice-info-right{text-align:right}.invoice-info-item{display:flex;font-size:.9rem;justify-content:space-between;margin-bottom:.3rem;min-width:200px}.invoice-info-item .label{color:#333;font-weight:700;margin-right:.5rem}.invoice-info-item .value{color:#333}.print-button{background-color:#2c5aa0;font-size:.9rem;margin:.5rem}.print-button:hover{background-color:#1e3d6f}@media print{.print-button{display:none}}.car-diagram-container{align-items:center;background:#f8f9fa;border:1px solid #dee2e6;border-radius:6px;display:flex;flex-direction:column;gap:8px;padding:10px}.car-diagram{background:#0000;height:50px;position:relative;width:100px}.car-diagram:before{background:#6c757d;border-radius:2px;bottom:15%;content:"";left:50%;position:absolute;top:15%;transform:translateX(-50%);width:3px}.wheel{align-items:center;background:#0000;border:2px solid #dee2e6;border-radius:50%;box-shadow:0 1px 2px #0000001a;cursor:pointer;display:flex;height:20px;justify-content:center;position:absolute;transition:all .3s ease;width:20px}.wheel:hover:not(.disabled){box-shadow:0 4px 8px #0000004d}.wheel.selected{background:#007bff;border-color:#0056b3;box-shadow:0 0 15px #007bff99}.wheel.disabled{cursor:not-allowed;opacity:.5}.wheel.disabled:hover{transform:none}.wheel-LF{left:15px;top:25%;transform:translate(-50%,-50%)}.wheel-RF{right:15px;top:25%;transform:translate(50%,-50%)}.wheel-LR{left:15px;top:75%;transform:translate(-50%,-50%)}.wheel-RR{right:15px;top:75%;transform:translate(50%,-50%)}.wheel-label{color:#fff;font-size:7px;font-weight:700;text-shadow:1px 1px 2px #000c}.wheel-legend{gap:15px}.legend-item,.wheel-legend{align-items:center;display:flex}.legend-item{color:#6c757d;font-size:10px;gap:5px}.legend-wheel{background:#0000;border:2px solid #dee2e6;border-radius:50%;height:12px;width:12px}.legend-wheel.selected{background:#007bff;border-color:#0056b3;box-shadow:0 0 8px #007bff99}@media (max-width:480px){.car-diagram-container{padding:8px}.car-diagram{height:40px;width:80px}.wheel{height:18px;width:18px}.wheel-LF,.wheel-LR{left:12px}.wheel-RF,.wheel-RR{right:12px}.wheel-label{font-size:6px}}.newworkordermodal-overlay{align-items:flex-end;animation:fadeIn .3s ease-out;background-color:#0000004d;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:999999!important}.newworkordermodal-content{animation:slideUp .4s ease-out;background-color:#f8f8f8;border-radius:20px 20px 0 0;box-sizing:border-box;height:90vh;overflow-y:auto;padding:20px 20px 80px;position:relative;transform-origin:bottom;width:100%;z-index:1000000!important}@media (max-width:1024px){.newworkordermodal-content{border-radius:25px 25px 0 0;height:99vh;margin-top:0;padding:0}.newworkordermodal-overlay{align-items:flex-start;padding-top:1vh}}.quoteslist{background-color:#f5f5f5;box-sizing:border-box;display:flex;flex-direction:column;height:100vh;overflow:hidden;padding:20px;position:relative;width:100%}.quoteslistscroll{background-color:#fff;border-radius:4px;box-shadow:0 1px 3px #0000001a;flex:1 1;max-height:calc(100vh - 200px);min-height:300px;overflow-y:auto}.quoteslistrow{grid-gap:10px;border-bottom:1px solid #eee;cursor:pointer;display:grid;gap:10px;grid-template-columns:2fr 1fr 1fr 1fr .5fr;padding:12px 10px;transition:background-color .2s}.quoteslistrow:hover{background-color:#f8f8f8}.quoteslistrowdataname{color:#333;font-weight:500}.quoteslistrowdatadate,.quoteslistrowdataservice,.quoteslistrowdatavehicle{color:#666;font-size:14px}.quoteslist-pagination{align-items:center;background:#f8f9fa;border:1px solid #eee;border-radius:8px;display:flex;justify-content:space-between;margin-top:1.5rem;padding:1rem}.quoteslist-pagination-info{color:#666;font-size:.9rem;font-weight:500}.quoteslist-pagination-controls{align-items:center;display:flex;gap:.5rem}.quoteslist-pagination-btn{background:#fff;border:1px solid #dee2e6;border-radius:4px;color:#495057;cursor:pointer;font-size:.85rem;font-weight:500;padding:.5rem 1rem;transition:all .2s ease}.quoteslist-pagination-btn:hover:not(:disabled){background-color:#e9ecef;border-color:#adb5bd}.quoteslist-pagination-btn:disabled{background-color:#f8f9fa;cursor:not-allowed;opacity:.5}.quoteslist-pagination-pages{display:flex;gap:.25rem;margin:0 1rem}.quoteslist-pagination-page{background:#fff;border:1px solid #dee2e6;border-radius:4px;color:#495057;cursor:pointer;font-size:.85rem;font-weight:500;min-width:40px;padding:.5rem .75rem;transition:all .2s ease}.quoteslist-pagination-page:hover{background-color:#e9ecef;border-color:#adb5bd}.quoteslist-pagination-page.active{background-color:#007bff;border-color:#007bff;color:#fff}.quoteslist-pagination-page.active:hover{background-color:#0056b3;border-color:#0056b3}@media (max-width:1024px){.quoteslist-pagination{background:#f8f9fa;border:1px solid #eee;border-radius:8px;flex-direction:column;gap:.5rem;margin-bottom:0;margin-top:5px;padding:8px;position:relative;text-align:center;z-index:1}.quoteslist-pagination-controls{flex-wrap:wrap;justify-content:center}.quoteslist-pagination-pages{margin:0 .5rem}.quoteslist-pagination-page{min-width:35px;padding:.4rem .6rem}}.quoteslistfilters{align-items:center;background-color:#fff;border-radius:4px;box-shadow:0 1px 3px #0000001a;display:flex;flex-direction:row;flex-wrap:wrap;gap:20px;margin-bottom:15px;padding:15px;position:-webkit-sticky;position:sticky;top:0;z-index:2}.quoteslistfiltersbutton{background-color:#f0f0f0;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:13px;height:32px;margin-right:4px;padding:6px 12px;transition:all .2s}.quoteslistfiltersbutton:hover{background-color:#e0e0e0;border-color:#ccc}.quoteslistsortButton{background-color:#f0f0f0;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:14px;height:32px;min-width:80px;padding:6px 12px;transition:all .2s}.quoteslistsortButton:hover{background-color:#e0e0e0;border-color:#ccc}.quoteslistsearchbar{border:1px solid #ddd;border-radius:4px;font-size:14px;height:32px;padding:6px 12px;transition:border-color .2s;width:200px}.quoteslistsearchbar:focus{border-color:#4caf50;outline:none}.quoteslistlabelsparent{margin-bottom:5px}@media (max-width:1024px){.quoteslistlabelsparent{margin-bottom:0}}.quoteslistlabels{grid-gap:10px;display:grid;gap:10px;grid-template-columns:2fr 1fr 1fr 1fr .5fr;padding:0 10px}@media (max-width:1024px){.quoteslistlabels{gap:5px;padding:0 5px 2px}}.quoteslistlabelsheaders{color:#666;font-weight:500;margin:0}.quoteslistlabeldesktop{display:inline}.quoteslistlabelmobile{display:none}@media (max-width:1024px){.quoteslistlabeldesktop{display:none}.quoteslistlabelmobile{display:inline}.quoteslistlabelsheaders{font-size:.8rem}}.quoteslistlabelsheadersline{border:none;border-top:1px solid #ddd;margin:2px 0 5px}@media (max-width:1024px){.quoteslistlabelsheadersline{margin:1px 0 2px}}.quoteslistnewquotebutton{background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;height:32px;min-width:100px;padding:8px 16px;transition:background-color .2s}.quoteslistnewquotebutton:hover{background-color:#45a049}.quotesliststatusfilter{align-items:center;display:flex;gap:8px;min-width:200px}.quotesliststatuslabel{align-items:center;display:flex;flex-direction:row;font-size:14px;font-weight:500;gap:8px;min-width:80px;white-space:nowrap}.quotesliststatusselect{background-color:#fff;border:1px solid #ddd;border-radius:4px;flex:1 1;font-size:14px;height:36px;min-width:120px;padding:6px}.quoteslistbuttontext{display:inline}.quoteslistbuttonplus,.quoteslistmobilebutton{display:none}.quoteslistfiltersrow{display:contents}@media (max-width:1024px){.quoteslist{align-items:stretch;box-sizing:border-box;display:flex;flex-direction:column;margin:0;min-height:calc(95vh - 40px);overflow-y:auto;padding:calc(5vh + 40px) 0 150px;position:relative;z-index:1}.quotesliststatuslabel{display:flex!important;flex-direction:column!important}.quoteslistlabeltext{display:none!important}.quoteslistfilters{background-color:#fff!important;box-shadow:0 2px 4px #0000001a!important;flex-direction:column!important;flex-shrink:0!important;margin-bottom:5px!important;padding:8px 5px!important;position:-webkit-sticky!important;position:sticky!important;top:0!important;z-index:1000!important}.quoteslistfilters,.quoteslistfiltersrow{display:flex!important;gap:8px!important;width:100%!important}.quoteslistfiltersrow{-webkit-overflow-scrolling:touch;align-items:center;flex-direction:row!important;flex-wrap:nowrap!important;min-width:0!important;overflow-x:auto!important;padding-bottom:5px!important;scrollbar-width:thin!important}.quoteslistfiltersrow>*{min-width:-webkit-fit-content!important;min-width:-moz-fit-content!important;min-width:fit-content!important}.quoteslistsearchlabel{margin:0!important;padding:0!important;width:100%!important}.quoteslistsearchbar{background-color:#fff!important;border:1px solid #ddd!important;border-radius:4px!important;font-size:14px!important;height:40px!important;margin:0!important;padding:8px 12px!important;width:100%!important}.quoteslistfilters>*,.quoteslistfiltersrow>*{flex-shrink:0!important;margin-right:8px!important;opacity:1!important;visibility:visible!important}.quoteslistfilters .quoteslistnewquotebutton{display:none!important}.quoteslistmobilebutton{align-items:center!important;background-color:#4caf50!important;border:none!important;border-radius:50%!important;bottom:80px!important;box-shadow:0 4px 12px #0000004d!important;color:#fff!important;cursor:pointer!important;display:block!important;display:flex!important;font-size:24px!important;font-weight:700!important;height:50px!important;justify-content:center!important;position:fixed!important;right:20px!important;transition:all .3s ease!important;width:50px!important;z-index:101!important}.quoteslistmobilebutton:hover{background-color:#45a049!important;box-shadow:0 6px 16px #0006!important;transform:scale(1.1)!important}.quoteslistbuttontext{display:none!important}.quoteslistbuttonplus{display:block!important;font-size:24px!important;font-weight:700!important}.quoteslistsortButton{background-color:#fff!important;border:1px solid #ddd!important;border-radius:4px!important;color:#333!important;cursor:pointer!important;display:inline-block!important;font-size:12px!important;font-weight:500!important;height:36px!important;min-width:80px!important;padding:6px 8px!important}.quoteslistsortButton:hover{background-color:#f8f8f8!important;border-color:#bbb!important}.quotesliststatusfilter{display:inline-block!important;min-width:120px!important}.quotesliststatusselect{background-color:#fff!important;border:1px solid #ddd!important;border-radius:4px!important;cursor:pointer!important;display:block!important;font-size:12px!important;height:36px!important;min-width:120px!important;padding:6px!important;width:120px!important}.quoteslistscroll{border-radius:0;box-shadow:none;flex:none;max-height:none;min-height:200px;overflow-y:visible;padding-bottom:20px;position:relative;z-index:1}}.quoteordermodal-overlay{align-items:flex-end;animation:fadeIn .3s ease-out;background-color:#0000004d;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:999999!important}.quoteordermodal-content{animation:slideUp .4s ease-out;background-color:#f8f8f8;border-radius:20px 20px 0 0;box-sizing:border-box;height:90vh;overflow-y:auto;padding:20px 20px 80px;position:relative;transform-origin:bottom;width:100%;z-index:1000000!important}@media (max-width:1024px){.quoteordermodal-content{border-radius:25px 25px 0 0;height:99vh;margin-top:0;padding:0}.quoteordermodal-overlay{align-items:flex-start;padding-top:1vh}}.quoteorder{box-sizing:border-box;height:100%;overflow-x:hidden;overflow-y:auto;padding:20px;width:100%}.quoteorder,.quoteorderform{display:flex;flex-direction:column}.quoteorderform{padding-bottom:60px}.quoteorderlabelcontact{width:20vw}.quoteorderlabelcontact,.quoteorderlabelimportantinfo{display:flex;flex-direction:column;padding:5px;text-align:left}.quoteorderlabelimportantinfo{width:10vw}.quoteorderinputscontact{width:20vw}.quoteorderinputscontact,.quoteorderinputsprice{border:1px solid #ddd;border-radius:4px;box-sizing:border-box;height:5vh;margin:5px 5px 5px 0;padding:0 8px}.quoteorderinputsprice{width:10vw}.quoteorderinputspricedatedcreated{align-items:center;border:1px solid #ddd;border-radius:4px;box-sizing:border-box;display:flex;height:5vh;margin:5px 5px 5px 0;padding:0 8px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.quoteorderlabeldetails{width:18vw}.quoteorderlabeldetails,.quoteorderlabeldetailslarge{display:flex;flex-direction:column;padding:5px;text-align:left}.quoteorderlabeldetailslarge{width:30vw}.quoteorderinputsdetails{height:5vh;padding:0 8px;width:18vw}.quoteorderinputsdetails,.quoteorderinputsdetailslarge{border:1px solid #ddd;border-radius:4px;box-sizing:border-box;margin:5px 5px 5px 0}.quoteorderinputsdetailslarge{height:15vh;padding:8px;width:30vw}.quoteorderheader{display:flex;font-size:24px;font-weight:500;justify-self:baseline;margin-bottom:20px}.quoteordertop{display:flex;flex-direction:row;height:25vh}.quoteordercontact{display:flex;flex-direction:column;height:25vh;width:50vw}.quoteordercontactcolumn,.quoteorderimportantinfo{display:flex;flex-direction:row}.quoteorderimportantinfo{height:25vh;width:50vw}.quoteorderdetails{display:flex;flex-direction:column;margin-top:5vh}.quoteorderdetailslarge,.quoteorderdetailssmall{display:flex;flex-direction:row;gap:10px}.quoteordersavebuttonbanner{align-items:center;background-color:#a9a9a9;bottom:0;display:flex;gap:10px;height:7vh;justify-content:space-between;left:0;padding:0 20px;position:fixed;width:100%;z-index:99999}.desktop-buttons{margin-left:10px}.quoteorder-left-buttons{display:flex;gap:15px}.quoteordersavebutton{background-color:#0f0f8a;border:0;border-radius:10px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;margin-right:30px;min-width:100px;padding:10px 20px;transition:all .2s ease}.quoteordersavebutton:hover{background-color:#07074a}.quoteorderhistorybutton{background-color:#fff;border:2px solid #000;border-radius:10px;color:#000;cursor:pointer;font-size:14px;font-weight:500;min-width:120px;padding:10px 15px;transition:all .2s ease;white-space:nowrap}.quoteorderhistorybutton:hover{background-color:grey}.quoteorderhistorybutton.archived{background-color:#dc3545;border-color:#dc3545;color:#fff}.quoteorderhistorybutton.archived:hover{background-color:#c82333;border-color:#c82333}.quoteorderinputscontact.invalid{border-color:#dc3545}.quoteorderphoneErrorStyle{color:#dc3545;font-size:12px;margin-top:4px}.quoteordersubmissionErrorStyle{color:#dc3545;font-size:14px;margin-top:10px;text-align:center}select.quoteorderinputscontact,select.quoteorderinputsdetails,select.quoteorderinputsprice{background-color:#fff;cursor:pointer}.quoteorderlabelcontact,.quoteorderlabeldetails,.quoteorderlabelimportantinfo{color:#333;font-size:14px;font-weight:600;margin-bottom:4px}.customer-name-link{align-items:center;background-color:#f8f9fa;border:1px solid #ddd;border-radius:4px;cursor:pointer;display:flex;font-size:14px;height:5vh;padding:4px 6px;transition:all .2s}.customer-name-link:hover{background-color:#e9ecef;border-color:#4caf50}.unsaved-changes-modal{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.unsaved-changes-content{background:#fff;border-radius:12px;box-shadow:0 10px 25px #0003;max-width:400px;padding:30px;text-align:center;width:90%}.unsaved-changes-content h3{color:#333;font-size:20px;font-weight:600;margin:0 0 15px}.unsaved-changes-content p{color:#666;line-height:1.5;margin:0 0 25px}.unsaved-changes-buttons{display:flex;gap:12px;justify-content:center}.unsaved-changes-buttons button{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;min-width:80px;padding:12px 24px;transition:all .2s}.unsaved-changes-buttons button:first-child{background-color:#dc3545;color:#fff}.unsaved-changes-buttons button:first-child:hover{background-color:#c82333;transform:translateY(-1px)}.unsaved-changes-buttons button:last-child{background-color:#6c757d;color:#fff}.unsaved-changes-buttons button:last-child:hover{background-color:#5a6268;transform:translateY(-1px)}.quoteorder-header-container{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px;padding-bottom:10px}.close-button{align-items:center;border-radius:50%;display:flex;height:32px;justify-content:center;padding:6px;transition:all .2s;width:32px}.close-button:hover{background-color:#e9ecef;transform:scale(1.1)}.print-quote-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.print-quote-container{background:#fff;border-radius:8px;box-shadow:0 4px 20px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:90vw;overflow:hidden;width:100%}.print-quote-container>div:last-child{flex:1 1;overflow-y:auto;padding:1rem}.print-quote-header{align-items:center;background-color:#f8f9fa;border-bottom:1px solid #dee2e6;border-radius:8px 8px 0 0;display:flex;justify-content:space-between;padding:1rem 1.5rem}.print-quote-header h3{color:#333;font-size:1.25rem;font-weight:600;margin:0}.print-quote-buttons{display:flex;gap:.75rem}.print-button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:500;padding:.5rem 1rem;transition:background-color .2s}.print-button:hover{background-color:#0056b3}@media (max-width:1024px){.quoteorder{box-sizing:border-box;gap:5px;min-height:100vh;overflow-y:auto;padding:20px 10px 40px}.quoteorderform{padding-bottom:120px}.quoteorderheader{font-size:20px;margin-bottom:10px}.quoteordersavebuttonbanner{align-items:center;background-color:#a9a9a9!important;bottom:0!important;display:flex!important;flex-direction:row;height:60px!important;justify-content:space-between;left:0!important;min-height:60px!important;padding:0 15px;position:fixed!important;width:100%!important;z-index:999999!important}.quoteordersavebuttonbanner .desktop-buttons,.quoteordersavebuttonbanner .quoteordersavebutton{display:none}.mobile-buttons{align-items:center;display:flex!important;gap:10px;width:100%}.mobile-more-button-container{flex:1 1;position:relative}.mobile-more-button{background-color:#fff;border:2px solid #000;border-radius:10px;box-sizing:border-box;color:#000;cursor:pointer;padding:10px 20px;position:relative;white-space:nowrap;width:100%}.mobile-more-button:hover{background-color:grey}.mobile-more-dropdown{background:#fff;border:2px solid #000;border-radius:10px;bottom:100%;box-shadow:0 4px 12px #00000026;display:none;left:0;margin-bottom:5px;position:absolute;right:0;z-index:1000000}.mobile-more-dropdown.show{display:block}.mobile-more-dropdown button{background-color:#fff;border:none;border-bottom:1px solid #eee;color:#000;cursor:pointer;font-size:14px;padding:12px 15px;text-align:left;white-space:nowrap;width:100%}.mobile-more-dropdown button:last-child{border-bottom:none;border-radius:0 0 8px 8px}.mobile-more-dropdown button:first-child{border-radius:8px 8px 0 0}.mobile-more-dropdown button:hover{background-color:#f5f5f5}.mobile-more-dropdown .quoteorderhistorybutton.archived{background-color:#dc3545;color:#fff}.mobile-more-dropdown .quoteorderhistorybutton.archived:hover{background-color:#c82333}.mobile-save-button{background-color:#0f0f8a;border:0;border-radius:10px;box-sizing:border-box;color:#fff;cursor:pointer;flex:1 1;padding:10px 20px}.mobile-save-button:hover{background-color:#07074a}.quoteordertop{flex-direction:column;gap:10px;height:auto}.quoteordercontact,.quoteorderimportantinfo{height:auto;width:100%}.quoteordercontactcolumn{flex-direction:column}.quoteorderimportantinfo{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr;grid-template-rows:auto auto auto auto;padding:5px 0}.quoteorderimportantinfo>label:first-child{grid-column:1;grid-row:1;margin-bottom:5px;width:100%}.quoteorderimportantinfo>div:first-of-type{grid-column:2;grid-row:1;margin-bottom:5px;width:100%}.quoteorderimportantinfo>div:nth-of-type(2){display:flex;flex-direction:column;gap:8px;grid-column:1/-1;grid-row:2;margin-bottom:5px}.quoteorderimportantinfo>div:last-of-type{display:flex;flex-direction:column;gap:8px;grid-column:1/-1;grid-row:3;margin-bottom:8px}.quoteorderlabelcontact,.quoteorderlabeldetails,.quoteorderlabeldetailslarge,.quoteorderlabelimportantinfo{margin-bottom:2px;padding:4px 2px;width:100%}.quoteorderlabelimportantinfo{margin-bottom:3px;padding:5px 3px}.quoteorderlabelimportantinfo:first-child{margin-bottom:5px}.quoteorderinputscontact,.quoteorderinputsdetails,.quoteorderinputsdetailslarge,.quoteorderinputsprice{font-size:14px;height:4vh;margin-left:0;margin-right:0;padding:4px 8px;width:100%}.quoteorderinputsdetailslarge{height:8vh;min-height:60px}.quoteorderdetailssmall{grid-gap:5px;display:grid;gap:5px;grid-template-columns:1fr 1fr 1fr}.quoteorderdetailssmall>label:first-child{grid-column:1/-1;grid-row:1}.quoteorderdetailssmall>label:nth-child(2){grid-column:1/-1;grid-row:2}.quoteorderdetailssmall>label:nth-child(3){grid-column:1;grid-row:3}.quoteorderdetailssmall>label:nth-child(4){grid-column:2;grid-row:3}.quoteorderdetailslarge{flex-direction:column;gap:5px}.quoteorderdetails{gap:5px;margin-top:2vh}.customer-name-link,.quoteorderinputspricedatedcreated{font-size:14px!important;height:4vh}.print-quote-container{margin:.5rem;max-height:95vh;max-width:95vw}.print-quote-header{align-items:stretch;flex-direction:column;gap:.5rem;padding:.75rem 1rem}.print-quote-buttons{justify-content:center}.print-button{flex:1 1;max-width:120px}input[type=date],input[type=datetime-local],input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],select,textarea{font-size:16px!important}}.print-quote{background:#fff;color:#333;font-family:Arial,sans-serif;line-height:1.4;margin:0 auto;max-width:8.5in;padding:.5in}.quote-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1rem;position:relative}.company-address{flex:1 1;text-align:left}.company-address p{color:#666;font-size:.8rem;line-height:1.2;margin:.1rem 0}.company-logo-center{left:50%;position:absolute;text-align:center;top:0;transform:translateX(-50%)}.company-logo{margin:0;max-height:80px;max-width:200px}.quote-info-section{display:flex;justify-content:flex-end;margin-bottom:1rem}.quote-info-right{text-align:right}.quote-info-item{display:flex;font-size:.9rem;justify-content:space-between;margin-bottom:.3rem;min-width:200px}.quote-info-item .label{color:#333;font-weight:700;margin-right:.5rem}.quote-info-item .value{color:#333}.bottom-blue-line{background-color:#2c5aa0;height:3px;margin:1rem 0}.bill-to-section{margin-bottom:2rem}.bill-to h3{color:#2c5aa0;font-size:1.2rem;font-weight:700;margin:0 0 1rem}.customer-info p{font-size:1rem;margin:.3rem 0}.services-section{margin-bottom:2rem}.services-table{border-collapse:collapse;margin-bottom:1rem;width:100%}.services-table th{background-color:#2c5aa0;border:1px solid #2c5aa0;color:#fff;font-weight:700;padding:.75rem;text-align:left}.services-table td{border:1px solid #dee2e6;padding:.75rem;vertical-align:top}.services-table tr:nth-child(2n){background-color:#f8f9fa}.service-description p{font-size:.9rem;margin:.2rem 0}.totals-section{margin-bottom:2rem}.totals-table{margin-left:auto;max-width:300px}.total-row{border-bottom:1px solid #dee2e6;display:flex;justify-content:space-between;padding:.5rem 0}.total-row.total-final{border-bottom:2px solid #2c5aa0;border-top:2px solid #2c5aa0;font-size:1.1rem;margin-top:.5rem;padding-bottom:.75rem;padding-top:.75rem}.total-row .label,.total-row .value{font-weight:700}.notes-section{background-color:#f8f9fa;border-left:4px solid #2c5aa0;margin-bottom:2rem;padding:1rem}.notes-section h3{color:#2c5aa0;font-size:1.1rem;font-weight:700;margin:0 0 .5rem}.notes-textarea{background-color:#fff;border:1px solid #dee2e6;border-radius:4px;font-family:inherit;font-size:.9rem;min-height:80px;padding:.75rem;resize:vertical;transition:border-color .2s ease;width:100%}.notes-textarea:focus{border-color:#2c5aa0;box-shadow:0 0 0 2px #2c5aa033;outline:none}.notes-textarea::placeholder{color:#6c757d;font-style:italic}.footer-section{align-items:flex-start;border-top:1px solid #dee2e6;display:flex;justify-content:space-between;margin-top:3rem;padding-top:2rem}.payment-terms h4{color:#2c5aa0;font-size:1.1rem;font-weight:700;margin:0 0 .5rem}.payment-terms p{font-size:.9rem;margin:.2rem 0}.contact-info{text-align:right}.contact-info p{color:#666;font-size:.9rem;margin:.2rem 0}@media print{.print-quote{margin:0;max-width:none;padding:0;width:100%}.notes-textarea{background:#0000;border:none;resize:none}}@media (max-width:1024px){.App{height:100vh;margin:0}.App,.content{overflow:visible;padding:0}.content{box-sizing:border-box;flex-direction:column;height:calc(95vh - 40px);margin:calc(5vh + 40px) 0 0}.App.workorder-open .content{height:100vh;left:0;margin-top:0;position:fixed;right:0;top:0;z-index:999998}.App.workorder-open .header,.App.workorder-open .mainmenu,.App.workorder-open .menu,.App.workorder-open .pagemenu{display:none!important;height:0!important;margin:0!important;overflow:hidden!important;padding:0!important}.App.newworkorder-open .content{height:100vh;left:0;margin-top:0;position:fixed;right:0;top:0;z-index:999998}.App.newworkorder-open .header,.App.newworkorder-open .mainmenu,.App.newworkorder-open .menu,.App.newworkorder-open .pagemenu{display:none!important;height:0!important;margin:0!important;overflow:hidden!important;padding:0!important}.App.quoteorder-open .content{height:100vh;left:0;margin-top:0;position:fixed;right:0;top:0;z-index:999998}.App.quoteorder-open .header,.App.quoteorder-open .mainmenu,.App.quoteorder-open .menu,.App.quoteorder-open .pagemenu{display:none!important;height:0!important;margin:0!important;opacity:0!important;overflow:hidden!important;padding:0!important;pointer-events:none!important;transform:translateY(-200%)!important;visibility:hidden!important}body .App.quoteorder-open .header,body .App.quoteorder-open .mainmenu,body .App.quoteorder-open .pagemenu{display:none!important;height:0!important;overflow:hidden!important;visibility:hidden!important}.App.joborder-open .content{height:100vh;left:0;margin-top:0;position:fixed;right:0;top:0;z-index:999998}.App.joborder-open .header,.App.joborder-open .mainmenu,.App.joborder-open .menu,.App.joborder-open .pagemenu{display:none!important;height:0!important;margin:0!important;opacity:0!important;overflow:hidden!important;padding:0!important;pointer-events:none!important;transform:translateY(-200%)!important;visibility:hidden!important}body .App.joborder-open .header,body .App.joborder-open .mainmenu,body .App.joborder-open .pagemenu{display:none!important;height:0!important;overflow:hidden!important;visibility:hidden!important}.App.newjob-open .content{height:100vh;left:0;margin-top:0;position:fixed;right:0;top:0;z-index:999998}.App.newjob-open .header,.App.newjob-open .mainmenu,.App.newjob-open .menu,.App.newjob-open .pagemenu{display:none!important;height:0!important;margin:0!important;opacity:0!important;overflow:hidden!important;padding:0!important;pointer-events:none!important;transform:translateY(-200%)!important;visibility:hidden!important}body .App.newjob-open .header,body .App.newjob-open .mainmenu,body .App.newjob-open .pagemenu{display:none!important;height:0!important;overflow:hidden!important;visibility:hidden!important}}.aworkorderlist{background-color:#f5f5f5;box-sizing:border-box;display:flex;flex-direction:column;height:100%;padding:20px;position:relative;width:100%}@media (max-width:1024px){.aworkorderlist{align-items:stretch;box-sizing:border-box;display:flex;flex-direction:column;margin:calc(5vh + 40px) 0 0;min-height:calc(95vh - 40px);overflow:visible;padding:4px 0 10px;position:relative;z-index:1}}.aworkorderlistscroll{background-color:#fff;border-radius:4px;box-shadow:0 1px 3px #0000001a;flex:1 1;max-height:calc(100vh - 300px);min-height:200px;overflow-y:auto}@media (max-width:1024px){.aworkorderlistscroll{border-radius:0;box-shadow:none;flex:1 1;max-height:calc(95vh - 180px);min-height:200px;overflow-y:auto;padding-bottom:100px;position:relative;z-index:1}}.aworkorderlistrow{grid-gap:10px;border-bottom:1px solid #eee;cursor:pointer;display:grid;gap:10px;grid-template-columns:2fr 1fr 1fr 1fr .5fr;padding:10px}@media (max-width:1024px){.aworkorderlistrow{font-size:.9rem;gap:5px;grid-template-columns:1fr .8fr .8fr .8fr .6fr;padding:8px 5px}}.aworkorderlistrow:hover{background-color:#f8f8f8}.aworkorderlistrowdataname{font-weight:500}.aworkorderlistrowdatadate,.aworkorderlistrowdataservice,.aworkorderlistrowdatavehicle{color:#666}.aworkorderlist-pagination{align-items:center;background:#f8f9fa;border:1px solid #eee;border-radius:8px;display:flex;justify-content:space-between;margin-top:1.5rem;padding:1rem}.aworkorderlist-pagination-info{color:#666;font-size:.9rem;font-weight:500}.aworkorderlist-pagination-controls{align-items:center;display:flex;gap:.5rem}.aworkorderlist-pagination-btn{background:#fff;border:1px solid #dee2e6;border-radius:4px;color:#495057;cursor:pointer;font-size:.85rem;font-weight:500;padding:.5rem 1rem;transition:all .2s ease}.aworkorderlist-pagination-btn:hover:not(:disabled){background-color:#e9ecef;border-color:#adb5bd}.aworkorderlist-pagination-btn:disabled{background-color:#f8f9fa;cursor:not-allowed;opacity:.5}.aworkorderlist-pagination-pages{display:flex;gap:.25rem;margin:0 1rem}.aworkorderlist-pagination-page{background:#fff;border:1px solid #dee2e6;border-radius:4px;color:#495057;cursor:pointer;font-size:.85rem;font-weight:500;min-width:40px;padding:.5rem .75rem;transition:all .2s ease}.aworkorderlist-pagination-page:hover{background-color:#e9ecef;border-color:#adb5bd}.aworkorderlist-pagination-page.active{background-color:#007bff;border-color:#007bff;color:#fff}.aworkorderlist-pagination-page.active:hover{background-color:#0056b3;border-color:#0056b3}@media (max-width:1024px){.astatuslabel{display:flex!important;flex-direction:column!important}.aworkorderlistlabeltext{display:none!important}.aworkorderlistfilters{background-color:#fff!important;box-shadow:0 2px 4px #0000001a!important;flex-direction:column!important;flex-shrink:0!important;margin-bottom:2px!important;padding:8px 5px!important;position:-webkit-sticky!important;position:sticky!important;top:0!important;z-index:1000!important}.aworkorderlistfilters,.aworkorderlistfiltersrow{display:flex!important;gap:8px!important;width:100%!important}.aworkorderlistfiltersrow{-webkit-overflow-scrolling:touch;align-items:center;flex-direction:row!important;flex-wrap:nowrap!important;min-width:0!important;overflow-x:auto!important;padding-bottom:5px!important;scrollbar-width:thin!important}.aworkorderlistfiltersrow>*{min-width:-webkit-fit-content!important;min-width:-moz-fit-content!important;min-width:fit-content!important}.aworkorderlistsearchlabel{padding:0!important}.asearchbar,.aworkorderlistsearchlabel{margin:0!important;width:100%!important}.asearchbar{background-color:#fff!important;border:1px solid #ddd!important;border-radius:4px!important;font-size:14px!important;height:40px!important;padding:8px 12px!important}.aworkorderlistfilters>*,.aworkorderlistfiltersrow>*{flex-shrink:0!important;margin-right:8px!important;opacity:1!important;visibility:visible!important}.aworkorderlistfilters .anewworkorderbutton{display:none!important}.aworkorderlistmobilebutton{align-items:center!important;background-color:#4caf50!important;border:none!important;border-radius:50%!important;bottom:80px!important;box-shadow:0 4px 12px #0000004d!important;color:#fff!important;cursor:pointer!important;display:block!important;display:flex!important;font-size:24px!important;font-weight:700!important;height:50px!important;justify-content:center!important;position:fixed!important;right:20px!important;transition:all .3s ease!important;width:50px!important;z-index:101!important}.aworkorderlistmobilebutton:hover{background-color:#45a049!important;box-shadow:0 6px 16px #0006!important;transform:scale(1.1)!important}.anewworkorderbuttontext{display:none!important}.anewworkorderbuttonplus{display:block!important;font-size:24px!important;font-weight:700!important}.asortButton{background-color:#fff!important;border:1px solid #ddd!important;border-radius:4px!important;color:#333!important;cursor:pointer!important;display:inline-block!important;font-size:12px!important;font-weight:500!important;height:36px!important;min-width:80px!important;padding:6px 8px!important}.asortButton:hover{background-color:#f8f8f8!important;border-color:#bbb!important}.astatusfilter{display:inline-block!important;min-width:120px!important}.astatusselect{background-color:#fff!important;border:1px solid #ddd!important;border-radius:4px!important;cursor:pointer!important;display:block!important;font-size:12px!important;height:36px!important;min-width:120px!important;padding:6px!important;width:120px!important}.aworkorderlist-pagination{background:#f8f9fa;border:1px solid #eee;border-radius:8px;box-sizing:border-box;flex-direction:column;flex-shrink:0;gap:1rem;margin-bottom:10px;margin-top:20px;padding:12px;position:relative;text-align:center;width:100%;z-index:10}.aworkorderlist-pagination-controls{flex-wrap:wrap;justify-content:center}.aworkorderlist-pagination-pages{margin:0 .5rem}.aworkorderlist-pagination-page{min-width:35px;padding:.4rem .6rem}.aworkorderlist-pagination-info{color:#666;font-size:.8rem;font-weight:500;margin-bottom:.5rem}.aworkorderlist-pagination{display:flex!important;opacity:1!important;visibility:visible!important}}.aworkorderlistfilters{align-items:center;background-color:#fff;border-radius:4px;box-shadow:0 1px 3px #0000001a;display:flex;flex-direction:row;flex-wrap:wrap;gap:20px;margin-bottom:20px;padding:10px;position:-webkit-sticky;position:sticky;top:0;z-index:2}.aworkorderlistfiltersbutton{background-color:#f0f0f0;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:13px;height:28px;margin-right:4px;padding:4px 8px}.aworkorderlistfiltersbutton:hover{background-color:#e0e0e0}.aworkorderlistlabels{grid-gap:10px;display:grid;gap:10px;grid-template-columns:2fr 1fr 1fr 1fr .5fr;padding:0 10px}@media (max-width:1024px){.aworkorderlistlabels{font-size:.8rem;gap:5px;grid-template-columns:1fr .8fr .8fr .8fr .6fr;padding:0 5px}}.aworkorderlistlabelsheaders{color:#666;font-weight:500;margin:0}.aworkorderlistlabeldesktop{display:inline}.aworkorderlistlabelmobile{display:none}@media (max-width:1024px){.aworkorderlistlabeldesktop{display:none}.aworkorderlistlabelmobile{display:inline}}.anewworkorderbutton{background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;height:36px;min-width:100px;padding:8px 16px}.anewworkorderbutton:hover{background-color:#45a049}.astatusfilter{align-items:center;display:flex;gap:8px;min-width:200px}.astatusselect{background-color:#fff;border:1px solid #ddd;border-radius:4px;flex:1 1;font-size:14px;height:36px;min-width:120px;padding:6px}.astatuslabel{align-items:center;display:flex;flex-direction:row;font-weight:500;gap:8px;min-width:80px;white-space:nowrap}.asearchbar{border:1px solid #ddd;border-radius:4px;font-size:14px;height:36px;padding:6px;width:200px}.aworkorderlistlabelsheadersline{border:none;border-top:1px solid #ddd;margin:5px 0}.aworkorderlistlabelsparent{margin-bottom:10px}@media (max-width:1024px){.aworkorderlistlabelsparent{margin-bottom:2px;margin-top:0;position:relative;z-index:1}}.asortButton{background-color:#f0f0f0;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:14px;height:36px;min-width:80px;padding:4px 8px}.asortButton:hover{background-color:#e0e0e0}.anewworkorderbuttontext{display:inline}.anewworkorderbuttonplus,.aworkorderlistmobilebutton{display:none}.aworkorderlistfiltersrow{display:contents}.menu{align-items:center;background-color:#fff;border-right:1px solid #e0e0e0;display:flex;flex-direction:column;height:75vh;padding:1rem 0;width:15vw}.menu-item{background-color:initial;border:none;color:#333;cursor:pointer;font-size:1.2rem;padding:1rem;text-align:center;transition:all .2s ease;width:100%}.menu-item:hover{background-color:#f5f5f5}.menu-item.active{background-color:#0f0f8a;color:#fff;font-weight:500}@media (max-width:1024px){.menu{background-color:#fff!important;border-bottom:1px solid #e0e0e0!important;border-right:none!important;box-sizing:border-box!important;flex-direction:row!important;left:0!important;min-height:40px!important;overflow-x:auto!important;padding:5px 0!important;position:fixed!important;right:0!important;top:5vh!important;width:100%!important;z-index:999!important}.menu,.menu-item{height:auto!important;margin:0!important}.menu-item{align-items:center!important;border:none!important;border-bottom:3px solid #0000!important;color:inherit!important;display:flex!important;flex:1 1!important;flex-shrink:0!important;font-size:.9rem!important;justify-content:center!important;padding:8px 4px!important;text-align:center!important;transition:border-bottom .3s ease!important;width:50%!important}.menu-item,.menu-item:hover{background-color:initial!important}.menu-item:hover{border-bottom:3px solid #e0e0e0!important}.menu-item.active{background-color:initial!important;border-bottom:3px solid #0f0f8a!important;color:inherit!important}.App{height:100vh;margin:0;overflow:hidden;padding:0}}.content{background-color:#fff;display:flex;flex-direction:row}@media (max-width:1024px){.content{box-sizing:border-box;flex-direction:column;height:calc(95vh - 40px);margin:calc(5vh + 40px) 0 0;padding:0}}.jobarchived{background-color:#f5f5f5;box-sizing:border-box;display:flex;flex-direction:column;height:100%;padding:20px;position:relative;width:100%}@media (max-width:1024px){.jobarchived{align-items:stretch;box-sizing:border-box;display:flex;flex-direction:column;height:calc(95vh - 100px);left:0;margin:0;overflow:hidden!important;padding:0;position:fixed!important;right:0;top:calc(5vh + 40px);z-index:1}}.jobarchivedfilters{align-items:center;background-color:#fff;border-radius:4px;box-shadow:0 1px 3px #0000001a;display:flex;flex-direction:row;flex-wrap:wrap;gap:20px;margin-bottom:20px;padding:10px;top:0}.jobarchivedfilters,.jobarchivedlabelsparent{position:-webkit-sticky;position:sticky;z-index:2}.jobarchivedlabelsparent{background-color:#f5f5f5;margin-bottom:10px;padding:10px 0;top:100px}.jobarchivedscroll{background-color:#fff;border-radius:4px;box-shadow:0 1px 3px #0000001a;flex:1 1;max-height:calc(100vh - 200px);min-height:300px;overflow-y:auto}.jobarchivedscrollinner{height:100%;width:100%}@media (max-width:1024px){.jobarchivedscroll{-webkit-overflow-scrolling:touch;border-radius:0;box-shadow:none;flex:1 1!important;max-height:none!important;min-height:0!important;overflow-x:hidden!important;overflow-y:auto!important;position:relative;z-index:1}.jobarchivedscrollinner{display:flex;flex-direction:column;min-height:100%;width:100%}}.jobarchivedrow{align-items:center;background-color:#fff;border-bottom:1px solid #eee;box-sizing:border-box;cursor:pointer;display:flex;padding:10px;width:100%}.jobarchivedrow:hover{background-color:#f8f8f8}.jobarchivedrow.past-due{background-color:#fff0f0}.jobarchivedrow.past-due:hover{background-color:#ffe8e8}.jobarchivedrow.due-today{background-color:#fffde7}.jobarchivedrow.due-today:hover{background-color:#fff9c4}.jobarchivedrowdatacustomer,.jobarchivedrowdatadate,.jobarchivedrowdataname,.jobarchivedrowdataservice,.jobarchivedrowdatavehicle{flex:1 1;font-size:14px;min-width:0;overflow:hidden;padding:0 10px;text-align:left;text-overflow:ellipsis;white-space:nowrap}.jobarchivedrowdatacustomer .jobnumber{color:#666;font-size:12px}.jobarchivedfiltersbutton{background-color:#f0f0f0;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:13px;height:28px;margin-right:4px;padding:4px 8px}.jobarchivedfiltersbutton:hover{background-color:#e0e0e0}.jobarchivedsortButton{align-items:center;background-color:#f5f5f5;border:1px solid #ddd;border-radius:4px;color:#333;cursor:pointer;display:flex;font-size:14px;font-weight:500;justify-content:center;min-width:100px;padding:8px 16px;transition:all .2s ease}.jobarchivedsortButton:hover{background-color:#e8e8e8}.jobarchivedsearchbar{border:1px solid #ddd;border-radius:4px;font-size:14px;height:36px;padding:8px 12px;transition:all .2s ease;width:200px}.jobarchivedsearchbar:focus{border-color:#2196f3;box-shadow:0 0 0 2px #2196f31a;outline:none}.jobarchivedlabels{align-items:center;background-color:#f5f5f5;border-bottom:1px solid #ddd;box-sizing:border-box;display:flex;padding:10px;width:100%}.jobarchivedlabelsheaders{color:#333;flex:1 1;font-size:14px;font-weight:700;margin:0;min-width:0;padding:0 10px;text-align:left}.jobarchivedlabelsheadersline{border:none;border-top:1px solid #ddd;margin:5px 0}.jobarchivedlabelsheaders:first-child,.jobarchivedrow>div:first-child{flex:0.8 1}.jobarchivedlabelsheaders:nth-child(2),.jobarchivedrow>div:nth-child(2){flex:0.6 1}.jobarchivedlabelsheaders:nth-child(3),.jobarchivedlabelsheaders:nth-child(4),.jobarchivedrow>div:nth-child(3),.jobarchivedrow>div:nth-child(4){flex:1.2 1}.jobarchivedlabelsheaders:nth-child(5),.jobarchivedrow>div:nth-child(5){flex:1.2 1;min-width:120px}.jobarchivedlabelsheaders:nth-child(6),.jobarchivedrow>div:nth-child(6){flex:1.5 1}.jobarchivedlabelsheaders:nth-child(7),.jobarchivedrow>div:nth-child(7){flex:0.6 1}.jobarchivedstatusfilter{align-items:center;display:flex;gap:8px;min-width:200px}.jobarchivedstatuslabel{align-items:center;display:flex;flex-direction:row;font-weight:500;gap:8px;min-width:80px;white-space:nowrap}.jobarchivedstatusselect{background-color:#fff;border:1px solid #ddd;border-radius:4px;flex:1 1;font-size:14px;height:36px;min-width:120px;padding:8px 12px;transition:all .2s ease}.jobarchivedstatusselect:focus{border-color:#2196f3;box-shadow:0 0 0 2px #2196f31a;outline:none}.jobarchivedscroll::-webkit-scrollbar{width:8px}.jobarchivedscroll::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.jobarchivedscroll::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.jobarchivedscroll::-webkit-scrollbar-thumb:hover{background:#555}.jobarchived-pagination{align-items:center;background:#f8f9fa;border:1px solid #eee;border-radius:8px;box-sizing:border-box;display:flex;justify-content:space-between;margin-top:1.5rem;padding:1.5rem;position:relative;width:100%;z-index:1}.jobarchived-pagination-info{color:#666;font-size:.9rem;font-weight:500}.jobarchived-pagination-controls{align-items:center;display:flex;gap:.5rem}.jobarchived-pagination-btn{background:#fff;border:1px solid #dee2e6;border-radius:4px;color:#495057;cursor:pointer;font-size:.85rem;font-weight:500;padding:.5rem 1rem;transition:all .2s ease}.jobarchived-pagination-btn:hover:not(:disabled){background-color:#e9ecef;border-color:#adb5bd}.jobarchived-pagination-btn:disabled{background-color:#f8f9fa;cursor:not-allowed;opacity:.5}.jobarchived-pagination-pages{display:flex;gap:.25rem;margin:0 1rem}.jobarchived-pagination-page{background:#fff;border:1px solid #dee2e6;border-radius:4px;color:#495057;cursor:pointer;font-size:.85rem;font-weight:500;min-width:40px;padding:.5rem .75rem;transition:all .2s ease}.jobarchived-pagination-page:hover{background-color:#e9ecef;border-color:#adb5bd}.jobarchived-pagination-page.active{background-color:#007bff;border-color:#007bff;color:#fff}.jobarchived-pagination-page.active:hover{background-color:#0056b3;border-color:#0056b3}@media (max-width:1024px){.jobarchivedstatuslabel{display:flex!important;flex-direction:column!important}.jobarchivedlabeltext{display:none!important}.jobarchivedfilters{background-color:#fff!important;box-shadow:0 2px 4px #0000001a!important;flex-direction:column!important;margin-bottom:5px!important;padding:8px 5px!important;position:relative!important;z-index:10!important}.jobarchivedfilters,.jobarchivedfiltersrow{display:flex!important;flex-shrink:0!important;gap:8px!important;width:100%!important}.jobarchivedfiltersrow{-webkit-overflow-scrolling:touch;align-items:center;flex-direction:row!important;flex-wrap:nowrap!important;min-width:0!important;overflow-x:auto!important;padding-bottom:5px!important;scrollbar-width:thin!important}.jobarchivedfiltersrow>*{min-width:-webkit-fit-content!important;min-width:-moz-fit-content!important;min-width:fit-content!important}.jobarchivedsearchlabel{margin:0!important;padding:0!important;width:100%!important}.jobarchivedsearchbar{background-color:#fff!important;border:1px solid #ddd!important;border-radius:4px!important;font-size:14px!important;height:40px!important;margin:0!important;padding:8px 12px!important;width:100%!important}.jobarchivedfilters>*,.jobarchivedfiltersrow>*{flex-shrink:0!important;margin-right:8px!important;opacity:1!important;visibility:visible!important}.jobarchivedsortButton{background-color:#fff!important;border:1px solid #ddd!important;border-radius:4px!important;color:#333!important;cursor:pointer!important;display:inline-block!important;font-size:12px!important;font-weight:500!important;height:36px!important;min-width:80px!important;padding:6px 8px!important}.jobarchivedsortButton:hover{background-color:#f8f8f8!important;border-color:#bbb!important}.jobarchivedstatusfilter{display:inline-block!important;min-width:120px!important}.jobarchivedstatusselect{background-color:#fff!important;border:1px solid #ddd!important;border-radius:4px!important;cursor:pointer!important;display:block!important;font-size:12px!important;height:36px!important;min-width:120px!important;padding:6px!important;width:120px!important}.jobarchivedlabelsheaders:nth-child(4),.jobarchivedlabelsheaders:nth-child(7),.jobarchivedrow>div:nth-child(4),.jobarchivedrow>div:nth-child(7){display:none!important}.jobarchivedrow{padding:10px 5px!important}.jobarchivedlabels{padding:8px 5px!important}.jobarchivedlabelsheaders{font-size:13px!important;padding:0 5px!important}.jobarchivedlabelsheaders:first-child,.jobarchivedrow>div:first-child{flex:0.7 1!important}.jobarchivedlabelsheaders:nth-child(2),.jobarchivedrow>div:nth-child(2){flex:0 0 45px!important;max-width:45px!important;min-width:45px!important}.jobarchivedlabelsheaders:nth-child(3),.jobarchivedrow>div:nth-child(3){flex:0.9 1!important}.jobarchivedlabelsheaders:nth-child(5),.jobarchivedrow>div:nth-child(5){flex:0 0 55px!important;max-width:55px!important;min-width:55px!important}.jobarchivedlabelsheaders:nth-child(6),.jobarchivedrow>div:nth-child(6){flex:1 1!important}.jobarchivedrowdatacustomer,.jobarchivedrowdatadate,.jobarchivedrowdataname,.jobarchivedrowdataservice,.jobarchivedrowdatavehicle{font-size:12px!important;padding:0 5px!important}.jobarchivedlabelsparent{flex-shrink:0!important;margin-bottom:5px!important;padding:5px 0!important;position:relative!important;top:0!important}}.jobarchivedfiltersrow{display:contents}@media (max-width:1024px){.jobarchived-pagination{flex-direction:column;gap:.5rem;margin-bottom:20px!important;margin-top:10px;padding:8px;position:relative!important;text-align:center;z-index:1}.jobarchived-pagination-controls{flex-wrap:wrap;justify-content:center}.jobarchived-pagination-pages{margin:0 .5rem}.jobarchived-pagination-page{min-width:35px;padding:.4rem .6rem}}.jobmodal-overlay{align-items:flex-end;animation:fadeIn .3s ease-out;background-color:#0000004d;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999999!important}.jobmodal-content{animation:slideUp .4s ease-out;background-color:#f8f8f8;border-radius:20px 20px 0 0;box-sizing:border-box;height:90vh;overflow-y:auto;padding:20px 20px 80px;position:relative;transform-origin:bottom;width:100%;z-index:10000000!important}@media (max-width:1024px){.jobmodal-content{border-radius:25px 25px 0 0;height:99vh;margin-top:0;padding:0}.jobmodal-overlay{align-items:flex-start;padding-top:1vh}}.joblist{background-color:#f5f5f5;box-sizing:border-box;display:flex;flex-direction:column;height:100%;padding:20px;position:relative;width:100%}@media (max-width:1024px){.joblist{align-items:stretch;box-sizing:border-box;display:flex;flex-direction:column;height:calc(95vh - 100px);left:0;margin:0;overflow:hidden!important;padding:0 0 30px;position:fixed!important;right:0;top:calc(5vh + 40px);z-index:1}}.joblistfilters{align-items:center;background-color:#fff;border-radius:4px;box-shadow:0 1px 3px #0000001a;display:flex;flex-direction:row;flex-wrap:wrap;gap:20px;margin-bottom:20px;padding:10px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.joblistlabelsparent{margin-bottom:10px}.joblistscroll{background-color:#fff;border-radius:4px;box-shadow:0 1px 3px #0000001a;flex:1 1;max-height:calc(100vh - 350px);min-height:200px;overflow-y:auto}@media (max-width:1024px){.joblistscroll{-webkit-overflow-scrolling:touch;border-radius:0;box-shadow:none;flex:1 1!important;max-height:none!important;min-height:0!important;overflow-x:hidden!important;overflow-y:auto!important;padding-bottom:20px!important;position:relative;z-index:1}.jobliststatuslabel{display:flex!important;flex-direction:column!important}.joblistlabeltext{display:none!important}.joblistfilters{background-color:#fff!important;box-shadow:0 2px 4px #0000001a!important;flex-direction:column!important;margin-bottom:2px!important;padding:8px 5px!important;position:-webkit-sticky!important;position:sticky!important;top:0!important;z-index:1000!important}.joblistfilters,.joblistfiltersrow{display:flex!important;flex-shrink:0!important;gap:8px!important;width:100%!important}.joblistfiltersrow{-webkit-overflow-scrolling:touch;align-items:center;flex-direction:row!important;flex-wrap:nowrap!important;min-width:0!important;overflow-x:auto!important;padding-bottom:5px!important;scrollbar-width:thin!important}.joblistfiltersrow>*{min-width:-webkit-fit-content!important;min-width:-moz-fit-content!important;min-width:fit-content!important}.joblistsearchlabel{padding:0!important}.joblistsearchbar,.joblistsearchlabel{margin:0!important;width:100%!important}.joblistsearchbar{background-color:#fff!important;border:1px solid #ddd!important;border-radius:4px!important;font-size:14px!important;height:40px!important;padding:8px 12px!important}.joblistfilters>*,.joblistfiltersrow>*{flex-shrink:0!important;margin-right:8px!important;opacity:1!important;visibility:visible!important}.joblistfilters .joblistnewjobbutton{display:none!important}.joblistmobilebutton{align-items:center!important;background-color:#4caf50!important;border:none!important;border-radius:50%!important;bottom:80px!important;box-shadow:0 4px 12px #0000004d!important;color:#fff!important;cursor:pointer!important;display:block!important;display:flex!important;font-size:24px!important;font-weight:700!important;height:50px!important;justify-content:center!important;position:fixed!important;right:20px!important;transition:all .3s ease!important;width:50px!important;z-index:101!important}.joblistmobilebutton:hover{background-color:#45a049!important;box-shadow:0 6px 16px #0006!important;transform:scale(1.1)!important}.joblistbuttontext{display:none!important}.joblistbuttonplus{display:block!important;font-size:24px!important;font-weight:700!important}.joblistsortButton{background-color:#fff!important;border:1px solid #ddd!important;border-radius:4px!important;color:#333!important;cursor:pointer!important;display:inline-block!important;font-size:12px!important;font-weight:500!important;height:36px!important;min-width:80px!important;padding:6px 8px!important}.joblistsortButton:hover{background-color:#f8f8f8!important;border-color:#bbb!important}.jobliststatusfilter{display:inline-block!important;min-width:120px!important}.jobliststatusselect{background-color:#fff!important;border:1px solid #ddd!important;border-radius:4px!important;cursor:pointer!important;display:block!important;font-size:12px!important;height:36px!important;min-width:120px!important;padding:6px!important;width:120px!important}.joblistlabelsheaders:nth-child(5),.joblistlabelsheaders:nth-child(8),.joblistrowdata:nth-child(5),.joblistrowdata:nth-child(8){display:none!important}.joblistlabelsparent{display:block!important;flex-shrink:0!important;margin-bottom:2px!important;margin-top:0!important;position:relative!important;z-index:1!important}.joblistlabels{padding:8px 5px!important}.joblistlabelsheaders,.joblistrowdata{font-size:12px!important;padding:0 5px!important}.joblistphoto{flex:0.6 1!important;max-width:60px!important;min-width:60px!important}.joblistnophoto,.joblistphotoimg{height:50px!important;width:50px!important}.joblistnophoto{font-size:10px!important}.joblistrow{padding:8px 5px!important}.joblistlabelsheaders:first-child,.joblistrowdata:first-child{flex:0 0 60px!important;max-width:60px!important;min-width:60px!important}.joblistlabelsheaders:nth-child(2),.joblistrowdata:nth-child(2){flex:0.7 1!important}.joblistlabelsheaders:nth-child(3),.joblistrowdata:nth-child(3){flex:0 0 45px!important;max-width:45px!important;min-width:45px!important}.joblistlabelsheaders:nth-child(4),.joblistrowdata:nth-child(4){flex:0.9 1!important}.joblistlabelsheaders:nth-child(6),.joblistrowdata:nth-child(6){flex:0 0 55px!important;max-width:55px!important;min-width:55px!important}.joblistlabelsheaders:nth-child(7),.joblistrowdata:nth-child(7){flex:1 1!important}.photoalbumview{padding:5px!important}.photoalbumgrid{gap:2px!important;grid-template-columns:repeat(auto-fill,minmax(100px,1fr))!important;margin-bottom:10px!important}.photoalbumitem{aspect-ratio:1/1.3!important;border-radius:2px!important;box-shadow:none!important;overflow:hidden!important}.photoalbumitem:hover{box-shadow:none!important;transform:none!important}.photoalbumimg,.photoalbumnophoto,.photoalbumphoto{height:100%!important;width:100%!important}.photoalbumdetails{display:none!important}.photoalbumstatusbuffer{font-size:12px!important;margin:10px 0 5px!important;padding:6px 10px!important}.photoalbumnophoto{font-size:10px!important}}.joblistrow{align-items:center;border-bottom:1px solid #eee;box-sizing:border-box;cursor:pointer;display:flex;padding:10px;width:100%}.joblistrow:hover{background-color:#f5f5f5}.joblistrow.past-due{background-color:#fff0f0}.joblistrow.past-due:hover{background-color:#ffe8e8}.joblistrow.due-today{background-color:#fffde7}.joblistrow.due-today:hover{background-color:#fff9c4}.joblistrowdataname{font-weight:500}.joblistrowdatadate,.joblistrowdataservice,.joblistrowdatavehicle{color:#666}.joblistrowdatadate{text-align:center}.joblistrowdatacustomer{align-items:center;display:flex;flex-direction:row;gap:8px;justify-content:flex-end;text-align:right}.joblistrowdatacustomer .jobnumber{color:#666;font-size:12px}.joblistrowdata{flex:1 1;font-size:14px;min-width:0;overflow:hidden;padding:0 10px;text-align:left;text-overflow:ellipsis;white-space:nowrap}.joblistfiltersbutton{background-color:#f0f0f0;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:13px;height:28px;margin-right:4px;padding:4px 8px}.joblistfiltersbutton:hover{background-color:#e0e0e0}.joblistsortButton{background-color:#f0f0f0;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:14px;height:36px;min-width:80px;padding:4px 8px}.joblistsortButton:hover{background-color:#e0e0e0}.joblistsearchbar{border:1px solid #ddd;border-radius:4px;font-size:14px;height:36px;padding:6px;width:100%}.joblistlabels{align-items:center;background-color:#f5f5f5;border-bottom:1px solid #ddd;box-sizing:border-box;display:flex;padding:10px;width:100%}.joblistlabelsheaders{color:#666;flex:1 1;font-size:14px;font-weight:500;margin:0;min-width:0;padding:0 10px;text-align:left}.joblistlabelsheadersline{border:none;border-top:1px solid #ddd;margin:5px 0}.joblistnewjobbutton{background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;height:36px;min-width:100px;padding:8px 16px}.joblistnewjobbutton:hover{background-color:#45a049}.jobliststatusfilter{align-items:center;display:flex;gap:8px;min-width:200px}.jobliststatuslabel{align-items:center;display:flex;flex-direction:row;font-weight:500;gap:8px;min-width:80px;white-space:nowrap}.jobliststatusselect{background-color:#fff;border:1px solid #ddd;border-radius:4px;flex:1 1;font-size:14px;height:36px;min-width:120px;padding:6px}.statusbuffer{align-items:center;background-color:#f0f0f0;border-bottom:1px solid #ddd;color:#333;display:flex;font-weight:500;min-height:40px;padding:8px 10px;text-transform:capitalize}.statusbuffertext{padding-left:10px}.joblistscroll::-webkit-scrollbar{width:8px}.joblistscroll::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.joblistscroll::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.joblistscroll::-webkit-scrollbar-thumb:hover{background:#555}.modal{z-index:1000}.modal-content{z-index:1001}.joblistlabelsheaders:first-child,.joblistrowdata:first-child{flex:0.8 1;padding-left:20px}.joblistlabelsheaders:nth-child(2),.joblistrowdata:nth-child(2){flex:0.8 1}.joblistlabelsheaders:nth-child(3),.joblistrowdata:nth-child(3){flex:0.6 1}.joblistlabelsheaders:nth-child(4),.joblistlabelsheaders:nth-child(5),.joblistrowdata:nth-child(4),.joblistrowdata:nth-child(5){flex:1.2 1}.joblistlabelsheaders:nth-child(6),.joblistrowdata:nth-child(6){flex:1.2 1;min-width:120px}.joblistlabelsheaders:nth-child(7),.joblistrowdata:nth-child(7){flex:1.5 1}.joblistlabelsheaders:nth-child(8),.joblistrowdata:nth-child(8){flex:0.6 1;padding-right:20px}.joblistphoto{align-items:center;display:flex;flex:0.8 1!important;justify-content:center;max-width:80px!important;min-width:80px!important;padding:5px!important}.joblistphotoimg{border-radius:4px;object-fit:cover}.joblistnophoto,.joblistphotoimg{border:1px solid #ddd;height:60px;width:60px}.joblistnophoto{align-items:center;background-color:#f5f5f5;border-radius:4px;color:#666;display:flex;font-size:12px;justify-content:center;text-align:center}.photoalbumview{padding:20px}.photoalbumgrid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-bottom:20px}.photoalbumstatusbuffer{background-color:#f0f0f0;border-radius:4px;color:#333;font-weight:500;margin:20px 0 10px;padding:12px 20px;text-transform:capitalize}.photoalbumstatusbuffertext{font-size:16px}.photoalbumitem{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;cursor:pointer;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.photoalbumitem:hover{box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.photoalbumitem.past-due{background-color:#fff0f0}.photoalbumitem.past-due:hover{background-color:#ffe8e8}.photoalbumitem.due-today{background-color:#fffde7}.photoalbumitem.due-today:hover{background-color:#fff9c4}.photoalbumphoto{align-items:center;background:#f5f5f5;display:flex;height:180px;justify-content:center;overflow:hidden;width:100%}.photoalbumimg{height:100%;object-fit:cover;width:100%}.photoalbumnophoto{align-items:center;background-color:#f5f5f5;color:#666;display:flex;font-size:14px;height:100%;justify-content:center;width:100%}.photoalbumdetails{padding:12px}.photoalbumjobid{color:#333;font-size:14px;font-weight:700;margin-bottom:4px}.photoalbumcustomer{color:#666;font-size:13px;margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.photoalbumcontact,.photoalbumquantity{color:#666}.photoalbumcontact,.photoalbumquantity,.photoalbumservice{font-size:12px;margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.photoalbumservice{color:#888}.photoalbumdatetime{align-items:center;color:#666;display:flex;font-size:12px;gap:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.photoalbumdate,.photoalbumview~.joblistlabels{display:none}.joblist-pagination{align-items:center;background:#f8f9fa;border:1px solid #eee;border-radius:8px;display:flex;justify-content:space-between;margin-top:1.5rem;padding:1rem}.joblist-pagination-info{color:#666;font-size:.9rem;font-weight:500}.joblist-pagination-controls{align-items:center;display:flex;gap:.5rem}.joblist-pagination-btn{background:#fff;border:1px solid #dee2e6;border-radius:4px;color:#495057;cursor:pointer;font-size:.85rem;font-weight:500;padding:.5rem 1rem;transition:all .2s ease}.joblist-pagination-btn:hover:not(:disabled){background-color:#e9ecef;border-color:#adb5bd}.joblist-pagination-btn:disabled{background-color:#f8f9fa;cursor:not-allowed;opacity:.5}.joblist-pagination-pages{display:flex;gap:.25rem;margin:0 1rem}.joblist-pagination-page{background:#fff;border:1px solid #dee2e6;border-radius:4px;color:#495057;cursor:pointer;font-size:.85rem;font-weight:500;min-width:40px;padding:.5rem .75rem;transition:all .2s ease}.joblist-pagination-page:hover{background-color:#e9ecef;border-color:#adb5bd}.joblist-pagination-page.active{background-color:#007bff;border-color:#007bff;color:#fff}.joblist-pagination-page.active:hover{background-color:#0056b3;border-color:#0056b3}.joblistbuttontext{display:inline}.joblistbuttonplus,.joblistmobilebutton{display:none}.joblistfiltersrow{display:contents}@media (max-width:1024px){.joblist-pagination{background:#f8f9fa;border:1px solid #eee;border-radius:8px;flex-direction:column;gap:.5rem;margin-bottom:0;margin-top:5px;padding:8px;position:relative;text-align:center;z-index:1}.joblist-pagination-controls{flex-wrap:wrap;justify-content:center}.joblist-pagination-pages{margin:0 .5rem}.joblist-pagination-page{min-width:35px;padding:.4rem .6rem}}.newjobmodal-overlay{align-items:flex-end;animation:fadeIn .3s ease-out;background-color:#0000004d;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999999!important}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.newjobmodal-content{animation:slideUp .4s ease-out;background-color:#f8f8f8;border-radius:20px 20px 0 0;box-sizing:border-box;height:90vh;overflow-y:auto;padding:20px 20px 80px;position:relative;transform-origin:bottom;width:100%;z-index:10000000!important}@keyframes slideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@media (max-width:1024px){.newjobmodal-content{border-radius:25px 25px 0 0;height:99vh;margin-top:0;padding:0}.newjobmodal-overlay{align-items:flex-start;padding-top:1vh}}.job{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;flex-direction:column;margin:0 auto;max-width:1200px;padding:20px;width:100%}.jobheader{color:#333;font-size:24px;font-weight:700;margin-bottom:20px}.jobform{display:flex;flex-direction:column;gap:20px}.contactcolumn,.jobcontact,.jobtop{display:flex;flex-direction:column;gap:15px}.labelcontact{color:#333;display:flex;flex-direction:column;font-weight:500;gap:5px}.inputscontact{border:1px solid #ddd;border-radius:4px;font-size:14px;padding:8px}.labelimportantinfo{color:#333;display:flex;flex-direction:column;font-weight:500;gap:5px}.inputsprice{border:1px solid #ddd;border-radius:4px;font-size:14px;padding:8px;width:200px}.jobdetailssmall{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.labeldetails{color:#333;display:flex;flex-direction:column;font-weight:500;gap:5px}.inputsdetails{border:1px solid #ddd;border-radius:4px;font-size:14px;padding:8px}.jobdetailslarge{display:flex;flex-direction:column;gap:15px}.labeldetailslarge{color:#333;display:flex;flex-direction:column;font-weight:500;gap:5px}.inputsdetailslarge{border:1px solid #ddd;border-radius:4px;font-size:14px;min-height:100px;padding:8px;resize:vertical}.savebuttonbanner{align-items:center;border-top:1px solid #ddd;display:flex;justify-content:space-between;margin-top:20px}.savebutton{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;padding:10px 20px}.savebutton:hover{background-color:#0056b3}.submissionErrorStyle{color:#dc3545;font-size:14px;margin-right:20px}.job-header-container{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.close-button{background:none;border:none;color:#666;cursor:pointer;font-size:24px;line-height:1;padding:0 10px;transition:color .2s ease}.close-button:hover{color:#333}.customer-search-container{position:relative;width:100%}.customer-dropdown{background:#fff;border:1px solid #ddd;border-radius:0 0 4px 4px;border-top:none;box-shadow:0 2px 8px #0000001a;left:0;max-height:200px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.customer-dropdown-item{border-bottom:1px solid #f0f0f0;cursor:pointer;padding:8px 12px;transition:background-color .2s ease}.customer-dropdown-item:hover{background-color:#f8f9fa}.customer-dropdown-item:last-child{border-bottom:none}.labelcontact{position:relative}.mobile-buttons,.mobilecamerabutton{display:none}.desktop-buttons{align-items:center;display:flex;gap:10px}.error-container{flex:1 1}@media (max-width:1024px){.job{padding:10px 10px 120px}.jobform{padding-bottom:20px}.savebuttonbanner{align-items:center;background-color:#a9a9a9!important;border-top:none;bottom:0!important;display:flex!important;flex-direction:row;height:60px!important;justify-content:space-between;left:0!important;margin-top:0;min-height:60px!important;padding:0 15px;position:fixed!important;width:100%!important;z-index:10000001!important}.savebuttonbanner .desktop-buttons,.savebuttonbanner .savebutton{display:none}.mobile-buttons{align-items:center;display:flex!important;gap:10px;width:100%}.mobile-save-button{background-color:#0f0f8a;border:0;border-radius:10px;box-sizing:border-box;color:#fff;cursor:pointer;font-size:16px;font-weight:500;padding:10px 20px;width:100%}.mobile-save-button:hover{background-color:#07074a}.mobilecamerabutton{align-items:center!important;background-color:#4caf50!important;border:none!important;border-radius:50%!important;bottom:80px!important;box-shadow:0 4px 12px #0000004d!important;color:#fff!important;cursor:pointer!important;display:flex!important;font-size:28px!important;font-weight:700!important;height:50px!important;justify-content:center!important;position:fixed!important;right:20px!important;transition:all .3s ease!important;width:50px!important;z-index:101!important}.mobilecamerabutton:hover{background-color:#45a049!important;box-shadow:0 6px 16px #0006!important;transform:scale(1.1)!important}.error-container{bottom:70px;left:50%;position:fixed;transform:translateX(-50%);width:calc(100% - 30px);z-index:10000000}.submissionErrorStyle{background-color:#dc3545;border-radius:4px;color:#fff;margin:0;padding:10px 15px;text-align:center}.inputscontact,.inputsdetails,.inputsdetailslarge,.inputsprice,input[type=date],input[type=datetime-local],input[type=email],input[type=file],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],select,textarea{font-size:16px!important}}.App{text-align:center}@media (max-width:1024px){.App,.content{height:100vh;margin:0;overflow:hidden;padding:0}.content{background-color:initial;border-radius:0;box-sizing:border-box}}.accounts-page{padding:20px}.accounts-header{margin-bottom:20px}.accounts-header h1{color:#2c3e50;font-size:2rem;margin-bottom:10px}.accounts-header p{color:#6c757d;font-size:1.1rem}.content{background-color:#f8f9fa;border-radius:8px;min-height:400px;padding:20px}@media (max-width:1024px){.accounts-page{box-sizing:border-box;height:100vh;margin:0;padding:0}.accounts-header h1{font-size:1.5rem}.content{background-color:initial!important;border-radius:0!important;box-sizing:border-box!important;height:auto!important;margin:0!important;min-height:100vh!important;overflow:visible!important;padding:0!important}}.customerlist{align-items:center;background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000000d;display:flex;flex-direction:column;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin:2rem auto;max-width:1200px;padding:2rem;width:90%}.customerlist-container{width:100%}.customerlist-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem;width:100%}.customerlist-title{color:#333;font-size:1.5rem;font-weight:600}.customerlist-create-button{align-items:center;background-color:#28a745;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.95rem;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s ease}.customerlist-create-button:hover{background-color:#218838;transform:translateY(-1px)}.customerlist-row{align-items:center;border-bottom:1px solid #eee;color:#333;cursor:pointer;display:flex;height:64px;padding:0 1rem;transition:all .2s ease;width:100%}.customerlist-scroll{border:1px solid #eee;border-radius:8px;height:65vh;margin-top:1rem;overflow-y:auto;scrollbar-color:#888 #f1f1f1;scrollbar-width:thin}.customerlist-scroll::-webkit-scrollbar{width:6px}.customerlist-scroll::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.customerlist-scroll::-webkit-scrollbar-thumb{background:#888;border-radius:3px}.customerlist-row:hover{background-color:#f8f9fa;transform:translateX(4px)}.customerlist-row-data{color:#495057;flex:1 1;font-size:.95rem;padding:0 1rem;text-align:left}.customerlist-labels{align-items:center;background:#f8f9fa;border:1px solid #eee;border-radius:8px;display:flex;flex-direction:row;margin-bottom:.5rem;padding:1rem;width:100%}.customerlist-labels-header{color:#495057;flex:1 1;font-size:.9rem;font-weight:600;letter-spacing:.5px;padding:0 1rem;text-align:left;text-transform:uppercase}.customerlist-search{align-items:flex-start;display:flex;flex-direction:column;margin-bottom:1.5rem;width:100%}.customerlist-search-input{background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;font-size:.95rem;height:44px;max-width:300px;padding:0 1rem;transition:all .2s ease;width:100%}.customerlist-search-input:focus{background-color:#fff;border-color:#80bdff;box-shadow:0 0 0 .2rem #007bff26;outline:none}.customerlist-button{align-items:center;align-self:flex-start;background-color:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;gap:.5rem;margin-bottom:1rem;padding:.5rem 1rem;transition:all .2s ease;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.customerlist-button:hover{background-color:#0056b3;transform:translateY(-1px)}.customerlist-button .back-arrow,.customerlist-button .back-text{display:inline}.customer-work-order-container{display:flex;flex-direction:column;width:100%}.customerlist-error,.customerlist-loading,.customerlist-no-results{align-items:center;background:#f8f9fa;border-radius:8px;color:#666;display:flex;font-size:1rem;height:100px;justify-content:center;margin-top:1rem;width:100%}.customerlist-error{color:#dc3545}.customerlist-no-results{color:#6c757d;font-style:italic}.customerlist-pagination{align-items:center;background:#f8f9fa;border:1px solid #eee;border-radius:8px;display:flex;justify-content:space-between;margin-top:1.5rem;padding:1rem}.customerlist-pagination-info{color:#666;font-size:.9rem;font-weight:500}.customerlist-pagination-controls{align-items:center;display:flex;gap:.5rem}.customerlist-pagination-btn{background:#fff;border:1px solid #dee2e6;border-radius:4px;color:#495057;cursor:pointer;font-size:.85rem;font-weight:500;padding:.5rem 1rem;transition:all .2s ease}.customerlist-pagination-btn:hover:not(:disabled){background-color:#e9ecef;border-color:#adb5bd}.customerlist-pagination-btn:disabled{background-color:#f8f9fa;cursor:not-allowed;opacity:.5}.customerlist-pagination-pages{display:flex;gap:.25rem;margin:0 1rem}.customerlist-pagination-page{background:#fff;border:1px solid #dee2e6;border-radius:4px;color:#495057;cursor:pointer;font-size:.85rem;font-weight:500;min-width:40px;padding:.5rem .75rem;transition:all .2s ease}.customerlist-pagination-page:hover{background-color:#e9ecef;border-color:#adb5bd}.customerlist-pagination-page.active{background-color:#007bff;border-color:#007bff;color:#fff}.customerlist-pagination-page.active:hover{background-color:#0056b3;border-color:#0056b3}@media (max-width:1024px){.customerlist{align-items:stretch!important;background-color:#f5f5f5!important;border-radius:0!important;box-shadow:none!important;box-sizing:border-box!important;display:flex!important;flex-direction:column!important;height:100vh;margin:0!important;max-width:none!important;overflow-y:auto!important;padding:0 0 80px!important;position:relative!important;width:100%!important;z-index:1!important}.customerlist-container{padding:0 5px;width:100%}.customerlist-header{display:none!important}.customerlist-mobile-button{align-items:center!important;background-color:#28a745!important;border:none!important;border-radius:50%!important;bottom:80px!important;box-shadow:0 4px 12px #0000004d!important;color:#fff!important;cursor:pointer!important;display:block!important;display:flex!important;font-size:24px!important;font-weight:700!important;height:50px!important;justify-content:center!important;position:fixed!important;right:20px!important;transition:all .3s ease!important;width:50px!important;z-index:101!important}.customerlist-mobile-button:hover{background-color:#218838!important;box-shadow:0 6px 16px #0006!important;transform:scale(1.1)!important}.customerlist-create-button{display:none!important}.customerlist-search{background-color:#f5f5f5!important;margin-bottom:8px;padding-bottom:8px 0!important;padding-top:7vh!important;position:relative!important}.customerlist-search-input{background-color:#fff!important;border:1px solid #ddd!important;border-radius:4px!important;font-size:14px!important;height:40px!important;max-width:none!important;padding:8px 12px!important;width:100%!important}.customerlist-labels{grid-gap:2px!important;background:#f5f5f5!important;border:none!important;border-radius:0!important;display:grid!important;gap:2px!important;grid-template-columns:1fr 1fr!important;margin-bottom:5px!important;padding:2px 5px!important;position:relative!important}.customerlist-labels-header{color:#666!important;font-size:.8rem!important;font-weight:500!important;letter-spacing:normal!important;padding:0!important;text-align:left!important;text-transform:none!important}.customerlist-email-data,.customerlist-email-label{display:none!important}.customerlist-row{grid-gap:5px!important;background-color:#fff!important;border-bottom:1px solid #eee!important;border-radius:0!important;display:grid!important;font-size:.9rem!important;gap:5px!important;grid-template-columns:1fr 1fr!important;height:auto!important;padding:12px 8px!important}.customerlist-row:hover{background-color:#f8f8f8!important;transform:none!important}.customerlist-row-data{font-size:.9rem!important;padding:0!important;text-align:left!important}.customerlist-scroll{border:none!important;border-radius:0!important;height:auto!important;margin-top:0!important;max-height:none!important;min-height:200px!important;overflow-y:visible!important;padding-bottom:20px!important}.customerlist-pagination{background:#f8f9fa;border:1px solid #eee;border-radius:8px;flex-direction:column;flex-shrink:0;gap:.5rem;margin-bottom:0;margin-top:5px;padding:8px;position:relative;text-align:center;z-index:1}.customerlist-pagination-controls{flex-wrap:wrap;justify-content:center}.customerlist-pagination-pages{margin:0 .5rem}.customerlist-pagination-page{min-width:35px;padding:.4rem .6rem}.customerlist-button{align-items:center!important;border-radius:50%!important;display:flex!important;font-size:1.2rem!important;height:40px!important;justify-content:center!important;margin-bottom:.5rem!important;margin-left:.5rem!important;margin-top:7vh!important;padding:.5rem!important;width:40px!important}.customerlist-button .back-text{display:none!important}.customerlist-button .back-arrow{display:inline!important}}.customerlist-mobile-button{display:none}.customerlist-create-button{display:flex}.customer-portfolio{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin:2rem auto;max-width:1200px;padding:1.5rem;width:90%}.customer-portfolio-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem}.customer-portfolio-title{color:#333;font-size:1.5rem;font-weight:600}.customer-portfolio-edit-button{background-color:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;padding:.5rem 1rem;transition:background-color .2s ease}.customer-portfolio-edit-button:hover{background-color:#0056b3}.customer-info-section{grid-gap:2rem;background:#f8f9fa;border-radius:8px;display:grid;gap:2rem;grid-template-columns:repeat(2,1fr);margin-bottom:2rem;padding:1.5rem}.customer-info-group{display:flex;flex-direction:column;gap:.5rem}.customer-info-label{color:#666;font-size:.9rem;letter-spacing:.5px;text-transform:uppercase}.customer-info-value{color:#333;font-size:1.1rem}.customer-info-edit{display:flex;flex-direction:column;gap:.5rem}.customer-info-input{border:1px solid #dee2e6;border-radius:4px;font-size:1rem;padding:.5rem}.customer-info-input:focus{border-color:#80bdff;box-shadow:0 0 0 .2rem #007bff40;outline:none}.unified-list-section{margin-top:2rem}.unified-list-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.list-type-toggle{display:flex;gap:.5rem}.list-type-button{background:#e9ecef;border:none;border-radius:4px;cursor:pointer;font-size:.9rem;padding:.5rem 1rem;transition:background-color .2s ease}.list-type-button:hover{background:#dee2e6}.list-type-button.active{background:#007bff;color:#fff}.unified-list-filters{align-items:center;background-color:#fff;border-radius:4px;box-shadow:0 1px 3px #0000001a;display:flex;flex-direction:row;flex-wrap:wrap;gap:20px;margin-bottom:20px;padding:10px}.unified-list-filter-group{align-items:center;display:flex;gap:8px;min-width:200px}.unified-list-filter-label{align-items:center;color:#333;display:flex;flex-direction:row;font-weight:500;gap:8px;min-width:80px;white-space:nowrap}.unified-list-filter-select{background-color:#fff;border:1px solid #ddd;border-radius:4px;flex:1 1;font-size:14px;height:36px;min-width:120px;padding:6px}.unified-list-search-group{align-items:center;display:flex;min-width:200px}.unified-list-search-input{background-color:#fff;border:1px solid #ddd;border-radius:4px;font-size:14px;height:36px;padding:6px;width:200px}.unified-list{border:1px solid #dee2e6;border-radius:6px;overflow:hidden}.unified-list-header-row{background:#f8f9fa;color:#495057;font-weight:600}.unified-list-header-row,.unified-list-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr;padding:1rem}.unified-list-row{border-top:1px solid #dee2e6;cursor:pointer;transition:background-color .2s ease}.unified-list-row:hover{background-color:#f8f9fa}.unified-list-cell{padding:.5rem}.new-work-order-button{background-color:#28a745;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;padding:.5rem 1rem;transition:background-color .2s ease}.new-work-order-button:hover{background-color:#218838}.archived-row{background-color:#f8f9fa;border-left:4px solid #6c757d;opacity:.7;position:relative}.archived-indicator,.archived-row:hover{background-color:#e9ecef}.archived-indicator{border-radius:3px;color:#6c757d;font-size:.85em;font-style:italic;font-weight:500;margin-left:8px;padding:2px 6px}.unified-list-pagination{align-items:center;background:#f8f9fa;border:1px solid #eee;border-radius:8px;display:flex;justify-content:space-between;margin-top:1.5rem;padding:1rem}.unified-list-pagination-info{color:#666;font-size:.9rem;font-weight:500}.unified-list-pagination-controls{align-items:center;display:flex;gap:.5rem}.unified-list-pagination-btn{background:#fff;border:1px solid #dee2e6;border-radius:4px;color:#495057;cursor:pointer;font-size:.85rem;font-weight:500;padding:.5rem 1rem;transition:all .2s ease}.unified-list-pagination-btn:hover:not(:disabled){background-color:#e9ecef;border-color:#adb5bd}.unified-list-pagination-btn:disabled{background-color:#f8f9fa;cursor:not-allowed;opacity:.5}.unified-list-pagination-pages{display:flex;gap:.25rem;margin:0 1rem}.unified-list-pagination-page{background:#fff;border:1px solid #dee2e6;border-radius:4px;color:#495057;cursor:pointer;font-size:.85rem;font-weight:500;min-width:40px;padding:.5rem .75rem;transition:all .2s ease}.unified-list-pagination-page:hover{background-color:#e9ecef;border-color:#adb5bd}.unified-list-pagination-page.active{background-color:#007bff;border-color:#007bff;color:#fff}.unified-list-pagination-page.active:hover{background-color:#0056b3;border-color:#0056b3}@media (max-width:1024px){.unified-list-filters{-webkit-overflow-scrolling:touch;align-items:center;background-color:#fff!important;box-shadow:0 2px 4px #0000001a!important;display:flex!important;flex-direction:row!important;flex-shrink:0!important;flex-wrap:nowrap!important;gap:8px;margin-bottom:5px!important;min-height:60px!important;overflow-x:auto!important;padding:8px 5px!important;position:-webkit-sticky!important;position:sticky!important;top:0!important;width:100%!important;z-index:1000!important}.unified-list-filters>*{display:block!important;flex-shrink:0!important;margin-right:8px!important;opacity:1!important;visibility:visible!important}.unified-list-filter-group{min-width:120px!important}.unified-list-filter-select{font-size:12px!important;height:32px!important;min-width:120px!important}.unified-list-filter-label{display:none!important}.customer-portfolio{background-color:#f5f5f5!important;border-radius:0!important;box-shadow:none!important;margin:0!important;max-width:none!important;min-height:calc(95vh - 40px)!important;overflow-y:auto!important;padding:10px!important;width:100%!important}.customer-portfolio-header{align-items:flex-start!important;flex-direction:column!important;gap:10px!important;margin-bottom:15px!important;padding-bottom:10px!important}.customer-portfolio-title{font-size:1.2rem!important;margin-bottom:0!important}.customer-portfolio-edit-button{align-self:flex-end!important;font-size:.8rem!important;padding:.4rem .8rem!important}.customer-info-section{gap:15px!important;grid-template-columns:1fr!important;margin-bottom:15px!important;padding:15px!important}.customer-info-group{gap:3px!important}.customer-info-label{font-size:.8rem!important}.customer-info-value{font-size:1rem!important}.customer-info-input{font-size:.9rem!important;padding:.4rem!important}.unified-list-section{margin-top:15px!important}.unified-list-header{align-items:stretch!important;flex-direction:column!important;gap:10px!important;margin-bottom:10px!important}.list-type-toggle{gap:5px!important;justify-content:center!important}.list-type-button{flex:1 1!important}.list-type-button,.new-work-order-button{font-size:.8rem!important;padding:.4rem .8rem!important}.new-work-order-button{align-self:center!important}.unified-list{border-radius:4px!important;overflow-x:auto!important}.unified-list-header-row,.unified-list-row{font-size:.8rem!important;gap:5px!important;grid-template-columns:1fr 1fr!important;padding:8px!important}.unified-list-cell{padding:4px!important;word-break:break-word!important}.unified-list-header-row .unified-list-cell:nth-child(3),.unified-list-header-row .unified-list-cell:nth-child(4),.unified-list-header-row .unified-list-cell:nth-child(5),.unified-list-header-row .unified-list-cell:nth-child(6),.unified-list-row .unified-list-cell:nth-child(3),.unified-list-row .unified-list-cell:nth-child(4),.unified-list-row .unified-list-cell:nth-child(5),.unified-list-row .unified-list-cell:nth-child(6){display:none!important}.unified-list-header-row[data-list-type=jobs],.unified-list-header-row[data-list-type=quotes],.unified-list-header-row[data-list-type=workorders],.unified-list-row[data-list-type=jobs],.unified-list-row[data-list-type=quotes],.unified-list-row[data-list-type=workorders]{grid-template-columns:1fr 1fr!important}.unified-list-pagination{margin-top:10px!important;padding:8px!important}.unified-list-pagination-info{font-size:.8rem!important}.unified-list-pagination-btn{font-size:.8rem!important;padding:.4rem .8rem!important}.unified-list-pagination-page{font-size:.8rem!important;min-width:30px!important;padding:.4rem .6rem!important}.unified-list-pagination{flex-direction:column;gap:1rem;text-align:center}.unified-list-pagination-controls{flex-wrap:wrap;justify-content:center}.unified-list-pagination-pages{margin:0 .5rem}.unified-list-pagination-page{min-width:35px;padding:.4rem .6rem}}.newcustomer-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.newcustomer-modal{animation:slideIn .3s ease-out;background:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;max-width:450px;width:90%}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.newcustomer-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:1rem 1.25rem}.newcustomer-header h2{color:#333;font-size:1.25rem;font-weight:600;margin:0}.newcustomer-close{background:none;border:none;color:#666;cursor:pointer;font-size:1.25rem;line-height:1;padding:.25rem;transition:color .2s ease}.newcustomer-close:hover{color:#333}.newcustomer-form{padding:1.25rem}.newcustomer-row{display:flex;gap:1rem;margin-bottom:1rem}.newcustomer-field{flex:1 1;margin-bottom:1rem}.newcustomer-field:last-child{margin-bottom:0}.newcustomer-field label{color:#666;display:block;font-size:.85rem;font-weight:500;margin-bottom:.4rem}.newcustomer-field input,.newcustomer-field textarea{background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:4px;box-sizing:border-box;font-size:.9rem;padding:.6rem;transition:all .2s ease;width:100%}.newcustomer-field input:focus,.newcustomer-field textarea:focus{background-color:#fff;border-color:#80bdff;box-shadow:0 0 0 .15rem #007bff26;outline:none}.newcustomer-error{background-color:#f8d7da;border-radius:4px;color:#dc3545;font-size:.85rem;margin-bottom:1rem;padding:.6rem}.newcustomer-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:1.5rem}.newcustomer-actions button{border-radius:4px;cursor:pointer;font-size:.9rem;font-weight:500;padding:.6rem 1.25rem;transition:all .2s ease}.newcustomer-actions button[type=button]{background:#fff;border:1px solid #dee2e6;color:#666}.newcustomer-actions button[type=button]:hover{background-color:#f8f9fa;color:#333}.newcustomer-actions button[type=submit]{background-color:#28a745;border:none;color:#fff}.newcustomer-actions button[type=submit]:hover{background-color:#218838;transform:translateY(-1px)}.newcustomer-actions button:disabled{cursor:not-allowed;opacity:.7;transform:none}.reports-page-wrapper{background-color:#f5f7fa;min-height:100vh;text-align:center}.reports-page-wrapper .App{overflow-x:hidden;overflow-y:auto}@media (max-width:1024px){.reports-page-wrapper .App{-webkit-overflow-scrolling:touch;height:100vh;margin:0;overflow-x:hidden;overflow-y:auto;padding:0}}.reports-page-wrapper .content{background-color:#f5f7fa;display:flex;flex-direction:column;min-height:calc(100vh - 120px);width:100%}@media (max-width:1024px){.reports-page-wrapper .content{box-sizing:border-box;flex-direction:column;height:auto;margin:0;min-height:auto;overflow-y:visible;padding:0}}.comprehensive-reports{background-color:#f5f7fa;box-sizing:border-box;min-height:100vh;overflow-x:hidden;overflow-y:auto;padding:2rem;width:100%}.reports-header{margin-bottom:2rem}.reports-title-row{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1.5rem}.reports-header h1{color:#2c3e50;font-size:2.5rem;font-weight:700;margin:0}.lock-button{background-color:#dc3545;border:none;border-radius:8px;box-shadow:0 2px 8px #dc35454d;color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease;white-space:nowrap}.lock-button:hover{background-color:#c82333;box-shadow:0 4px 12px #dc354566;transform:translateY(-2px)}.lock-button:active{transform:translateY(0)}.report-controls{display:flex;flex-direction:column;gap:1rem}.period-buttons,.tab-buttons{display:flex;flex-wrap:wrap;gap:1rem}.period-buttons button,.tab-buttons button{background-color:#fff;border:2px solid #e1e8ed;border-radius:8px;box-shadow:0 2px 4px #0000000d;color:#495057;cursor:pointer;font-size:.95rem;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.period-buttons button:hover,.tab-buttons button:hover{background-color:#f8f9fa;border-color:#007bff;box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.period-buttons button.active,.tab-buttons button.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;box-shadow:0 4px 12px #667eea66;color:#fff}.summary-stats{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem}.stat-card{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;box-shadow:0 4px 12px #0000001a;color:#fff;padding:1.5rem;transition:transform .3s ease,box-shadow .3s ease}.stat-card:hover{box-shadow:0 8px 20px #00000026;transform:translateY(-5px)}.stat-label{font-size:.9rem;font-weight:500;letter-spacing:.5px;margin-bottom:.5rem;opacity:.9;text-transform:uppercase}.stat-value{font-size:2rem;font-weight:700;margin:0}.charts-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));margin-top:2rem}.chart-container{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;padding:1.5rem;transition:transform .3s ease,box-shadow .3s ease}.chart-container:hover{box-shadow:0 8px 20px #0000001f;transform:translateY(-5px)}.chart-container h3{border-bottom:3px solid #667eea;color:#2c3e50;font-size:1.4rem;font-weight:600;margin-bottom:1.5rem;padding-bottom:.5rem}.custom-tooltip{background:#fff;border:1px solid #e1e8ed;border-radius:8px;box-shadow:0 4px 12px #00000026;padding:1rem}.custom-tooltip .label{color:#2c3e50;font-weight:600;margin-bottom:.5rem}.custom-tooltip p{font-size:.9rem;margin:.25rem 0}.customers-table{-webkit-overflow-scrolling:touch;overflow-x:auto;width:100%}.customers-table table{border-collapse:collapse;min-width:500px;width:100%}.customers-table th{background-color:#f8f9fa;border-bottom:2px solid #dee2e6;color:#495057;font-weight:600;padding:1rem;position:-webkit-sticky;position:sticky;text-align:left;top:0}.customers-table td{border-bottom:1px solid #e9ecef;color:#212529;padding:1rem}.customers-table tr:hover{background-color:#f8f9fa}.customers-table tr:nth-child(2n){background-color:#fafbfc}.error-message,.loading-message{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;font-size:1.2rem;margin:2rem auto;max-width:600px;padding:3rem;text-align:center}.loading-message{color:#667eea}.error-message{border:2px solid #dc3545;color:#dc3545}@media (max-width:1200px){.charts-grid{grid-template-columns:1fr}}@media (max-width:1024px){.comprehensive-reports{height:auto;min-height:auto;overflow-x:hidden;overflow-y:visible;padding:80px 1rem 100px}.reports-title-row{align-items:flex-start;flex-direction:column}.reports-header h1{font-size:1.8rem}.lock-button{justify-content:center;width:100%}.period-buttons,.tab-buttons{-webkit-overflow-scrolling:touch;flex-direction:column;overflow-x:auto}.period-buttons button,.tab-buttons button{flex-shrink:0;width:100%}.summary-stats{grid-template-columns:1fr}.stat-value{font-size:1.5rem}.charts-grid{gap:1.5rem;grid-template-columns:1fr}.chart-container{-webkit-overflow-scrolling:touch;overflow-x:auto;padding:1rem}.chart-container h3{font-size:1.2rem}.customers-table{-webkit-overflow-scrolling:touch;font-size:.9rem;overflow-x:auto}.customers-table td,.customers-table th{padding:.75rem .5rem}}@media (max-width:480px){.comprehensive-reports{overflow-y:visible;padding:80px .5rem 100px}.reports-header h1{font-size:1.5rem}.stat-card{padding:1rem}.stat-value{font-size:1.3rem}.chart-container{-webkit-overflow-scrolling:touch;overflow-x:auto;padding:.75rem}.chart-container h3{font-size:1.1rem}.customers-table{-webkit-overflow-scrolling:touch;font-size:.8rem;overflow-x:auto}.customers-table td,.customers-table th{padding:.5rem .25rem;white-space:nowrap}.period-buttons{-webkit-overflow-scrolling:touch;flex-direction:row;flex-wrap:nowrap;overflow-x:auto;padding-bottom:.5rem}.period-buttons button{min-width:150px;width:auto}}.password-prompt{background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;margin:4rem auto;max-width:500px;padding:2.5rem;text-align:center}.password-prompt h2{color:#2c3e50;font-size:2rem;font-weight:700;margin-bottom:1rem}.password-prompt p{color:#6c757d;font-size:1rem;margin-bottom:2rem}.password-input-group{display:flex;gap:.75rem;margin-bottom:1rem}.password-input-group input{border:2px solid #e1e8ed;border-radius:8px;flex:1 1;font-size:1rem;padding:.875rem 1rem;transition:all .3s ease}.password-input-group input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.password-input-group input:disabled{background-color:#f8f9fa;cursor:not-allowed}.password-input-group button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;box-shadow:0 4px 12px #667eea4d;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.875rem 1.75rem;transition:all .3s ease}.password-input-group button:hover:not(:disabled){box-shadow:0 6px 16px #667eea66;transform:translateY(-2px)}.password-input-group button:disabled{cursor:not-allowed;opacity:.6;transform:none}.password-error{background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:6px;color:#dc3545;font-size:.9rem;margin-top:1rem;padding:.75rem}@media print{.comprehensive-reports{background-color:#fff;padding:0}.report-controls{display:none}.chart-container{break-inside:avoid;page-break-inside:avoid}.chart-container,.stat-card{border:1px solid #dee2e6;box-shadow:none}}.quickbooks-callback{align-items:center;background-color:#f8f9fa;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;justify-content:center;min-height:100vh}.callback-container{background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;max-width:500px;padding:40px;text-align:center;width:90%}.callback-header h1{color:#2c3e50;font-size:2rem;margin-bottom:30px}.callback-content{justify-content:center;min-height:200px}.callback-content,.processing{align-items:center;display:flex;flex-direction:column}.processing{gap:20px}.spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#007bff;height:40px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.processing p{color:#6c757d;font-size:1.1rem;margin:0}.success{flex-direction:column;gap:20px}.success,.success-icon{align-items:center;display:flex}.success-icon{background-color:#28a745;border-radius:50%;color:#fff;font-size:2rem;font-weight:700;height:60px;justify-content:center;width:60px}.success h2{color:#28a745;font-size:1.5rem;margin:0}.success p{color:#6c757d;font-size:1rem;margin:5px 0}.error{flex-direction:column;gap:20px}.error,.error-icon{align-items:center;display:flex}.error-icon{background-color:#dc3545;border-radius:50%;color:#fff;font-size:2rem;font-weight:700;height:60px;justify-content:center;width:60px}.error h2{color:#dc3545;font-size:1.5rem;margin:0}.error p{color:#6c757d;font-size:1rem;margin:5px 0}.retry-btn{background-color:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;margin-top:10px;padding:12px 24px;transition:background-color .3s ease}.retry-btn:hover{background-color:#0056b3}@media (max-width:1024px){.callback-container{margin:20px;padding:30px 20px}.callback-header h1{font-size:1.5rem}.error-icon,.success-icon{font-size:1.5rem;height:50px;width:50px}}.legal-container{-webkit-overflow-scrolling:touch;background-color:#f5f5f5;height:100vh;min-height:100vh;overflow-x:hidden;overflow-y:auto;padding:40px 20px}.legal-content{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin:0 auto 40px;max-width:900px;padding:60px}.legal-content h1{border-bottom:3px solid #4caf50;color:#333;font-size:36px;margin-bottom:10px;padding-bottom:15px}.legal-date{color:#666;font-size:14px;font-style:italic}.legal-content section,.legal-date{margin-bottom:40px}.legal-content h2{color:#333;font-size:24px;margin-bottom:15px;margin-top:30px}.legal-content h3{color:#444;font-size:18px;margin-bottom:10px;margin-top:20px}.legal-content p{color:#555;font-size:16px;line-height:1.8;margin-bottom:15px}.legal-content ul{margin-bottom:15px;margin-left:30px}.legal-content li{color:#555;font-size:16px;line-height:1.8;margin-bottom:10px}.legal-content strong{color:#333;font-weight:600}@media (max-width:768px){.legal-content{padding:30px 20px}.legal-content h1{font-size:28px}.legal-content h2{font-size:20px}.legal-content h3{font-size:16px}.legal-content li,.legal-content p{font-size:14px}}
/*# sourceMappingURL=main.abc16132.css.map*/