@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap);*{margin:0;padding:0;outline:0;box-sizing:border-box}body,html{font-family:Montserrat,sans-serif;height:100%}.sidebar[data-v-d0a624c4]{justify-content:space-between;height:calc(100vh - var(64px));width:216px;min-width:216px;padding:24px;background-color:var(--secondary-bg);color:var(--secondary-text)}.sidebar-sections[data-v-d0a624c4],.sidebar[data-v-d0a624c4]{display:flex;flex-direction:column}.section-item[data-v-d0a624c4]{display:flex;align-items:center;justify-content:flex-start;position:relative;gap:12px;color:var(--secondary-text);margin-bottom:23px}.section-item[data-v-d0a624c4],.section-title[data-v-d0a624c4]{font-family:Montserrat,sans-serif;font-size:13px;font-weight:500}.section-title[data-v-d0a624c4]{color:#a1a1aa;margin-bottom:29px}.sidebar-footer[data-v-d0a624c4]{display:flex;flex-direction:column;gap:16px;align-items:flex-start;margin-top:auto}.footer-item[data-v-d0a624c4]{display:flex;align-items:center;gap:12px;font-family:Montserrat,sans-serif;font-weight:500;color:var(--secondary-text);cursor:pointer}.footer-item span[data-v-d0a624c4],.section-item span[data-v-d0a624c4]{transition:color .3s ease,transform .3s ease}.footer-item:hover span[data-v-d0a624c4],.section-item:hover span[data-v-d0a624c4]{color:var(--hover-text);transform:scale(1.1)}.footer-item[data-v-d0a624c4]:hover,.section-item[data-v-d0a624c4]:hover{cursor:pointer}.icon[data-v-d0a624c4]{flex-shrink:0}.section-item .badge[data-v-d0a624c4]{width:18px;background-color:var(--primary-btn-bg);color:#fff;font-size:11px;border-radius:50%}.section-item .badge-new[data-v-d0a624c4],.section-item .badge[data-v-d0a624c4]{display:flex;justify-content:center;align-items:center;height:18px;margin-left:auto}.section-item .badge-new[data-v-d0a624c4]{width:32px;background-color:var(--secondary-bg);color:var(--badge-new);font-size:10px;border:1px solid var(--primary-btn-bg);border-radius:35.71px}.topbar[data-v-6003cc84]{display:flex;align-items:center;justify-content:space-between;height:60px;background-color:var(--primary-bg);border-bottom:1px solid var(--accent);color:var(--table-text)}.logo-container img[data-v-6003cc84]{height:auto;margin:16px 0 15px 24px}.dark-mode .logo-container img[data-v-6003cc84]{filter:brightness(0) invert(1)}.search-container[data-v-6003cc84]{display:flex;align-items:center;position:relative;max-width:900px;flex:1}.search-container input[data-v-6003cc84]{width:100%;max-width:900px;padding:10px 10px 10px 40px;border:1px solid var(--input-bg);background-color:var(--neutral-bg);color:var(--input-text);border-radius:10px}.search-icon[data-v-6003cc84]{position:absolute;left:16px;top:11px;color:var(--input-text)}.actions-container[data-v-6003cc84]{display:flex;align-items:center;gap:16px;margin-right:60px}.icon[data-v-6003cc84]{display:flex;align-items:center;justify-content:center;width:30px;height:28px;cursor:pointer;color:#3f3f46}.envelope[data-v-6003cc84]{position:relative;color:var(--primary-text)}.bell[data-v-6003cc84]{color:var(--primary-text)}.notification-badge[data-v-6003cc84]{position:absolute;top:0;right:0;background-color:#4f46e5;color:#fff;font-size:12px;font-weight:700;width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center}.profile-pic img[data-v-6003cc84]{width:36px;height:36px;border-radius:50%;-o-object-fit:cover;object-fit:cover}.switch[data-v-6003cc84]{position:relative;display:inline-block;width:34px;height:20px;color:#3f3f46}.switch input[data-v-6003cc84]{opacity:0;width:0;height:0}.slider[data-v-6003cc84]{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--accent);transition:.4s;border-radius:20px}.slider[data-v-6003cc84]:before{position:absolute;content:"";height:14px;width:14px;left:3px;bottom:3px;background-color:#a1a1aa;transition:.4s;border-radius:50%}input:checked+.slider[data-v-6003cc84]{background-color:var(--primary-btn-bg)}input:checked+.slider[data-v-6003cc84]:before{transform:translateX(14px)}.overlay[data-v-786d956b]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.3);display:flex;align-items:center;justify-content:center}.modal[data-v-786d956b]{background:var(--primary-bg);padding:32px;border-radius:8px;width:615px;height:588px;display:flex;flex-direction:column;gap:32px;box-sizing:border-box;color:var(--table-text);border:1px solid var(--accent)}.form-fields[data-v-786d956b]{display:flex;flex-direction:column;gap:24px}.form-row[data-v-786d956b]{display:flex;gap:16px}.form-row>div[data-v-786d956b]{flex:1}.form-group[data-v-786d956b]{display:flex;flex-direction:column;gap:8px}select#status[data-v-786d956b]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23888599' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 24px center;background-size:16px;padding-top:12px}input[data-v-786d956b],select[data-v-786d956b]{width:auto;height:43px;padding:16px 24px;border:1px solid var(--input-bg);font-size:14px;color:var(--input-text);background-color:var(--neutral-bg);box-sizing:border-box;border-radius:8px}input[data-v-786d956b]::-moz-placeholder{color:var(--input-text)}input[data-v-786d956b]::placeholder{color:var(--input-text)}label[data-v-786d956b]{color:var(--input-text);font-size:14px;font-weight:500}.form-buttons[data-v-786d956b]{display:flex;gap:24px;justify-content:center}button[data-v-786d956b]{width:264px;height:56px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;border:none;display:flex;align-items:center;justify-content:center}button.cancel-button[data-v-786d956b]{background-color:var(--primary-bg);border:1px solid var(--light-btn-border);color:var(--input-text)}button.apply-button[data-v-786d956b]{background-color:var(--primary-btn-bg);border:1px solid var(--primary-btn-bg);color:var(--primary-bg)}.overlay[data-v-855ff6dc]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.3);display:flex;align-items:center;justify-content:center}.modalframe[data-v-855ff6dc]{width:400px;background:#fff;border-radius:12px;padding:32px;display:flex;flex-direction:column;align-items:center;gap:24px}.dialog[data-v-855ff6dc]{display:flex;flex-direction:column;align-items:flex-start;gap:24px;width:100%}.icon-wrapper[data-v-855ff6dc],.outer-circle[data-v-855ff6dc]{display:flex;justify-content:center;align-items:center}.outer-circle[data-v-855ff6dc]{width:48px;height:48px;background-color:#fef3f2;border-radius:50%}.inner-circle[data-v-855ff6dc]{width:32px;height:32px;background-color:#fee4e2;border-radius:50%;display:flex;justify-content:center;align-items:center}.icon[data-v-855ff6dc]{width:24px;height:24px;color:#d32f2f}.icon path[data-v-855ff6dc]{fill:currentColor}.text-content[data-v-855ff6dc]{text-align:left}.title[data-v-855ff6dc]{font-family:Montserrat,sans-serif;font-weight:600;color:#101828;margin-bottom:16px}.subtitle[data-v-855ff6dc]{font-family:Montserrat,sans-serif;font-weight:700;font-size:14px;color:#667085}.description[data-v-855ff6dc]{font-family:Montserrat,sans-serif;font-weight:400;color:#667085}.button-group[data-v-855ff6dc]{display:flex;gap:24px}button[data-v-855ff6dc]{width:156px;height:auto;gap:8px;border-radius:8px;border-width:1px;border-style:solid;border-color:#d0d5dd;padding:16px 24px 16px 24px;font-family:Montserrat,sans-serif}.cancel-button[data-v-855ff6dc]{background:#fff;color:#344054;font-size:16px;font-weight:500}.delete-button[data-v-855ff6dc]{background:#d32f2f;color:#fff;font-size:16px;font-weight:500}.header-controls[data-v-69345c06]{display:flex;justify-content:space-between;align-items:center;height:93px;width:100%;margin:0;padding:0 24px;box-sizing:border-box}.entries-control[data-v-69345c06]{display:flex;align-items:center;gap:12px;color:var(--primary-text)}.entries-control[data-v-69345c06],.entries-control span[data-v-69345c06]{font-family:Montserrat,sans-serif;font-weight:500;font-size:12px;line-height:100%;letter-spacing:0}.dropdown[data-v-69345c06]{padding:0 5px 0 9px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:linear-gradient(45deg,transparent 50%,#9e9e9e 0),linear-gradient(-45deg,transparent 50%,#9e9e9e 0);background-position:right 9px center,right 5px center;background-size:5px 5px;background-repeat:no-repeat}.dropdown[data-v-69345c06],.dropdown select[data-v-69345c06]{background-color:#e0e0e0;width:43px;height:31px;border:none;border-radius:8px;font-family:inherit;font-size:inherit;cursor:pointer}.add-customer-button[data-v-69345c06]{background-color:#624de3;color:#fff;width:163px;height:48px;border:none;border-radius:8px;padding:16px 24px;display:flex;align-items:center;justify-content:center;gap:8px;font-family:Montserrat,sans-serif;font-weight:700;font-size:12px;line-height:100%;letter-spacing:0;cursor:pointer}.add-customer-button .add-icon[data-v-69345c06]{font-size:16px;margin-right:.5px}.add-customer-button[data-v-69345c06]:hover{animation:dissolve-69345c06 .3s ease-out}@keyframes dissolve-69345c06{0%{opacity:0}to{opacity:1}}.action-column[data-v-69345c06],.id-column[data-v-69345c06],.id-line[data-v-69345c06]{text-align:center;vertical-align:middle}button[data-v-69345c06]{margin:4px 0;padding:6px 12px;cursor:pointer}table[data-v-69345c06]{width:100%;border-collapse:collapse;margin-top:8px}table td[data-v-69345c06],table th[data-v-69345c06]{border:none;padding:8px;text-align:left}.products-table-container[data-v-69345c06]{width:100%;height:auto;margin:0;padding:0;box-sizing:border-box;background-color:var(--primary-bg)}.product-line[data-v-69345c06]{background-color:var(--secondary-bg);color:var(--primary-text)}.product-line[data-v-69345c06]:nth-child(2n){background-color:var(--primary-bg);color:var(--primary-text)}td[data-v-69345c06],th[data-v-69345c06]{border:1px solid var(--table-text);padding:8px;text-align:left}tbody tr[data-v-69345c06],thead[data-v-69345c06]{border-bottom:none}tr[data-v-69345c06]{color:var(--primary-text)}.button-cell[data-v-69345c06]{display:flex;align-items:center;justify-content:center;padding:8px}.icon-container[data-v-69345c06]{display:flex;align-items:center;gap:16px}.icon-button[data-v-69345c06]{background:none;border:none;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center;width:24px;height:24px}.icon-button img[data-v-69345c06]{width:24px;height:24px}.delete-button[data-v-69345c06],.edit-button[data-v-69345c06]{background:none;border:none;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center;width:24px;height:24px}.pagination[data-v-69345c06]{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:16px}.pagination-pages[data-v-69345c06]{display:flex;gap:12px}.pagination-page[data-v-69345c06]{width:31px;height:31px;background-color:var(--accent);border:none;border-radius:8px;cursor:pointer;font-size:14px;color:var(--light-text);display:flex;align-items:center;justify-content:center}.pagination-page.active[data-v-69345c06]{background-color:var(--primary-btn-bg);color:var(--primary-bg)}.pagination-link[data-v-69345c06]{background:none;border:none;color:var(--light-text);cursor:pointer;text-decoration:none;padding:0;font-size:12px;font-family:Montserrat,sans-serif;font-weight:500;line-height:100%;letter-spacing:0}.pagination-link[data-v-69345c06]:hover:not(:disabled){text-decoration:underline}.pagination-link[data-v-69345c06]:disabled{cursor:not-allowed}.pagination span[data-v-69345c06]{margin:0 8px}.status-tag[data-v-69345c06]{padding:4px 10px;border-radius:12px;font-size:.85rem;color:#fff;text-transform:capitalize;display:inline-block}.status-tag.delivered[data-v-69345c06]{background-color:var(--delivered-bg);color:var(--delivered-text)}.status-tag.process[data-v-69345c06]{background-color:var(--process-bg);color:var(--process-text)}.status-tag.canceled[data-v-69345c06]{background-color:var(--canceled-bg);color:var(--canceled-text)}.table[data-v-69345c06]{background-color:var(--primary-bg);color:var(--table-text);border:1px solid var(--accent)}.table-header[data-v-69345c06]{background-color:var(--neutral-bg);color:var(--table-text)}.table-row[data-v-69345c06]:hover{background-color:var(--input-bg)}.dashboard-layout[data-v-382ae12a]{display:flex;flex-direction:column;height:100vh}.main-area[data-v-382ae12a]{display:flex;flex:1}.login-container[data-v-6dabb376]{display:flex;justify-content:center;align-items:center;width:100vw;height:100vh;background:rgba(0,0,0,.3)}.login-form[data-v-6dabb376]{background:#fff;padding:32px;border-radius:8px;width:400px;display:flex;flex-direction:column;gap:16px;box-sizing:border-box;text-align:center}.login-form h1[data-v-6dabb376]{font-size:24px;color:#888599;margin-bottom:8px;font-family:Montserrat,sans-serif}input[data-v-6dabb376]{width:100%;height:43px;padding:16px 24px;border:1px solid #e1e5fe;font-size:14px;color:#888599;background-color:#eef1ff;box-sizing:border-box;border-radius:4px}input[data-v-6dabb376]::-moz-placeholder{color:#888599}input[data-v-6dabb376]::placeholder{color:#888599}.form-fields[data-v-6dabb376]{display:flex;flex-direction:column;gap:24px}.recover-password[data-v-6dabb376]{font-size:14px;color:#624de3;text-decoration:underline;font-weight:500;margin:6px 0 12px 0;display:block;text-align:right}.form-buttons[data-v-6dabb376]{display:flex;gap:16px;justify-content:center;margin-bottom:16px}.cancel-button[data-v-6dabb376]{border-radius:8px;border:1px solid #d0d5dd;background-color:#fff;color:#888599}.apply-button[data-v-6dabb376],.cancel-button[data-v-6dabb376]{width:264px;height:42px;font-size:16px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center}.apply-button[data-v-6dabb376]{border-radius:8px;border:1px solid #624de3;background-color:#624de3;color:#fff}.sign-up[data-v-6dabb376]{font-size:14px;color:#624de3;text-decoration:underline;font-weight:500;display:block;text-align:center}.dashboard-texts[data-v-2adb2347]{display:flex;flex-direction:column;text-align:justify}h1[data-v-2adb2347]{color:#9f0000;text-align:center;margin-bottom:20px}p[data-v-2adb2347]{color:#3f3f46;margin-left:30px;margin-bottom:10px;font-size:20px;max-width:90%}:root{--primary-bg:#fff;--secondary-bg:#f7f6fe;--neutral-bg:#eef1ff;--primary-text:#000;--secondary-text:#3f3f46;--light-text:#a1a1aa;--table-text:#ddd;--accent:#e0e0e0;--primary-btn-bg:#624de3;--input-bg:#e1e5fe;--input-text:#888599;--hover-text:#4f46e5;--delivered-bg:#ebf9f1;--delivered-text:#1f9254;--process-bg:#fef2e5;--process-text:#cd6200;--canceled-bg:#fbe7e8;--canceled-text:#a30d11;--light-btn-border:#d0d5dd;--light-btn-text:#344054;--warning-sign-external:#fef3f2;--warning-sign-internal:#fee4e2;--warning-title:#101828;--warning-description:#667085;--badge-new:#4f46e5}.dark-mode{--primary-bg:#111827;--secondary-bg:#1f2937;--neutral-bg:#374151;--primary-text:#fff;--secondary-text:#d1d5db;--light-text:#9ca3af;--table-text:#4b5563;--accent:#4b5563;--primary-btn-bg:#4f46e5;--input-bg:#374151;--input-text:#d1d5db;--hover-text:#a78bfa;--delivered-bg:#065f46;--delivered-text:#bbf7d0;--process-bg:#7c2d12;--process-text:#fef3c7;--canceled-bg:#991b1b;--canceled-text:#fee2e2;--light-btn-border:#4b5563;--light-btn-text:#d1d5db;--warning-sign-external:#7c2d12;--warning-sign-internal:#991b1b;--warning-title:#fff;--warning-description:#d1d5db;--badge-new:#fff}