@import url(https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap);.popup[data-v-ce4a4c3e]{position:fixed;top:30%;left:50%;transform:translate(-50%,-50%);background-color:#333;color:#fff;padding:2em;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.5);text-align:center;z-index:1000;width:80%;max-width:400px;font-size:1.2em}.popup.success[data-v-ce4a4c3e]{background-color:#4caf50}.popup.error[data-v-ce4a4c3e]{background-color:#f44336}.popup .close-icon[data-v-ce4a4c3e]{position:absolute;top:10px;right:10px;font-size:1.5em;color:#fff;cursor:pointer;background:none;border:none;outline:none}.popup p[data-v-ce4a4c3e]{margin:1em 0}.form-container[data-v-ce4a4c3e]{display:flex;justify-content:center;align-items:center;height:100vh;background-color:#fff}.purchase-form[data-v-ce4a4c3e]{background-color:#fff;padding:2.5rem;border-radius:10px;box-shadow:0 4px 16px rgba(0,0,0,.15);width:100%;max-width:700px}.icon[data-v-ce4a4c3e]{width:100%;background-color:#fff;display:flex;justify-content:center;align-items:center;gap:2rem;margin-bottom:2rem}.icon h2[data-v-ce4a4c3e]{margin-bottom:2rem}.icon img[data-v-ce4a4c3e]{height:5rem;width:5rem}.hr-tag[data-v-ce4a4c3e]{margin-bottom:2rem}.form-row[data-v-ce4a4c3e]{display:flex;justify-content:space-between;gap:1.5rem;margin-bottom:1.5rem}.form-group[data-v-ce4a4c3e]{flex:1;display:flex;flex-direction:column}.form-group label[data-v-ce4a4c3e]{margin-bottom:.5rem;font-size:.95rem;color:#333}.form-group input[data-v-ce4a4c3e],.form-group select[data-v-ce4a4c3e]{padding:.85rem;border:1px solid #ddd;border-radius:5px;font-size:.95rem;transition:border-color .3s ease}.form-group input[data-v-ce4a4c3e]:focus,.form-group select[data-v-ce4a4c3e]:focus{border-color:#4d8aff}.payment input[data-v-ce4a4c3e]{color:#fff;font-size:1rem;background:linear-gradient(277.64deg,#4d8aff 8.32%,#f53f9e 51.79%,#ff9051 96.13%);transition:background-color .3s ease}.payment input.has-value[data-v-ce4a4c3e]{background-color:#1ee817}.payment input.has-value[data-v-ce4a4c3e]:focus,.payment input[data-v-ce4a4c3e]:focus{background-color:rgba(216,219,17,.882)}.paymet select[data-v-ce4a4c3e]:focus{background-color:rgba(191,23,216,.882)}.error-message[data-v-ce4a4c3e]{color:#ff5b5b;font-size:.85rem;margin-top:.25rem}.save-button[data-v-ce4a4c3e]{display:block;width:390px;height:48px;padding:16px 40px;margin:0 auto;font-size:1rem;font-weight:700;color:#fff;border:none;border-radius:53px;background:linear-gradient(277.64deg,#4d8aff 8.32%,#f53f9e 51.79%,#ff9051 96.13%);cursor:pointer;transition:opacity .3s}.save-button[data-v-ce4a4c3e]:hover{opacity:.9}#due-amount[data-v-ce4a4c3e]{color:#e20e0e;font-size:15px;font-weight:600}#paid-amount[data-v-ce4a4c3e]{color:#3fc820;font-size:15px;font-weight:600}@media(max-width:768px){.form-container[data-v-ce4a4c3e]{margin-top:3rem;background-color:#fff;padding:1rem;width:90%;max-width:400px}.purchase-form[data-v-ce4a4c3e]{margin-top:2rem;height:auto;background-color:#fff;padding:1.5rem;border-radius:10px}.form-row[data-v-ce4a4c3e]{flex-direction:column;gap:1rem}.form-group[data-v-ce4a4c3e]{width:100%}input[type=date][data-v-ce4a4c3e],input[type=number][data-v-ce4a4c3e],input[type=text][data-v-ce4a4c3e],select[data-v-ce4a4c3e]{font-size:1rem;padding:.5rem}.save-button[data-v-ce4a4c3e]{padding:10px 15px;font-size:.95rem;width:100%;margin-top:1rem}.error-message[data-v-ce4a4c3e]{font-size:.85rem}}.popup[data-v-946c7968]{position:fixed;top:30%;left:50%;transform:translate(-50%,-50%);background-color:#333;color:#fff;padding:2em;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.5);text-align:center;z-index:1000;width:80%;max-width:400px;font-size:1.2em}.popup.success[data-v-946c7968]{background-color:#4caf50}.popup.error[data-v-946c7968]{background-color:#f44336}.popup .close-icon[data-v-946c7968]{position:absolute;top:10px;right:10px;font-size:1.5em;color:#fff;cursor:pointer;background:none;border:none;outline:none}.popup p[data-v-946c7968]{margin:1em 0}.form-container[data-v-946c7968]{display:flex;justify-content:center;align-items:center;height:100vh;background-color:#fff}.purchase-form[data-v-946c7968]{margin-top:10%;background-color:#fff;padding:2.5rem;border-radius:10px;box-shadow:0 4px 16px rgba(0,0,0,.15);width:100%;max-width:700px}.icon[data-v-946c7968]{width:100%;background-color:#fff;display:flex;justify-content:center;align-items:center;gap:2rem;margin-bottom:2rem}.icon img[data-v-946c7968]{height:5rem;width:5rem}.hr-tag[data-v-946c7968]{margin-bottom:2rem}.form-row[data-v-946c7968]{display:flex;justify-content:space-between;gap:1.5rem;margin-bottom:1.5rem}.form-group[data-v-946c7968]{flex:1;display:flex;flex-direction:column}.form-group label[data-v-946c7968]{margin-bottom:.5rem;font-size:.95rem;color:#333}.form-group input[data-v-946c7968],.form-group select[data-v-946c7968]{padding:.85rem;border:1px solid #ddd;border-radius:5px;font-size:.95rem;transition:border-color .3s ease}.form-group input[data-v-946c7968]:focus,.form-group select[data-v-946c7968]:focus{border-color:#4d8aff}.payment input[data-v-946c7968]{color:#fff;font-size:1rem;background:linear-gradient(277.64deg,#4d8aff 8.32%,#f53f9e 51.79%,#ff9051 96.13%);transition:background-color .3s ease}.payment input.has-value[data-v-946c7968]{background-color:#1ee817}.payment input.has-value[data-v-946c7968]:focus,.payment input[data-v-946c7968]:focus{background-color:rgba(216,219,17,.882)}.paymet select[data-v-946c7968]:focus{background-color:rgba(191,23,216,.882)}.error-message[data-v-946c7968]{color:#ff5b5b;font-size:.85rem;margin-top:.25rem}.save-button[data-v-946c7968]{display:block;width:390px;height:48px;padding:16px 40px;margin:0 auto;font-size:1rem;font-weight:700;color:#fff;border:none;border-radius:53px;background:linear-gradient(277.64deg,#4d8aff 8.32%,#f53f9e 51.79%,#ff9051 96.13%);cursor:pointer;transition:opacity .3s}.save-button[data-v-946c7968]:hover{opacity:.9}#due-amount[data-v-946c7968]{color:#e20e0e;font-size:15px;font-weight:600}#paid-amount[data-v-946c7968]{color:#3fc820;font-size:15px;font-weight:600}@media(max-width:768px){.form-container[data-v-946c7968]{margin-top:3rem;background-color:#fff;padding:1rem;width:90%;max-width:400px}.purchase-form[data-v-946c7968]{margin-top:2rem;height:auto;background-color:#fff;padding:1.5rem;border-radius:10px}.form-row[data-v-946c7968]{flex-direction:column;gap:1rem}.form-group[data-v-946c7968]{width:100%}input[type=date][data-v-946c7968],input[type=number][data-v-946c7968],input[type=text][data-v-946c7968],select[data-v-946c7968]{font-size:1rem;padding:.5rem}.save-button[data-v-946c7968]{padding:10px 15px;font-size:.95rem;width:100%;margin-top:1rem}.error-message[data-v-946c7968]{font-size:.85rem}}.popup[data-v-5efb5e7a]{position:fixed;top:30%;left:50%;transform:translate(-50%,-50%);background-color:#333;color:#fff;padding:2em;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.5);text-align:center;z-index:1000;width:80%;max-width:400px;font-size:1.2em}.popup.success[data-v-5efb5e7a]{background-color:#4caf50}.popup.error[data-v-5efb5e7a]{background-color:#f44336}.popup .close-icon[data-v-5efb5e7a]{position:absolute;top:10px;right:10px;font-size:1.5em;color:#fff;cursor:pointer;background:none;border:none;outline:none}.popup p[data-v-5efb5e7a]{margin:1em 0}.form-container[data-v-5efb5e7a]{display:flex;justify-content:center;align-items:center;height:100vh;background-color:#fff}.purchase-form[data-v-5efb5e7a]{margin-top:10%;background-color:#fff;padding:2.5rem;border-radius:10px;box-shadow:0 4px 16px rgba(0,0,0,.15);width:100%;max-width:700px}.icon[data-v-5efb5e7a]{width:100%;background-color:#fff;display:flex;justify-content:center;align-items:center;gap:2rem;margin-bottom:2rem}.icon img[data-v-5efb5e7a]{height:5rem;width:5rem}.hr-tag[data-v-5efb5e7a]{margin-bottom:2rem}.form-row[data-v-5efb5e7a]{display:flex;justify-content:space-between;gap:1.5rem;margin-bottom:1.5rem}.form-group[data-v-5efb5e7a]{flex:1;display:flex;flex-direction:column}.form-group label[data-v-5efb5e7a]{margin-bottom:.5rem;font-size:.95rem;color:#333}.form-group input[data-v-5efb5e7a],.form-group select[data-v-5efb5e7a]{padding:.85rem;border:1px solid #ddd;border-radius:5px;font-size:.95rem;transition:border-color .3s ease}.form-group input[data-v-5efb5e7a]:focus,.form-group select[data-v-5efb5e7a]:focus{border-color:#4d8aff}.payment input[data-v-5efb5e7a]{color:#fff;font-size:1rem;background:linear-gradient(277.64deg,#4d8aff 8.32%,#f53f9e 51.79%,#ff9051 96.13%);transition:background-color .3s ease}.payment input.has-value[data-v-5efb5e7a]{background-color:#1ee817}.payment input.has-value[data-v-5efb5e7a]:focus,.payment input[data-v-5efb5e7a]:focus{background-color:rgba(216,219,17,.882)}.paymet select[data-v-5efb5e7a]:focus{background-color:rgba(191,23,216,.882)}.error-message[data-v-5efb5e7a]{color:#ff5b5b;font-size:.85rem;margin-top:.25rem}.save-button[data-v-5efb5e7a]{display:block;width:390px;height:48px;padding:16px 40px;margin:0 auto;font-size:1rem;font-weight:700;color:#fff;border:none;border-radius:53px;background:linear-gradient(277.64deg,#4d8aff 8.32%,#f53f9e 51.79%,#ff9051 96.13%);cursor:pointer;transition:opacity .3s}.save-button[data-v-5efb5e7a]:hover{opacity:.9}#due-amount[data-v-5efb5e7a]{color:#e20e0e;font-size:15px;font-weight:600}#paid-amount[data-v-5efb5e7a]{color:#3fc820;font-size:15px;font-weight:600}@media(max-width:768px){.form-container[data-v-5efb5e7a]{margin-top:3rem;background-color:#fff;padding:1rem;width:90%;max-width:400px}.purchase-form[data-v-5efb5e7a]{margin-top:2rem;height:auto;background-color:#fff;padding:1.5rem;border-radius:10px}.form-row[data-v-5efb5e7a]{flex-direction:column;gap:1rem}.form-group[data-v-5efb5e7a]{width:100%}input[type=date][data-v-5efb5e7a],input[type=number][data-v-5efb5e7a],input[type=text][data-v-5efb5e7a],select[data-v-5efb5e7a]{font-size:1rem;padding:.5rem}.save-button[data-v-5efb5e7a]{padding:10px 15px;font-size:.95rem;width:100%;margin-top:1rem}.error-message[data-v-5efb5e7a]{font-size:.85rem}}.attendance-container[data-v-73643e44]{max-width:900px;margin:auto;padding:20px;text-align:center;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#333;position:relative}.attendance-container .date-overlay[data-v-73643e44]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);height:auto;width:30rem;background-color:#fff;box-shadow:-4px 9px 34px 6px #662d66;border-radius:15px;padding:30px;box-sizing:border-box;text-align:center;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.attendance-container .date-overlay h2[data-v-73643e44]{margin-bottom:20px;font-size:1.8rem;color:#636}.attendance-container .custom-date-wrapper[data-v-73643e44]{position:relative;display:inline-block;margin-bottom:20px;width:80%}.attendance-container .custom-date-input[data-v-73643e44]{width:100%;padding:15px;font-size:16px;border:1px solid #ddd;border-radius:8px;background-color:#f9f9f9;color:#333;outline:none;transition:border-color .3s ease,box-shadow .3s ease}.attendance-container .custom-date-input[data-v-73643e44]:focus,.attendance-container .custom-date-input[data-v-73643e44]:hover{border-color:#636;box-shadow:0 0 5px rgba(102,51,102,.5)}.attendance-container .submit-btn[data-v-73643e44]{background-color:#636;color:#fff;border:none;padding:12px 25px;font-size:16px;font-weight:700;border-radius:10px;cursor:pointer;transition:background-color .3s ease,transform .3s ease}.attendance-container .submit-btn[data-v-73643e44]:hover{background-color:#551a55;transform:translateY(-2px)}.attendance-container .submit-btn[data-v-73643e44]:active{transform:translateY(1px)}.attendance-container .close-btn[data-v-73643e44]{position:absolute;top:15px;right:15px;background:none;border:none;font-size:24px;font-weight:700;cursor:pointer;color:#333}.attendance-container .close-btn[data-v-73643e44]:hover{color:#636}.attendance-container .close-btn[data-v-73643e44]:active{transform:scale(.95)}h1[data-v-73643e44]{font-size:1.8rem;color:#555;margin-bottom:20px}.employee-card[data-v-73643e44]{display:flex;align-items:center;justify-content:space-between;background-color:#fff;border-radius:12px;padding:15px 20px;margin-bottom:12px;box-shadow:0 4px 10px rgba(0,0,0,.1);transition:box-shadow .3s ease}.employee-card[data-v-73643e44]:hover{box-shadow:0 6px 12px rgba(0,0,0,.15)}.image-outer[data-v-73643e44]{width:60px;height:60px;border-radius:50%;border:2.5px solid #8a2be2}.image-outer .employee-image[data-v-73643e44]{margin-top:2px;width:50px;height:50px;border-radius:50%;-o-object-fit:cover;object-fit:cover}.employee-details[data-v-73643e44]{flex:1;margin-left:15px;text-align:left;display:flex;align-items:center}.employee-details h2[data-v-73643e44]{font-size:1.1rem;color:#333;margin:0;width:7rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.designation[data-v-73643e44]{margin-left:20%;font-size:1rem;color:#777}.status-dropdown[data-v-73643e44]{max-width:12.5rem;padding:6px 12px;border-radius:8px;border:1px solid #ddd;font-size:.9rem;background-color:#f8f8f8;cursor:pointer;outline:none;transition:all .3s ease}.status-dropdown[data-v-73643e44]:focus,.status-dropdown[data-v-73643e44]:hover{border-color:#aaa;background-color:#e9e9e9}.bg-success[data-v-73643e44]{color:#155724}.bg-warning[data-v-73643e44]{color:#856404}.bg-danger[data-v-73643e44]{color:#721c24}[data-v-3841d888]{box-sizing:border-box}body[data-v-3841d888]{font-family:Arial,sans-serif;color:#333}.order-form-container[data-v-3841d888]{max-width:900px;margin:auto;padding:30px;background-color:#f5f7fa;border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,.1)}.form-header[data-v-3841d888]{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:20px}.form-group[data-v-3841d888]{flex:1}.form-control[data-v-3841d888]{width:100%;padding:10px;margin-top:5px;border:1px solid #d0d4db;border-radius:5px}.table-responsive[data-v-3841d888]{margin-top:20px;overflow-x:auto}.payment-section[data-v-3841d888]{margin-top:20px}.payment-section .form-group[data-v-3841d888]{margin-bottom:15px}.table[data-v-3841d888]{width:100%;background-color:#fff;border-radius:8px;overflow:hidden}.table-bordered td[data-v-3841d888],.table-bordered th[data-v-3841d888]{border:1px solid #e0e6ed;padding:10px;text-align:center;font-size:.9rem}thead th[data-v-3841d888]{background-color:#f0f4fa;color:#5a5a5a;font-weight:700}.btn[data-v-3841d888]{padding:8px 12px;font-size:.9rem;border:none;border-radius:5px;cursor:pointer}.btn-add[data-v-3841d888]{background-color:#5cb85c;color:#fff}.btn-remove[data-v-3841d888]{background-color:#d9534f;color:#fff}.btn-submit[data-v-3841d888]{background-color:#0275d8;color:#fff;display:block;width:100%;margin-top:20px}.total-payment[data-v-3841d888]{text-align:right;font-size:1.2rem;margin-top:10px;color:#333}@media (max-width:768px){.form-header[data-v-3841d888]{flex-direction:column}.form-group[data-v-3841d888]{width:100%}.table-responsive[data-v-3841d888]{margin-top:15px}}.customer-list-container[data-v-47cc68bf]{font-family:Arial,sans-serif;padding:20px;background-color:#fff}.header[data-v-47cc68bf]{display:flex;justify-content:center;align-items:center;background-color:#fff;padding:20px;border-bottom:2px solid #ccc;margin-bottom:20px}.app-title[data-v-47cc68bf]{display:flex;align-items:center;font-size:24px;font-weight:700;color:#333}.logo[data-v-47cc68bf]{width:40px;height:40px;margin-right:10px}.search-bar[data-v-47cc68bf]{margin-bottom:20px;display:flex;justify-content:center}.search-bar input[data-v-47cc68bf]{width:100%;max-width:600px;padding:10px;border-radius:20px;border:1px solid #ccc;font-size:16px}.customer-cards[data-v-47cc68bf]{display:flex;flex-direction:column;gap:1.5rem;justify-content:center;align-items:center;background-color:#fff}.customer-card[data-v-47cc68bf]{background-color:#fff;border-radius:10px;box-shadow:0 4px 8px rgba(0,0,0,.1);cursor:pointer;padding:20px;width:80%;display:flex;align-items:center;transition:transform .3s ease;justify-content:space-between}.customer-card[data-v-47cc68bf]:hover{transform:scale(1.05)}.outer[data-v-47cc68bf]{width:60px;height:60px;border-radius:50%;border:2.5px solid #8a2be2;display:flex;justify-content:center;align-items:center}.customer-image[data-v-47cc68bf]{width:50px;height:50px;border-radius:50%}.customer-info[data-v-47cc68bf]{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%;margin-left:20px}.customer-info h3[data-v-47cc68bf]{font-size:20px;font-weight:500;color:#333;margin-left:40%}.customer-info button[data-v-47cc68bf]{all:unset;width:6.5rem;height:2rem;padding:8px 24px 8px 24px;gap:10px;border-radius:8px;background-color:#b86363;font-family:Montserrat;font-size:16px;font-weight:700;line-height:19.5px;text-align:center;text-underline-position:from-font;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none;color:#fff}.customer-info p i[data-v-47cc68bf]{color:#6c63ff;margin-right:5px}.loading-message[data-v-47cc68bf]{text-align:center;font-size:20px;color:#999}.customer-list-container[data-v-ae530522]{font-family:Arial,sans-serif;padding:20px;background-color:#fff}.header[data-v-ae530522]{display:flex;justify-content:center;align-items:center;background-color:#fff;padding:20px;border-bottom:2px solid #ccc;margin-bottom:20px}.app-title[data-v-ae530522]{display:flex;align-items:center;font-size:24px;font-weight:700;color:#333}.logo[data-v-ae530522]{width:40px;height:40px;margin-right:10px}.search-bar[data-v-ae530522]{margin-bottom:20px;display:flex;justify-content:center}.search-bar input[data-v-ae530522]{width:100%;max-width:600px;padding:10px;border-radius:20px;border:1px solid #ccc;font-size:16px}.customer-cards[data-v-ae530522]{display:flex;flex-direction:column;gap:1.5rem;justify-content:center;align-items:center;background-color:#fff}.customer-card[data-v-ae530522]{background-color:#fff;border-radius:10px;box-shadow:0 4px 8px rgba(0,0,0,.1);cursor:pointer;padding:20px;width:80%;display:flex;align-items:center;transition:transform .3s ease;justify-content:space-between}.customer-card[data-v-ae530522]:hover{transform:scale(1.05)}.outer[data-v-ae530522]{width:60px;height:60px;border-radius:50%;border:2.5px solid #8a2be2;display:flex;justify-content:center;align-items:center}.customer-image[data-v-ae530522]{width:50px;height:50px;border-radius:50%}.customer-info[data-v-ae530522]{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%;margin-left:20px}.customer-info h3[data-v-ae530522]{font-size:20px;font-weight:500;color:#333;margin-left:40%}.customer-info button[data-v-ae530522]{all:unset;width:6.5rem;height:2rem;padding:8px 24px 8px 24px;gap:10px;border-radius:8px;background-color:#b86363;font-family:Montserrat;font-size:16px;font-weight:700;line-height:19.5px;text-align:center;text-underline-position:from-font;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none;color:#fff}.customer-info p i[data-v-ae530522]{color:#6c63ff;margin-right:5px}.loading-message[data-v-ae530522]{text-align:center;font-size:20px;color:#999}.customer-list-container[data-v-4c672b6a]{font-family:Arial,sans-serif;padding:20px;background-color:#fff}.header[data-v-4c672b6a]{display:flex;justify-content:center;align-items:center;background-color:#fff;padding:20px;border-bottom:2px solid #ccc;margin-bottom:20px}.app-title[data-v-4c672b6a]{display:flex;align-items:center;font-size:24px;font-weight:700;color:#333}.logo[data-v-4c672b6a]{width:40px;height:40px;margin-right:10px}.search-bar[data-v-4c672b6a]{margin-bottom:20px;display:flex;justify-content:center}.search-bar input[data-v-4c672b6a]{width:100%;max-width:600px;padding:10px;border-radius:20px;border:1px solid #ccc;font-size:16px}.customer-cards[data-v-4c672b6a]{display:flex;flex-direction:column;gap:1.5rem;justify-content:center;align-items:center;background-color:#fff}.customer-card[data-v-4c672b6a]{background-color:#fff;border-radius:10px;box-shadow:0 4px 8px rgba(0,0,0,.1);cursor:pointer;padding:20px;width:80%;display:flex;align-items:center;transition:transform .3s ease;justify-content:space-between}.customer-card[data-v-4c672b6a]:hover{transform:scale(1.05)}.outer[data-v-4c672b6a]{width:60px;height:60px;border-radius:50%;border:2.5px solid #8a2be2;display:flex;justify-content:center;align-items:center}.customer-image[data-v-4c672b6a]{width:50px;height:50px;border-radius:50%}.customer-info[data-v-4c672b6a]{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%;margin-left:20px}.customer-info h3[data-v-4c672b6a]{font-size:20px;font-weight:500;color:#333;margin-left:40%}.customer-info button[data-v-4c672b6a]{all:unset;width:6.5rem;height:2rem;padding:8px 24px 8px 24px;gap:10px;border-radius:8px;background-color:#b86363;font-family:Montserrat;font-size:16px;font-weight:700;line-height:19.5px;text-align:center;text-underline-position:from-font;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none;color:#fff}.customer-info p i[data-v-4c672b6a]{color:#6c63ff;margin-right:5px}.loading-message[data-v-4c672b6a]{text-align:center;font-size:20px;color:#999}.customer-list-container[data-v-ab0b06c0]{font-family:Arial,sans-serif;padding:20px;background-color:#fff}.header[data-v-ab0b06c0]{display:flex;justify-content:center;align-items:center;background-color:#fff;padding:20px;border-bottom:2px solid #ccc;margin-bottom:20px}.app-title[data-v-ab0b06c0]{display:flex;align-items:center;font-size:24px;font-weight:700;color:#333}.logo[data-v-ab0b06c0]{width:40px;height:40px;margin-right:10px}.search-bar[data-v-ab0b06c0]{margin-bottom:20px;display:flex;justify-content:center}.search-bar input[data-v-ab0b06c0]{width:100%;max-width:600px;padding:10px;border-radius:20px;border:1px solid #ccc;font-size:16px}.customer-cards[data-v-ab0b06c0]{display:flex;flex-direction:column;gap:1.5rem;justify-content:center;align-items:center;background-color:#fff}.customer-card[data-v-ab0b06c0]{background-color:#fff;border-radius:10px;box-shadow:0 4px 8px rgba(0,0,0,.1);cursor:pointer;padding:20px;width:80%;display:flex;align-items:center;transition:transform .3s ease;justify-content:space-between}.customer-card[data-v-ab0b06c0]:hover{transform:scale(1.05)}.outer[data-v-ab0b06c0]{width:60px;height:60px;border-radius:50%;border:2.5px solid #8a2be2;display:flex;justify-content:center;align-items:center}.customer-image[data-v-ab0b06c0]{width:50px;height:50px;border-radius:50%}.customer-info[data-v-ab0b06c0]{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%;margin-left:20px}.customer-info h3[data-v-ab0b06c0]{font-size:20px;font-weight:500;color:#333;margin-left:40%}.customer-info button[data-v-ab0b06c0]{all:unset;width:6.5rem;height:2rem;padding:8px 24px 8px 24px;gap:10px;border-radius:8px;background-color:#b86363;font-family:Montserrat;font-size:16px;font-weight:700;line-height:19.5px;text-align:center;text-underline-position:from-font;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none;color:#fff}.customer-info p i[data-v-ab0b06c0]{color:#6c63ff;margin-right:5px}.loading-message[data-v-ab0b06c0]{text-align:center;font-size:20px;color:#999}.purchase-history-container[data-v-7d7ae584]{font-family:Arial,sans-serif;padding:20px;background-color:#f9f9f9}.header[data-v-7d7ae584]{display:flex;justify-content:center;align-items:center;background-color:#fff;padding:20px;border-bottom:2px solid #ccc;margin-bottom:20px}.app-title[data-v-7d7ae584]{display:flex;align-items:center;font-size:24px;font-weight:700;color:#333}.logo[data-v-7d7ae584]{width:40px;height:40px;margin-right:10px}.loading-message[data-v-7d7ae584],.no-history-message[data-v-7d7ae584]{text-align:center;font-size:20px;color:#999}.purchase-history-list[data-v-7d7ae584]{display:flex;flex-direction:column;gap:1rem}.purchase-record[data-v-7d7ae584]{background-color:#fff;border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,.1);padding:20px;transition:all .3s ease-in-out}.purchase-record[data-v-7d7ae584]:hover{box-shadow:0 8px 16px rgba(0,0,0,.15)}.record-info[data-v-7d7ae584]{display:flex;flex-direction:column;font-size:16px;color:#777;width:95%}.slid-design[data-v-7d7ae584]{background-color:#ebf2ef}.slid-design[data-v-7d7ae584],.slidevalue[data-v-7d7ae584]{margin-left:2rem;width:95%;height:48px;border-radius:20px;display:flex;align-items:center;justify-content:space-around}.slidevalue[data-v-7d7ae584]{margin-top:1rem;background-color:#fff}.record-item[data-v-7d7ae584]{display:flex;justify-content:space-between;gap:5px}.name-date[data-v-7d7ae584]{margin-left:2rem;width:95%;background-color:#fff;height:48px;border-radius:20px;display:flex;align-items:center;justify-content:space-between}.record-item p[data-v-7d7ae584]{font-size:16px;margin:5px 0}.price-payment-status[data-v-7d7ae584]{margin-left:2rem;width:95%;display:flex;align-items:center;justify-content:space-between}.price-payment-status .payment-color[data-v-7d7ae584]{font-size:16px;font-weight:500;color:green}.success-btn[data-v-7d7ae584]{margin-left:2rem;margin-top:2rem;width:95%;display:flex;justify-content:flex-end}.success-btn .confirm-btn[data-v-7d7ae584]{display:flex;height:3rem;width:15%;justify-content:center;align-items:center;gap:8px;border-radius:40px;background:green;color:#fff;font-size:18px;font-style:normal;font-weight:500}.record-info select[data-v-7d7ae584]{padding:8px;border-radius:4px;border:1px solid #ccc;font-size:16px;background-color:#f0f0f0;color:#333;transition:border-color .3s ease-in-out}.record-info select[data-v-7d7ae584]:focus{border-color:#007bff}@media(max-width:768px){.purchase-record[data-v-7d7ae584]{padding:15px}.record-info[data-v-7d7ae584]{gap:10px}.record-item p[data-v-7d7ae584]{font-size:14px}}.employee-form[data-v-677eb63d]{max-width:700px;margin:0 auto;padding:2em;background:#fff;border-radius:16px;box-shadow:0 0 2px 0 rgba(145,158,171,.2),0 12px 24px -4px rgba(145,158,171,.12);font-family:Inter}.employee-form h2[data-v-677eb63d]{text-align:center;font-size:2rem;color:#333;margin-bottom:1.5em;border-bottom:2px solid #eaeaea;font-family:700;font-family:Inter}.employee-form .personal-info[data-v-677eb63d]{border-bottom:2px solid #eaeaea;margin:40px 0 30px 0;color:#666;font-size:1.1rem;font-family:Inter}.employee-form form[data-v-677eb63d]{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5em}.employee-form form .form-group[data-v-677eb63d]{display:flex;flex-direction:column;gap:.5em}.employee-form form .form-group label[data-v-677eb63d]{color:#666;font-family:Inter}.employee-form form .form-group input[data-v-677eb63d]{padding:.8rem;border:1px solid #ccc;border-radius:8px;font-family:Inter;background-color:#f1f5f9}.employee-form form .form-group input[data-v-677eb63d]:focus{outline:none;border-color:#212020}.employee-form form .form-group input[data-v-677eb63d]:hover{border:1px solid #212020}.employee-form form .form-group input[data-v-677eb63d]::-moz-placeholder{color:#b0b0b0;font-family:Inter}.employee-form form .form-group input[data-v-677eb63d]::placeholder{color:#b0b0b0;font-family:Inter}.employee-form form .form-group textarea[data-v-677eb63d]{width:100%;height:100px;max-height:120px;resize:vertical;overflow-y:auto}.employee-form form .form-group select[data-v-677eb63d],.employee-form form .form-group textarea[data-v-677eb63d]{padding:.8rem;border:1px solid #ccc;border-radius:8px;font-family:Inter;background-color:#f1f5f9}.employee-form form .form-group select[data-v-677eb63d]:focus{outline:none;border-color:#212020}.employee-form form .form-group select[data-v-677eb63d]:hover{border:1px solid #212020}.employee-form form .form-group select[data-v-677eb63d]::-moz-placeholder{color:#b0b0b0;font-family:Inter}.employee-form form .form-group select[data-v-677eb63d]::placeholder{color:#b0b0b0;font-family:Inter}.employee-form form .form-group button[data-v-677eb63d]{display:flex;align-items:center;justify-content:center;padding:.5em 1em;border:none;border-radius:4px;background-color:#0d0b0b;cursor:pointer;width:20rem;height:3rem;padding:17px 20px 17px 16px;gap:8px;border-radius:40px;font-family:Inter;font-size:18px;font-weight:500;line-height:23.4px;text-underline-position:from-font;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none;color:#fff}.employee-form form .form-group button[data-v-677eb63d]:hover{background-color:#020304}.employee-form form .form-group .image-preview[data-v-677eb63d]{display:flex;flex-direction:column;align-items:center}.employee-form form .form-group .image-preview img[data-v-677eb63d]{height:100px;width:100px;border-radius:8px}.employee-form form .submit-button[data-v-677eb63d]{grid-column:span 2;background-color:#090a0c;font-size:16px;padding:.5em 0;border-radius:6px;display:flex;align-items:center;justify-content:center;padding:.5em 1em;border:none;border-radius:4px;background-color:#0d0b0b;cursor:pointer;width:40rem;height:3rem;padding:17px 20px 17px 16px;gap:8px;border-radius:40px;font-family:Inter;font-size:18px;font-weight:500;line-height:23.4px;text-underline-position:from-font;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none;color:#fff}.employee-form form .submit-button[data-v-677eb63d]:hover{background-color:#111315}.employee-form .modal[data-v-677eb63d]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center}.employee-form .modal .modal-content[data-v-677eb63d]{background:#fff;padding:20px;border-radius:8px;position:relative}.employee-form .modal .modal-content .close[data-v-677eb63d]{position:absolute;top:10px;right:15px;cursor:pointer;font-size:20px}.employee-form .modal .modal-content button[data-v-677eb63d]{padding:.5em 1em;border:none;margin-top:10px;border-radius:4px;background-color:#007bff;color:#fff;cursor:pointer}.employee-form .modal .modal-content button[data-v-677eb63d]:hover{background-color:#0056b3}.employee-form .confirmation-modal[data-v-677eb63d]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.76);display:flex;justify-content:center;align-items:center;z-index:1000}.employee-form .confirmation-modal .confirmation-modal-content[data-v-677eb63d]{background-color:#fff;width:90%;max-width:500px;height:auto;padding:20px;border-radius:20px;box-shadow:0 0 2px 0 rgba(145,158,171,.2),0 12px 24px -4px rgba(145,158,171,.12);position:relative}.employee-form .confirmation-modal .confirmation-modal-content .modal-close[data-v-677eb63d]{position:absolute;top:-31px;right:-60px;font-size:3.5rem;cursor:pointer;color:#fff}.employee-form .confirmation-modal .confirmation-modal-content .modal-close[data-v-677eb63d]:hover{color:#f44336}.employee-form .confirmation-modal .confirmation-modal-content h3[data-v-677eb63d]{text-align:center;font-size:1.5rem;color:#333;font-family:700;font-family:Inter}.employee-form .confirmation-modal .confirmation-modal-content .employee-info p[data-v-677eb63d]{height:45px;width:100%;display:flex;align-items:center;justify-content:flex-start;font-size:1rem;line-height:1.5;color:#666;margin:5px 0;font-family:Inter;border-top:1px dotted #bebcbc}.employee-form .confirmation-modal .confirmation-modal-content .employee-info p strong[data-v-677eb63d]{width:65%;font-family:Inter}.employee-form .confirmation-modal .confirmation-modal-content .modal-actions[data-v-677eb63d]{display:flex;justify-content:space-around;margin-top:20px}.employee-form .confirmation-modal .confirmation-modal-content .modal-actions button[data-v-677eb63d]{padding:8px 20px;border-radius:4px;font-size:1rem;cursor:pointer;border:none}.employee-form .confirmation-modal .confirmation-modal-content .modal-actions .action-confirm[data-v-677eb63d]{background-color:#4caf50;color:#fff}.employee-form .confirmation-modal .confirmation-modal-content .modal-actions .action-cancel[data-v-677eb63d]{background-color:#f44336;color:#fff}.purchase-history-container[data-v-71efd8f0]{font-family:Arial,sans-serif;padding:20px;background-color:#f9f9f9}.purchase-history-container .date-overlay[data-v-71efd8f0]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);height:auto;width:30rem;background-color:#fff;box-shadow:-4px 9px 34px 6px #662d66;border-radius:15px;padding:30px;box-sizing:border-box;text-align:center;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.purchase-history-container .date-overlay h2[data-v-71efd8f0]{margin-bottom:20px;font-size:1.8rem;color:#636}.purchase-history-container .custom-date-wrapper[data-v-71efd8f0]{position:relative;display:flex;justify-content:space-between;gap:10px;margin-bottom:20px;width:100%}.purchase-history-container .custom-select[data-v-71efd8f0]{flex:1;padding:15px;font-size:16px;border:1px solid #ddd;border-radius:8px;background-color:#f9f9f9;color:#333;outline:none;transition:border-color .3s ease,box-shadow .3s ease}.purchase-history-container .custom-select[data-v-71efd8f0]:focus,.purchase-history-container .custom-select[data-v-71efd8f0]:hover{border-color:#636;box-shadow:0 0 5px rgba(102,51,102,.5)}.purchase-history-container .submit-btn[data-v-71efd8f0]{background-color:#636;color:#fff;border:none;padding:12px 25px;font-size:16px;font-weight:700;border-radius:10px;cursor:pointer;transition:background-color .3s ease,transform .3s ease}.purchase-history-container .submit-btn[data-v-71efd8f0]:hover{background-color:#551a55;transform:translateY(-2px)}.purchase-history-container .submit-btn[data-v-71efd8f0]:active{transform:translateY(1px)}.purchase-history-container .close-btn[data-v-71efd8f0]{position:absolute;top:15px;right:15px;background:none;border:none;font-size:24px;font-weight:700;cursor:pointer;color:#333}.purchase-history-container .close-btn[data-v-71efd8f0]:hover{color:#636}.purchase-history-container .close-btn[data-v-71efd8f0]:active{transform:scale(.95)}.header[data-v-71efd8f0]{display:flex;justify-content:center;align-items:center;background-color:#fff;padding:20px;border-bottom:2px solid #ccc;margin-bottom:20px}.app-title[data-v-71efd8f0]{display:flex;align-items:center;font-size:24px;font-weight:700;color:#333}.logo[data-v-71efd8f0]{width:40px;height:40px;margin-right:10px}.loading-message[data-v-71efd8f0],.no-history-message[data-v-71efd8f0]{text-align:center;font-size:20px;color:#999}.purchase-history-list[data-v-71efd8f0]{display:flex;flex-direction:column;gap:1rem}.purchase-record[data-v-71efd8f0]{background-color:#fff;border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,.1);padding:20px;transition:all .3s ease-in-out}.purchase-record[data-v-71efd8f0]:hover{box-shadow:0 8px 16px rgba(0,0,0,.15)}.record-info[data-v-71efd8f0]{display:flex;flex-direction:column;font-size:16px;color:#777;width:95%}.slid-design[data-v-71efd8f0]{background-color:#ebf2ef}.slid-design[data-v-71efd8f0],.slidevalue[data-v-71efd8f0]{margin-left:2rem;width:95%;height:48px;border-radius:20px;display:flex;align-items:center;justify-content:space-around}.slidevalue[data-v-71efd8f0]{margin-top:1rem;background-color:#fff}.record-item[data-v-71efd8f0]{display:flex;justify-content:space-between;gap:5px}.name-date[data-v-71efd8f0]{margin-left:2rem;width:95%;background-color:#fff;height:48px;border-radius:20px;display:flex;align-items:center;justify-content:space-between}.record-item p[data-v-71efd8f0]{font-size:16px;margin:5px 0}.price-payment-status[data-v-71efd8f0]{margin-left:2rem;width:95%;display:flex;align-items:center;justify-content:space-between}.price-payment-status .payment-color[data-v-71efd8f0]{font-size:16px;font-weight:500;color:green}.success-btn[data-v-71efd8f0]{margin-left:2rem;margin-top:2rem;width:95%;display:flex;justify-content:flex-end}.success-btn .confirm-btn[data-v-71efd8f0]{display:flex;height:3rem;width:15%;justify-content:center;align-items:center;gap:8px;border-radius:40px;background:green;color:#fff;font-size:18px;font-style:normal;font-weight:500}.record-info select[data-v-71efd8f0]{padding:8px;border-radius:4px;border:1px solid #ccc;font-size:16px;background-color:#f0f0f0;color:#333;transition:border-color .3s ease-in-out}.record-info select[data-v-71efd8f0]:focus{border-color:#007bff}@media(max-width:768px){.purchase-record[data-v-71efd8f0]{padding:15px}.record-info[data-v-71efd8f0]{gap:10px}.record-item p[data-v-71efd8f0]{font-size:14px}}.status-paid[data-v-01d5c5b5]{font-weight:500;font-size:18px;color:#006400}.status-unpaid[data-v-01d5c5b5]{font-weight:500;font-size:18px;color:red}.status-partially-paid[data-v-01d5c5b5]{font-weight:500;font-size:18px;color:#ff0}.purchase-history-container[data-v-01d5c5b5]{font-family:Arial,sans-serif;padding:20px;background-color:#f9f9f9}.purchase-history-container .date-overlay[data-v-01d5c5b5]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);height:auto;width:30rem;background-color:#fff;box-shadow:-4px 9px 34px 6px #662d66;border-radius:15px;padding:30px;box-sizing:border-box;text-align:center;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.purchase-history-container .date-overlay h2[data-v-01d5c5b5]{margin-bottom:20px;font-size:1.8rem;color:#636}.purchase-history-container .custom-date-wrapper[data-v-01d5c5b5]{position:relative;display:flex;justify-content:space-between;gap:10px;margin-bottom:20px;width:100%}.purchase-history-container .custom-select[data-v-01d5c5b5]{flex:1;padding:15px;font-size:16px;border:1px solid #ddd;border-radius:8px;background-color:#f9f9f9;color:#333;outline:none;transition:border-color .3s ease,box-shadow .3s ease}.purchase-history-container .custom-select[data-v-01d5c5b5]:focus,.purchase-history-container .custom-select[data-v-01d5c5b5]:hover{border-color:#636;box-shadow:0 0 5px rgba(102,51,102,.5)}.purchase-history-container .submit-btn[data-v-01d5c5b5]{background-color:#636;color:#fff;border:none;padding:12px 25px;font-size:16px;font-weight:700;border-radius:10px;cursor:pointer;transition:background-color .3s ease,transform .3s ease}.purchase-history-container .submit-btn[data-v-01d5c5b5]:hover{background-color:#551a55;transform:translateY(-2px)}.purchase-history-container .submit-btn[data-v-01d5c5b5]:active{transform:translateY(1px)}.purchase-history-container .close-btn[data-v-01d5c5b5]{position:absolute;top:15px;right:15px;background:none;border:none;font-size:24px;font-weight:700;cursor:pointer;color:#333}.purchase-history-container .close-btn[data-v-01d5c5b5]:hover{color:#636}.purchase-history-container .close-btn[data-v-01d5c5b5]:active{transform:scale(.95)}.header[data-v-01d5c5b5]{display:flex;justify-content:center;align-items:center;background-color:#fff;padding:20px;border-bottom:2px solid #ccc;margin-bottom:20px}.app-title[data-v-01d5c5b5]{display:flex;align-items:center;font-size:24px;font-weight:700;color:#333}.logo[data-v-01d5c5b5]{width:40px;height:40px;margin-right:10px}.loading-message[data-v-01d5c5b5],.no-history-message[data-v-01d5c5b5]{text-align:center;font-size:20px;color:#999}.purchase-history-list[data-v-01d5c5b5]{display:flex;flex-direction:column;gap:1rem}.purchase-record[data-v-01d5c5b5]{background-color:#fff;border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,.1);padding:20px;transition:all .3s ease-in-out}.purchase-record[data-v-01d5c5b5]:hover{box-shadow:0 8px 16px rgba(0,0,0,.15)}.record-info[data-v-01d5c5b5]{display:flex;flex-direction:column;font-size:16px;color:#777;width:95%}.slid-design[data-v-01d5c5b5]{background-color:#ebf2ef}.slid-design[data-v-01d5c5b5],.slidevalue[data-v-01d5c5b5]{margin-left:2rem;width:95%;height:48px;border-radius:20px;display:flex;align-items:center;justify-content:space-around}.slidevalue[data-v-01d5c5b5]{margin-top:1rem;background-color:#fff}.record-item[data-v-01d5c5b5]{display:flex;justify-content:space-between;gap:5px}.name-date[data-v-01d5c5b5]{margin-left:2rem;width:95%;background-color:#fff;height:48px;border-radius:20px;display:flex;align-items:center;justify-content:space-between}.record-item p[data-v-01d5c5b5]{font-size:16px;margin:5px 0}.price-payment-status[data-v-01d5c5b5]{margin-left:2rem;width:95%;display:flex;align-items:center;justify-content:space-between}.price-payment-status .payment-color[data-v-01d5c5b5]{font-size:16px;font-weight:500;color:green}.success-btn[data-v-01d5c5b5]{margin-left:2rem;margin-top:2rem;width:95%;display:flex;justify-content:flex-end}.success-btn .confirm-btn[data-v-01d5c5b5]{display:flex;height:3rem;width:15%;justify-content:center;align-items:center;gap:8px;border-radius:40px;background:green;color:#fff;font-size:18px;font-style:normal;font-weight:500}.record-info select[data-v-01d5c5b5]{padding:8px;border-radius:4px;border:1px solid #ccc;font-size:16px;background-color:#f0f0f0;color:#333;transition:border-color .3s ease-in-out}.record-info select[data-v-01d5c5b5]:focus{border-color:#007bff}@media(max-width:768px){.purchase-record[data-v-01d5c5b5]{padding:15px}.record-info[data-v-01d5c5b5]{gap:10px}.record-item p[data-v-01d5c5b5]{font-size:14px}}.main-wrapper[data-v-05843776]{height:100vh;width:100%;display:flex;flex-direction:column;align-items:center;gap:1rem;padding-top:2rem;overflow-y:auto;max-height:100vh}.role-card[data-v-05843776]{width:35%;height:auto;min-height:7rem;display:flex;justify-content:center;align-items:center;border-radius:1rem;padding:1rem;gap:.5rem;font-size:1.2rem;font-family:Inter;font-size:36px;font-weight:600;line-height:46.8px;text-underline-position:from-font;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none;border:1px solid #8a2be2;background-color:#1f509a;color:#fff;opacity:0;transform:translateY(20px);animation:fadeIn-05843776 .5s ease-out forwards}.role-card[data-v-05843776]:first-child{animation-delay:.2s}.role-card[data-v-05843776]:nth-child(2){animation-delay:.4s}.role-card[data-v-05843776]:nth-child(3){animation-delay:.6s}.role-card[data-v-05843776]:nth-child(4){animation-delay:.8s}.role-card[data-v-05843776]:nth-child(5){animation-delay:1s}.role-card[data-v-05843776]:nth-child(6){animation-delay:1.2s}.role-card[data-v-05843776]:nth-child(7){animation-delay:1.4s}.role-card[data-v-05843776]:nth-child(8){animation-delay:1.6s}.role-card[data-v-05843776]:nth-child(9){animation-delay:1.8s}@keyframes fadeIn-05843776{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.customer-list-container[data-v-05843776]{font-family:Arial,sans-serif;padding:20px;background-color:#fff}.header[data-v-05843776]{display:flex;justify-content:center;align-items:center;background-color:#fff;padding:20px;border-bottom:2px solid #ccc;margin-bottom:20px}.app-title[data-v-05843776]{display:flex;align-items:center;font-size:24px;font-weight:700;color:#333}.logo[data-v-05843776]{width:40px;height:40px;margin-right:10px}.search-bar[data-v-05843776]{margin-bottom:20px;display:flex;justify-content:center}.search-bar input[data-v-05843776]{width:100%;max-width:600px;padding:10px;border-radius:20px;border:1px solid #ccc;font-size:16px}.employee-cards[data-v-05843776]{display:flex;flex-direction:column;gap:1.5rem;justify-content:center;align-items:center;background-color:#fff}.employee-card[data-v-05843776]{background-color:#fff;border-radius:10px;box-shadow:0 4px 8px rgba(0,0,0,.1);cursor:pointer;padding:20px;width:80%;display:flex;align-items:center;transition:transform .3s ease;justify-content:space-between}.employee-card[data-v-05843776]:hover{transform:scale(1.05)}.outer[data-v-05843776]{width:60px;height:60px;border-radius:50%;border:2.5px solid #8a2be2;display:flex;justify-content:center;align-items:center}.employee-image[data-v-05843776]{width:50px;height:50px;border-radius:50%}.employee-info[data-v-05843776]{display:flex;flex-direction:row;justify-content:space-around;align-items:center;width:100%;margin-left:20px}.employee-info h3[data-v-05843776]{font-size:20px;font-weight:500;color:#333;margin-left:40%}.employee-info p[data-v-05843776]{font-size:16px;color:#777;margin:0;padding:0 10px}.employee-infop i[data-v-05843776]{color:#6c63ff;margin-right:5px}.loading-message[data-v-05843776]{text-align:center;font-size:20px;color:#999}ul[data-v-76721742]{list-style:none;margin:0;padding:0}.topbar[data-v-76721742]{display:flex;align-items:center;justify-content:space-between;background:#020617;padding:14px 32px;color:#fff}.logo[data-v-76721742]{font-size:22px;font-weight:700}.menu[data-v-76721742]{display:flex;gap:26px}.menu-item[data-v-76721742]{position:relative}.menu-title[data-v-76721742]{cursor:pointer;padding:6px 10px;border-radius:6px;font-weight:600}.menu-title[data-v-76721742]:hover{background:hsla(0,0%,100%,.1)}.arrow[data-v-76721742]{font-size:12px;margin-left:4px}.dropdown[data-v-76721742]{position:absolute;top:120%;left:0;background:#fff;min-width:260px;max-height:320px;overflow-y:auto;padding:8px;border-radius:10px;box-shadow:0 20px 40px rgba(0,0,0,.2);z-index:100}.dropdown li[data-v-76721742]{padding:10px;border-radius:6px}.dropdown li[data-v-76721742]:hover{background:#0ea5e9}.dropdown li a[data-v-76721742]{color:#020617;text-decoration:none;font-weight:500}.dropdown li:hover a[data-v-76721742]{color:#fff}.admin-btn[data-v-76721742]{background:linear-gradient(135deg,#facc15,#f97316);border:none;padding:10px 18px;border-radius:999px;font-weight:700;cursor:pointer}.dashboard[data-v-76721742]{padding:40px;background:#f4f7fc;min-height:calc(100vh - 70px)}.hero h1[data-v-76721742]{font-size:32px}.hero p[data-v-76721742]{color:#64748b}.cards[data-v-76721742]{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px;margin-top:30px}.card[data-v-76721742]{background:#fff;padding:30px;border-radius:16px;font-weight:600;box-shadow:0 20px 35px rgba(0,0,0,.08);transition:transform .3s}.card[data-v-76721742]:hover{transform:translateY(-6px)}.action-section[data-v-76721742]{margin-top:50px}.action-cards[data-v-76721742]{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px}.action-card[data-v-76721742]{padding:28px;border-radius:18px;font-weight:700;color:#fff;cursor:pointer;transition:transform .3s}.action-card[data-v-76721742]:hover{transform:translateY(-8px)}.khata[data-v-76721742]{background:linear-gradient(135deg,#2563eb,#1e40af)}.suspance[data-v-76721742]{background:linear-gradient(135deg,#f97316,#c2410c)}.sell[data-v-76721742]{background:linear-gradient(135deg,#16a34a,#065f46)}.status-paid[data-v-9c6f4dfe]{color:#006400}.status-due[data-v-9c6f4dfe]{color:red}.status-partially-paid[data-v-9c6f4dfe]{color:orange}.popupp[data-v-9c6f4dfe]{position:fixed;top:30%;left:50%;transform:translate(-50%,-50%);background-color:#333;color:#fff;padding:2em;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.5);text-align:center;z-index:1000;width:80%;max-width:400px;font-size:1.2em}.popupp.success[data-v-9c6f4dfe]{background-color:#4caf50}.popupp.error[data-v-9c6f4dfe]{background-color:#f44336}.popupp .close-icon[data-v-9c6f4dfe]{position:absolute;top:10px;right:10px;font-size:1.5em;color:#fff;cursor:pointer;background:none;border:none;outline:none}.popupp p[data-v-9c6f4dfe]{margin:1em 0}.status-paid[data-v-c0c33e12]{color:#006400}.status-due[data-v-c0c33e12]{color:red}.status-partially-paid[data-v-c0c33e12]{color:orange}.popupp[data-v-c0c33e12]{position:fixed;top:30%;left:50%;transform:translate(-50%,-50%);background-color:#333;color:#fff;padding:2em;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.5);text-align:center;z-index:1000;width:80%;max-width:400px;font-size:1.2em}.popupp.success[data-v-c0c33e12]{background-color:#4caf50}.popupp.error[data-v-c0c33e12]{background-color:#f44336}.popupp .close-icon[data-v-c0c33e12]{position:absolute;top:10px;right:10px;font-size:1.5em;color:#fff;cursor:pointer;background:none;border:none;outline:none}.popupp p[data-v-c0c33e12]{margin:1em 0}#brocker-commision{color:#cc1212}.status-paid[data-v-7784f698]{color:#006400}.status-due[data-v-7784f698]{color:red}.status-partially-paid[data-v-7784f698]{color:orange}.popupp[data-v-7784f698]{position:fixed;top:30%;left:50%;transform:translate(-50%,-50%);background-color:#333;color:#fff;padding:2em;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.5);text-align:center;z-index:1000;width:80%;max-width:400px;font-size:1.2em}.popupp.success[data-v-7784f698]{background-color:#4caf50}.popupp.error[data-v-7784f698]{background-color:#f44336}.popupp .close-icon[data-v-7784f698]{position:absolute;top:10px;right:10px;font-size:1.5em;color:#fff;cursor:pointer;background:none;border:none;outline:none}.popupp p[data-v-7784f698]{margin:1em 0}.main-container{margin-top:2rem;width:100%;height:100vh;display:flex;align-items:center;flex-direction:column;gap:2rem;background-color:#fff}.main-container .bill-container{width:450px;padding:30px;background-color:#fff;border-radius:20px;box-shadow:0 10px 20px rgba(0,0,0,.1);transition:transform .3s ease-in-out}.main-container .bill-container:hover{transform:translateY(-5px)}.main-container .bill-container .bill-details .bill-no{font-family:Inter,sans-serif;font-weight:700;font-size:1.2em;color:#333;text-align:center}.main-container .bill-container .bill-details hr{margin:10px 0;border:0;border-top:1px solid #e0e0e0}.main-container .bill-container .bill-details .wrap-billing,.main-container .bill-container .bill-details .wrap-billing-two{display:flex;justify-content:space-between;margin-bottom:15px;padding:0 30px 0 30px}.main-container .bill-container .bill-details .wrap-billing .billing,.main-container .bill-container .bill-details .wrap-billing-two .billing{display:flex;flex-direction:column;align-items:start;gap:4px}.main-container .bill-container .bill-details .wrap-billing .billing span,.main-container .bill-container .bill-details .wrap-billing-two .billing span{color:#7d8ca3;font-weight:500;font-size:.85em}.main-container .bill-container .bill-details .wrap-billing .billing .render,.main-container .bill-container .bill-details .wrap-billing-two .billing .render{font-family:Inter,sans-serif;font-size:1em;font-weight:500;color:#4a4a4a}.main-container .bill-container .bill-details .wrap-billing .billing-pal,.main-container .bill-container .bill-details .wrap-billing-two .billing-pal{display:flex;flex-direction:column;align-items:center;gap:4px;padding:0 40px 0 30px}.main-container .bill-container .bill-details .wrap-billing .billing-pal span,.main-container .bill-container .bill-details .wrap-billing-two .billing-pal span{color:#7d8ca3;font-weight:500;font-size:.85em}.main-container .bill-container .bill-details .wrap-billing .billing-pal .render,.main-container .bill-container .bill-details .wrap-billing-two .billing-pal .render{font-family:Inter,sans-serif;font-size:1em;font-weight:500;color:#4a4a4a}.main-container .bill-container .bill-details .pricing{margin-top:20px}.main-container .bill-container .bill-details .pricing .wrap-billing-pricing{width:100%;display:flex;flex-direction:column;align-items:center;background-color:#f7f7f9;padding:8px;border-radius:10px;font-size:.9em;color:#555;font-weight:600}.main-container .bill-container .bill-details .pricing .wrap-billing-pricing .billing-names{display:flex;justify-content:space-between;width:100%;padding:5px 0}.main-container .bill-container .bill-details .pricing .wrap-billing-pricing .billing-names p{flex:1;text-align:center;margin:0}.main-container .bill-container .bill-details .pricing .wrap-render{display:flex;justify-content:space-between;width:100%;font-size:1em;color:#333;font-weight:500;margin:10px 0}.main-container .bill-container .bill-details .pricing .wrap-render p{flex:1;text-align:center;margin:0}.main-container .bill-container .bill-details .pricing-details{display:flex;justify-content:space-between;margin-top:20px}.main-container .bill-container .bill-details .pricing-details .wrap-details,.main-container .bill-container .bill-details .pricing-details .wrap-details-name{display:flex;flex-direction:column;gap:8px;font-family:Inter,sans-serif;font-weight:600;font-size:.9em}.main-container .bill-container .bill-details .pricing-details .wrap-details-name{color:#7d8ca3}.main-container .bill-container .bill-details .pricing-details .wrap-details{color:#333}.main-container .bill-container .bill-details .pricing-details .wrap-details .status-paid{color:#27ae60;font-weight:700}.main-container .bill-container .bill-details .pricing-details .wrap-details .status-partially-paid{color:#f39c12;font-weight:700}.main-container .bill-container .bill-details .pricing-details .wrap-details .status-due{color:#e74c3c;font-weight:700}.main-container .bill-container .bill-details .editButton{margin-top:30px;display:flex;justify-content:space-between;align-items:center}.main-container .bill-container .bill-details .editButton .date-text{display:flex;gap:8px}.main-container .bill-container .bill-details .editButton .date-text p:first-of-type{font-family:Inter,sans-serif;font-weight:600;font-size:.9em;color:#7d8ca3}.main-container .bill-container .bill-details .editButton .date-text p:nth-of-type(2){font-weight:600;font-size:.9em;color:#4a90e2}.main-container .bill-container .bill-details .edit-btn{width:100px;background-color:#3498db;border:none;color:#fff;padding:10px 20px;font-size:1em;letter-spacing:.2px;font-weight:600;cursor:pointer;border-radius:8px;transition:background-color .3s}.main-container .bill-container .bill-details .edit-btn:hover{background-color:#2980b9}.popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.7);display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .3s ease-out}.popup{background-color:#fff;width:350px;padding:25px;border-radius:12px;box-shadow:0 15px 30px rgba(0,0,0,.1);text-align:center;animation:popupIn .4s ease-out}.popup h3{font-size:1.5em;color:#333;font-weight:600;text-transform:uppercase}.popup h3,.popup-content{margin-bottom:20px}label{display:block;font-weight:500;margin-bottom:8px;color:#555}input,select{width:100%;padding:10px;margin-bottom:15px;border:1px solid #ddd;border-radius:6px;font-size:1em;color:#333;transition:all .3s ease}input:focus,select:focus{border-color:#3498db;outline:none}.popup-footer{display:flex;justify-content:space-between}.close-btn,.save-btn{padding:10px 20px;font-size:1.1em;cursor:pointer;border-radius:6px;width:48%;transition:all .3s ease}.save-btn{background-color:#3498db;border:none;color:#fff}.save-btn:hover{background-color:#2980b9}.close-btn{background-color:#e74c3c;border:none;color:#fff}.close-btn:hover{background-color:#c0392b}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes popupIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.popup[data-v-1eecc8aa]{position:fixed;top:30%;left:50%;transform:translate(-50%,-50%);background-color:#333;color:#fff;padding:2em;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.5);text-align:center;z-index:1000;width:80%;max-width:400px;font-size:1.2em}.popup.success[data-v-1eecc8aa]{background-color:#4caf50}.popup.error[data-v-1eecc8aa]{background-color:#f44336}.popup .close-icon[data-v-1eecc8aa]{position:absolute;top:10px;right:10px;font-size:1.5em;color:#fff;cursor:pointer;background:none;border:none;outline:none}.popup p[data-v-1eecc8aa]{margin:1em 0}.form-container[data-v-1eecc8aa]{display:flex;justify-content:center;align-items:center;height:100vh;background-color:#fff}.purchase-form[data-v-1eecc8aa]{margin-top:10%;background-color:#fff;padding:2.5rem;border-radius:10px;box-shadow:0 4px 16px rgba(0,0,0,.15);width:100%;max-width:700px}.icon[data-v-1eecc8aa],.main-div[data-v-1eecc8aa]{display:flex;justify-content:center;align-items:center}.icon[data-v-1eecc8aa]{width:100%;background-color:#fff;gap:2rem;margin-bottom:2rem}.icon img[data-v-1eecc8aa]{height:5rem;width:5rem}.hr-tag[data-v-1eecc8aa]{margin-bottom:2rem}.form-row[data-v-1eecc8aa]{display:flex;justify-content:space-between;gap:1.5rem;margin-bottom:1.5rem}.form-group[data-v-1eecc8aa]{flex:1;display:flex;flex-direction:column}.form-group label[data-v-1eecc8aa]{margin-bottom:.5rem;font-size:.95rem;color:#333}.form-group input[data-v-1eecc8aa],.form-group select[data-v-1eecc8aa]{padding:.85rem;border:1px solid #ddd;border-radius:5px;font-size:.95rem;transition:border-color .3s ease}.form-group input[data-v-1eecc8aa]:focus,.form-group select[data-v-1eecc8aa]:focus{border-color:#4d8aff}.payment input[data-v-1eecc8aa]{color:#fff;font-size:1rem;background:linear-gradient(277.64deg,#4d8aff 8.32%,#f53f9e 51.79%,#ff9051 96.13%);transition:background-color .3s ease}.payment input.has-value[data-v-1eecc8aa]{background-color:#1ee817}.payment input.has-value[data-v-1eecc8aa]:focus,.payment input[data-v-1eecc8aa]:focus{background-color:rgba(216,219,17,.882)}.paymet select[data-v-1eecc8aa]:focus{background-color:rgba(191,23,216,.882)}.error-message[data-v-1eecc8aa]{color:#ff5b5b;font-size:.85rem;margin-top:.25rem}.form-group textarea[data-v-1eecc8aa]{padding:.85rem;border:1px solid #ddd;border-radius:5px;font-size:.95rem;transition:border-color .3s ease;resize:none;min-height:120px}.form-group textarea[data-v-1eecc8aa]:focus{border-color:#4d8aff;outline:none}.save-button[data-v-1eecc8aa]{display:block;width:390px;height:48px;padding:16px 40px;margin:0 auto;font-size:1rem;font-weight:700;color:#fff;border:none;border-radius:53px;background:linear-gradient(277.64deg,#4d8aff 8.32%,#f53f9e 51.79%,#ff9051 96.13%);cursor:pointer;transition:opacity .3s}.save-button[data-v-1eecc8aa]:hover{opacity:.9}#due-amount[data-v-1eecc8aa]{color:#e20e0e;font-size:15px;font-weight:600}#paid-amount[data-v-1eecc8aa]{color:#3fc820;font-size:15px;font-weight:600}@media(max-width:768px){.form-container[data-v-1eecc8aa]{margin-top:3rem;background-color:#fff;padding:1rem;width:90%;max-width:400px}.purchase-form[data-v-1eecc8aa]{margin-top:2rem;height:auto;background-color:#fff;padding:1.5rem;border-radius:10px}.form-row[data-v-1eecc8aa]{flex-direction:column;gap:1rem}.form-group[data-v-1eecc8aa]{width:100%}input[type=date][data-v-1eecc8aa],input[type=number][data-v-1eecc8aa],input[type=text][data-v-1eecc8aa],select[data-v-1eecc8aa]{font-size:1rem;padding:.5rem}.save-button[data-v-1eecc8aa]{padding:10px 15px;font-size:.95rem;width:100%;margin-top:1rem}.error-message[data-v-1eecc8aa]{font-size:.85rem}}.purchase-history-container[data-v-0f06e29e]{font-family:Arial,sans-serif;padding:20px;background-color:#f9f9f9}.header[data-v-0f06e29e]{display:flex;justify-content:center;align-items:center;background-color:#fff;padding:20px;border-bottom:2px solid #ccc;margin-bottom:20px}.app-title[data-v-0f06e29e]{display:flex;align-items:center;font-size:24px;font-weight:700;color:#333}.logo[data-v-0f06e29e]{width:40px;height:40px;margin-right:10px}.loading-message[data-v-0f06e29e],.no-history-message[data-v-0f06e29e]{text-align:center;font-size:20px;color:#999}.purchase-history-list[data-v-0f06e29e]{display:flex;flex-direction:column;gap:1rem}.description[data-v-0f06e29e]{max-width:300px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.description[data-v-0f06e29e]:hover{white-space:normal;overflow:auto;max-height:100px}.purchase-record[data-v-0f06e29e]{background-color:#fff;border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,.1);padding:20px;transition:all .3s ease-in-out}.purchase-record[data-v-0f06e29e]:hover{box-shadow:0 8px 16px rgba(0,0,0,.15)}.record-info[data-v-0f06e29e]{display:flex;flex-direction:column;font-size:16px;color:#777;width:95%}.slid-design[data-v-0f06e29e]{background-color:#ebf2ef}.slid-design[data-v-0f06e29e],.slidevalue[data-v-0f06e29e]{margin-left:2rem;width:95%;height:48px;border-radius:20px;display:flex;align-items:center;justify-content:space-around}.slidevalue[data-v-0f06e29e]{margin-top:1rem;background-color:#fff}.record-item[data-v-0f06e29e]{display:flex;justify-content:space-between;gap:5px}.name-date[data-v-0f06e29e]{margin-left:2rem;width:95%;background-color:#fff;height:48px;border-radius:20px;display:flex;align-items:center;justify-content:space-between}.record-item p[data-v-0f06e29e]{font-size:16px;margin:5px 0}.price-payment-status[data-v-0f06e29e]{margin-left:2rem;width:95%;display:flex;align-items:center;justify-content:space-between}.price-payment-status .payment-color[data-v-0f06e29e]{font-size:16px;font-weight:500;color:green}.record-info select[data-v-0f06e29e]{padding:8px;border-radius:4px;border:1px solid #ccc;font-size:16px;background-color:#f0f0f0;color:#333;transition:border-color .3s ease-in-out}.record-info select[data-v-0f06e29e]:focus{border-color:#007bff}@media(max-width:768px){.purchase-record[data-v-0f06e29e]{padding:15px}.record-info[data-v-0f06e29e]{gap:10px}.record-item p[data-v-0f06e29e]{font-size:14px}}body[data-v-0af94589]{font-family:Arial,sans-serif;margin:20px;padding:0}.bill-container[data-v-0af94589]{max-width:600px;margin:0 auto;border:1px solid #ccc;padding:20px;border-radius:8px;box-shadow:0 0 10px rgba(0,0,0,.1);background-color:#fff}h2[data-v-0af94589]{text-align:center;color:#333;margin-bottom:20px;text-transform:uppercase;letter-spacing:2px}.bill-info[data-v-0af94589]{margin-bottom:20px;font-size:1rem;color:#444}.bill-info div[data-v-0af94589]{margin:5px 0}.table[data-v-0af94589]{width:100%;border-collapse:collapse;margin:20px 0;font-size:.9rem;color:#555}.table td[data-v-0af94589],.table th[data-v-0af94589]{border:1px solid #ddd;padding:10px;text-align:left}.table th[data-v-0af94589]{background-color:#f4f4f4;font-weight:700}.table td[data-v-0af94589]{text-align:center}.total[data-v-0af94589]{text-align:right;font-weight:700;font-size:1rem;margin-top:20px}.total div[data-v-0af94589]{margin:5px 0}.footer[data-v-0af94589]{text-align:center;margin-top:20px;font-size:.9rem;color:#777}@media print{body[data-v-0af94589] *{visibility:hidden}.bill-container[data-v-0af94589],.bill-container[data-v-0af94589] *{visibility:visible}.bill-container[data-v-0af94589]{position:absolute;top:0;left:0;width:100%;page-break-before:always}}.error-popup[data-v-4f54e22a]{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.popup-content[data-v-4f54e22a]{background:linear-gradient(135deg,#007bff,#0056b3);padding:25px;border-radius:15px;text-align:center;color:#fff;box-shadow:0 10px 20px rgba(0,0,0,.5);transform:scale(1);animation:popup-animation-4f54e22a .3s ease-out}.popup-content p[data-v-4f54e22a]{margin-bottom:15px;font-size:18px;font-weight:700}.popup-content button[data-v-4f54e22a]{padding:10px 25px;background:#fff;color:#007bff;border:none;border-radius:10px;cursor:pointer;font-weight:700;transition:background .3s,transform .2s}.popup-content button[data-v-4f54e22a]:hover{background:#f2f2f2;transform:scale(1.05)}@keyframes popup-animation-4f54e22a{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.content-wrapper[data-v-4f54e22a]{height:100%;width:100%;box-sizing:border-box;position:relative}.content-wrapper .heading[data-v-4f54e22a]{overflow:hidden;padding-left:5%;display:flex;align-items:center;width:100%;height:4.25rem;box-shadow:0 4px 20px 0 rgba(0,0,0,.122);background:#fff;box-sizing:border-box;gap:1rem}.content-wrapper .heading #mobile-back-button[data-v-4f54e22a]{display:none}.content-wrapper .partation-warpper[data-v-4f54e22a]{padding:2rem;margin-top:2rem;width:100%;display:flex;flex-wrap:wrap;height:calc(100% - 7rem);box-sizing:border-box;gap:2rem}.content-wrapper .partation-warpper .content-container[data-v-4f54e22a],.content-wrapper .partation-warpper .image-container[data-v-4f54e22a]{flex-grow:1;flex-basis:calc(50% - 1rem);display:flex;justify-content:center;align-items:center;max-width:calc(50% - 1rem)}.content-wrapper .partation-warpper .content-container[data-v-4f54e22a]{padding:0}.content-wrapper .partation-warpper .content-container .container[data-v-4f54e22a]{display:flex!important;flex-direction:column!important;justify-content:center;gap:3rem;width:70%}.content-wrapper .partation-warpper .content-container .container .login-wrapper[data-v-4f54e22a]{display:flex;align-items:center;flex-direction:column;width:100%;gap:1rem}.content-wrapper .partation-warpper .content-container .container .login-wrapper .login[data-v-4f54e22a]{font-family:Inter;font-size:2.25rem;font-weight:600;line-height:46.8px;text-align:left;text-underline-position:from-font;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none;color:#1c1b1c}.content-wrapper .partation-warpper .content-container .container .login-wrapper .forgot-password[data-v-4f54e22a]{font-family:Inter;font-size:2.25rem;font-weight:600;line-height:2.295rem;text-underline-position:from-font;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none;color:#1c1b1c}.content-wrapper .partation-warpper .content-container .container .login-wrapper .paragraph[data-v-4f54e22a]{width:100%;font-family:Inter;font-size:1rem;font-weight:400;line-height:1.4625rem;text-align:center;text-underline-position:from-font;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none;color:#484646;display:flex;justify-content:center;gap:.3rem}.content-wrapper .partation-warpper .content-container .container .login-wrapper .paragraph span[data-v-4f54e22a]{font-family:Inter;font-size:.9375rem;font-weight:600;line-height:1.4625rem;text-align:left;text-decoration-line:underline;text-decoration-style:solid;text-underline-position:from-font;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none;color:#7343ea}.content-wrapper .partation-warpper .content-container .container .login-wrapper .forgot-paragraph[data-v-4f54e22a],.content-wrapper .partation-warpper .content-container .container .login-wrapper .paragraph .footer[data-v-4f54e22a]{display:flex;justify-content:center;align-items:center}.content-wrapper .partation-warpper .content-container .container .login-options[data-v-4f54e22a]{display:flex;flex-direction:column;gap:1.5rem;position:relative}.content-wrapper .partation-warpper .content-container .container .login-options .with[data-v-4f54e22a]{border:1px solid #000;font-family:Inter;font-size:1rem;font-weight:400;text-align:left;text-underline-position:from-font;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none;color:#313030;overflow:visible;padding:.5rem 1rem;display:flex;justify-content:center;align-items:center;border:1px solid #c9c6c5;border-radius:3.125rem;padding:.7rem 1rem}.content-wrapper .partation-warpper .content-container .container .login-options .with input[data-v-4f54e22a]{border:none;outline:none;flex:1;font-size:1rem;color:#313030;background:transparent}.content-wrapper .partation-warpper .content-container .container .login-options .otp-wrapper[data-v-4f54e22a]{height:100%;width:60%;display:flex;flex-direction:column;gap:.5rem}.content-wrapper .partation-warpper .content-container .container .login-options .otp-wrapper .inputs[data-v-4f54e22a]{width:100%;display:flex;justify-content:space-around}.content-wrapper .partation-warpper .content-container .container .login-options .otp-wrapper .inputs .otp-input[data-v-4f54e22a]{height:3.5rem;width:3.5rem;padding:.75rem,1rem;border:1px solid #c9c6c5;text-align:center;font-family:Inter;font-size:.875rem;font-weight:400;line-height:1.1375rem;color:#313030;margin:0}.content-wrapper .partation-warpper .content-container .container .login-options .otp-wrapper .inputs .otp-input.error[data-v-4f54e22a]{border:1px solid red}.content-wrapper .partation-warpper .content-container .container .login-options .otp-wrapper .inputs .otp-input[data-v-4f54e22a]::-moz-placeholder{color:#adaaaa;font-family:Inter;font-size:.875rem;font-weight:400;line-height:1.1375rem;text-align:center}.content-wrapper .partation-warpper .content-container .container .login-options .otp-wrapper .inputs .otp-input[data-v-4f54e22a]::placeholder{color:#adaaaa;font-family:Inter;font-size:.875rem;font-weight:400;line-height:1.1375rem;text-align:center}.content-wrapper .partation-warpper .content-container .container .login-options .otp-wrapper .resend-otp[data-v-4f54e22a]{display:flex;height:1rem;width:100%;margin:0;font-family:Inter;font-size:.875rem;font-weight:400;line-height:1.1375rem;text-align:center;text-underline-position:from-font;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none;color:#484646;justify-content:center;gap:.3rem}.content-wrapper .partation-warpper .content-container .container .login-options .otp-wrapper .resend-otp span[data-v-4f54e22a]{font-family:Inter;font-size:.875rem;font-weight:400;line-height:1.1375rem;text-underline-position:from-font;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none;color:#adaaaa}.content-wrapper .partation-warpper .content-container .container .login-options label[data-v-4f54e22a]{position:absolute;left:1.5rem;top:0;transform:translateY(-50%);transition:all .3s ease;pointer-events:none;font-size:1rem;color:silver;background:#fff;opacity:0;visibility:hidden}.content-wrapper .partation-warpper .content-container .container .login-options .with input:not(:-moz-placeholder-shown)+label[data-v-4f54e22a]{visibility:visible;opacity:1;transform:translateY(-150%);font-size:.875rem;color:#000;position:absolute;left:1.5rem;top:0;transform:translateY(-50%);-moz-transition:all .3s ease;transition:all .3s ease;pointer-events:none;font-size:1rem;color:silver;background:#fff}.content-wrapper .partation-warpper .content-container .container .login-options .with input:focus+label[data-v-4f54e22a],.content-wrapper .partation-warpper .content-container .container .login-options .with input:not(:placeholder-shown)+label[data-v-4f54e22a]{visibility:visible;opacity:1;transform:translateY(-150%);font-size:.875rem;color:#000;position:absolute;left:1.5rem;top:0;transform:translateY(-50%);transition:all .3s ease;pointer-events:none;font-size:1rem;color:silver;background:#fff}.content-wrapper .partation-warpper .content-container .container .login-options .RconfirmPassword[data-v-4f54e22a]{border:1px solid #c9c6c5;transition:border .3s ease}.content-wrapper .partation-warpper .content-container .container .login-options .RconfirmPassword.green-border[data-v-4f54e22a]{border:2px solid green}.content-wrapper .partation-warpper .content-container .container .login-options .login[data-v-4f54e22a]{background:#d2d1d3;font-family:Inter;font-size:.875rem;font-weight:500;text-align:left;text-underline-position:from-font;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none;color:#8f8c91;padding:1rem 1.5rem}.content-wrapper .partation-warpper .content-container .container .login-options .login.active[data-v-4f54e22a]{background:#683cd3;color:#fff;cursor:pointer}.content-wrapper .partation-warpper .content-container .container .login-options .password[data-v-4f54e22a]{position:relative}.content-wrapper .partation-warpper .content-container .container .login-options .hide[data-v-4f54e22a]{position:absolute;right:0;margin-top:.4rem;margin-right:1rem}.content-wrapper .partation-warpper .content-container .container .login-options input[data-v-4f54e22a]{width:100%;height:100%;border:none;outline:none;font-family:Inter,sans-serif;font-size:1rem;box-sizing:border-box;color:#313030}.content-wrapper .partation-warpper .content-container .container .login-options input[data-v-4f54e22a]::-moz-placeholder{color:silver;font-family:Inter;font-size:.875rem;font-weight:400;line-height:1.1375rem;text-align:left;text-underline-position:from-font;text-decoration-skip-ink:none;color:#adaaaa}.content-wrapper .partation-warpper .content-container .container .login-options input[data-v-4f54e22a]::placeholder{color:silver;font-family:Inter;font-size:.875rem;font-weight:400;line-height:1.1375rem;text-align:left;text-underline-position:from-font;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none;color:#adaaaa}.content-wrapper .partation-warpper .content-container .container .login-options .success-message[data-v-4f54e22a]{display:none;padding-left:1rem;font-family:Inter;font-size:.75rem;font-weight:400;line-height:.975rem;text-align:left;text-underline-position:from-font;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none;color:#06c270}.content-wrapper .partation-warpper .content-container .container .login-options #set-password[data-v-4f54e22a]{color:#8f8c91}.content-wrapper .partation-warpper .content-container .container .error[data-v-4f54e22a]{display:none}.content-wrapper .partation-warpper .content-container .container .error-message[data-v-4f54e22a]{font-family:Inter,sans-serif;font-weight:400;line-height:.76rem}.content-wrapper .partation-warpper .content-container .container .error-active .error-message[data-v-4f54e22a]{display:block}.content-wrapper .partation-warpper .content-container .container .with[data-v-4f54e22a]{position:relative;display:flex;align-items:center;gap:.5rem;border:1px solid #c9c6c5;border-radius:3.125rem;transition:border .3s ease}.content-wrapper .partation-warpper .content-container .container .with button[data-v-4f54e22a]{all:unset;display:flex;justify-content:center;align-items:center;gap:.4rem}.content-wrapper .partation-warpper .content-container .container .with input[data-v-4f54e22a]{flex:1;font-size:1rem;border:none;outline:none;background:transparent}.content-wrapper .partation-warpper .content-container .container .with input:not(:-moz-placeholder-shown)+label[data-v-4f54e22a]{visibility:visible;opacity:1;transform:translateY(-150%);font-size:.875rem;color:#000}.content-wrapper .partation-warpper .content-container .container .with input:focus+label[data-v-4f54e22a],.content-wrapper .partation-warpper .content-container .container .with input:not(:placeholder-shown)+label[data-v-4f54e22a]{visibility:visible;opacity:1;transform:translateY(-150%);font-size:.875rem;color:#000}.content-wrapper .partation-warpper .content-container .container .with label[data-v-4f54e22a]{position:absolute;left:1.5rem;top:50%;transform:translateY(-50%);transition:all .3s ease;font-size:1rem;color:silver;background:#fff;opacity:0;visibility:hidden}.content-wrapper .partation-warpper .content-container .container .error-active .with[data-v-4f54e22a]{border-color:#e8505b}.content-wrapper .partation-warpper .content-container .container .error-active input[data-v-4f54e22a]{color:#e8505b}.content-wrapper .partation-warpper .content-container .container #incorrect-password[data-v-4f54e22a]{font-family:Inter;font-size:12px;font-weight:400;line-height:15.6px;text-align:left;text-underline-position:from-font;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none;color:#e8505b;margin-left:1rem;display:none}.content-wrapper .partation-warpper .content-container .container .login-button[data-v-4f54e22a]{padding:1rem,1.5rem;background-color:#683cd3;cursor:pointer}.content-wrapper .partation-warpper .content-container .container .active[data-v-4f54e22a]{background-color:#683cd3;color:#fff;cursor:pointer}.content-wrapper .partation-warpper .content-container .container .password-visible .password-field[data-v-4f54e22a]{color:#313030}.content-wrapper .partation-warpper .content-container .container.error[data-v-4f54e22a]{border:1px solid #e8505b}.content-wrapper .partation-warpper .content-container .container.error input[data-v-4f54e22a]{color:#e8505b}.content-wrapper .partation-warpper .content-container .container.valid[data-v-4f54e22a]{border:1px solid #06c270}.content-wrapper .partation-warpper .content-container .container .with.password[data-v-4f54e22a]{transition:border .3s ease}.content-wrapper .partation-warpper .content-container .container .RconfirmPassword[data-v-4f54e22a]{border:1px solid green}.content-wrapper .partation-warpper .content-container .container .input-wrapper.success[data-v-4f54e22a]{border:1px solid #06c270}.content-wrapper .partation-warpper .content-container .container .error-message[data-v-4f54e22a]{display:none;color:#e8505b;font-size:.75rem;padding-left:1rem}.content-wrapper .partation-warpper .content-container .container .success-message[data-v-4f54e22a]{display:none;color:#06c270;font-size:10.75rem;padding-left:1rem}.content-wrapper .partation-warpper .content-container .container .success-visible[data-v-4f54e22a]{display:block}.content-wrapper .partation-warpper .content-container .container .terms[data-v-4f54e22a]{width:100%;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;text-align:center;color:#adaaaa}.content-wrapper .partation-warpper .content-container .container .terms span[data-v-4f54e22a],.content-wrapper .partation-warpper .content-container .container .terms[data-v-4f54e22a]{font-family:Inter,sans-serif;font-size:.875rem;font-weight:400;line-height:1.1375rem;text-underline-position:from-font;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}.content-wrapper .partation-warpper .content-container .container .terms span[data-v-4f54e22a]{color:#1b74f9;cursor:pointer}.content-wrapper .partation-warpper .content-container .container .terms span[data-v-4f54e22a]:not(:last-child){margin-right:.25rem}.content-wrapper .partation-warpper .content-container .container .error[data-v-4f54e22a]{padding-left:1rem;display:flex;justify-content:flex-start;font-family:Inter;font-size:.75rem;font-weight:400;line-height:.975rem;text-align:left;text-underline-position:from-font;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none;color:#e8505b;width:100%}.content-wrapper .partation-warpper .content-container .container .check-error[data-v-4f54e22a]{height:auto;width:100%;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}.content-wrapper .partation-warpper .content-container .container .check-error .check-box[data-v-4f54e22a]{height:1.5rem;width:auto;display:flex;justify-content:flex-start;align-items:center;gap:.5rem}.content-wrapper .partation-warpper .content-container .container .check-error .check-box .text[data-v-4f54e22a]{font-family:Inter,sans-serif;font-size:.875rem;font-weight:400;line-height:1.058rem;text-align:left;color:#605e5e}.content-wrapper .partation-warpper .content-container .container .check-error .forgot-password[data-v-4f54e22a]{width:auto;display:flex;align-items:center;justify-content:flex-end;font-family:Inter,sans-serif;font-size:.875rem;font-weight:400;line-height:1.0588rem;text-align:right;color:#7343ea}.content-wrapper .partation-warpper .content-container .container .login-button[data-v-4f54e22a]{display:flex;justify-content:center;gap:.4rem;align-items:center;border-radius:3.125rem;font-family:Inter;font-size:1rem;font-weight:400;line-height:1.21rem;text-align:left;text-underline-position:from-font;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none;background:#d2d1d3;color:#8f8c91;padding:1rem 1.5rem;background:#683cd3;color:#fff;border:none}.content-wrapper .partation-warpper .content-container .container .login-button.active[data-v-4f54e22a]{background:#683cd3;color:#fff;cursor:pointer}.content-wrapper .partation-warpper .content-container .container .google-login[data-v-4f54e22a]{display:flex;justify-content:center;align-items:center;border:1px solid #797676;border-radius:3.125rem;overflow:hidden;background-color:#fff;gap:.4rem;font-family:Inter;font-size:1rem;font-weight:400;line-height:1.21rem;text-align:left;text-underline-position:from-font;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none;color:#313030;padding:1rem 1.5rem}.content-wrapper .partation-warpper .content-container .page2[data-v-4f54e22a]{margin-top:1rem;height:calc(100% - 5rem)}.content-wrapper .partation-warpper .content-container #login-email[data-v-4f54e22a]{display:flex;flex-direction:column;gap:3rem;width:80%}.content-wrapper .partation-warpper .content-container #login-email .login-options[data-v-4f54e22a]{display:flex;flex-direction:column;gap:1.5rem;position:relative}.content-wrapper .partation-warpper .content-container #login-email .login-options .with[data-v-4f54e22a]{position:relative;display:flex;align-items:center;gap:.5rem;border:1px solid #c9c6c5;border-radius:3.125rem;transition:border .3s ease}.content-wrapper .partation-warpper .content-container #login-email .login-options input[data-v-4f54e22a]{flex:1;background:transparent}.content-wrapper .partation-warpper .content-container #login-email .login-options .otp-wrapper[data-v-4f54e22a]{height:100%;width:60%;display:flex;flex-direction:column;gap:.5rem}.content-wrapper .partation-warpper .content-container #login-email .login-options .otp-wrapper .inputs[data-v-4f54e22a]{width:100%;display:flex;justify-content:space-around}.content-wrapper .partation-warpper .content-container #login-email .login-options .otp-wrapper .inputs .otp-input[data-v-4f54e22a]{height:3.5rem;width:3.5rem;padding:.75rem,1rem;border:1px solid #c9c6c5;text-align:center;font-family:Inter;font-size:.875rem;font-weight:400;line-height:1.1375rem;color:#313030;margin:0}.content-wrapper .partation-warpper .content-container #login-email .login-options .otp-wrapper .inputs .otp-input.error[data-v-4f54e22a]{border:1px solid red}.content-wrapper .partation-warpper .content-container #login-email .login-options .otp-wrapper .inputs .otp-input[data-v-4f54e22a]::-moz-placeholder{color:#adaaaa;font-family:Inter;font-size:.875rem;font-weight:400;line-height:1.1375rem;text-align:center}.content-wrapper .partation-warpper .content-container #login-email .login-options .otp-wrapper .inputs .otp-input[data-v-4f54e22a]::placeholder{color:#adaaaa;font-family:Inter;font-size:.875rem;font-weight:400;line-height:1.1375rem;text-align:center}.content-wrapper .partation-warpper .content-container #login-email .login-options .otp-wrapper .resend-otp[data-v-4f54e22a]{display:flex;height:1rem;width:100%;margin:0;font-family:Inter;font-size:.875rem;font-weight:400;line-height:1.1375rem;text-align:center;text-underline-position:from-font;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none;color:#484646;justify-content:center}.content-wrapper .partation-warpper .content-container #login-email .login-options .otp-wrapper .resend-otp span[data-v-4f54e22a]{font-family:Inter;font-size:.875rem;font-weight:400;line-height:1.1375rem;text-underline-position:from-font;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none;color:#adaaaa}.content-wrapper .partation-warpper .content-container #login-email .login-options label[data-v-4f54e22a]{position:absolute;left:1.5rem;top:0;transform:translateY(-50%);transition:all .3s ease;pointer-events:none;font-size:1rem;color:silver;background:#fff;opacity:0;visibility:hidden}.content-wrapper .partation-warpper .content-container #login-email .login-options .with input:not(:-moz-placeholder-shown)+label[data-v-4f54e22a]{visibility:visible;opacity:1;transform:translateY(-150%);font-size:.875rem;color:#000;position:absolute;left:1.5rem;top:0;transform:translateY(-50%);-moz-transition:all .3s ease;transition:all .3s ease;pointer-events:none;font-size:1rem;color:silver;background:#fff}.content-wrapper .partation-warpper .content-container #login-email .login-options .with input:focus+label[data-v-4f54e22a],.content-wrapper .partation-warpper .content-container #login-email .login-options .with input:not(:placeholder-shown)+label[data-v-4f54e22a]{visibility:visible;opacity:1;transform:translateY(-150%);font-size:.875rem;color:#000;position:absolute;left:1.5rem;top:0;transform:translateY(-50%);transition:all .3s ease;pointer-events:none;font-size:1rem;color:silver;background:#fff}.content-wrapper .partation-warpper .content-container #login-email .login-options .RconfirmPassword[data-v-4f54e22a]{border:1px solid #c9c6c5;transition:border .3s ease}.content-wrapper .partation-warpper .content-container #login-email .login-options .RconfirmPassword.green-border[data-v-4f54e22a]{border:2px solid green}.content-wrapper .partation-warpper .content-container #login-email .login-options .login[data-v-4f54e22a]{background:#d2d1d3;font-family:Inter;font-size:.875rem;font-weight:500;text-align:left;text-underline-position:from-font;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none;color:#8f8c91;padding:1rem 1.5rem}.content-wrapper .partation-warpper .content-container #login-email .login-options .login.active[data-v-4f54e22a]{background:#683cd3;color:#fff;cursor:pointer}.content-wrapper .partation-warpper .content-container #login-email .login-options .password[data-v-4f54e22a]{position:relative}.content-wrapper .partation-warpper .content-container #login-email .login-options .hide[data-v-4f54e22a]{position:absolute;right:0;margin-top:.4rem;margin-right:1rem}.content-wrapper .partation-warpper .content-container #login-email .login-options input[data-v-4f54e22a]{width:100%;height:100%;border:none;outline:none;font-family:Inter,sans-serif;font-size:1rem;padding:0 1rem;box-sizing:border-box;color:#313030}.content-wrapper .partation-warpper .content-container #login-email .login-options input[data-v-4f54e22a]::-moz-placeholder{color:silver;font-family:Inter;font-size:.875rem;font-weight:400;line-height:1.1375rem;text-align:left;text-underline-position:from-font;text-decoration-skip-ink:none;color:#adaaaa}.content-wrapper .partation-warpper .content-container #login-email .login-options input[data-v-4f54e22a]::placeholder{color:silver;font-family:Inter;font-size:.875rem;font-weight:400;line-height:1.1375rem;text-align:left;text-underline-position:from-font;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none;color:#adaaaa}.content-wrapper .partation-warpper .content-container #login-email .login-options .success-message[data-v-4f54e22a]{display:none;padding-left:1rem;font-family:Inter;font-size:.75rem;font-weight:400;line-height:.975rem;text-align:left;text-underline-position:from-font;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none;color:#06c270}.content-wrapper .partation-warpper .content-container #login-email #login-email-footer[data-v-4f54e22a]{width:100%;display:flex;flex-direction:column;gap:1.5rem;position:relative}.content-wrapper .partation-warpper .content-container #login-email #login-email-footer .signin-with[data-v-4f54e22a]{width:100%;display:flex;align-items:center}.content-wrapper .partation-warpper .content-container #login-email #login-email-footer .signin-with .part1[data-v-4f54e22a]{width:40%;height:.0625rem;background-color:#313131}.content-wrapper .partation-warpper .content-container #login-email #login-email-footer .signin-with .part2[data-v-4f54e22a]{display:flex;align-items:center;justify-content:center;width:20%;font-family:Inter;font-size:.875rem;font-weight:400;line-height:1.0585rem;text-underline-position:from-font;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none;color:#313131}.content-wrapper .partation-warpper .content-container #login-email #login-email-footer .signin-with .part3[data-v-4f54e22a]{width:40%;height:.0625rem;background-color:#313131}.content-wrapper .partation-warpper .content-container .page3[data-v-4f54e22a]{margin-top:1rem;height:calc(100% - 5rem)}.content-wrapper .partation-warpper .content-container .page3 .paragraph[data-v-4f54e22a]{display:flex;justify-content:center;flex-direction:column;align-items:center}.content-wrapper .partation-warpper .content-container .page3 .paragraph .header[data-v-4f54e22a]{display:flex;gap:.4rem}.content-wrapper .partation-warpper .content-container .page3 .sendotppp[data-v-4f54e22a]{height:10rem;display:flex;justify-content:center;align-items:center;width:100%;height:5rem;border-radius:3.125rem;overflow:hidden;background-color:#fff;gap:.4rem;font-family:Inter;font-size:1rem;font-weight:400;line-height:1.21rem;text-align:left;text-underline-position:from-font;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none;color:#313030;background:#d2d1d3;color:#8f8c91}.content-wrapper .partation-warpper .content-container .page3 .sendotppp.active[data-v-4f54e22a]{background:#683cd3;color:#f3f3f3}.content-wrapper .partation-warpper .content-container #signup-otp[data-v-4f54e22a]{display:flex;justify-content:center;align-items:center}.content-wrapper .partation-warpper .content-container .login-with-number[data-v-4f54e22a]{display:flex;flex-direction:column;gap:3rem;height:calc(100% - 12rem)}.content-wrapper .partation-warpper .content-container .login-with-number .numberinput[data-v-4f54e22a]{display:flex;gap:.4rem;align-items:center;border:1px solid #000;border-radius:3.125rem;font-family:Inter;font-size:1rem;font-weight:400;line-height:1.21rem;text-align:left;text-underline-position:from-font;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none;color:#313030;overflow:visible;padding-left:.5rem;border:1px solid #c9c6c5;padding:1rem,1.5rem;height:3rem}.content-wrapper .partation-warpper .content-container .login-with-number .numberinput .iti__flag-container[data-v-4f54e22a],.content-wrapper .partation-warpper .content-container .login-with-number .numberinput .iti__selected-flag[data-v-4f54e22a]{background-color:#fff!important}.content-wrapper .partation-warpper .content-container .login-with-number .numberinput.active[data-v-4f54e22a]{background:#683cd3;color:#f3f3f3}.content-wrapper .partation-warpper .content-container .login-with-number #login-number[data-v-4f54e22a]{display:flex;flex-direction:column;gap:3rem}.content-wrapper .partation-warpper .content-container #passwordf[data-v-4f54e22a]{border:1px solid silver}.content-wrapper .partation-warpper .content-container #passwordf.active-error[data-v-4f54e22a]{border:1px solid red}.content-wrapper .partation-warpper .content-container #passwordf.active-error input[data-v-4f54e22a]{color:red}.content-wrapper .partation-warpper .content-container #homepage-image[data-v-4f54e22a]{display:none}.content-wrapper .partation-warpper .image-container img[data-v-4f54e22a]{max-width:100%;height:auto;-o-object-fit:contain;object-fit:contain}body[data-v-c7eaa0c4],html[data-v-c7eaa0c4]{margin:0;padding:0}.main-wrapper[data-v-c7eaa0c4]{height:100%;width:100%;margin:0;padding:0;position:relative;background-color:#fff}.main-wrapper .navbar[data-v-c7eaa0c4]{padding:1rem;display:flex;justify-content:space-between;align-items:center;height:3rem;background-color:#ccc;box-shadow:0 4px 20px 0 rgba(0,0,0,.122)}.main-wrapper .navbar .logo[data-v-c7eaa0c4]{font-weight:600;font-size:18px;color:#fff;cursor:pointer}.main-wrapper .navbar .logout[data-v-c7eaa0c4]{font-weight:500;font-size:18px;color:#000;cursor:pointer}.main-wrapper .navbar .logout i[data-v-c7eaa0c4]{color:#000}.main-wrapper .factory-reset[data-v-c7eaa0c4]{margin-top:5rem;margin:1rem;margin-top:2rem;display:flex;justify-content:space-around;align-items:center}.main-wrapper .factory-reset button[data-v-c7eaa0c4]{display:flex;justify-content:center;align-items:center;all:unset;height:2rem;border-radius:4.5rem;background:#be1e0f;color:#fff;font-size:1rem;cursor:pointer;text-align:center;padding-left:1rem;padding-right:1rem;padding-top:.5rem;padding-bottom:.5rem}.main-wrapper .factory-reset #reset-all-data[data-v-c7eaa0c4]{animation:blink-c7eaa0c4 1s infinite}.main-wrapper .spinner-overlay[data-v-c7eaa0c4]{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);display:none;justify-content:center;align-items:center;z-index:9999}.main-wrapper .spinner-overlay.active[data-v-c7eaa0c4]{display:flex}.main-wrapper .dots span[data-v-c7eaa0c4]{position:absolute;height:10px;width:10px;background:#fff;border-radius:50%;transform:rotate(calc(var(--i)*24deg)) translateY(35px);animation:animate-c7eaa0c4 1.5s linear infinite;animation-delay:calc(var(--i)*.1s);opacity:0}@keyframes animate-c7eaa0c4{0%{opacity:1}to{opacity:0}}.main-wrapper .image-overlay-container[data-v-c7eaa0c4]{position:fixed;top:5%;left:5%;height:90vh;width:90%;background-color:#fff;box-shadow:0 0 10px rgba(0,0,0,.5);display:fixed;flex-direction:column;align-items:center;justify-content:center;z-index:1000}.main-wrapper .image-overlay-container>div[data-v-c7eaa0c4]{position:relative;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.main-wrapper .overlay-header[data-v-c7eaa0c4]{width:100%;display:flex;justify-content:flex-end;padding:10px;position:absolute;top:0;right:0}.main-wrapper .close-icon[data-v-c7eaa0c4]{font-size:24px;cursor:pointer;color:#000;border-radius:50%;padding:5px;margin:10px}.main-wrapper .image-container img[data-v-c7eaa0c4],.main-wrapper .image-container[data-v-c7eaa0c4]{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.confirmation-overlay[data-v-c7eaa0c4]{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.7);display:flex;justify-content:center;align-items:center;z-index:1000}.overlay-content[data-v-c7eaa0c4]{background:#fff;padding:2rem;border-radius:8px;text-align:center;max-width:400px;width:90%}.overlay-content h2[data-v-c7eaa0c4]{margin-bottom:1rem}.overlay-content p[data-v-c7eaa0c4]{margin-bottom:1.5rem}.button-group[data-v-c7eaa0c4]{display:flex;justify-content:space-around}.btn[data-v-c7eaa0c4]{padding:.5rem 1.5rem;font-size:1rem;border:none;border-radius:4px;cursor:pointer}.btn-success[data-v-c7eaa0c4]{background-color:#28a745;color:#fff}.btn-danger[data-v-c7eaa0c4]{background-color:#dc3545;color:#fff}.btn[data-v-c7eaa0c4]:hover{opacity:.9}.emergency-alert[data-v-c7eaa0c4]{top:0;left:0;width:100%;background-color:#f44336;color:#fff;text-align:center;padding:.5rem;font-weight:700}.password-overlay[data-v-c7eaa0c4]{width:100%;height:100%;background:rgba(0,0,0,.7);display:flex;justify-content:center;align-items:center}.password-overlay .overlay-content[data-v-c7eaa0c4]{background:#fff;padding:2rem;border-radius:8px;text-align:center}.password-overlay .button-group[data-v-c7eaa0c4]{margin-top:1rem}.password-overlay input[type=password][data-v-c7eaa0c4]{width:80%;padding:.5rem;margin-bottom:1rem;border:1px solid #ccc;border-radius:4px}.reset-button[data-v-c7eaa0c4]{padding:10px 20px;font-size:16px;color:#fff;border:none;cursor:pointer;animation:blink-c7eaa0c4 1s infinite;border-radius:5px;transition:background-color .3s ease}@keyframes blink-c7eaa0c4{0%{background-color:red}50%{background-color:#f08080}to{background-color:red}}.reset-button[data-v-c7eaa0c4]:hover{background-color:#f08080}*,:after,:before{box-sizing:border-box;margin:0;padding:0;font-weight:400}body{min-height:100vh;color:var(--color-text);background:var(--color-background);transition:color .5s,background-color .5s;line-height:1.6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media(max-width:768px){body{font-size:14px}}