.signup-wrapper{display:flex;justify-content:center;align-items:center;height:100vh;background-color:#f4f7fb;font-family:Inter,sans-serif}.signup-container{background-color:#fff;padding:40px 50px;border-radius:10px;box-shadow:0 4px 12px #0000001a;width:100%;max-width:400px;text-align:center}.signup-heading{font-size:2.5rem;color:#333;margin-bottom:20px}.signup-input{width:100%;padding:12px 15px;margin-bottom:15px;border:1px solid #ccc;border-radius:5px;font-size:1rem;color:#333;background-color:#fafafa;transition:border-color .3s ease}.signup-input:focus{border-color:#007bff;outline:none}.signup-btn,.back-btn{width:100%;padding:12px 0;font-size:1.2rem;font-weight:500;color:#fff;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s,transform .3s;margin-top:10px}.signup-btn{background-color:#007bff}.signup-btn:hover{background-color:#0056b3;transform:scale(1.05)}@media (max-width: 480px){.signup-container{padding:30px 20px;width:90%}.signup-heading{font-size:2rem}}html,body{height:100%;margin:0;overflow:auto}.login-wrapper{display:flex;justify-content:center;align-items:center;height:100vh;background-color:#f4f7fb;font-family:Inter,sans-serif}.image-section{flex:1;height:100vh;background-color:#f4f7fb}.login-image{width:100%;height:100%;object-fit:cover;border-radius:10px 0 0 10px}.login-container{flex:1;background-color:#fff;padding:40px 50px;border-radius:10px;box-shadow:0 4px 12px #0000001a;max-width:400px;text-align:center;z-index:1}.login-heading{font-size:2.5rem;color:#333;margin-bottom:20px}.login-input{width:100%;padding:12px 15px;margin-bottom:15px;border:1px solid #ccc;border-radius:5px;font-size:1rem;color:#333;background-color:#fafafa;transition:border-color .3s ease}.login-input:focus{border-color:#007bff;outline:none}.error-message{color:red;font-size:.9rem;margin-bottom:10px}.login-btn,.back-btn{width:100%;padding:12px 0;font-size:1.2rem;font-weight:500;color:#fff;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s,transform .3s;margin-top:10px}.login-btn{background-color:#007bff}.login-btn:hover{background-color:#0056b3;transform:scale(1.05)}.back-btn{background-color:#6c757d;margin-top:15px}.back-btn:hover{background-color:#5a6268;transform:scale(1.05)}.forgot-password{color:#007bff;cursor:pointer;text-decoration:underline;font-size:1rem;transition:color .3s ease}.forgot-password:hover{color:#0056b3}@media (max-width: 768px){.login-wrapper{flex-direction:column;height:auto}.image-section{width:100%;height:50%}.login-container{width:100%;padding:30px 20px}.login-heading{font-size:2rem}}@media (max-width: 480px){.login-container{padding:25px 15px;width:90%}.login-heading{font-size:1.8rem}.login-btn,.back-btn{padding:10px 0;font-size:1rem}}.users-wrapper{display:flex;justify-content:center;align-items:center;padding:20px;background-color:#f4f7fb;font-family:Inter,sans-serif}.users-table-container{width:90%;max-width:1000px;background-color:#fff;padding:20px;border-radius:10px;box-shadow:0 4px 12px #0000001a}.users-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding:0 10px}.users-title{font-size:1.8rem;font-weight:700;color:#333;margin:0}.add-staff-button{padding:10px 20px;background-color:#4caf50;color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:1rem;font-weight:600;transition:background-color .2s ease,transform .2s ease}.add-staff-button:hover{background-color:#45a049;transform:scale(1.05)}.add-staff-button:active{transform:scale(.98)}.users-table{width:100%;border-collapse:collapse;margin-bottom:20px}.users-table th,.users-table td{padding:12px 15px;text-align:left;border:1px solid #ddd}.users-table th{background-color:#007bff;color:#fff;font-weight:600}.users-table td{background-color:#fafafa;color:#333}.users-table tr:nth-child(2n) td{background-color:#f9f9f9}.users-table tr:hover{background-color:#f1f1f1}.users-table td:first-child{font-weight:500}.users-table td{font-size:1rem}.no-users-message{text-align:center;font-size:1.2rem;color:#555;font-weight:500}.edit-button,.delete-button{padding:8px 12px;font-size:.9rem;font-weight:600;border:none;border-radius:5px;cursor:pointer;margin-right:8px;transition:transform .2s ease,background-color .2s ease}.edit-button{background-color:#28a745;color:#fff}.edit-button:hover{background-color:#218838;transform:scale(1.05)}.edit-button:active{transform:scale(.98)}.delete-button{background-color:#dc3545;color:#fff}.delete-button:hover{background-color:#c82333;transform:scale(1.05)}.delete-button:active{transform:scale(.98)}@media (max-width: 768px){.users-header{flex-direction:column;align-items:flex-start}.add-staff-button{margin-top:10px;width:100%;text-align:center}.users-table-container{padding:15px}.users-table th,.users-table td{padding:10px}.users-table{font-size:.9rem}.edit-button,.delete-button{padding:6px 10px;font-size:.8rem}}*{margin:0;padding:0;box-sizing:border-box}.homepage-container{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;height:100vh;background-color:#f4f4f9;color:#333;font-family:Inter,sans-serif}.navbar{width:100%;display:flex;justify-content:space-between;align-items:center;padding:20px 40px;background-color:#007bff;box-shadow:0 4px 8px #0000001a;height:80px}.navbar-logo img{height:70px;width:auto;cursor:pointer}.navbar-links{display:flex;align-items:center}.navbar .btn{padding:14px 30px;font-size:1.2rem;font-weight:600;text-transform:uppercase;border-radius:8px;border:none;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.login-btn{background-color:#fff;color:#007bff;border:2px solid #007bff}.login-btn:hover{background-color:#007bff;color:#fff;transform:translateY(-4px);box-shadow:0 8px 16px #007bff4d}.login-btn:focus{outline:none;box-shadow:0 0 0 3px #007bff80}.main-content{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:1200px;margin:0 auto;padding:40px}.text-content{flex:1;max-width:50%;padding-right:30px}.homepage-title{font-size:3rem;font-weight:700;color:#007bff;margin-bottom:20px}.homepage-subtitle{font-size:1.2rem;font-weight:400;color:#555;margin-bottom:30px}.cta-btn{background-color:#007bff;color:#fff;font-size:1.1rem;font-weight:600;text-transform:uppercase;padding:12px 25px;border:none;border-radius:5px;cursor:pointer;transition:all .3s ease}.cta-btn:hover{background-color:#0056b3;transform:translateY(-2px)}.image-content{flex:1;max-width:45%;display:flex;justify-content:center;align-items:center}.image-content img{width:100%;height:auto;max-width:450px}.benefits-section{background-color:#fff;width:100%;padding:60px 0;text-align:center}.benefits-title{font-size:2.5rem;font-weight:700;color:#007bff;margin-bottom:30px}.benefits-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px;max-width:1200px;margin:0 auto}.benefit-item{background-color:#f4f4f9;padding:20px;border-radius:8px;box-shadow:0 4px 8px #0000001a;text-align:left}.benefit-title{font-size:1.5rem;font-weight:600;color:#007bff;margin-bottom:10px}.benefit-description{font-size:1.1rem;color:#555}.features-section{background-color:#fff;width:100%;padding:60px 0;text-align:center}.features-title{font-size:2.5rem;font-weight:700;color:#007bff;margin-bottom:30px}.features-wrapper{max-width:1200px;margin:0 auto;padding:0 20px}.features-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px;max-width:100%;margin:0 auto}.feature-item{background-color:#f4f4f9;padding:20px;border-radius:8px;box-shadow:0 4px 8px #0000001a;text-align:left}.feature-title{font-size:1.5rem;font-weight:600;color:#007bff;margin-bottom:10px}.feature-description{font-size:1.1rem;color:#555}.footer{background-color:#343a40;color:#fff;padding:15px 0;text-align:center;position:fixed;bottom:0;width:100%;font-size:1rem;font-weight:400;z-index:1000}.whatsapp-button{position:fixed;bottom:20px;right:20px;background-color:#25d366;border-radius:50%;padding:15px;box-shadow:0 4px 10px #0003;transition:transform .3s ease-in-out}.whatsapp-button:hover{transform:scale(1.1)}.whatsapp-button img{width:40px;height:40px}.centered-container{display:flex;flex-direction:column;justify-content:top;align-items:center;height:100vh;text-align:center;background-color:#f4f7fb;font-family:Arial,sans-serif}.centered-container h1{font-size:2.5rem;color:#333;margin-bottom:20px}.centered-container p{font-size:1.2rem;color:#666}.stat-card:hover{transform:scale(1.05)}.stat-card h2{margin:0;font-size:24px}.stat-card p{margin:5px 0 0;font-size:16px;color:#555}.dashboard-container{text-align:center;padding:20px}.stats{display:flex;justify-content:space-around;margin:20px 0}.stat-card{background:#f5f5f5;padding:20px;border-radius:10px;text-align:center;width:200px;box-shadow:0 2px 4px #0000001a;transition:transform .2s ease-in-out}.clickable{cursor:pointer}.clickable:hover{transform:scale(1.05);background-color:#e0e0e0}.chart-container{display:flex;flex-direction:column;align-items:center;margin-top:30px}.chart-wrapper{width:50%;min-width:400px;background:#fff;padding:15px;border-radius:10px;box-shadow:0 2px 5px #0000001a}.loading-container{text-align:center;font-size:18px;color:#555;padding:50px}.remove-account-page{display:flex;justify-content:center;align-items:center;height:100vh;background-color:#f8f9fa;margin:0}.remove-account-card{background-color:#fff;padding:20px 40px;border-radius:8px;box-shadow:0 4px 10px #0000001a;width:100%;max-width:400px}.remove-account-title{font-size:1.8rem;font-weight:700;color:#333;text-align:center;margin-bottom:20px}.remove-account-inputs{margin-bottom:20px}.remove-account-input{width:100%;padding:12px;font-size:1rem;border:1px solid #ddd;border-radius:6px;margin-bottom:10px;box-sizing:border-box}.remove-account-input:focus{border-color:#007bff;outline:none}.remove-account-buttons{text-align:center}.remove-account-button{width:100%;padding:12px;font-size:1.1rem;background-color:#dc3545;color:#fff;border:none;border-radius:6px;cursor:pointer;transition:background-color .3s ease}.remove-account-button:hover{background-color:#c82333}.remove-account-back-button{width:100%;padding:12px;font-size:1.1rem;background-color:#007bff;color:#fff;border:none;border-radius:6px;cursor:pointer;margin-top:10px;transition:background-color .3s ease}.remove-account-back-button:hover{background-color:#0056b3}@media (max-width: 768px){.remove-account-card{padding:15px 30px}}.profile-page-container{overflow:hidden}.profile-page-card{max-height:90vh;overflow-y:auto}.profile-page-card::-webkit-scrollbar{display:none}.profile-page-card{-ms-overflow-style:none;scrollbar-width:none}.profile-page-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:#f8f9fa;padding:20px}.profile-page-card{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;padding:25px 30px;width:100%;max-width:400px;text-align:center;transition:transform .3s ease}.profile-page-card:hover{transform:translateY(-5px)}.profile-page-header{margin-bottom:20px}.profile-page-image{width:120px;height:120px;border-radius:50%;object-fit:cover;border:3px solid #007bff}.profile-page-details p{font-size:1rem;margin:10px 0;color:#495057}.profile-page-details strong{color:#007bff}.profile-page-buttons{display:flex;justify-content:center;gap:15px;margin-top:20px}.profile-page-button{padding:10px 20px;font-size:1rem;font-weight:500;border-radius:8px;border:none;cursor:pointer;transition:background-color .3s ease,transform .2s ease;box-shadow:0 4px 6px #0000001a}.profile-page-button:hover{transform:translateY(-2px)}.profile-page-edit-button{background-color:#007bff;color:#fff}.profile-page-edit-button:hover{background-color:#0056b3}.profile-page-back-button{background-color:#6c757d;color:#fff}.profile-page-back-button:hover{background-color:#5a6268}@media (max-width: 768px){.profile-page-card{padding:20px}.profile-page-buttons{flex-direction:column;gap:10px}.profile-page-button{width:100%}}.change-password-page{display:flex;justify-content:center;align-items:center;height:100vh;background-color:#f8f9fa;margin:0}.change-password-card{background-color:#fff;padding:20px 40px;border-radius:8px;box-shadow:0 4px 10px #0000001a;width:100%;max-width:400px}.change-password-title{font-size:1.8rem;font-weight:700;color:#333;text-align:center;margin-bottom:20px}.change-password-inputs{margin-bottom:20px}.change-password-input{width:100%;padding:12px;font-size:1rem;border:1px solid #ddd;border-radius:6px;margin-bottom:10px;box-sizing:border-box}.change-password-input:focus{border-color:#007bff;outline:none}.error-message{color:#dc3545;font-size:.875rem;margin-bottom:15px;text-align:center}.change-password-button{width:100%;padding:12px;font-size:1.1rem;background-color:#007bff;color:#fff;border:none;border-radius:6px;cursor:pointer;transition:background-color .3s ease}.change-password-button:hover{background-color:#0056b3}.change-password-buttons{text-align:center}@media (max-width: 768px){.change-password-card{padding:15px 30px}}.edit-profile-page-container{overflow:hidden}.edit-profile-page-form{max-height:90vh;overflow-y:auto}.edit-profile-page-form::-webkit-scrollbar{display:none}.edit-profile-page-form{-ms-overflow-style:none;scrollbar-width:none}.edit-profile-page-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:#f8f9fa;padding:20px}.edit-profile-page-form{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;padding:30px;width:100%;max-width:450px;display:flex;flex-direction:column;gap:20px}.edit-profile-page-heading{text-align:center;font-size:1.8rem;color:#343a40;margin-bottom:10px}.edit-profile-page-row{display:flex;flex-direction:column;gap:5px}.edit-profile-page-row label{font-size:1rem;color:#495057}.edit-profile-page-row input{padding:10px;font-size:1rem;border:1px solid #ced4da;border-radius:6px;background:#f8f9fa;transition:border-color .3s ease}.edit-profile-page-row input:focus{border-color:#007bff;outline:none}.edit-profile-page-button-container{display:flex;justify-content:space-between;gap:10px}.edit-profile-page-button{flex:1;padding:10px 20px;font-size:1rem;font-weight:500;border-radius:6px;border:none;cursor:pointer;transition:background-color .3s ease,transform .2s ease;box-shadow:0 4px 6px #0000001a}@media (max-width: 768px){.edit-profile-page-form{padding:20px}.edit-profile-page-button-container{flex-direction:column;gap:10px}.edit-profile-page-button{width:100%}}.edit-any-profile-page-container{overflow:hidden}.edit-any-profile-page-form{max-height:90vh;overflow-y:auto}.edit-any-profile-page-form::-webkit-scrollbar{display:none}.edit-any-profile-page-form{-ms-overflow-style:none;scrollbar-width:none}.edit-any-profile-page-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:#f8f9fa;padding:20px}.edit-any-profile-page-form{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;padding:30px;width:100%;max-width:450px;display:flex;flex-direction:column;gap:20px}.edit-any-profile-page-heading{text-align:center;font-size:1.8rem;color:#343a40;margin-bottom:10px}.edit-any-profile-page-row{display:flex;flex-direction:column;gap:5px}.edit-any-profile-page-row label{font-size:1rem;color:#495057}.edit-any-profile-page-row input{padding:10px;font-size:1rem;border:1px solid #ced4da;border-radius:6px;background:#f8f9fa;transition:border-color .3s ease}.edit-any-profile-page-row input:focus{border-color:#007bff;outline:none}.edit-any-profile-page-button-container{display:flex;justify-content:space-between;gap:10px}.edit-any-profile-page-button{flex:1;padding:10px 20px;font-size:1rem;font-weight:500;border-radius:6px;border:none;cursor:pointer;transition:background-color .3s ease,transform .2s ease;box-shadow:0 4px 6px #0000001a}.save-button{background-color:#007bff;color:#fff}.save-button:hover{background-color:#0056b3;transform:translateY(-2px)}.cancel-button{background-color:#6c757d;color:#fff}.cancel-button:hover{background-color:#5a6268;transform:translateY(-2px)}@media (max-width: 768px){.edit-any-profile-page-form{padding:20px}.edit-any-profile-page-button-container{flex-direction:column;gap:10px}.edit-any-profile-page-button{width:100%}}.navbar{background-color:#35515d;padding:0 30px;display:flex;justify-content:space-between;align-items:center;color:#fff;box-shadow:0 4px 12px #00000026;position:sticky;top:0;z-index:1000}.navbar-logo{cursor:pointer}.navbar-logo img{height:70px;width:auto}.navbar-links{display:flex;gap:20px;align-items:center;transition:max-height .3s ease-in-out}.navbar-btn{padding:10px 20px;font-size:1rem;font-weight:500;border-radius:6px;border:none;background-color:#343a40;color:#fff;cursor:pointer;transition:background-color .3s ease,transform .2s ease;box-shadow:0 4px 6px #0000001a}.navbar-btn:hover{background-color:#495057;transform:translateY(-2px)}.navbar-dropdown{position:relative}.navbar-dropdown-menu{position:absolute;top:100%;right:0;background-color:#fff;color:#333;box-shadow:0 4px 6px #0000001a;border-radius:6px;padding:10px 0;display:none;flex-direction:column;z-index:1;min-width:180px}.navbar-dropdown:hover .navbar-dropdown-menu{display:flex}.navbar-dropdown-item{padding:10px 20px;background-color:transparent;color:#333;border:none;cursor:pointer;text-align:left;transition:background-color .3s ease}.navbar-dropdown-item:hover{background-color:#f1f1f1}.menu-toggle{display:none;background:none;border:none;color:#fff;cursor:pointer}@media (max-width: 768px){.menu-toggle{display:block}.navbar-links{flex-direction:column;gap:15px;width:100%;background-color:#343a40;position:absolute;top:65px;left:0;right:0;overflow:hidden;max-height:0;transition:max-height .3s ease-in-out}.navbar-links.active{max-height:500px}.navbar-btn{width:100%;text-align:center;padding:15px 0;border-bottom:1px solid #495057}.navbar-dropdown-menu{position:relative;background-color:#495057;border-radius:0;box-shadow:none}.navbar-dropdown-item{color:#fff;padding:12px 20px;border-bottom:1px solid #6c757d}.navbar-dropdown-item:hover{background-color:#6c757d}}@media (max-width: 480px){.navbar{padding:10px 20px}.navbar-logo img{height:35px}.navbar-btn{font-size:.9rem}}.products-wrapper{padding:20px;max-width:1000px;margin:0 auto;background-color:#f9f9f9;border-radius:12px;box-shadow:0 4px 8px #0000001a}.products-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.reset-button,.add-product-button{padding:8px 16px;border:none;border-radius:8px;background-color:#007bff;color:#fff;font-size:14px;cursor:pointer;transition:background-color .3s ease}.add-product-button:hover{background-color:#0056b3}.products-table-container{overflow-x:auto}.products-table{width:100%;border-collapse:collapse;margin-top:20px}.products-table th,.products-table td{padding:12px 15px;text-align:left;border-bottom:1px solid #ddd}.products-table th{background-color:#007bff;color:#fff;font-weight:700}.products-table tr:nth-child(2n){background-color:#f2f2f2}.products-edit-button{padding:6px 12px;border:none;border-radius:6px;background-color:#28a745;color:#fff;cursor:pointer;transition:background-color .3s ease}.products-edit-button:hover{background-color:#218838}.no-products-message{text-align:center;font-size:18px;color:#777;margin-top:40px}.add-product-wrapper{display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:#f4f7fb;font-family:Inter,sans-serif}.add-product-container{background-color:#fff;padding:30px;border-radius:10px;box-shadow:0 4px 12px #0000001a;width:90%;max-width:500px;text-align:center}.add-product-container h2{margin-bottom:20px;font-size:1.8rem;color:#333}.add-product-form{display:flex;flex-direction:column;gap:20px}.form-group{text-align:left}.form-group label{font-weight:600;margin-bottom:5px;display:block;color:#555}.form-group input,.form-group textarea{width:100%;padding:10px;border:1px solid #ddd;border-radius:5px;font-size:1rem;color:#333}.form-group textarea{resize:none;height:80px}.add-product-button{background-color:#007bff;color:#fff;padding:10px 15px;font-size:1rem;font-weight:600;border:none;border-radius:5px;cursor:pointer;transition:transform .2s ease,background-color .2s ease}.add-product-button:hover{background-color:#0056b3;transform:scale(1.05)}.add-product-button:active{transform:scale(.98)}.edit-product-wrapper{display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:#f8f9fa}.edit-product-container{background:#fff;padding:20px;border-radius:8px;box-shadow:0 4px 10px #0000001a;max-width:500px;width:100%}.edit-product-title{font-size:1.5rem;margin-bottom:20px;text-align:center;color:#333}.edit-product-form{display:flex;flex-direction:column}.edit-product-form-group{margin-bottom:15px}.edit-product-label{display:block;margin-bottom:5px;color:#555}.edit-product-input,.edit-product-textarea{width:100%;padding:10px;font-size:1rem;border:1px solid #ccc;border-radius:5px;box-sizing:border-box}.edit-product-textarea{resize:none;height:100px}.edit-product-buttons{display:flex;justify-content:space-between;margin-top:20px}.edit-product-update-button{background-color:#007bff;color:#fff;border:none;padding:10px 20px;border-radius:5px;cursor:pointer;font-size:1rem}.edit-product-update-button:hover{background-color:#0056b3}.edit-product-cancel-button{background-color:#6c757d;color:#fff;border:none;padding:10px 20px;border-radius:5px;cursor:pointer;font-size:1rem}.edit-product-cancel-button:hover{background-color:#5a6268}.product-list-wrapper-unique{padding:20px}.product-list-header-unique{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.product-list-title-unique{margin:0;font-size:24px;font-weight:700}.product-list-add-to-cart-button-unique{padding:10px 20px;background-color:#007bff;color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:16px}.product-list-add-to-cart-button-unique:hover{background-color:#0056b3}.product-list-table-unique{width:100%;border-collapse:collapse;margin-top:10px}.product-list-table-unique th,.product-list-table-unique td{border:1px solid #ddd;padding:10px;text-align:left}.product-list-table-unique th{background-color:#f4f4f4;font-weight:700}.product-list-quantity-control-unique{display:flex;align-items:center}.product-list-quantity-button-unique{width:30px;height:30px;font-size:18px;border:1px solid #ddd;background-color:#fff;cursor:pointer;text-align:center}.product-list-quantity-button-unique:hover{background-color:#f0f0f0}.product-list-quantity-display-unique{padding:0 10px;font-size:16px;font-weight:700}.product-list-no-products-message-unique{text-align:center;font-size:18px;color:#777;margin-top:20px}.customers-wrapper{padding:20px;max-width:1000px;margin:0 auto;background-color:#f9f9f9;border-radius:12px;box-shadow:0 4px 8px #0000001a}.customers-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}h2{font-size:28px;color:#333}.search-container{display:flex;align-items:center;gap:10px}.search-dropdown{padding:8px 12px;border:1px solid #ccc;border-radius:8px;font-size:14px;background-color:#fff;cursor:pointer}.reset-button,.add-button{padding:8px 16px;border:none;border-radius:8px;background-color:#007bff;color:#fff;font-size:14px;cursor:pointer;transition:background-color .3s ease}.reset-button{background-color:#6c757d}.reset-button:hover{background-color:#5a6268}.add-button:hover{background-color:#0056b3}.customers-table-container{overflow-x:auto}.customers-table{width:100%;border-collapse:collapse;margin-top:20px}.customers-table th,.customers-table td{padding:12px 15px;text-align:left;border-bottom:1px solid #ddd}.customers-table th{background-color:#007bff;color:#fff;font-weight:700}.customers-table tr:nth-child(2n){background-color:#f2f2f2}.edit-button{padding:6px 12px;border:none;border-radius:6px;background-color:#28a745;color:#fff;cursor:pointer;transition:background-color .3s ease}.edit-button:hover{background-color:#218838}.no-customers-message{text-align:center;font-size:18px;color:#777;margin-top:40px}.loader-container{display:flex;justify-content:center;align-items:center;height:200px}.add-customer-page{display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:#f9f9f9}.add-customer-card{width:90%;max-width:500px;background-color:#fff;box-shadow:0 4px 10px #0000001a;border-radius:8px;padding:20px}.add-customer-title{text-align:center;margin-bottom:20px;font-size:1.8rem;color:#333}.add-customer-form{display:flex;flex-direction:column}.add-customer-form-group{margin-bottom:15px}.add-customer-label{font-size:1rem;color:#555;margin-bottom:5px;display:block}.add-customer-input{width:100%;padding:10px;border:1px solid #ccc;border-radius:4px;font-size:1rem}.add-customer-button{background-color:#28a745;color:#fff;border:none;padding:10px 15px;border-radius:4px;font-size:1rem;cursor:pointer;transition:background-color .3s ease}.add-customer-button:hover{background-color:#218838}.edit-customer-page{display:flex;justify-content:center;align-items:center;padding:20px;background-color:#f4f7fb}.edit-customer-card{width:100%;max-width:600px;background-color:#fff;padding:20px;border-radius:10px;box-shadow:0 4px 12px #0000001a}.edit-customer-title{text-align:center;font-size:1.5rem;margin-bottom:20px}.edit-customer-form{display:flex;flex-direction:column}.edit-customer-form-group{margin-bottom:15px}.edit-customer-label{font-size:1rem;margin-bottom:5px;font-weight:600}.edit-customer-input{padding:10px;font-size:1rem;border:1px solid #ddd;border-radius:5px;width:100%}.edit-customer-select{width:100%}.edit-customer-button{padding:12px 20px;font-size:1rem;background-color:#007bff;color:#fff;border:none;border-radius:5px;cursor:pointer;transition:background-color .2s ease}.edit-customer-button:hover{background-color:#0056b3}.quotation-container{max-width:900px;margin:20px auto;padding:20px;border-radius:8px;box-shadow:0 4px 10px #0000001a;background-color:#fff;font-family:Arial,sans-serif}h2{text-align:center;font-size:2rem;color:#333;margin-bottom:20px}form{display:flex;flex-direction:column;gap:15px}.form-group{display:flex;flex-direction:column;margin-bottom:15px}label{font-size:1rem;font-weight:600;color:#444;margin-bottom:5px}input,select,textarea{padding:10px;font-size:1rem;border:1px solid #ccc;border-radius:6px;width:100%;background-color:#f8f8f8;transition:all .3s}input:focus,select:focus,textarea:focus{border-color:#00796b;background-color:#fff;outline:none}.two-columns{display:grid;grid-template-columns:1fr 1fr;gap:15px}.three-columns{display:grid;grid-template-columns:1fr 1fr 1fr;gap:15px}.full-width{width:100%}.customer-details{margin-top:15px;padding:15px;border-radius:6px;background-color:#f0f8ff;border-left:4px solid #00796b}.customer-details h3{font-size:1.3rem;margin-bottom:10px;color:#00796b}.customer-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.customer-grid div{background-color:#fff;padding:8px;border-radius:4px;border:1px solid #ddd}.product-details{margin-top:15px;padding:15px;border-radius:6px;background-color:#fff8e1;border-left:4px solid #ffa000}.product-details h3{font-size:1.2rem;margin-bottom:10px;color:#ffa000}.product-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr auto;gap:10px;align-items:center}.product-grid input,.product-grid select{padding:8px;font-size:.9rem}.remove-btn-container{display:flex;justify-content:flex-end;align-items:center}button.remove-btn{background-color:#e57373;color:#fff;border:none;padding:8px;font-size:.9rem;cursor:pointer;border-radius:4px;transition:background-color .3s}button.remove-btn:hover{background-color:#c62828}.description-field{width:100%;height:1.2 rem;resize:none;overflow-x:auto;white-space:nowrap;border:1px solid #ccc;border-radius:6px;background-color:#f8f8f8;padding:10px}.description-field:focus{border-color:#00796b;background-color:#fff;outline:none}.submit-btn{background-color:#00796b;color:#fff;padding:12px;font-size:1.2rem;border-radius:6px;cursor:pointer;transition:background-color .3s}.submit-btn:hover{background-color:#004d40}select{cursor:pointer}select option{padding:10px}.three-columns{display:grid;grid-template-columns:1fr 1fr 1fr;gap:15px;align-items:center}.quotations-wrapper{padding:20px;max-width:1200px;margin:0 auto;background-color:#f9f9f9;border-radius:12px;box-shadow:0 4px 8px #0000001a}.quotations-filter{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:20px;flex-wrap:wrap}.search-input,.filter-input{padding:8px 12px;border:1px solid #ccc;border-radius:6px;font-size:14px;background-color:#fff;width:18%;transition:border-color .3s ease,box-shadow .3s ease}.search-input::placeholder{color:#999;font-size:14px}.search-input:focus,.filter-input:focus{border-color:#007bff;box-shadow:0 0 5px #007bff4d;outline:none}.filter-button{padding:8px 12px;border:none;border-radius:6px;background-color:#007bff;color:#fff;font-size:14px;cursor:pointer;transition:background-color .3s ease}.filter-button:hover{background-color:#0056b3}.create-quotation-container{display:flex;justify-content:flex-end;margin-bottom:20px}.create-quotation-button{padding:10px 20px;border:none;border-radius:8px;background-color:#28a745;color:#fff;font-size:16px;cursor:pointer;transition:background-color .3s ease}.create-quotation-button:hover{background-color:#218838}.quotations-table-container{overflow-x:auto}.quotations-table{width:100%;border-collapse:collapse;table-layout:auto}.quotations-table th{background-color:#007bff;color:#fff;font-weight:700;text-align:left;padding:12px 15px}.quotations-table td{padding:10px 12px;text-align:left;border-bottom:1px solid #ddd;vertical-align:middle}.quotations-table td:nth-child(1){white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:8px 10px}.quotations-table tr:nth-child(2n){background-color:#f2f2f2}.quotations-table td:last-child{display:flex;justify-content:center;align-items:center;gap:8px}.quotation-view-button,.quotation-download-button,.quotation-edit-button,.quotation-email-button,.quotation-whatsapp-button,.quotation-regenerate-button{padding:8px;border:none;border-radius:6px;cursor:pointer;transition:background-color .3s ease,transform .2s ease;display:flex;align-items:center;justify-content:center;width:40px;height:35px}.quotation-view-button{background-color:#17a2b8;color:#fff}.quotation-view-button:hover{background-color:#138496;transform:scale(1.1)}.quotation-download-button{background-color:#28a745;color:#fff}.quotation-download-button:hover,.quotation-email-button:hover,.quotation-regenerate-button:hover{background-color:#218838;transform:scale(1.1)}.quotation-edit-button{background-color:#ffc107;color:#fff}.quotation-edit-button:hover{background-color:#e0a800;transform:scale(1.1)}.quotation-whatsapp-button{background-color:#25d366;color:#fff}.quotation-whatsapp-button:hover{background-color:#1ebe57;transform:scale(1.1)}.quotation-view-button svg,.quotation-download-button svg,.quotation-edit-button svg{font-size:16px}.pagination{display:flex;justify-content:center;align-items:center;margin:20px 0;gap:10px}.page-button{padding:8px 12px;border:1px solid #ccc;border-radius:6px;background-color:#fff;color:#333;cursor:pointer;transition:background-color .3s ease,color .3s ease}.page-button:hover{background-color:#007bff;color:#fff}.page-button.active{background-color:#007bff;color:#fff;font-weight:700;border:1px solid #0056b3}@media (max-width: 1024px){.quotations-filter{flex-wrap:wrap;gap:8px}.search-input,.filter-input{width:23%}}@media (max-width: 768px){.quotations-filter{flex-direction:column;align-items:stretch}.search-input,.filter-input,.filter-button{width:100%}.quotations-table th,.quotations-table td{font-size:12px;padding:8px}.quotations-table td:last-child{flex-direction:column;gap:5px}}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center}.modal-container{background:#fff;padding:20px;width:300px;border-radius:10px;text-align:center}.modal-container h3{margin-bottom:10px}.modal-container select{width:100%;padding:10px;margin-bottom:10px;border:1px solid #ccc;border-radius:5px}.modal-buttons{display:flex;justify-content:space-between}.send-btn{background:#28a745;color:#fff;border:none;padding:10px 15px;cursor:pointer;border-radius:5px}.send-btn:hover{background:#218838}.close-btn{background:#dc3545;color:#fff;border:none;padding:10px 15px;cursor:pointer;border-radius:5px}.close-btn:hover{background:#c82333}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:150px;width:100%}.loading-text{margin-top:10px;font-size:16px;font-weight:700;color:#ff4500}.settings-container{max-width:800px;margin:50px auto;padding:30px;background:#fff;border-radius:12px;box-shadow:0 5px 15px #0000001a;font-family:Arial,sans-serif}.set-prefix-title{text-align:center;font-size:24px;font-weight:700;color:#333;margin-bottom:20px}.settings-section{margin-bottom:25px;padding:20px;background:#f9f9f9;border-radius:10px;box-shadow:0 3px 10px #0000000d}.settings-section h2{font-size:18px;font-weight:700;margin-bottom:15px;color:#333;border-bottom:2px solid #007bff;padding-bottom:5px}.settings-input{width:100%;padding:12px;margin:8px 0;border:1px solid #ddd;border-radius:6px;font-size:14px;transition:border-color .3s,box-shadow .3s}.settings-input footer2{width:100%;padding:12px;border:1px solid #ddd;border-radius:6px;margin:8px 0 8px 300px;font-size:14px;transition:border-color .3s,box-shadow .3s}.settings-input:focus{border-color:#007bff;box-shadow:0 0 8px #007bff4d;outline:none}.settings-checkbox{margin-right:8px}.settings-button{width:100%;padding:12px;font-size:16px;font-weight:700;color:#fff;background-color:#007bff;border:none;border-radius:6px;cursor:pointer;transition:background .3s,transform .2s;margin-top:10px}.settings-button:hover{background-color:#0056b3;transform:scale(1.02)}.reset-button{background-color:#dc3545}.reset-button:hover{background-color:#c82333}@media (max-width: 600px){.settings-container{padding:20px}.settings-section{padding:15px}.settings-input,.settings-button{font-size:14px;padding:10px}}.backup-settings-section .input-group{margin-bottom:15px}.backup-settings-section input[type=checkbox]{width:20px;height:20px;margin-right:10px;cursor:pointer;transform:scale(1.2)}.backup-settings-section input[type=checkbox]:focus{outline:none;box-shadow:0 0 8px #007bff4d}.backup-settings-section .settings-checkbox-label{font-size:16px;color:#333;font-weight:400;display:inline-block;vertical-align:middle;margin-left:5px}.backup-settings-section .checkbox-container{display:flex;align-items:center;justify-content:flex-start}.firm-details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.firm-input-group{display:flex;flex-direction:column;margin-bottom:12px}.firm-label{font-size:13px;margin-bottom:4px;color:#555;text-align:left}.firm-settings-input-small{width:100%;padding:8px;border:1px solid #ddd;border-radius:4px;font-size:13px;transition:border-color .3s,box-shadow .3s;min-height:35px;box-sizing:border-box}.firm-settings-input-small:focus{border-color:#007bff;box-shadow:0 0 6px #007bff4d;outline:none}@media (max-width: 768px){.firm-details-grid{grid-template-columns:1fr;gap:10px}.firm-input-group{margin-bottom:10px}}@media (min-width: 769px) and (max-width: 1024px){.firm-details-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1025px){.firm-details-grid{grid-template-columns:repeat(2,1fr)}}.settings-button{margin-top:20px}.template-editor-container{width:60%;margin:auto;padding:20px;background:#f9f9f9;border-radius:10px;box-shadow:0 4px 8px #0000001a}.template-editor-container h2{text-align:center;color:#333}.template-selection{margin-bottom:20px;display:flex;flex-direction:column;gap:10px}.template-selection label{font-weight:700;margin-bottom:5px}.template-selection select{padding:10px;border:1px solid #ccc;border-radius:5px;font-size:14px}.editor-container textarea{width:100%;padding:10px;font-size:14px;border:1px solid #ccc;border-radius:5px;resize:vertical}button{background:#28a745;color:#fff;border:none;padding:10px 15px;cursor:pointer;margin-top:10px;border-radius:5px;font-size:14px;transition:background .3s ease}button:hover{background:#218838}button:disabled{background:#b3b3b3;cursor:not-allowed}.placeholder-container{background:#f9f9f9;padding:10px;border-radius:10px;margin-bottom:20px}.placeholder-container p{font-weight:700;margin-bottom:5px}.placeholder-container ul{display:flex;flex-wrap:wrap;list-style:none;padding:0}.placeholder-container li{background:#ddd;padding:5px 10px;margin:5px;border-radius:5px;font-size:14px;cursor:pointer;transition:background .3s ease}.placeholder-container li:hover{background:#bbb}.add-template-container{background:#fff;padding:15px;border-radius:10px;margin-bottom:20px;box-shadow:0 2px 5px #0000001a}.add-template-container h3{margin-bottom:10px;color:#333;font-size:18px}.add-template-container input,.add-template-container textarea{width:100%;margin-bottom:10px;padding:8px;border:1px solid #ccc;border-radius:5px;font-size:14px}.add-template-container button{background:#007bff;color:#fff;border:none;padding:10px 15px;cursor:pointer;width:100%;border-radius:5px;font-size:14px;transition:background .3s ease}.add-template-container button:hover{background:#0056b3}.template-list{background:#fff;padding:15px;border-radius:10px;box-shadow:0 2px 5px #0000001a}.template-list h3{margin-bottom:10px;color:#333}.template-list ul{list-style-type:none;padding:0}.template-list li{padding:10px;border-bottom:1px solid #ccc;display:flex;justify-content:space-between;align-items:center}.template-list li:last-child{border-bottom:none}@media (max-width: 768px){.template-editor-container{width:90%}.placeholder-container ul{flex-direction:column}.add-template-container button{width:auto}}.button-group{display:flex;gap:10px}.delete-button{background:#dc3545}.delete-button:hover{background:#c82333}.api-settings-page{width:100%;max-width:800px;margin:0 auto;padding:20px;border:1px solid #ddd;border-radius:8px}.api-settings-page h2{text-align:center;margin-bottom:20px}.form-group{margin-bottom:15px;width:100%}.form-group label{display:block;margin-bottom:8px;font-weight:700}.form-group input{width:100%;padding:10px;border:1px solid #ccc;border-radius:4px;font-size:16px;font-family:monospace;white-space:nowrap;overflow:auto}.submit-button{width:100%;padding:12px;background-color:#007bff;color:#fff;border:none;border-radius:4px;font-size:16px;cursor:pointer}.submit-button:hover{background-color:#0056b3}.error-message{color:red;margin-top:10px}.success-message{color:green;margin-top:10px}.loader-container{display:flex;justify-content:center;align-items:center;height:100vh}.toggle-container{display:flex;align-items:center;margin-top:20px}.switch{position:relative;display:inline-block;width:50px;height:24px;margin-right:10px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.4s;border-radius:24px}.slider:before{position:absolute;content:"";height:18px;width:18px;left:4px;bottom:3px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.slider{background-color:#4caf50}input:checked+.slider:before{transform:translate(26px)}.otp-verification-wrapper{display:flex;justify-content:center;align-items:center;height:100vh;background-color:#eef2f7;font-family:Inter,sans-serif}.otp-verification-container{background-color:#fff;padding:40px 50px;border-radius:10px;box-shadow:0 4px 12px #0000001a;width:100%;max-width:400px;text-align:center}.otp-verification-heading{font-size:2.5rem;color:#333;margin-bottom:20px}.otp-verification-input{width:100%;padding:12px 15px;margin-bottom:15px;border:1px solid #ccc;border-radius:5px;font-size:1rem;color:#333;background-color:#fafafa;transition:border-color .3s ease}.otp-verification-input:focus{border-color:#007bff;outline:none}.otp-verification-error{color:red;font-size:.9rem;margin-bottom:10px}.otp-verification-btn,.otp-verification-back-btn{width:100%;padding:12px 0;font-size:1.2rem;font-weight:500;color:#fff;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s,transform .3s;margin-top:10px}.otp-verification-btn{background-color:#007bff}.otp-verification-btn:hover{background-color:#0056b3;transform:scale(1.05)}.otp-verification-back-btn{background-color:#6c757d;margin-top:15px}.otp-verification-back-btn:hover{background-color:#5a6268;transform:scale(1.05)}@media (max-width: 480px){.otp-verification-container{padding:30px 20px;width:90%}.otp-verification-heading{font-size:2rem}}.forgot-password-wrapper{display:flex;justify-content:center;align-items:center;height:100vh;background-color:#eef2f7;font-family:Inter,sans-serif}.forgot-password-container{background-color:#fff;padding:40px 50px;border-radius:10px;box-shadow:0 4px 12px #0000001a;width:100%;max-width:400px;text-align:center}.forgot-password-heading{font-size:2.5rem;color:#333;margin-bottom:20px}.forgot-password-input{width:100%;padding:12px 15px;margin-bottom:15px;border:1px solid #ccc;border-radius:5px;font-size:1rem;color:#333;background-color:#fafafa;transition:border-color .3s ease}.forgot-password-input:focus{border-color:#007bff;outline:none}.forgot-password-error{color:red;font-size:.9rem;margin-bottom:10px}.forgot-password-success{color:green;font-size:.9rem;margin-bottom:10px}.forgot-password-btn,.forgot-password-back-btn{width:100%;padding:12px 0;font-size:1.2rem;font-weight:500;color:#fff;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s,transform .3s;margin-top:10px}.forgot-password-btn{background-color:#007bff}.forgot-password-btn:hover{background-color:#0056b3;transform:scale(1.05)}.forgot-password-back-btn{background-color:#6c757d;margin-top:15px}.forgot-password-back-btn:hover{background-color:#5a6268;transform:scale(1.05)}@media (max-width: 480px){.forgot-password-container{padding:30px 20px;width:90%}.forgot-password-heading{font-size:2rem}}.reset-password-wrapper{display:flex;justify-content:center;align-items:center;height:100vh;background-color:#eef2f7;font-family:Inter,sans-serif}.reset-password-container{background-color:#fff;padding:40px 50px;border-radius:10px;box-shadow:0 4px 12px #0000001a;width:100%;max-width:400px;text-align:center}.reset-password-heading{font-size:2.5rem;color:#333;margin-bottom:20px}.reset-password-input{width:100%;padding:12px 15px;margin-bottom:15px;border:1px solid #ccc;border-radius:5px;font-size:1rem;color:#333;background-color:#fafafa;transition:border-color .3s ease}.reset-password-input:focus{border-color:#007bff;outline:none}.reset-password-error{color:red;font-size:.9rem;margin-bottom:10px}.reset-password-success{color:green;font-size:.9rem;margin-bottom:10px}.reset-password-btn,.reset-password-back-btn{width:100%;padding:12px 0;font-size:1.2rem;font-weight:500;color:#fff;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s,transform .3s;margin-top:10px}.reset-password-btn{background-color:#007bff}.reset-password-btn:hover{background-color:#0056b3;transform:scale(1.05)}.reset-password-back-btn{background-color:#6c757d;margin-top:15px}.reset-password-back-btn:hover{background-color:#5a6268;transform:scale(1.05)}@media (max-width: 480px){.reset-password-container{padding:30px 20px;width:90%}.reset-password-heading{font-size:2rem}}.unique-container{width:80%;margin:20px auto;font-family:Arial,sans-serif}.unique-card{background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px}h2{margin-bottom:15px;font-size:20px;color:#333}.unique-error{color:red;margin-bottom:10px}.unique-input-group{display:flex;gap:10px;margin-top:10px}.unique-input-group input{flex:1;padding:10px;border:1px solid #ccc;border-radius:4px;font-size:14px}.unique-input-group button{padding:10px 16px;border:none;background-color:#007bff;color:#fff;border-radius:4px;cursor:pointer;font-size:14px}.unique-input-group button:hover{background-color:#0056b3}.unique-table{width:100%;border-collapse:collapse;margin-top:10px}.unique-table,.unique-table th,.unique-table td{border:1px solid #ddd}.unique-table th,.unique-table td{padding:10px;text-align:left;font-size:14px}.unique-table th{background:#f4f4f4}.unique-table td:nth-child(3){font-style:italic;color:#555}