body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.navbar{align-items:center;background-color:var(--color-ivory);box-shadow:0 2px 4px #0000001a;color:var(--color-copper-brown);display:flex;justify-content:space-between;padding:1rem 2rem}.navbar-logo{font-family:Rosemartin,sans-serif;font-size:1.5rem;font-weight:700}.navbar button{background-color:var(--color-copper-brown);border:none;border-radius:4px;color:#fff;cursor:pointer;font-family:Neue Regrade,sans-serif;font-size:1rem;padding:.5rem 1rem;transition:background-color .2s ease}.navbar button:hover{background-color:var(--color-cocoa-brown)}.login-page{align-items:center;background-color:var(--color-ivory);display:flex;justify-content:center;min-height:100vh}.login-container{background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;padding:2rem;text-align:center;width:400px}.login-container h2{color:var(--color-copper-brown);font-family:Rosemartin,sans-serif;font-size:1.7rem;margin-bottom:1.5rem}.form-group{margin-bottom:1.2rem;text-align:left}.form-group label{font-size:1rem}.form-group input{border:1px solid var(--color-ash-gray);border-radius:4px;box-sizing:border-box;padding:.75rem;width:100%}.form-group input,.login-container button{font-family:Neue Regrade,sans-serif;font-size:1rem}.login-container button{background-color:var(--color-copper-brown);border:none;border-radius:4px;color:#fff;cursor:pointer;margin-top:.5rem;padding:.75rem 1.5rem;transition:background-color .2s ease}.login-container button:hover{background-color:var(--color-cocoa-brown)}.login-type{display:flex;justify-content:center;margin-bottom:1.5rem}.login-type label{align-items:center;color:var(--color-cocoa-brown);display:flex;font-family:Neue Regrade,sans-serif;margin:0 1rem}.login-type input[type=radio]{margin-right:.3rem}.signup-button{background-color:var(--color-golden-sand);border:none;border-radius:4px;color:var(--color-copper-brown);cursor:pointer;font-family:Neue Regrade,sans-serif;font-size:.9rem;margin-top:1rem;padding:.5rem 1rem;transition:background-color .2s ease}.signup-button:hover{background-color:var(--color-ash-gray)}.login-container>button{display:block;margin:1rem auto}.modal{align-items:center;background-color:#00000080;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.modal-content{background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0003;padding:2rem;position:relative;text-align:center;width:400px}.modal-content h3{color:var(--color-copper-brown);font-family:Rosemartin,sans-serif;font-size:1.5rem;margin-bottom:1.5rem}.modal .form-group{margin-bottom:1.2rem;text-align:left}.modal .form-group label{color:var(--color-cocoa-brown);display:block;margin-bottom:.5rem}.modal .form-group input,.modal .form-group label{font-family:Neue Regrade,sans-serif;font-size:1rem}.modal .form-group input{border:1px solid var(--color-ash-gray);border-radius:4px;box-sizing:border-box;padding:.75rem;width:100%}.close{color:var(--color-cocoa-brown);font-size:1.5rem;font-weight:700;position:absolute;right:1rem;top:.5rem}.card,.close{cursor:pointer}.card{background:linear-gradient(145deg,#f8f8f8,#e0e0e0);border-radius:12px;box-shadow:3px 3px 6px #a3b1c699,-3px -3px 6px #fffc;color:inherit;display:flex;flex-direction:column;justify-content:space-between;margin:0;max-width:300px;padding:2rem;position:relative;text-align:center;text-decoration:none;transition:transform .3s ease,box-shadow .3s ease,background-color .3s ease;width:100%}.card:hover{box-shadow:5px 5px 10px #a3b1c6cc,-5px -5px 10px #fff;transform:translateY(-5px)}.card:hover h3{color:#7a4329}.card h3{color:var(--color-copper-brown);font-family:Rosemartin,sans-serif;font-size:1.25rem;letter-spacing:.05em;margin-bottom:1rem}.card p{color:var(--color-cocoa-brown);font-family:Neue Regrade,sans-serif;font-size:.9rem;margin:0}.card-icon{color:var(--color-copper-brown);font-size:2rem;left:1rem;margin-bottom:1rem;position:absolute;top:1rem}.card a{color:inherit;text-decoration:none}.sidebar{background-color:var(--color-ivory);box-shadow:2px 0 5px #0000001a;height:100vh;overflow-y:auto;padding:1rem;position:sticky;top:0;width:250px}.sidebar ul{list-style:none;margin:0;padding:0}.sidebar-item{align-items:center;border-bottom:1px solid #e0e0e0;cursor:pointer;display:flex;justify-content:space-between;padding:.85rem .75rem;transition:background-color .2s ease}.sidebar-item-content{align-items:center;color:var(--color-cocoa-brown);display:flex;font-family:Neue Regrade,sans-serif;font-size:.95rem;gap:12px}.sidebar-item:hover,.sidebar-link-item:hover .sidebar-item{background-color:var(--color-ash-gray)}.sidebar-item:hover .sidebar-item-content,.sidebar-link-item:hover .sidebar-item .sidebar-item-content{color:var(--color-copper-brown)}.sidebar-link-item{color:inherit;display:block;text-decoration:none}.dropdown{background-color:#fdfcf5;padding-left:1rem}.dropdown li{border-bottom:1px solid #e8e7e1;padding:0}.dropdown li:last-child{border-bottom:none}.dropdown a{color:var(--color-cocoa-brown);display:block;font-size:.9rem;padding:.7rem 1.5rem;text-decoration:none;transition:color .2s ease,background-color .2s ease}.dropdown a:hover{background-color:var(--color-ash-gray);color:var(--color-copper-brown)}.dashboard-container{display:flex}.dashboard{flex-grow:1;margin:0 auto;max-width:1200px;padding:3rem;text-align:center;width:100%}.dashboard h2{color:var(--color-copper-brown);font-family:Rosemartin,sans-serif;margin-bottom:2rem}.card-container{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(2,1fr);justify-items:center;margin-top:1rem}.enter-new-product{margin:0 auto;max-width:800px;padding:2rem;text-align:left}.enter-new-product h2{color:var(--color-copper-brown);font-family:Rosemartin,sans-serif;margin-bottom:1.5rem;text-align:center}.product-form{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.enter-new-product .form-group{margin-bottom:0}.enter-new-product label{color:var(--color-cocoa-brown);display:block;font-family:Neue Regrade,sans-serif;margin-bottom:.5rem}.enter-new-product input,.enter-new-product select{border:1px solid var(--color-ash-gray);border-radius:4px;box-sizing:border-box;font-family:Neue Regrade,sans-serif;font-size:1rem;padding:.75rem;width:100%}.enter-new-product select{-webkit-appearance:none;appearance:none;background-color:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath fill='%23A05831' d='M7.41 8.59 12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;background-size:1em}.enter-new-product select:focus{border-color:var(--color-copper-brown);box-shadow:0 0 0 2px #a0583166;outline:none}.enter-new-product button{background-color:var(--color-copper-brown);border:none;border-radius:4px;color:#fff;cursor:pointer;font-family:Neue Regrade,sans-serif;font-size:1rem;grid-column:1/-1;justify-self:center;padding:.75rem 1.5rem;transition:background-color .2s ease;width:fit-content}.enter-new-product button:hover{background-color:var(--color-cocoa-brown)}.enter-new-product .error-message{color:red;font-family:Neue Regrade,sans-serif;margin-bottom:1rem;text-align:center}.manage-existing-products{padding:2rem;text-align:center}.manage-existing-products h2{color:var(--color-copper-brown);font-family:Rosemartin,sans-serif;margin-bottom:1.5rem}.management-options{margin-bottom:1rem}.management-options button{background-color:var(--color-copper-brown);border:none;border-radius:4px;color:#fff;cursor:pointer;font-family:Neue Regrade,sans-serif;font-size:.9rem;margin:0 .5rem;padding:.5rem 1rem;transition:background-color .2s ease}.management-options button:hover{background-color:var(--color-cocoa-brown)}.modal-overlay{align-items:center;background-color:#0009;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.modal{background-color:#fff;border-radius:12px;box-shadow:0 4px 8px #0003;display:flex;flex-direction:column;max-height:80vh;max-width:500px;overflow-y:auto;padding:2rem;position:relative;text-align:left;width:90%}.modal>:first-child{margin-top:0}.modal>:last-child{margin-bottom:0}.modal h3{color:var(--color-copper-brown);font-family:Rosemartin,sans-serif;font-size:1.25rem;margin-bottom:1.5rem;text-align:center}.modal-table{border-collapse:collapse;margin-bottom:1rem;margin-top:auto;width:100%}.modal-table td,.modal-table th{border-bottom:1px solid #ddd;padding:.75rem;text-align:left}.modal-table th{background-color:var(--color-ash-gray);color:var(--color-copper-brown);font-family:Neue Regrade,sans-serif;font-weight:700}.modal-table tr:last-child td{border-bottom:none}.modal-table td:last-child{text-align:right}.modal-table td{color:var(--color-cocoa-brown);font-family:Neue Regrade,sans-serif}.modal input[type=text]{border:1px solid var(--color-ash-gray);border-radius:4px;box-sizing:border-box;font-family:Neue Regrade,sans-serif;font-size:1rem;padding:.75rem;width:100%}.input-group{align-items:center;display:flex;gap:.5rem;margin-bottom:1rem;margin-top:auto}.input-group button{flex-shrink:0}.delete-button,.edit-button,.modal button{background-color:var(--color-copper-brown);border:none;border-radius:4px;color:#fff;cursor:pointer;font-family:Neue Regrade,sans-serif;font-size:.9rem;margin-left:.5rem;padding:.5rem 1rem;transition:background-color .2s ease}.delete-button:hover,.edit-button:hover,.modal button:hover{background-color:var(--color-cocoa-brown)}.close-button,.modal-close-button{background-color:var(--color-golden-sand);border:none;border-radius:4px;color:var(--color-copper-brown);cursor:pointer;font-family:Neue Regrade,sans-serif;font-size:1.2rem;font-weight:700;line-height:1;padding:.3rem .6rem;position:absolute;right:1rem;top:1rem;transition:background-color .2s;z-index:1001}.close-button:hover,.modal-close-button:hover{background-color:#d4b66d}.cancel-edit-button{background-color:#f0f0f0!important;border:1px solid #ccc!important;color:var(--color-charcoal)!important}.cancel-edit-button:hover{background-color:#e0e0e0!important}.manage-existing-products table{border-collapse:collapse;margin-bottom:2rem;width:100%}.manage-existing-products td,.manage-existing-products th{border-bottom:1px solid var(--color-ash-gray);padding:.75rem;text-align:left}.manage-existing-products th{background-color:var(--color-ivory);font-weight:700}.manage-existing-products td,.manage-existing-products th{color:var(--color-cocoa-brown);font-family:Neue Regrade,sans-serif}.manage-existing-products .delete-button,.manage-existing-products .edit-button{background-color:var(--color-copper-brown);border:none;border-radius:4px;color:#fff;cursor:pointer;font-family:Neue Regrade,sans-serif;font-size:.9rem;margin-right:.5rem;padding:.5rem 1rem;transition:background-color .2s ease}.manage-existing-products .error-message{color:red;font-family:Neue Regrade,sans-serif;margin-bottom:1rem;text-align:center}.product-management-container{display:flex}.product-management{flex-grow:1;padding:2rem;text-align:center;width:100%}.product-management h2{color:var(--color-copper-brown);font-family:Rosemartin,sans-serif;margin-bottom:1.5rem}.product-management-options{display:flex;flex-wrap:wrap;justify-content:center;margin-top:2rem}.product-management-header{align-items:center;display:flex;justify-content:space-between}.product-management-navigation{display:flex;justify-content:center;margin-bottom:2rem}.product-management-navigation button{background-color:var(--color-copper-brown);border:none;border-radius:4px;color:#fff;cursor:pointer;font-family:Neue Regrade,sans-serif;font-size:1rem;margin:0 .5rem;padding:.75rem 1.5rem;transition:background-color .2s ease}.product-management-navigation button:hover{background-color:var(--color-cocoa-brown)}.product-management-navigation button.active{background-color:var(--color-golden-sand);color:var(--color-copper-brown)}.customer-management-container{display:flex}.customer-management{flex-grow:1;padding:2rem;text-align:center;width:100%}.customer-management-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.customer-management-heading{color:var(--color-copper-brown);font-family:Rosemartin,sans-serif;margin-bottom:0}.customer-management-options{display:flex;flex-wrap:wrap;justify-content:center}.manage-customers-container{display:flex;height:calc(100vh - 60px)}.manage-customers{flex-grow:1;overflow-y:auto;padding:1.5rem;text-align:center;width:100%}.manage-customers-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding:0 .5rem}.manage-customers h2{color:var(--color-copper-brown);flex-grow:1;font-family:Rosemartin,sans-serif;margin-bottom:0;text-align:left}.search-bar{font-family:Neue Regrade,sans-serif;font-size:.9rem;min-width:250px;padding:.6rem .8rem}.search-bar,.table-wrapper{border:1px solid var(--color-ash-gray);border-radius:4px}.table-wrapper{margin-bottom:1rem;overflow-x:auto;width:100%}.manage-customers table{border-collapse:collapse;min-width:1200px;width:100%}.manage-customers td,.manage-customers th{border-bottom:1px solid var(--color-ash-gray);padding:.75rem 1rem;text-align:left;white-space:nowrap}.manage-customers td.address-cell{max-width:250px;min-width:150px;white-space:normal;word-break:break-word}.manage-customers th{background-color:var(--color-ivory);font-weight:700;position:sticky;top:0;z-index:10}.manage-customers td,.manage-customers th{color:var(--color-cocoa-brown);font-family:Neue Regrade,sans-serif}.manage-customers td{font-size:.9rem}.manage-customers tr:hover{background-color:#f9f9f9}.cancel-button,.manage-customers .delete-button,.manage-customers .edit-button,.update-button{background-color:var(--color-copper-brown);border:none;border-radius:4px;color:#fff;cursor:pointer;font-family:Neue Regrade,sans-serif;font-size:.85rem;margin-right:.5rem;padding:.4rem .8rem;transition:background-color .2s ease;white-space:nowrap}.manage-customers .delete-button{background-color:#c0392b}.manage-customers .delete-button:hover{background-color:#a93226}.cancel-button:hover,.manage-customers .edit-button:hover,.update-button:hover{background-color:var(--color-cocoa-brown)}.cancel-button{color:var(--color-cocoa-brown)}.cancel-button:hover{background-color:#d8d7d2}.manage-customers .error-message{color:red;font-family:Neue Regrade,sans-serif;margin-bottom:1rem;text-align:center}.manage-customers .edit-row input[type=date],.manage-customers .edit-row input[type=email],.manage-customers .edit-row input[type=text],.manage-customers .edit-row select,.manage-customers .edit-row textarea{border:1px solid var(--color-ash-gray);border-radius:4px;box-sizing:border-box;font-family:Neue Regrade,sans-serif;font-size:.9rem;padding:.5rem;width:100%}.manage-customers .edit-row textarea{min-height:40px;resize:vertical}.manage-customers .edit-row select{-webkit-appearance:none;appearance:none;background-color:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath fill='%23A05831' d='M7.41 8.59 12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z'/%3E%3C/svg%3E");background-position:right .5rem center;background-repeat:no-repeat;background-size:.8em}.manage-customers .edit-row input:focus,.manage-customers .edit-row select:focus,.manage-customers .edit-row textarea:focus{border-color:var(--color-copper-brown);box-shadow:0 0 0 2px #a0583133;outline:none}.enter-customer-details-container{display:flex}.enter-customer-details{flex-grow:1;margin:0 auto;max-width:800px;padding:2rem;text-align:left;width:100%}.enter-customer-details-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.enter-customer-details-heading{color:var(--color-copper-brown);font-family:Rosemartin,sans-serif;margin-bottom:0;text-align:center;width:100%}.form-card{background-color:#fff;border-radius:12px;box-shadow:3px 3px 6px #a3b1c699,-3px -3px 6px #fffc;padding:2rem}.customer-form{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.enter-customer-details .form-group{margin-bottom:0}.enter-customer-details label{color:var(--color-cocoa-brown);display:block;font-family:Neue Regrade,sans-serif;margin-bottom:.5rem}.enter-customer-details input,.enter-customer-details select{border:1px solid var(--color-ash-gray);border-radius:4px;box-sizing:border-box;font-family:Neue Regrade,sans-serif;font-size:1rem;padding:.75rem;width:100%}.enter-customer-details select{-webkit-appearance:none;appearance:none;background-color:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath fill='%23A05831' d='M7.41 8.59 12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;background-size:1em}.enter-customer-details select:focus{border-color:var(--color-copper-brown);box-shadow:0 0 0 2px #a0583166;outline:none}.enter-customer-details .add-customer-button{background-color:var(--color-copper-brown);border:none;border-radius:4px;color:#fff;cursor:pointer;font-family:Neue Regrade,sans-serif;font-size:1rem;grid-column:1/-1;justify-self:center;padding:.75rem 1.5rem;transition:background-color .2s ease;width:fit-content}.enter-customer-details .add-customer-button:hover{background-color:var(--color-cocoa-brown)}.enter-customer-details .error-message{color:red;font-family:Neue Regrade,sans-serif;margin-bottom:1rem;text-align:center}.manage-customers-button{background-color:var(--color-copper-brown);border:none;border-radius:4px;color:#fff;cursor:pointer;font-family:Neue Regrade,sans-serif;font-size:1rem;padding:.75rem 1.5rem;text-decoration:none;transition:background-color .2s ease}.manage-customers-button:hover{background-color:var(--color-cocoa-brown)}.user-management-container{padding:2rem;text-align:center}.user-management-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.user-management-heading{color:var(--color-copper-brown);font-family:Rosemartin,sans-serif;margin-bottom:0}.user-management-options{display:flex;flex-wrap:wrap;justify-content:center}.create-users-container{padding:2rem;text-align:left}.create-users-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.create-users-heading{color:var(--color-copper-brown);flex-grow:1;font-family:Rosemartin,sans-serif;margin-bottom:0;text-align:center}.create-users-form{margin:0 auto;max-width:500px}.form-group{margin-bottom:1rem}.form-group label{color:var(--color-cocoa-brown);margin-bottom:.5rem}.form-input{border:1px solid var(--color-ash-gray);border-radius:4px;box-sizing:border-box;font-family:Neue Regrade,sans-serif;font-size:1rem;line-height:1.5;padding:.75rem;width:100%}.form-input:disabled{background-color:#f5f5f5;cursor:not-allowed;opacity:.7}.checkbox-group{display:flex;flex-direction:column}.checkbox-label{align-items:center;color:var(--color-cocoa-brown);cursor:pointer;display:flex;font-family:Neue Regrade,sans-serif;margin-bottom:.5rem}.checkbox-input{cursor:pointer;height:0;opacity:0;position:absolute;width:0}.checkbox-custom{background-color:#eee;border:1px solid var(--color-ash-gray);border-radius:3px;height:1.25rem;left:0;margin-right:.5rem;position:relative;top:0;width:1.25rem}.checkbox-label:hover .checkbox-custom{background-color:#ccc}.checkbox-input:checked~.checkbox-custom{background-color:var(--color-copper-brown);border-color:var(--color-copper-brown)}.checkbox-custom:after{content:"";display:none;position:absolute}.checkbox-input:checked~.checkbox-custom:after{display:block}.checkbox-label .checkbox-custom:after{border:solid #fff;border-width:0 3px 3px 0;height:50%;left:40%;top:15%;transform:translate(-50%,-50%) rotate(45deg);width:20%}.create-user-button{background-color:var(--color-copper-brown);border:none;border-radius:4px;color:#fff;cursor:pointer;display:block;font-family:Neue Regrade,sans-serif;font-size:1rem;margin-top:1rem;padding:.75rem 1.5rem;width:100%}.create-user-button:hover{background-color:var(--color-cocoa-brown)}.create-user-button:disabled{background-color:var(--color-ash-gray);cursor:not-allowed;opacity:.7}.role-toggle{display:flex;gap:.5rem;margin-top:.25rem}.role-button{background-color:#fff;border:2px solid var(--color-ash-gray);border-radius:4px;color:var(--color-cocoa-brown);cursor:pointer;flex:1 1;font-family:Neue Regrade,sans-serif;font-size:1rem;padding:.6rem 1rem;transition:all .2s ease}.role-button.active,.role-button:hover{border-color:var(--color-copper-brown)}.role-button.active{background-color:var(--color-copper-brown);color:#fff}.role-button:disabled{cursor:not-allowed;opacity:.7}.manage-user-rights-container{padding:2rem;text-align:center}.manage-user-rights-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.manage-user-rights-heading{color:var(--color-copper-brown);flex-grow:1;font-family:Rosemartin,sans-serif;margin-bottom:0;text-align:center}.manage-user-rights-container table{border-collapse:collapse;margin-top:1rem;width:100%}.manage-user-rights-container td,.manage-user-rights-container th{border-bottom:1px solid var(--color-ash-gray);padding:.75rem;text-align:left}.manage-user-rights-container th{background-color:var(--color-ivory);font-weight:700}.manage-user-rights-container td,.manage-user-rights-container th{color:var(--color-cocoa-brown);font-family:Neue Regrade,sans-serif}.cancel-button,.delete-button,.edit-button,.reset-password-button,.save-button{background-color:var(--color-copper-brown);border:none;border-radius:4px;color:#fff;cursor:pointer;font-family:Neue Regrade,sans-serif;font-size:.9rem;margin-bottom:.25rem;margin-right:.5rem;padding:.5rem 1rem;transition:background-color .2s ease}.cancel-button:hover,.delete-button:hover,.edit-button:hover,.reset-password-button:hover,.save-button:hover{background-color:var(--color-cocoa-brown)}.cancel-button{background-color:var(--color-ash-gray)}.reset-password-button{background-color:#007bff}.reset-password-button:hover{background-color:#0056b3}.delete-button{background-color:#dc3545}.delete-button:hover{background-color:#c82333}.edit-input{border:1px solid var(--color-ash-gray);border-radius:4px;font-family:Neue Regrade,sans-serif;font-size:.9rem;padding:.5rem;width:90%}.error-message{color:red;margin-bottom:1rem}.success-message{background-color:#d4edda;border:1px solid #c3e6cb;color:green;margin-bottom:1rem;padding:.75rem}.back-button{background-color:var(--color-copper-brown);border:none;border-radius:4px;color:#fff;cursor:pointer;font-family:Neue Regrade,sans-serif;font-size:1rem;padding:.75rem 1.5rem;transition:background-color .2s ease}.back-button:hover{background-color:var(--color-cocoa-brown)}.billing-content-area{flex-grow:1;overflow-y:auto;padding:2rem;text-align:center;width:100%}.billing-header{align-items:center;display:flex;justify-content:center;margin-bottom:2rem}.billing-heading{color:var(--color-copper-brown);font-family:Rosemartin,sans-serif;font-size:2rem;margin:0}.billing-options{display:flex;flex-wrap:wrap;gap:2.5rem;justify-content:center;margin-top:1.5rem}.billing-options .card{max-width:320px;min-height:180px}.billing-container,.calculate-quote-container{display:flex;min-height:calc(100vh - 60px)}.calculate-quote-content{background-color:#f9f9f9;flex:1 1;overflow-y:auto;padding:30px}.calculate-quote-header{align-items:center;border-bottom:1px solid var(--color-ash-gray);display:flex;justify-content:space-between;margin-bottom:25px;padding-bottom:15px}.calculate-quote-heading{color:var(--color-copper-brown);font-family:Rosemartin,sans-serif;font-size:1.8rem;margin:0}.unit-disclaimer-message{background-color:#fffbe6;border:1px solid #ffe58f;border-left:4px solid #faad14;border-radius:4px;color:#614700;font-family:Neue Regrade,sans-serif;font-size:.9rem;margin-bottom:25px;padding:15px 20px}.unit-disclaimer-message strong{color:#d46b08}.unit-disclaimer-message ul{list-style-type:disc;margin-bottom:8px;margin-top:8px;padding-left:25px}.unit-disclaimer-message li{margin-bottom:4px}.management-buttons-container{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:20px}.manage-button{background-color:var(--color-charcoal);border:none;border-radius:4px;color:#fff;cursor:pointer;font-family:Neue Regrade,sans-serif;font-size:.9rem;padding:10px 20px;transition:background-color .3s}.manage-button:hover{background-color:#2a3740}.manage-button:disabled{background-color:var(--color-ash-gray);cursor:not-allowed;opacity:.7}.add-quote-area-section{margin-bottom:25px}.add-button{align-items:center;background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;display:inline-flex;font-family:Neue Regrade,sans-serif;font-size:1rem;padding:12px 20px;transition:background-color .3s}.add-button:hover{background-color:#45a049}.add-button:disabled{background-color:#a5d6a7;cursor:not-allowed;opacity:.7}.add-area-form{background-color:#fff;border:1px solid var(--color-ash-gray);border-radius:8px;box-shadow:0 2px 8px #0000001a;margin-top:15px;padding:20px}.form-group label{margin-bottom:8px}.form-group input,.form-group select{font-size:.95rem;padding:10px 12px}.form-group select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath fill='%23A05831' d='M7.41 8.59 12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;background-size:1em;padding-right:2.5rem}.form-group input:disabled,.form-group select:disabled{background-color:#f5f5f5;cursor:not-allowed}.full-width-group{flex-basis:100%;width:100%}.form-row-actions{border-top:1px solid var(--color-ash-gray);display:flex;gap:15px;justify-content:flex-end;margin-top:20px;padding-top:15px}.confirm-add-button{background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;font-family:Neue Regrade,sans-serif;font-size:.95rem;padding:10px 18px;transition:background-color .3s}.confirm-add-button:hover{background-color:#45a049}.confirm-add-button:disabled{background-color:#a5d6a7;cursor:not-allowed;opacity:.7}.cancel-add-button{background-color:#f0f0f0;border:1px solid #ccc;border-radius:4px;color:#333;cursor:pointer;font-family:Neue Regrade,sans-serif;font-size:.95rem;padding:10px 18px;transition:background-color .3s}.cancel-add-button:hover{background-color:#e0e0e0}.cancel-add-button:disabled{cursor:not-allowed;opacity:.6}.quote-items-list{margin-bottom:30px}.no-items-message{background-color:var(--color-ivory);border:1px dashed var(--color-ash-gray);border-radius:8px;color:var(--color-cocoa-brown);font-family:Neue Regrade,sans-serif;font-style:italic;padding:25px;text-align:center}.selected-customer-info{padding:8px 15px}.selected-customer-info h3{font-size:1rem;margin:0 0 5px}.selected-customer-info p{margin:0}.quote-actions-container{align-items:center;border-top:1px solid var(--color-ash-gray);display:flex;justify-content:space-between;margin-top:30px;padding-top:20px}.quote-total{color:var(--color-charcoal);font-size:1.2rem;font-weight:500}.quote-buttons{display:flex;gap:15px}.save-quote-button{background-color:var(--color-golden-sand);border:none;border-radius:4px;box-shadow:0 2px 4px #0000001a;color:var(--color-charcoal);cursor:pointer;font-family:Neue Regrade,sans-serif;font-size:1rem;font-weight:500;padding:12px 25px;transition:all .3s ease}.save-quote-button:hover:not(:disabled){background-color:#e0c068;box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.save-quote-button:disabled{box-shadow:none;cursor:not-allowed;opacity:.7;transform:none}.finalize-button{background-color:var(--color-copper-brown);border:none;border-radius:4px;box-shadow:0 2px 4px #0000001a;color:#fff;cursor:pointer;font-family:Neue Regrade,sans-serif;font-size:1rem;font-weight:500;padding:12px 30px;transition:all .3s ease}.finalize-button:hover:not(:disabled){background-color:var(--color-cocoa-brown);box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.finalize-button:active:not(:disabled){box-shadow:0 2px 4px #0000001a;transform:translateY(0)}.finalize-button:disabled{background-color:var(--color-ash-gray);box-shadow:none;color:#888;cursor:not-allowed;opacity:.7;transform:none}@media (max-width:768px){.calculate-quote-content{padding:20px}.calculate-quote-header{align-items:flex-start;flex-direction:column;gap:15px;padding-bottom:20px}.calculate-quote-heading{font-size:1.6rem}.management-buttons-container{flex-direction:column;gap:10px}.manage-button{text-align:center;width:100%}.add-area-form{padding:15px}.form-row{margin-bottom:10px}.form-row,.form-row-actions{flex-direction:column;gap:10px}.form-row-actions{align-items:stretch}.cancel-add-button,.confirm-add-button{text-align:center;width:100%}.quote-actions-container{flex-direction:column;gap:15px}.quote-buttons{flex-direction:column;width:100%}.finalize-button,.save-quote-button{width:100%}.header-actions{align-items:stretch;flex-direction:column;width:100%}.back-to-billing-button,.customer-search-toggle{margin-bottom:5px;text-align:center;width:100%}}.calculation-breakdown{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;font-family:Neue Regrade,sans-serif;margin-top:15px;padding:20px}.calculation-breakdown h4{border-bottom:2px solid var(--color-copper-brown);color:var(--color-copper-brown);font-family:Rosemartin,sans-serif;font-size:1.1rem;margin:0 0 20px;padding-bottom:8px}.calculation-step{background-color:#fff;border-left:4px solid var(--color-golden-sand);border-radius:6px;margin-bottom:15px;padding:12px}.calculation-step:last-child{background-color:#fff8f0;border-left-color:var(--color-copper-brown);margin-bottom:0}.step-label{color:var(--color-charcoal);display:block;font-size:.95rem;font-weight:600;margin-bottom:8px}.step-details{margin-left:15px}.step-details div{color:#555;font-size:.9rem;line-height:1.4;margin-bottom:4px}.step-details div:last-child{margin-bottom:0}.step-details strong{color:var(--color-copper-brown);font-weight:600}@media (max-width:768px){.calculation-breakdown{margin-top:10px;padding:15px}.calculation-breakdown h4{font-size:1rem}.calculation-step{padding:10px}.step-details{margin-left:10px}.step-details div{font-size:.85rem}}.form-group{margin-bottom:15px;position:relative}.quote-item-input{border:1px solid var(--color-ash-gray);border-radius:4px;font-size:.9rem;padding:8px 12px;width:100%}.quote-item-input:focus{border-color:var(--color-copper-brown);box-shadow:0 0 0 2px rgba(var(--color-copper-brown-rgb),.2);outline:none}.product-selection-group{position:relative}.product-price-display{color:var(--color-copper-brown);font-size:.85rem;font-weight:500;margin-top:5px}.item-error-message{color:var(--color-error);font-size:.85rem;margin-bottom:0;margin-top:5px}.calculation-error{background-color:#ff00000d;border-radius:4px;font-weight:500;padding:5px 10px}.calculation-result{font-size:.95rem;margin:5px 0;padding:5px 0}.section-price{border-top:1px dashed var(--color-ash-gray);color:var(--color-copper-brown);font-size:1.1rem;font-weight:600;margin-top:10px;padding-top:10px}.field-hint{color:var(--color-slate-gray);font-size:.8rem;font-style:italic;margin-top:2px}.track-breakdown{background-color:#f8f8f8;border:1px solid var(--color-ash-gray);border-radius:4px;margin-top:12px;padding:10px}.track-breakdown-title{color:var(--color-copper-brown);font-size:.9rem;font-weight:500;margin-bottom:8px}.track-breakdown-table{border-collapse:collapse;font-size:.85rem;width:100%}.track-breakdown-table td,.track-breakdown-table th{border-bottom:1px solid var(--color-ash-gray);padding:6px 8px;text-align:right}.track-breakdown-table th{background-color:rgba(var(--color-copper-brown-rgb),.1);color:var(--color-charcoal);font-weight:500}.track-breakdown-table td:first-child,.track-breakdown-table th:first-child{text-align:left}.track-breakdown-table tr:last-child td{border-bottom:none}.track-details{margin-bottom:8px}select.quote-item-input{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath fill='%23A05831' d='M7.41 8.59 12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;background-size:1em;padding-right:2rem}.installation-cost-row td{background-color:rgba(var(--color-copper-brown-rgb),.05);font-style:italic}.total-row td{background-color:rgba(var(--color-copper-brown-rgb),.1);border-top:2px solid var(--color-copper-brown);color:var(--color-copper-brown);font-weight:500}.rounding-info{color:#777;display:inline-block;font-size:.8rem;font-style:italic;margin-left:8px}.track-breakdown-table td,.track-breakdown-table th{font-size:.82rem;padding:6px}.track-breakdown{overflow-x:auto}.calculation-controls{align-items:center;display:flex;gap:10px;margin-bottom:15px}.calculate-button{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-family:Neue Regrade,sans-serif;font-size:.9rem;font-weight:500;gap:8px;padding:10px 16px;transition:all .2s ease}.calculate-button.enabled{background-color:var(--color-copper-brown);color:#fff}.calculate-button.enabled:hover{background-color:var(--color-cocoa-brown);box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.calculate-button.disabled{background-color:#e0e0e0;color:#999;cursor:not-allowed}.breakdown-toggle{align-items:center;background-color:var(--color-golden-sand);border:none;border-radius:4px;color:var(--color-charcoal);cursor:pointer;display:flex;font-family:Neue Regrade,sans-serif;font-size:.85rem;gap:6px;padding:8px 12px;transition:all .2s ease}.breakdown-toggle:hover{background-color:#e0c068;transform:translateY(-1px)}.quote-item-card{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin-bottom:20px;overflow:hidden}.quote-item-header{align-items:center;background-color:var(--color-light-beige);border-bottom:1px solid var(--color-ash-gray);display:flex;justify-content:space-between;padding:15px 20px}.quote-item-header h3{color:var(--color-copper-brown);font-size:1.1rem;margin:0}.calculation-method-display{color:var(--color-charcoal);font-size:.85rem;margin:4px 0 0}.remove-item-button{background:none;border:none;color:var(--color-error);cursor:pointer;font-size:1.1rem;padding:5px;transition:transform .15s}.remove-item-button:hover{transform:scale(1.1)}.quote-item-body{padding:20px}.quote-item-fields{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.quote-item-footer{background-color:#f9f9f9;border-top:1px solid var(--color-ash-gray);padding:15px 20px}@media (max-width:768px){.quote-item-fields{grid-template-columns:1fr}}.quotation-modal{max-height:90vh;max-width:700px;overflow-y:auto;padding:25px;width:90%}.quotation-form{display:flex;flex-direction:column;gap:20px}.form-section{background-color:#f9f9f9;border:1px solid var(--color-ash-gray);border-radius:4px;padding:15px}.form-section h4{border-bottom:1px solid var(--color-ash-gray);color:var(--color-copper-brown);font-family:Rosemartin,sans-serif;font-size:1rem;margin:0 0 12px;padding-bottom:6px}.modal-error{background-color:#ffebee;color:var(--color-error)}.modal-error,.modal-success{border-radius:4px;font-family:Neue Regrade,sans-serif;font-size:.9rem;margin-bottom:15px;padding:10px 15px}.modal-success{background-color:#e8f5e9;color:#2e7d32}.form-row{gap:15px;margin-bottom:12px}.form-row:last-child{margin-bottom:0}.quotation-form .form-group{flex:1 1;min-width:0}.quotation-form label{color:var(--color-charcoal);display:block;font-weight:500;margin-bottom:5px}.quotation-form input,.quotation-form label{font-family:Neue Regrade,sans-serif;font-size:.9rem}.quotation-form input{border:1px solid var(--color-ash-gray);border-radius:4px;box-sizing:border-box;padding:8px 10px;width:100%}.quotation-form input:focus{border-color:var(--color-copper-brown);box-shadow:0 0 0 2px rgba(var(--color-copper-brown-rgb),.1);outline:none}.additional-costs-list{background-color:#fff;border:1px solid var(--color-ash-gray);border-radius:4px;margin-bottom:15px;max-height:150px;overflow-y:auto;padding:5px}.additional-cost-item{align-items:center;border-bottom:1px solid var(--color-ash-gray);display:flex;justify-content:space-between;padding:8px 10px}.additional-cost-item:last-child{border-bottom:none}.cost-description{flex-grow:1}.cost-amount,.cost-description{font-family:Neue Regrade,sans-serif;font-size:.9rem}.cost-amount{font-weight:500;min-width:80px;padding:0 10px;text-align:right}.remove-cost-button{align-items:center;background:none;border:none;border-radius:50%;color:#c0392b;cursor:pointer;display:flex;font-size:.9rem;justify-content:center;padding:4px 6px;transition:background-color .2s}.remove-cost-button:hover{background-color:#fee}.add-cost-form{margin-top:10px}.add-cost-button{align-items:center;align-self:flex-end;background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;height:36px;justify-content:center;margin-top:24px;transition:background-color .2s;width:36px}.add-cost-button:hover{background-color:#45a049}.quotation-summary{background-color:var(--color-ivory);border:1px solid var(--color-ash-gray);border-radius:4px;padding:15px}.summary-row{border-bottom:1px dashed var(--color-ash-gray);display:flex;font-family:Neue Regrade,sans-serif;font-size:.9rem;justify-content:space-between;padding:5px 0}.summary-row:last-child{border-bottom:none}.summary-row.discount{color:#c0392b}.summary-row.total{border-top:2px solid var(--color-ash-gray);color:var(--color-copper-brown);font-size:1.1rem;font-weight:700;margin-top:5px;padding-top:10px}.modal-actions{display:flex;gap:15px;justify-content:center;margin-top:20px}.generate-pdf-button{align-items:center;background-color:var(--color-copper-brown);border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-family:Neue Regrade,sans-serif;font-size:1rem;gap:8px;padding:10px 20px;transition:background-color .2s,transform .2s}.generate-pdf-button:hover{background-color:var(--color-cocoa-brown);transform:translateY(-2px)}.generate-pdf-button:disabled{background-color:var(--color-ash-gray);cursor:not-allowed;transform:none}.cancel-button{border:1px solid #ccc;font-size:1rem}@media (max-width:600px){.form-row{flex-direction:column;gap:10px}.add-cost-button{align-self:flex-start;margin-bottom:10px;margin-top:0}.modal-actions{flex-direction:column}.cancel-button,.generate-pdf-button{width:100%}}.save-to-customer-section{background-color:#f5f5f5;border:1px solid var(--color-ash-gray);border-radius:4px;margin-top:1.5rem;padding:1rem}.save-to-customer-section p{color:var(--color-charcoal);font-family:Neue Regrade,sans-serif;font-size:.95rem;margin:0 0 .8rem}.phone-input-group{display:flex;gap:10px;margin-bottom:10px}.customer-phone-input{border:1px solid var(--color-ash-gray);border-radius:4px;flex-grow:1;font-family:Neue Regrade,sans-serif;font-size:.9rem;padding:.6rem .8rem}.customer-phone-input:focus{border-color:var(--color-copper-brown);box-shadow:0 0 0 2px rgba(var(--color-copper-brown-rgb),.1);outline:none}.save-to-customer-button{background-color:var(--color-golden-sand);border:none;border-radius:4px;color:var(--color-charcoal);cursor:pointer;font-family:Neue Regrade,sans-serif;font-size:.9rem;padding:.6rem 1rem;transition:background-color .2s}.save-to-customer-button:hover{background-color:#e0c068}.cancel-save-button{background-color:#f0f0f0;border:1px solid var(--color-ash-gray);border-radius:4px;color:var(--color-charcoal);cursor:pointer;font-family:Neue Regrade,sans-serif;font-size:.9rem;padding:.6rem 1rem;transition:background-color .2s}.cancel-save-button:hover{background-color:#e0e0e0}.show-phone-input-button{background-color:var(--color-golden-sand);border:none;border-radius:4px;color:var(--color-charcoal);cursor:pointer;display:block;font-family:Neue Regrade,sans-serif;font-size:.9rem;margin:0 auto;padding:.6rem 1rem;transition:background-color .2s}.show-phone-input-button:hover{background-color:#e0c068}.save-error{color:var(--color-error);font-family:Neue Regrade,sans-serif;font-size:.85rem;margin:.5rem 0 0}@media (max-width:768px){.phone-input-group{flex-direction:column}.cancel-save-button,.customer-phone-input,.save-to-customer-button,.show-phone-input-button{width:100%}}.finalize-modal-actions{display:flex;gap:15px;justify-content:center;margin-top:1.5rem}.generate-quotation-button{align-items:center;background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-family:Neue Regrade,sans-serif;font-size:.95rem;gap:8px;padding:10px 20px;transition:all .3s ease}.generate-quotation-button:hover{background-color:#45a049;box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.generate-quotation-button:active{box-shadow:0 2px 4px #0000001a;transform:translateY(0)}.finalize-modal-actions .cancel-button{background-color:#f0f0f0;border:1px solid #ccc;border-radius:4px;color:#333;cursor:pointer;font-family:Neue Regrade,sans-serif;font-size:.95rem;padding:10px 20px;transition:background-color .3s}.finalize-modal-actions .cancel-button:hover{background-color:#e0e0e0}@media (max-width:768px){.finalize-modal-actions{flex-direction:column;gap:10px}.finalize-modal-actions .cancel-button,.generate-quotation-button{width:100%}}.customer-search{background-color:#fff;border:1px solid var(--color-ash-gray);border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px;padding:15px}.customer-search h3{color:var(--color-copper-brown);font-family:Rosemartin,sans-serif;font-size:1.2rem;margin-bottom:12px;margin-top:0}.customer-search h4{color:var(--color-charcoal);font-family:Neue Regrade,sans-serif;font-size:1rem;font-weight:600;margin:15px 0 10px}.search-section{margin-bottom:15px}.search-type-toggle{display:flex;gap:8px;margin-bottom:12px}.toggle-button{align-items:center;background-color:#f8f9fa;border:1px solid var(--color-ash-gray);border-radius:4px;color:var(--color-charcoal);cursor:pointer;display:flex;flex:1 1;font-family:Neue Regrade,sans-serif;font-size:.9rem;gap:6px;justify-content:center;padding:8px 12px;transition:all .2s}.toggle-button:hover{background-color:#e9ecef;border-color:var(--color-copper-brown)}.toggle-button.active{background-color:var(--color-copper-brown);border-color:var(--color-copper-brown);color:#fff}.toggle-button.active:hover{background-color:var(--color-cocoa-brown)}.search-input-group{display:flex;gap:10px}.search-input{border:1px solid var(--color-ash-gray);border-radius:4px;flex-grow:1;font-family:Neue Regrade,sans-serif;font-size:.95rem;padding:8px 12px}.search-input:focus{border-color:var(--color-copper-brown);box-shadow:0 0 0 2px rgba(var(--color-copper-brown-rgb),.2);outline:none}.search-button{background-color:var(--color-copper-brown);border:none;border-radius:4px;color:#fff;cursor:pointer;font-family:Neue Regrade,sans-serif;font-size:.9rem;padding:8px 16px;transition:background-color .2s;white-space:nowrap}.search-button:hover:not(:disabled){background-color:var(--color-cocoa-brown)}.search-button:disabled{cursor:not-allowed;opacity:.7}.error-message{font-size:.9rem;margin-bottom:0;margin-top:8px}.customers-list{display:flex;flex-direction:column;gap:6px;max-height:200px;overflow-y:auto;padding-right:5px}.customer-item{align-items:center;border:1px solid var(--color-ash-gray);border-radius:4px;cursor:pointer;display:flex;justify-content:space-between;padding:8px 12px;transition:background-color .2s}.customer-info{display:flex;flex:1 1;flex-direction:column;gap:2px}.customer-match{font-size:1.2rem;margin-left:8px;opacity:.7}.customer-item:hover{background-color:rgba(var(--color-copper-brown-rgb),.05)}.customer-item.selected{background-color:rgba(var(--color-copper-brown-rgb),.1);border-color:var(--color-copper-brown)}.customer-name{color:var(--color-charcoal);font-weight:500}.customer-phone{color:var(--color-copper-brown);font-size:.9rem}.customer-email{color:#666;font-size:.8rem;font-style:italic}.quotes-list{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));max-height:300px;overflow-y:auto;padding-right:5px}.quote-item{background-color:var(--color-ivory);border:1px solid var(--color-ash-gray);border-radius:4px;cursor:pointer;display:flex;flex-direction:column;padding:12px;transition:all .2s}.quote-item:hover{border-color:var(--color-copper-brown);box-shadow:0 3px 6px #0000001a;transform:translateY(-2px)}.quote-date{color:var(--color-charcoal);font-weight:600;margin-bottom:5px}.quote-amount{color:var(--color-copper-brown);font-size:1.1rem;margin-bottom:5px}.quote-items-count{color:#666;font-size:.85rem}@media (max-width:576px){.quotes-list{grid-template-columns:1fr}}.visit-data-container{display:flex;min-height:calc(100vh - 60px)}.visit-data-content{background-color:#f9f9f9;flex:1 1;overflow-y:auto;padding:30px}.visit-data-header{align-items:center;border-bottom:1px solid var(--color-ash-gray);display:flex;justify-content:space-between;margin-bottom:25px;padding-bottom:15px}.visit-data-heading{color:var(--color-copper-brown);font-family:Rosemartin,sans-serif;font-size:1.8rem;margin:0}.header-actions{align-items:center;display:flex;gap:10px}.customer-search-toggle{align-items:center;background-color:var(--color-golden-sand);border:none;border-radius:4px;color:var(--color-charcoal);cursor:pointer;display:flex;font-family:Neue Regrade,sans-serif;font-size:.9rem;gap:8px;padding:.5rem 1rem;transition:all .2s}.customer-search-toggle:hover{background-color:#e0c068}.customer-search-toggle.active{background-color:var(--color-copper-brown);color:#fff}.create-customer-toggle{align-items:center;background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-family:Neue Regrade,sans-serif;font-size:.9rem;gap:8px;padding:.5rem 1rem;transition:all .2s}.create-customer-toggle:hover{background-color:#45a049}.create-customer-toggle.active{background-color:#2e7d32}.back-to-billing-button{background-color:var(--color-copper-brown);border:none;border-radius:4px;color:#fff;cursor:pointer;font-family:Neue Regrade,sans-serif;font-size:.9rem;padding:8px 16px;text-decoration:none;transition:background-color .3s}.back-to-billing-button:hover{background-color:var(--color-cocoa-brown)}.error-message{background-color:#ffebee;border-left:4px solid var(--color-error);color:var(--color-error)}.error-message,.success-message{border-radius:4px;font-family:Neue Regrade,sans-serif;margin-bottom:20px;padding:10px 15px}.success-message{background-color:#e8f5e9;border-left:4px solid #2e7d32;color:#2e7d32}.loading-message{background-color:#f0f0f0;border-radius:4px;color:#666;font-family:Neue Regrade,sans-serif;margin-bottom:20px;padding:15px;text-align:center}.selected-customer-info{background-color:var(--color-ivory);border-left:4px solid var(--color-copper-brown);border-radius:0 4px 4px 0;margin-bottom:20px;padding:15px 20px}.selected-customer-info h3{color:var(--color-copper-brown);font-family:Rosemartin,sans-serif;font-size:1.1rem;margin:0 0 8px}.selected-customer-info p{color:var(--color-charcoal);font-family:Neue Regrade,sans-serif;margin:0 0 15px}.customer-details{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;margin:15px 0;padding:15px}.customer-detail-item{align-items:flex-start;display:flex;font-family:Neue Regrade,sans-serif;margin-bottom:10px}.customer-detail-item:last-child{margin-bottom:0}.detail-label{color:var(--color-copper-brown);font-size:.9rem;font-weight:600;margin-right:10px;min-width:80px}.detail-value{color:var(--color-charcoal);flex:1 1;font-size:.9rem;word-break:break-word}.gps-link-item{align-items:center}.gps-link-container{align-items:center;display:flex;flex:1 1;gap:8px}.gps-link-input{background-color:#f8f9fa;border:1px solid #ddd;border-radius:4px;color:var(--color-charcoal);cursor:text;flex:1 1;font-family:Courier New,monospace;font-size:.85rem;padding:6px 10px}.gps-link-input:focus{background-color:#fff;border-color:var(--color-copper-brown);outline:none}.copy-gps-button{background-color:var(--color-copper-brown);border:none;border-radius:4px;color:#fff;cursor:pointer;font-family:Neue Regrade,sans-serif;font-size:.8rem;padding:6px 12px;transition:background-color .2s;white-space:nowrap}.copy-gps-button:hover{background-color:var(--color-cocoa-brown)}.form-help{color:#666;display:block;font-family:Neue Regrade,sans-serif;font-size:.8rem;font-style:italic;margin-top:4px}.additional-contacts{border-top:1px solid #e9ecef;margin-top:15px;padding-top:15px}.additional-contacts h5{color:var(--color-copper-brown);font-family:Neue Regrade,sans-serif;font-size:.95rem;font-weight:600;margin:0 0 10px}.contact-detail{align-items:center;background-color:#f8f9fa;border-left:3px solid var(--color-copper-brown);border-radius:4px;display:flex;gap:8px;margin-bottom:8px;padding:6px 8px}.contact-detail:last-child{margin-bottom:0}.contact-role{color:var(--color-copper-brown);font-weight:600;min-width:120px}.contact-info,.contact-role{font-family:Neue Regrade,sans-serif;font-size:.85rem}.contact-info{color:var(--color-charcoal);flex:1 1;font-weight:500}.contact-phone{color:var(--color-copper-brown);font-family:Neue Regrade,sans-serif;font-size:.8rem}@media (max-width:768px){.contact-detail{align-items:flex-start;flex-direction:column;gap:4px}.contact-role{min-width:auto}}.inline-creation-form{background-color:#f9f9f9;border:1px solid var(--color-ash-gray);border-radius:4px;margin-top:10px;padding:10px}.inline-creation-inputs{align-items:center;display:flex;gap:8px}.inline-creation-input{border:1px solid var(--color-ash-gray);border-radius:4px;flex:1 1;font-family:Neue Regrade,sans-serif;font-size:.9rem;padding:6px 8px}.inline-creation-input:focus{border-color:var(--color-copper-brown);box-shadow:0 0 0 2px rgba(var(--color-copper-brown-rgb),.2);outline:none}.inline-creation-button{border-radius:4px;cursor:pointer;font-family:Neue Regrade,sans-serif;font-size:.85rem;padding:6px 12px;transition:all .2s;white-space:nowrap}.inline-creation-button.create{background-color:#4caf50;border:none;color:#fff}.inline-creation-button.create:hover:not(:disabled){background-color:#45a049}.inline-creation-button.create:disabled{cursor:not-allowed;opacity:.7}.inline-creation-button.cancel{background-color:#f0f0f0;border:1px solid #ccc;color:#333}.inline-creation-button.cancel:hover:not(:disabled){background-color:#e0e0e0}.inline-creation-button.cancel:disabled{cursor:not-allowed;opacity:.7}@media (max-width:768px){.inline-creation-inputs{flex-direction:column;gap:6px}.inline-creation-button{width:100%}}.contact-info-section{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin-top:25px;padding:20px}.contact-info-section h4{border-bottom:2px solid var(--color-copper-brown);color:var(--color-copper-brown);font-family:Rosemartin,sans-serif;font-size:1.1rem;margin:0 0 20px;padding-bottom:8px}.contact-group{background-color:#fff;border:1px solid #dee2e6;border-radius:6px;margin-bottom:25px;padding:15px}.contact-group:last-child{margin-bottom:0}.contact-group h5{align-items:center;color:var(--color-charcoal);display:flex;font-family:Neue Regrade,sans-serif;font-size:1rem;font-weight:600;gap:8px;margin:0 0 15px}.contact-group .form-row{margin-bottom:12px}.contact-group .form-group,.contact-group .form-row:last-child{margin-bottom:0}.contact-group .form-group label{color:#666;font-size:.85rem;margin-bottom:4px}.contact-group .form-group input{font-size:.9rem;padding:6px 10px}@media (max-width:768px){.contact-info-section{padding:15px}.contact-group{padding:12px}.contact-group .form-row{flex-direction:column}.contact-group .form-group{margin-bottom:10px}}.visit-data-actions{align-items:center;display:flex;flex-wrap:wrap;gap:15px;margin-bottom:20px}.invoice-number-display{background-color:var(--color-golden-sand);border:1px solid var(--color-copper-brown);border-radius:4px;color:var(--color-copper-brown);font-family:Neue Regrade,sans-serif;font-size:.9rem;font-weight:500;padding:8px 12px}.google-drive-link-section{margin-bottom:5px;width:100%}.google-drive-link-section label{color:var(--color-copper-brown);display:block;font-family:Neue Regrade,sans-serif;font-size:.9rem;font-weight:500;margin-bottom:6px}.drive-link-input-group{align-items:center;display:flex;gap:8px}.drive-link-input{border:1px solid var(--color-ash-gray);border-radius:4px;box-sizing:border-box;flex:1 1;font-family:Neue Regrade,sans-serif;font-size:.9rem;padding:8px 12px}.drive-link-input:focus{border-color:var(--color-copper-brown);box-shadow:0 0 0 2px #a0583126;outline:none}.drive-link-open-button{background-color:var(--color-golden-sand);border-radius:4px;color:var(--color-copper-brown);font-family:Neue Regrade,sans-serif;font-size:.9rem;font-weight:500;padding:8px 16px;text-decoration:none;transition:background-color .2s;white-space:nowrap}.drive-link-open-button:hover{background-color:#d4b66d}.create-visit-button,.save-visit-button{align-items:center;background-color:var(--color-copper-brown);border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-family:Neue Regrade,sans-serif;font-size:.9rem;gap:8px;padding:10px 20px;transition:background-color .2s}.create-visit-button:hover,.save-visit-button:hover{background-color:var(--color-cocoa-brown)}.save-visit-button{background-color:#4caf50}.save-visit-button:hover{background-color:#45a049}.convert-to-quote-button{align-items:center;background-color:#2196f3;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-family:Neue Regrade,sans-serif;font-size:.9rem;gap:8px;padding:10px 20px;transition:background-color .2s}.convert-to-quote-button:hover{background-color:#1976d2}.convert-to-quote-button:disabled{background-color:#ccc;cursor:not-allowed}.existing-visits{margin-top:20px}.existing-visits h4{color:var(--color-charcoal);font-family:Neue Regrade,sans-serif;font-size:1rem;margin:0 0 10px}.visits-list{display:flex;flex-direction:column;gap:8px;max-height:200px;overflow-y:auto}.visit-item{align-items:center;background-color:#fff;border:1px solid var(--color-ash-gray);border-radius:4px;display:flex;justify-content:space-between;padding:10px 15px;transition:background-color .2s}.visit-item:hover{background-color:rgba(var(--color-copper-brown-rgb),.05)}.visit-info{display:flex;flex-direction:column;gap:4px}.visit-date{color:var(--color-charcoal);font-size:.9rem;font-weight:500}.visit-sections{color:#666;font-size:.8rem}.visit-invoice{color:var(--color-copper-brown);font-size:.8rem;font-weight:500}.visit-status{margin-top:4px}.status-complete{color:#2e7d32}.status-complete,.status-incomplete{align-items:center;display:flex;font-size:.75rem;font-weight:500;gap:4px}.status-incomplete{color:#f57c00;line-height:1.2}.load-visit-button{align-items:center;background-color:var(--color-golden-sand);border:none;border-radius:4px;color:var(--color-charcoal);cursor:pointer;display:flex;font-size:.8rem;gap:6px;padding:6px 12px;transition:background-color .2s}.load-visit-button:hover{background-color:#e0c068}.tab-navigation{background-color:#fff;border:1px solid var(--color-ash-gray);border-bottom:none;border-radius:8px 8px 0 0;display:flex;margin-bottom:0;overflow:hidden}.tab-button{background-color:#f5f5f5;border:none;border-right:1px solid var(--color-ash-gray);color:var(--color-charcoal);cursor:pointer;flex:1 1;font-family:Neue Regrade,sans-serif;font-size:1rem;font-weight:500;padding:15px 20px;transition:all .2s}.tab-button:last-child{border-right:none}.tab-button:hover{background-color:#e8e8e8}.tab-button.active{background-color:var(--color-copper-brown);color:#fff}.tab-content{background-color:#fff;border:1px solid var(--color-ash-gray);border-radius:0 0 8px 8px;min-height:400px;padding:25px}.tab-header{border-bottom:1px solid var(--color-ash-gray);margin-bottom:25px;padding-bottom:15px}.tab-header h3{color:var(--color-copper-brown);font-family:Rosemartin,sans-serif;font-size:1.3rem;margin:0 0 8px}.tab-header p{color:#666;margin:0 0 15px}.add-section-button,.tab-header p{font-family:Neue Regrade,sans-serif;font-size:.9rem}.add-section-button{align-items:center;background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;gap:8px;padding:10px 20px;transition:background-color .2s}.add-section-button:hover{background-color:#45a049}.add-section-form{background-color:#f9f9f9;border:1px solid var(--color-ash-gray);border-radius:8px;margin-bottom:25px;padding:20px}.form-row{display:flex;gap:20px;margin-bottom:15px}.form-group{flex:1 1;min-width:0}.form-group.full-width{flex-basis:100%}.form-group label{color:var(--color-charcoal);display:block;font-family:Neue Regrade,sans-serif;font-size:.9rem;font-weight:500;margin-bottom:5px}.form-group input,.form-group select{border:1px solid var(--color-ash-gray);border-radius:4px;box-sizing:border-box;font-family:Neue Regrade,sans-serif;font-size:.9rem;padding:8px 12px;width:100%}.form-group input:focus,.form-group select:focus{border-color:var(--color-copper-brown);box-shadow:0 0 0 2px rgba(var(--color-copper-brown-rgb),.2);outline:none}.form-actions{border-top:1px solid var(--color-ash-gray);display:flex;gap:15px;justify-content:flex-end;margin-top:20px;padding-top:15px}.confirm-button{background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;font-family:Neue Regrade,sans-serif;font-size:.9rem;padding:10px 20px;transition:background-color .2s}.confirm-button:hover{background-color:#45a049}.cancel-button{background-color:#f0f0f0;border:1px solid var(--color-ash-gray);border-radius:4px;color:var(--color-charcoal);cursor:pointer;font-family:Neue Regrade,sans-serif;font-size:.9rem;padding:10px 20px;transition:background-color .2s}.cancel-button:hover{background-color:#e0e0e0}.sections-list{display:flex;flex-direction:column;gap:15px}.section-card{background-color:#fff;border:1px solid var(--color-ash-gray);border-radius:8px;box-shadow:0 2px 4px #0000000d;overflow:hidden}.section-header{align-items:center;background-color:var(--color-light-beige);border-bottom:1px solid var(--color-ash-gray);display:flex;justify-content:space-between;padding:15px 20px}.section-header h4{color:var(--color-copper-brown);flex:1 1;font-family:Neue Regrade,sans-serif;font-size:1rem;margin:0}.section-badges{align-items:center;display:flex;flex-shrink:0;gap:8px}.method-badge,.product-badge{background-color:var(--color-copper-brown);border-radius:12px;color:#fff;font-size:.75rem;font-weight:500;padding:4px 8px}.product-badge{background-color:#4caf50}.status-badge{border-radius:10px;font-size:.7rem;font-weight:500;padding:3px 6px;white-space:nowrap}.status-badge.complete{background-color:#e8f5e9;border:1px solid #c8e6c9;color:#2e7d32}.status-badge.incomplete{background-color:#fff3e0;border:1px solid #ffcc02;color:#f57c00;cursor:help}.remove-button{background:none;border:none;border-radius:4px;color:var(--color-error);cursor:pointer;font-size:1.2rem;padding:4px 8px;transition:background-color .2s}.remove-button:hover{background-color:#ff00001a}.section-content{padding:20px}.dimension-inputs{display:flex;gap:15px;margin-bottom:15px}.input-group{flex:1 1}.input-group.full-width{flex-basis:100%;margin-bottom:15px}.input-group label{color:var(--color-charcoal);display:block;font-family:Neue Regrade,sans-serif;font-size:.85rem;font-weight:500;margin-bottom:5px}.input-group input{border:1px solid var(--color-ash-gray);border-radius:4px;box-sizing:border-box;font-family:Neue Regrade,sans-serif;font-size:.9rem;padding:8px 10px;width:100%}.input-group input:focus{border-color:var(--color-copper-brown);box-shadow:0 0 0 2px rgba(var(--color-copper-brown-rgb),.1);outline:none}.no-sections-message{background-color:#f9f9f9;border:1px dashed var(--color-ash-gray);border-radius:8px;color:#666;font-family:Neue Regrade,sans-serif;font-style:italic;padding:40px 20px;text-align:center}.photo-section{border-top:1px solid #e9ecef;margin-top:15px;padding-top:15px}.photo-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.photo-header label{color:var(--color-charcoal);font-family:Neue Regrade,sans-serif;font-size:.85rem;font-weight:500;margin:0}.photo-actions{align-items:center;display:flex;gap:8px}.photo-replace-button,.photo-upload-button{align-items:center;background-color:var(--color-copper-brown);border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-family:Neue Regrade,sans-serif;font-size:.8rem;gap:6px;padding:6px 12px;transition:background-color .2s}.photo-replace-button:hover,.photo-upload-button:hover{background-color:var(--color-cocoa-brown)}.photo-replace-button:disabled,.photo-upload-button:disabled{background-color:#ccc;cursor:not-allowed}.photo-delete-button{align-items:center;background-color:#dc3545;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:.8rem;justify-content:center;padding:6px 8px;transition:background-color .2s}.photo-delete-button:hover{background-color:#c82333}.photo-reset-button{align-items:center;background-color:#ffc107;border:none;border-radius:4px;color:#212529;cursor:pointer;display:flex;font-size:.8rem;justify-content:center;padding:6px 8px;transition:background-color .2s}.photo-reset-button:hover{background-color:#e0a800}.photo-preview{margin-top:10px}.section-photo{border:2px solid var(--color-ash-gray);border-radius:6px;cursor:pointer;max-height:200px;max-width:100%;transition:transform .2s,border-color .2s}.section-photo:hover{border-color:var(--color-copper-brown);transform:scale(1.02)}@media (max-width:768px){.photo-header{align-items:flex-start;flex-direction:column;gap:8px}.photo-actions{justify-content:flex-start;width:100%}.photo-delete-button,.photo-replace-button,.photo-upload-button{flex:1 1;justify-content:center}}.instructions{background-color:#fff;border:1px solid var(--color-ash-gray);border-radius:8px;margin-top:20px;padding:30px;text-align:center}.instructions h3{color:var(--color-copper-brown);font-family:Rosemartin,sans-serif;font-size:1.3rem;margin:0 0 20px}.instructions p{color:var(--color-charcoal);font-family:Neue Regrade,sans-serif;font-size:.95rem;line-height:1.5;margin:8px 0}.create-customer-section{background-color:#fff;border:1px solid var(--color-ash-gray);border-radius:8px;box-shadow:0 2px 4px #0000000d;margin-bottom:20px;padding:25px}.create-customer-header{border-bottom:1px solid var(--color-ash-gray);margin-bottom:20px;padding-bottom:15px}.create-customer-header h3{color:var(--color-copper-brown);font-family:Rosemartin,sans-serif;font-size:1.3rem;margin:0 0 8px}.create-customer-header p{color:#666;font-family:Neue Regrade,sans-serif;font-size:.9rem;margin:0}.create-customer-form{display:flex;flex-direction:column;gap:20px}.create-customer-form .form-row{align-items:flex-start;display:flex;gap:20px}.create-customer-form .form-group{flex:1 1;min-width:0}.create-customer-form .form-group.full-width{flex-basis:100%}.create-customer-form label{color:var(--color-charcoal);display:block;font-family:Neue Regrade,sans-serif;font-size:.9rem;font-weight:500;margin-bottom:5px}.create-customer-form input,.create-customer-form select,.create-customer-form textarea{border:1px solid var(--color-ash-gray);border-radius:4px;box-sizing:border-box;font-family:Neue Regrade,sans-serif;font-size:.9rem;padding:10px 12px;transition:border-color .2s;width:100%}.create-customer-form input:focus,.create-customer-form select:focus,.create-customer-form textarea:focus{border-color:var(--color-copper-brown);box-shadow:0 0 0 2px rgba(var(--color-copper-brown-rgb),.2);outline:none}.create-customer-form textarea{min-height:80px;resize:vertical}.create-customer-form select{-webkit-appearance:none;appearance:none;background-color:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath fill='%23A05831' d='M7.41 8.59 12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:1em;padding-right:40px}.create-customer-form .form-actions{border-top:1px solid var(--color-ash-gray);display:flex;gap:15px;justify-content:flex-end;margin-top:10px;padding-top:20px}.create-customer-button{background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;font-family:Neue Regrade,sans-serif;font-size:.9rem;font-weight:500;padding:12px 24px;transition:background-color .2s}.create-customer-button:hover:not(:disabled){background-color:#45a049}.create-customer-button:disabled{background-color:#ccc;cursor:not-allowed}@media (max-width:768px){.visit-data-content{padding:20px}.visit-data-header{align-items:flex-start;flex-direction:column;gap:15px}.header-actions{flex-direction:column;gap:8px;width:100%}.back-to-billing-button,.create-customer-toggle,.customer-search-toggle{text-align:center;width:100%}.create-customer-toggle{justify-content:center}.visit-data-actions{flex-direction:column;gap:10px}.convert-to-quote-button,.create-visit-button,.save-visit-button{justify-content:center;width:100%}.dimension-inputs,.form-actions,.form-row{flex-direction:column;gap:10px}.cancel-button,.confirm-button{width:100%}.tab-content{padding:15px}.section-header{align-items:flex-start;flex-direction:column;gap:10px}.section-header h4{margin-bottom:5px}.section-badges{flex-wrap:wrap;gap:6px}.status-badge{font-size:.65rem}.visit-item{align-items:flex-start;flex-direction:column;gap:10px}.load-visit-button{align-self:flex-end}.create-customer-form .form-row{flex-direction:column;gap:15px}.create-customer-form .form-actions{flex-direction:column;gap:10px}.cancel-button,.create-customer-button{width:100%}}.App{font-family:Neue Regrade,sans-serif}:root{--color-ivory:#f7f6ec;--color-copper-brown:#a05831;--color-copper-brown-rgb:160,88,49;--color-cocoa-brown:#885842;--color-ash-gray:#e5e4df;--color-golden-sand:#e8cb80;--color-charcoal:#3c4a54;--color-light-beige:#fbf9f1;--color-slate-gray:#6b7b8d}
/*# sourceMappingURL=main.9b93f54c.css.map*/