.app-layout[data-v-7ab28119]{background:#f3f4f6;min-height:100vh;display:flex;overflow:hidden}.sidebar[data-v-7ab28119]{background:linear-gradient(#0f172a,#111827);border-radius:28px;flex-direction:column;width:240px;margin:18px;padding:28px 20px;display:flex;box-shadow:0 20px 40px #0000001f}.logo[data-v-7ab28119]{color:#fff;letter-spacing:-1px;margin-bottom:40px;font-size:30px;font-weight:800}.menu[data-v-7ab28119]{flex-direction:column;gap:10px;display:flex}.menu-item[data-v-7ab28119]{color:#cbd5e1;border-radius:16px;padding:15px 18px;font-size:15px;font-weight:600;text-decoration:none;transition:all .2s}.menu-item[data-v-7ab28119]:hover{color:#fff;background:#ffffff14}.router-link-active[data-v-7ab28119]{color:#fff;background:linear-gradient(135deg,#4f46e5,#6366f1)}.main-wrapper[data-v-7ab28119]{flex-direction:column;flex:1;min-width:0;padding-right:18px;display:flex;overflow:hidden}.topbar[data-v-7ab28119]{justify-content:flex-end;align-items:center;height:70px;padding:0 8px;display:flex}.topbar-right[data-v-7ab28119]{position:relative}.avatar[data-v-7ab28119]{color:#fff;cursor:pointer;background:linear-gradient(135deg,#4f46e5,#06b6d4);border-radius:999px;justify-content:center;align-items:center;width:42px;height:42px;font-size:15px;font-weight:700;display:flex;box-shadow:0 8px 20px #4f46e533}.dropdown[data-v-7ab28119]{z-index:999;background:#fff;border:1px solid #e5e7eb;border-radius:18px;width:180px;position:absolute;top:54px;right:0;overflow:hidden;box-shadow:0 20px 40px #00000014}.dropdown-user[data-v-7ab28119]{color:#111827;border-bottom:1px solid #f3f4f6;padding:16px 18px;font-size:14px;font-weight:700}.dropdown-item[data-v-7ab28119]{cursor:pointer;padding:14px 18px;font-size:14px;transition:all .2s}.dropdown-item[data-v-7ab28119]:hover{background:#f9fafb}.logout[data-v-7ab28119]{color:#ef4444;font-weight:600}.page-container[data-v-7ab28119]{background:#fff;border-radius:28px;flex:1;min-height:0;margin-bottom:18px;padding:24px;overflow:auto;box-shadow:0 10px 30px #0000000a}.dashboard-header[data-v-cccd0fed]{margin-bottom:24px}.dashboard-header h1[data-v-cccd0fed]{font-size:30px}.stats-grid[data-v-cccd0fed]{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px;display:grid}.stats-card[data-v-cccd0fed]{color:#fff;cursor:pointer;border-radius:12px;padding:12px 18px;transition:all .2s}.stats-card[data-v-cccd0fed]:hover{opacity:.95;transform:translateY(-2px)}.stats-title[data-v-cccd0fed]{opacity:.92;font-size:13px}.stats-number[data-v-cccd0fed]{margin-top:4px;font-size:24px;font-weight:700}.blue-card[data-v-cccd0fed]{background:#4f6bed}.orange-card[data-v-cccd0fed]{background:#f59e0b}.green-card[data-v-cccd0fed]{background:#22c55e}.gray-card[data-v-cccd0fed]{background:#6b7280}.dashboard-card[data-v-cccd0fed]{background:#fff;border-radius:16px;margin-bottom:20px;padding:14px 18px}.overdue-card[data-v-cccd0fed]{background:#fff1f2;border:1px solid #fecdd3}.section-top[data-v-cccd0fed]{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.card-header[data-v-cccd0fed]{margin-bottom:18px}.card-header h2[data-v-cccd0fed],.section-top h2[data-v-cccd0fed]{margin:0;font-size:18px}.view-all-btn[data-v-cccd0fed]{color:#4f6bed;cursor:pointer;background:#eef2ff;border:none;border-radius:10px;padding:6px 12px;font-size:13px;transition:all .2s}.view-all-btn[data-v-cccd0fed]:hover{background:#dbe4ff}table[data-v-cccd0fed]{border-collapse:collapse;width:100%}th[data-v-cccd0fed]{text-align:left;background:#f3f4f6;padding:14px;font-size:14px}td[data-v-cccd0fed]{border-top:1px solid #eee;padding:14px;font-size:14px}.status-badge[data-v-cccd0fed]{color:#fff;border-radius:30px;padding:6px 12px;font-size:12px}.blue[data-v-cccd0fed]{background:#3b82f6}.orange[data-v-cccd0fed]{background:#f97316}.purple[data-v-cccd0fed]{background:#9333ea}.yellow[data-v-cccd0fed]{background:#eab308}.green[data-v-cccd0fed]{background:#22c55e}.gray[data-v-cccd0fed]{background:#6b7280}.empty-text[data-v-cccd0fed]{text-align:center;color:#999;padding:30px}.modal-overlay[data-v-cb5a1342]{z-index:9999;background:#00000073;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.quotation-modal[data-v-cb5a1342]{background:#fff;border-radius:20px;width:1000px;max-height:90vh;padding:20px 24px;overflow-y:auto}.modal-header[data-v-cb5a1342]{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.close-btn[data-v-cb5a1342]{cursor:pointer;background:0 0;border:none;font-size:28px}table[data-v-cb5a1342]{border-collapse:collapse;width:100%;margin-top:8px}th[data-v-cb5a1342],td[data-v-cb5a1342]{text-align:left;border-bottom:1px solid #eee;padding:14px}th[data-v-cb5a1342]{background:#f8fafc}.product-select[data-v-cb5a1342]{border:1px solid #ddd;border-radius:8px;width:280px;padding:8px 10px;font-size:14px}.small-input[data-v-cb5a1342]{border:1px solid #ddd;border-radius:8px;width:90px;padding:8px 10px;font-size:14px}.summary[data-v-cb5a1342]{justify-content:space-between;align-items:center;gap:20px;margin-top:24px;display:flex}.summary-left[data-v-cb5a1342]{gap:32px;font-size:16px;display:flex}.summary-actions[data-v-cb5a1342]{gap:12px;display:flex}.add-product-btn[data-v-cb5a1342]{color:#fff;cursor:pointer;background:#111827;border:none;border-radius:10px;padding:12px 18px;font-size:14px;transition:all .2s}.add-product-btn[data-v-cb5a1342]:hover{opacity:.9}.save-btn[data-v-cb5a1342]{color:#fff;cursor:pointer;background:#4f6bed;border:none;border-radius:10px;padding:12px 22px;font-size:14px;transition:all .2s}.save-btn[data-v-cb5a1342]:hover{opacity:.9}.modal-title[data-v-cb5a1342]{margin:0;font-size:22px}.remove-btn[data-v-cb5a1342]{color:#fff;cursor:pointer;white-space:nowrap;background:#ef4444;border:none;border-radius:8px;padding:8px 14px;font-size:13px}.remove-btn[data-v-cb5a1342]:hover{opacity:.9}.custom-toast[data-v-cb5a1342]{color:#fff;z-index:99999;background:#111827;border-radius:14px;padding:14px 24px;font-size:14px;font-weight:500;animation:.25s toastUp-cb5a1342;position:fixed;bottom:28px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #0000002e}@keyframes toastUp-cb5a1342{0%{opacity:0;transform:translate(-50%)translateY(10px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.stats-card[data-v-7299eb3f]{color:#fff;cursor:pointer;border-radius:12px;padding:12px 18px;transition:all .2s;box-shadow:0 2px 6px #0000000d}.stats-title[data-v-7299eb3f]{opacity:.92;font-size:13px}.stats-grid[data-v-7299eb3f]{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:18px;display:grid}.stats-number[data-v-7299eb3f]{margin-top:4px;font-size:24px;font-weight:700;line-height:1}.blue-card[data-v-7299eb3f]{background:#4f6bed}.orange-card[data-v-7299eb3f]{background:#f59e0b}.green-card[data-v-7299eb3f]{background:#22c55e}.gray-card[data-v-7299eb3f]{background:#6b7280}.stats-card[data-v-7299eb3f]:hover{opacity:.95;transform:translateY(-2px)}.page-header[data-v-7299eb3f]{justify-content:space-between;align-items:center;margin-bottom:25px;display:flex}.page-header h1[data-v-7299eb3f]{font-size:30px}.add-btn[data-v-7299eb3f]{color:#fff;cursor:pointer;background:#4f6bed;border:none;border-radius:12px;padding:14px 22px;font-size:16px}.active-filter[data-v-7299eb3f]{color:#666;margin-bottom:12px;font-size:14px}.active-filter span[data-v-7299eb3f]{color:#4f6bed;font-weight:700}.filter-bar[data-v-7299eb3f]{background:#fff;border-radius:14px;flex-wrap:wrap;align-items:center;gap:15px;min-height:84px;margin-bottom:20px;padding:20px;display:flex}.clear-btn[data-v-7299eb3f]{cursor:pointer;background:#e5e7eb;border:none;border-radius:10px;padding:10px 16px}.search-input[data-v-7299eb3f]{flex:1;min-width:400px;max-width:700px}.date-divider[data-v-7299eb3f]{color:#666;font-size:18px}.table-wrapper[data-v-7299eb3f]{background:#fff;border:1px solid #f1f5f9;border-radius:24px;overflow-x:auto}table[data-v-7299eb3f]{border-collapse:collapse;width:100%;min-width:1400px}th[data-v-7299eb3f]{text-align:left;white-space:nowrap;color:#64748b;background:#f8fafc;padding:22px 20px;font-size:15px;font-weight:700}td[data-v-7299eb3f]{white-space:nowrap;color:#111827;border-top:1px solid #f1f5f9;padding:24px 20px;font-size:15px}tbody tr[data-v-7299eb3f]{transition:all .2s}tbody tr[data-v-7299eb3f]:hover{background:#f8fafc}.status-badge[data-v-7299eb3f]{color:#fff;border-radius:30px;padding:6px 12px;font-size:13px}.blue[data-v-7299eb3f]{background:#3b82f6}.orange[data-v-7299eb3f]{background:#f97316}.purple[data-v-7299eb3f]{background:#9333ea}.yellow[data-v-7299eb3f]{background:#eab308}.green[data-v-7299eb3f]{background:#22c55e}.gray[data-v-7299eb3f]{background:#6b7280}.action-buttons[data-v-7299eb3f]{align-items:center;gap:10px;display:flex}.edit-btn[data-v-7299eb3f]{color:#4f46e5;cursor:pointer;background:#e0e7ff;border:none;border-radius:12px;height:40px;padding:0 18px;font-size:14px;font-weight:600}.delete-btn[data-v-7299eb3f]{color:#dc2626;cursor:pointer;background:#fee2e2;border:none;border-radius:12px;height:40px;padding:0 18px;font-size:14px;font-weight:600}.detail-btn[data-v-7299eb3f]{color:#2563eb;cursor:pointer;background:#dbeafe;border:none;border-radius:12px;height:40px;padding:0 18px;font-size:14px;font-weight:600}.quote-btn[data-v-7299eb3f]{color:#fff;cursor:pointer;background:#111827;border:none;border-radius:12px;height:40px;margin-left:8px;padding:0 18px;font-size:14px;font-weight:600}.modal-overlay[data-v-7299eb3f]{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#0f172a73;justify-content:center;align-items:center;animation:.2s fadeIn-7299eb3f;display:flex;position:fixed;inset:0}.modal[data-v-7299eb3f]{background:#fff;border-radius:28px;width:760px;max-width:92vw;padding:28px;animation:.22s modalShow-7299eb3f;box-shadow:0 25px 60px #0000002e}.modal-header[data-v-7299eb3f]{justify-content:space-between;margin-bottom:25px;display:flex}.close-btn[data-v-7299eb3f]{cursor:pointer;background:0 0;border:none;font-size:24px}.form-grid[data-v-7299eb3f]{grid-template-columns:1fr 1fr;gap:15px;display:grid}input[data-v-7299eb3f],select[data-v-7299eb3f],textarea[data-v-7299eb3f]{border:1px solid #ddd;border-radius:10px;padding:12px}.textarea[data-v-7299eb3f]{width:100%;min-height:100px;margin-top:15px}.submit-btn[data-v-7299eb3f]{color:#fff;cursor:pointer;background:#4f6bed;border:none;border-radius:12px;width:100%;margin-top:20px;padding:14px}.detail-section[data-v-7299eb3f]{margin-bottom:25px}.detail-box[data-v-7299eb3f]{white-space:pre-wrap;background:#f3f4f6;border-radius:10px;margin-top:10px;padding:15px;line-height:1.7}.delete-modal[data-v-7299eb3f]{text-align:center;background:#fff;border-radius:16px;width:400px;padding:30px}.delete-text[data-v-7299eb3f]{color:#6b7280;margin-top:15px;line-height:1.6}.delete-actions[data-v-7299eb3f]{justify-content:center;gap:15px;margin-top:30px;display:flex}.cancel-btn[data-v-7299eb3f]{cursor:pointer;background:#e5e7eb;border:none;border-radius:10px;padding:12px 20px}.confirm-delete-btn[data-v-7299eb3f]{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:10px;padding:12px 20px}.toast[data-v-7299eb3f]{color:#fff;z-index:9999;background:#111827;border-radius:14px;padding:14px 24px;font-size:14px;font-weight:500;animation:.25s toastFade-7299eb3f;position:fixed;top:80px;left:50%;transform:translate(-50%);box-shadow:0 12px 30px #00000026}@keyframes toastFade-7299eb3f{0%{opacity:0;transform:translate(-50%)translateY(-8px)}to{opacity:1;transform:translate(-50%)translateY(0)}}@keyframes fadeIn-7299eb3f{0%{opacity:0}to{opacity:1}}@keyframes modalShow-7299eb3f{0%{opacity:0;transform:translateY(10px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.quote-page[data-v-e62b0bd1]{flex-direction:column;gap:24px;display:flex}.page-header[data-v-e62b0bd1]{justify-content:space-between;align-items:center;display:flex}.page-header h1[data-v-e62b0bd1]{color:#111827;letter-spacing:-1px;margin:0;font-size:34px;font-weight:800}.page-header p[data-v-e62b0bd1]{color:#6b7280;margin-top:6px;font-size:14px}.primary-btn[data-v-e62b0bd1]{color:#fff;cursor:pointer;background:linear-gradient(135deg,#4f46e5,#6366f1);border:none;border-radius:16px;height:48px;padding:0 22px;font-size:14px;font-weight:700;transition:all .2s;box-shadow:0 10px 24px #4f46e533}.primary-btn[data-v-e62b0bd1]:hover{transform:translateY(-1px)}.save-btn[data-v-e62b0bd1]:hover{background:#3f5be0}.settings-card[data-v-e62b0bd1],.table-card[data-v-e62b0bd1]{background:#fff;border:1px solid #f1f5f9;border-radius:24px;padding:28px;box-shadow:0 4px 18px #0f172a08}.settings-card[data-v-e62b0bd1]{gap:20px;display:flex}.form-group[data-v-e62b0bd1]{flex-direction:column;flex:1;display:flex}.form-group label[data-v-e62b0bd1]{margin-bottom:8px;font-weight:600}.form-group input[data-v-e62b0bd1],.form-group select[data-v-e62b0bd1]{border:1px solid #e5e7eb;border-radius:16px;height:50px;padding:0 16px;font-size:14px;transition:all .2s}.form-group input[data-v-e62b0bd1]:focus,.form-group select[data-v-e62b0bd1]:focus{border-color:#818cf8;outline:none;box-shadow:0 0 0 4px #6366f114}.table-header[data-v-e62b0bd1]{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.header-actions[data-v-e62b0bd1]{gap:12px;display:flex}.add-btn[data-v-e62b0bd1]{cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:14px;height:46px;padding:0 18px;font-weight:600;transition:all .2s}.add-btn[data-v-e62b0bd1]:hover{background:#f8fafc}.calculate-btn[data-v-e62b0bd1]:hover{background:#3f5be0}table[data-v-e62b0bd1]{border-collapse:collapse;width:100%}th[data-v-e62b0bd1],td[data-v-e62b0bd1]{text-align:left;border-bottom:1px solid #eee;padding:14px}td input[data-v-e62b0bd1],td select[data-v-e62b0bd1]{border:1px solid #ddd;border-radius:10px;width:100%;padding:10px}.remove-btn[data-v-e62b0bd1]{color:red;cursor:pointer;background:0 0;border:none}.modal-overlay[data-v-e62b0bd1]{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#0f172a73;justify-content:center;align-items:center;animation:.2s fadeIn-e62b0bd1;display:flex;position:fixed;inset:0}.modal[data-v-e62b0bd1]{background:#fff;border-radius:28px;width:540px;max-width:90vw;padding:28px;animation:.22s modalShow-e62b0bd1;box-shadow:0 25px 60px #0000002e}.modal h2[data-v-e62b0bd1]{color:#0f172a;margin:0 0 24px;font-size:36px;font-weight:800}.modal input[data-v-e62b0bd1]{border:1px solid #dbe2ea;border-radius:16px;outline:none;width:92%;height:52px;margin-bottom:20px;padding:0 18px;font-size:15px;transition:all .2s}.modal input[data-v-e62b0bd1]:focus{border-color:#4f6bed;box-shadow:0 0 0 4px #4f6bed1f}.search-results[data-v-e62b0bd1]{max-height:260px;margin-top:8px;overflow-y:auto}.search-item[data-v-e62b0bd1]{cursor:pointer;border:1px solid #eef2f7;border-radius:14px;margin-bottom:10px;padding:12px 14px;transition:all .18s}.search-item[data-v-e62b0bd1]:hover{background:#f8fbff;border-color:#c7d7ff;transform:translateY(-1px)}.search-line[data-v-e62b0bd1]{align-items:center;gap:6px;display:flex}.selected-box[data-v-e62b0bd1]{color:#1e40af;background:#eef4ff;border:1px solid #c7d7ff;border-radius:14px;margin-top:20px;padding:14px 16px;font-weight:600}.modal-actions[data-v-e62b0bd1]{border-top:1px solid #eef2f7;justify-content:flex-end;gap:12px;margin-top:30px;padding-top:24px;display:flex}.cancel-btn[data-v-e62b0bd1],.confirm-btn[data-v-e62b0bd1]{cursor:pointer;border:none;border-radius:14px;height:48px;padding:0 24px;font-size:14px;font-weight:600;transition:all .2s}.cancel-btn[data-v-e62b0bd1]{color:#334155;background:#eef2f7}.confirm-btn[data-v-e62b0bd1]:hover{background:#3f5be0}.confirm-btn[data-v-e62b0bd1]{color:#fff;background:#4f6bed}.quote-summary[data-v-e62b0bd1]{gap:18px;margin-top:24px;display:flex}.summary-card[data-v-e62b0bd1]{background:#fff;border:1px solid #f1f5f9;border-radius:22px;flex:1;padding:24px;box-shadow:0 4px 18px #0f172a08}.summary-label[data-v-e62b0bd1]{color:#64748b;margin-bottom:8px;font-size:14px}.summary-value[data-v-e62b0bd1]{color:#0f172a;font-size:28px;font-weight:700}.toast[data-v-e62b0bd1]{color:#fff;z-index:9999;background:#111827;border-radius:14px;padding:14px 24px;font-size:14px;font-weight:500;animation:.25s toastFade-e62b0bd1;position:fixed;top:80px;left:50%;transform:translate(-50%);box-shadow:0 12px 30px #00000026}@keyframes toastFade-e62b0bd1{0%{opacity:0;transform:translate(-50%)translateY(-8px)}to{opacity:1;transform:translate(-50%)translateY(0)}}@keyframes fadeIn-e62b0bd1{0%{opacity:0}to{opacity:1}}@keyframes modalShow-e62b0bd1{0%{opacity:0;transform:translateY(10px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.stats-grid[data-v-0071edea]{grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:20px;display:grid}.stat-card[data-v-0071edea]{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 8px #00000014}.blue-card[data-v-0071edea]{color:#fff;background:linear-gradient(135deg,#5b6df6,#7382ff)}.purple-card[data-v-0071edea]{color:#fff;background:linear-gradient(135deg,#7c4dff,#9b6dff)}.green-card[data-v-0071edea]{color:#fff;background:linear-gradient(135deg,#22c55e,#4ade80)}.stat-title[data-v-0071edea]{opacity:.9;font-size:14px}.stat-value[data-v-0071edea]{margin-top:10px;font-size:28px;font-weight:700}.filters-wrapper[data-v-2f8ce94a]{background:#fff;border-radius:20px;margin-bottom:24px;padding:20px;box-shadow:0 2px 10px #0000000a}.filters-row[data-v-2f8ce94a]{grid-template-columns:minmax(260px,2fr) repeat(3,minmax(150px,1fr)) repeat(2,minmax(220px,1fr)) 90px;align-items:center;gap:14px;display:grid}.filters-wrapper input[data-v-2f8ce94a],.filters-wrapper select[data-v-2f8ce94a]{box-sizing:border-box;background:#fff;border:1px solid #e5e7eb;border-radius:14px;outline:none;width:100%;min-width:0;height:56px;padding:0 16px;font-size:14px;transition:all .2s}.filters-wrapper input[data-v-2f8ce94a]:focus,.filters-wrapper select[data-v-2f8ce94a]:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.range-group[data-v-2f8ce94a]{background:#fff;border:1px solid #e5e7eb;border-radius:14px;align-items:center;gap:8px;height:56px;padding:0 12px;transition:all .2s;display:flex}.range-group[data-v-2f8ce94a]:focus-within{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.range-group span[data-v-2f8ce94a]{color:#6b7280;white-space:nowrap;font-size:13px;font-weight:600}.range-group input[data-v-2f8ce94a]{font-size:13px;background:#f9fafb!important;border:none!important;border-radius:10px!important;width:72px!important;height:36px!important;padding:0 10px!important}.divider[data-v-2f8ce94a]{color:#9ca3af;font-weight:600}.reset-btn[data-v-2f8ce94a]{color:#fff;cursor:pointer;white-space:nowrap;background:#111827;border:none;border-radius:14px;height:56px;padding:0 20px;font-weight:600;transition:all .2s}.reset-btn[data-v-2f8ce94a]:hover{opacity:.92;transform:translateY(-1px)}@media (width<=1600px){.filters-row[data-v-2f8ce94a]{grid-template-columns:repeat(3,minmax(180px,1fr))}}@media (width<=1200px){.filters-row[data-v-2f8ce94a]{grid-template-columns:repeat(2,minmax(180px,1fr))}}@media (width<=768px){.filters-row[data-v-2f8ce94a]{grid-template-columns:1fr}}.table-wrapper[data-v-b30bcd0f]{background:#fff;border-radius:18px;padding:20px;overflow:auto;box-shadow:0 2px 10px #0000000f}table[data-v-b30bcd0f]{border-collapse:collapse;width:100%;min-width:1500px}thead[data-v-b30bcd0f]{background:#f9fafb}th[data-v-b30bcd0f]{text-align:left;color:#6b7280;white-space:nowrap;border-bottom:1px solid #e5e7eb;padding:14px;font-size:14px}td[data-v-b30bcd0f]{white-space:nowrap;border-bottom:1px solid #f3f4f6;padding:16px 14px;font-size:14px}tbody tr[data-v-b30bcd0f]:hover{background:#f9fafb}.contact-name[data-v-b30bcd0f]{color:#111827;font-weight:600}.amount[data-v-b30bcd0f]{color:#059669;font-weight:700}.level-badge[data-v-b30bcd0f]{border-radius:999px;justify-content:center;align-items:center;padding:6px 12px;font-size:12px;font-weight:700;display:inline-flex}.vip1[data-v-b30bcd0f]{color:#2563eb;background:#dbeafe}.vip2[data-v-b30bcd0f]{color:#7c3aed;background:#ede9fe}.vip3[data-v-b30bcd0f]{color:#ea580c;background:#ffedd5}.vip4[data-v-b30bcd0f]{color:#c99700;background:#fff7d6}.actions[data-v-b30bcd0f]{gap:8px;display:flex}button[data-v-b30bcd0f]{cursor:pointer;border:none;border-radius:8px;padding:8px 14px;font-size:13px;font-weight:600;transition:all .2s}.edit-btn[data-v-b30bcd0f]{color:#4338ca;background:#e0e7ff}.edit-btn[data-v-b30bcd0f]:hover{background:#c7d2fe}.delete-btn[data-v-b30bcd0f]{color:#dc2626;background:#fee2e2}.delete-btn[data-v-b30bcd0f]:hover{background:#fecaca}.loading[data-v-b30bcd0f],.empty[data-v-b30bcd0f]{text-align:center;color:#6b7280;padding:60px}.modal-overlay[data-v-36db6b34]{z-index:999;background:#00000073;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal[data-v-36db6b34]{background:#fff;border-radius:18px;width:850px;max-height:90vh;padding:24px;overflow:auto}.modal-header[data-v-36db6b34]{margin-bottom:20px}.modal-header h2[data-v-36db6b34]{font-size:26px;font-weight:700}.form-item[data-v-36db6b34]{flex-direction:column;display:flex}.form-item.full[data-v-36db6b34]{grid-column:1/-1}label[data-v-36db6b34]{color:#374151;margin-bottom:8px;font-size:14px;font-weight:600}input[data-v-36db6b34],select[data-v-36db6b34],textarea[data-v-36db6b34]{border:1px solid #d1d5db;border-radius:10px;width:100%;padding:12px;font-size:14px}.actions[data-v-36db6b34]{justify-content:flex-end;gap:12px;margin-top:24px;display:flex}.save-btn[data-v-36db6b34]{color:#fff;background:#4f46e5}.cancel-btn[data-v-36db6b34]{background:#e5e7eb}button[data-v-36db6b34]{cursor:pointer;border:none;border-radius:10px;padding:12px 18px;font-weight:600}.modal-content[data-v-36db6b34]{background:#f8fafc;border-radius:16px;padding:24px}.form-grid[data-v-36db6b34]{grid-template-columns:1fr 1fr;gap:18px;display:grid}.form-group[data-v-36db6b34]{flex-direction:column;display:flex}.form-group.full[data-v-36db6b34]{grid-column:1/-1}.form-label[data-v-36db6b34]{color:#374151;margin-bottom:8px;font-size:14px;font-weight:600}input[data-v-36db6b34],select[data-v-36db6b34],textarea[data-v-36db6b34]{box-sizing:border-box;background:#fff;border:1px solid #d1d5db;border-radius:10px;width:100%;padding:12px 14px;font-size:14px}textarea[data-v-36db6b34]{resize:vertical;min-height:90px}.section-title[data-v-36db6b34]{border-bottom:1px solid #e5e7eb;grid-column:1/-1;margin-top:6px;margin-bottom:4px;padding-bottom:10px;font-size:18px;font-weight:700}.modal-footer[data-v-36db6b34]{justify-content:flex-end;gap:12px;margin-top:24px;display:flex}.modal-fade-enter-active[data-v-36db6b34],.modal-fade-leave-active[data-v-36db6b34]{transition:all .22s}.modal-fade-enter-from[data-v-36db6b34],.modal-fade-leave-to[data-v-36db6b34]{opacity:0;transform:scale(.96)}.customers-page[data-v-72037b2a]{background:#f5f6fa;min-height:100vh;padding:24px}.page-header[data-v-72037b2a]{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.page-header h1[data-v-72037b2a]{color:#111827;margin:0;font-size:28px;font-weight:700}.sub-title[data-v-72037b2a]{color:#6b7280;margin-top:6px;font-size:14px}.page-header button[data-v-72037b2a]{color:#fff;cursor:pointer;background:#4f6bed;border:none;border-radius:16px;height:52px;padding:0 24px;font-size:15px;font-weight:600;transition:all .2s;box-shadow:0 8px 20px #4f6bed2e}.page-header button[data-v-72037b2a]:hover{opacity:.9;background:#3f5be0;transform:translateY(-1px)}.filters-wrapper[data-v-72037b2a]{flex-direction:column;gap:16px;margin-bottom:24px;display:flex}.filters-row[data-v-72037b2a]{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.filters-row-2[data-v-72037b2a]{align-items:center;gap:16px;display:flex}.filters-wrapper input[data-v-72037b2a],.filters-wrapper select[data-v-72037b2a]{background:#fff;border:1px solid #e5e7eb;border-radius:12px;outline:none;width:100%;height:44px;padding:0 14px;font-size:14px;transition:all .2s}.filters-wrapper input[data-v-72037b2a]:focus,.filters-wrapper select[data-v-72037b2a]:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11f}.reset-btn[data-v-72037b2a]{color:#fff;cursor:pointer;background:#4f6bed;border:none;border-radius:16px;height:52px;padding:0 24px;font-size:15px;font-weight:600;transition:all .2s;box-shadow:0 8px 20px #4f6bed2e}.reset-btn[data-v-72037b2a]:hover{background:#3f5be0;transform:translateY(-1px)}.delete-overlay[data-v-72037b2a]{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:9999;background:#0f172a73;justify-content:center;align-items:center;animation:.2s fadeIn-72037b2a;display:flex;position:fixed;inset:0}.delete-modal[data-v-72037b2a]{text-align:center;background:#fff;border-radius:28px;width:360px;padding:28px;animation:.25s modalIn-72037b2a;box-shadow:0 25px 50px #0000002e}.delete-icon[data-v-72037b2a]{color:#ef4444;background:#fff1f2;border-radius:999px;justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto 20px;font-size:28px;font-weight:700;display:flex}.delete-modal h2[data-v-72037b2a]{color:#111827;margin-bottom:12px;font-size:22px}.delete-modal p[data-v-72037b2a]{color:#6b7280;margin-bottom:22px;font-size:15px}.delete-actions[data-v-72037b2a]{gap:14px;display:flex}.cancel-btn[data-v-72037b2a],.confirm-btn[data-v-72037b2a]{cursor:pointer;border:none;border-radius:14px;flex:1;height:46px;font-size:15px;font-weight:700;transition:all .2s}.cancel-btn[data-v-72037b2a]{color:#374151;background:#f3f4f6}.cancel-btn[data-v-72037b2a]:hover{background:#e5e7eb}.confirm-btn[data-v-72037b2a]{color:#fff;background:linear-gradient(135deg,#ef4444,#dc2626)}.confirm-btn[data-v-72037b2a]:hover{transform:translateY(-2px);box-shadow:0 10px 20px #ef444440}@keyframes fadeIn-72037b2a{0%{opacity:0}to{opacity:1}}@keyframes modalIn-72037b2a{0%{opacity:0;transform:translateY(10px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.global-message[data-v-72037b2a]{color:#fff;z-index:9999;background:#111827;border-radius:14px;padding:14px 22px;font-size:14px;font-weight:600;position:fixed;top:28px;left:50%;transform:translate(-50%);box-shadow:0 12px 30px #0000002e}.fade-slide-enter-active[data-v-72037b2a],.fade-slide-leave-active[data-v-72037b2a]{transition:all .25s}.fade-slide-enter-from[data-v-72037b2a],.fade-slide-leave-to[data-v-72037b2a]{opacity:0;transform:translateY(-10px)}.modal-overlay[data-v-16727699]{z-index:999;background:#00000073;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal[data-v-16727699]{background:#fff;border-radius:24px;width:1050px;max-height:92vh;padding:18px 24px 24px;overflow-y:auto}.modal-header[data-v-16727699]{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.modal-header h2[data-v-16727699]{margin:0;font-size:24px;font-weight:700}.close-btn[data-v-16727699]{cursor:pointer;background:#f3f4f6;border:none;border-radius:12px;width:42px;height:42px;font-size:22px}.form-grid[data-v-16727699]{grid-template-columns:1fr 1fr;gap:14px 18px;display:grid}.form-item[data-v-16727699]{flex-direction:column;display:flex}.form-item label[data-v-16727699]{color:#374151;margin-bottom:4px;font-size:13px;font-weight:600}.form-item input[data-v-16727699],.form-item select[data-v-16727699],textarea[data-v-16727699]{background:#fff;border:1px solid #d1d5db;border-radius:12px;outline:none;min-height:44px;padding:0 14px;font-size:14px;transition:all .2s}textarea[data-v-16727699]{resize:none;min-height:90px;padding:14px}.note-wrapper[data-v-16727699]{margin-top:18px}.modal-footer[data-v-16727699]{justify-content:flex-end;gap:12px;margin-top:32px;display:flex}.cancel-btn[data-v-16727699]{cursor:pointer;background:#f3f4f6;border:none;border-radius:14px;height:48px;padding:0 24px}.save-btn[data-v-16727699]{color:#fff;cursor:pointer;background:#4f6bed;border:none;border-radius:16px;height:52px;padding:0 24px;font-size:15px;font-weight:600;transition:all .2s;box-shadow:0 8px 20px #4f6bed2e}.save-btn[data-v-16727699]:hover{background:#3f5be0;transform:translateY(-1px)}.form-item select[data-v-16727699]{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M5 7.5L10 12.5L15 7.5' stroke='%236B7280' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;background-size:16px;padding-right:42px}.form-item input[data-v-16727699]:hover,.form-item select[data-v-16727699]:hover,textarea[data-v-16727699]:hover{border-color:#9ca3af}.form-item input[data-v-16727699]:focus,.form-item select[data-v-16727699]:focus,textarea[data-v-16727699]:focus{border-color:#111827;box-shadow:0 0 0 3px #11182714}.customer-search[data-v-16727699]{position:relative}.customer-dropdown[data-v-16727699]{z-index:999;background:#fff;border:1px solid #e5e7eb;border-radius:14px;max-height:260px;margin-top:6px;position:absolute;top:100%;left:0;right:0;overflow:hidden auto;box-shadow:0 10px 30px #00000014}.customer-option[data-v-16727699]{cursor:pointer;padding:14px 16px;font-size:14px;transition:all .2s}.customer-option[data-v-16727699]:hover{background:#f9fafb}.success-toast[data-v-16727699]{color:#fff;z-index:99999;background:#111827;border-radius:14px;padding:14px 22px;font-size:14px;font-weight:600;animation:.25s toastShow-16727699;position:fixed;top:24px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #00000026}@keyframes toastShow-16727699{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.modal-fade-enter-active[data-v-16727699],.modal-fade-leave-active[data-v-16727699]{transition:all .22s}.modal-fade-enter-from[data-v-16727699],.modal-fade-leave-to[data-v-16727699]{opacity:0;transform:scale(.96)}.filters-card[data-v-9d79b26d]{background:#fff;border:1px solid #f1f5f9;border-radius:24px;margin-bottom:24px;padding:22px}.filters-wrapper[data-v-9d79b26d]{flex-wrap:wrap;align-items:center;gap:18px;display:flex}.filters-wrapper input[data-v-9d79b26d],.filters-wrapper select[data-v-9d79b26d]{color:#111827;background:#fff;border:1px solid #e5e7eb;border-radius:16px;outline:none;width:100%;min-width:0;height:56px;padding:0 18px;font-size:14px;transition:all .2s}.filters-wrapper input[data-v-9d79b26d]{flex:420px}.filters-wrapper select[data-v-9d79b26d]{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M5 7.5L10 12.5L15 7.5' stroke='%236B7280' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;background-size:16px;flex:220px;padding-right:44px}.filters-wrapper input[data-v-9d79b26d]:hover,.filters-wrapper select[data-v-9d79b26d]:hover{border-color:#9ca3af}.filters-wrapper input[data-v-9d79b26d]:focus,.filters-wrapper select[data-v-9d79b26d]:focus{border-color:#111827;box-shadow:0 0 0 4px #1118270f}.filters-wrapper input[data-v-9d79b26d]::placeholder{color:#9ca3af}@media (width<=1200px){.filters-wrapper input[data-v-9d79b26d]{flex:100%}}@media (width<=768px){.filters-wrapper[data-v-9d79b26d]{flex-direction:column;align-items:stretch}}.page-header[data-v-faa49b61]{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.page-header h1[data-v-faa49b61]{margin:0;font-size:28px;font-weight:700}.add-btn[data-v-faa49b61]{color:#fff;cursor:pointer;background:#4f6bed;border:none;border-radius:14px;height:52px;padding:0 24px;font-size:15px;font-weight:600;transition:all .2s;box-shadow:0 8px 20px #4f6bed2e}.add-btn[data-v-faa49b61]:hover{background:#3f5be0;transform:translateY(-1px)}.table-wrapper[data-v-faa49b61]{background:#fff;border:1px solid #e5e7eb;border-radius:18px;margin-top:20px;overflow-x:auto}table[data-v-faa49b61]{width:100%;min-width:1400px}th[data-v-faa49b61]{text-align:left;color:#374151;white-space:nowrap;background:#f9fafb;padding:16px;font-size:14px;font-weight:600}td[data-v-faa49b61]{white-space:nowrap;border-top:1px solid #f3f4f6;padding:16px;font-size:14px}tr[data-v-faa49b61]:hover{background:#f9fafb}.order-no[data-v-faa49b61]{color:#111827;font-weight:700}.note-cell[data-v-faa49b61]{text-overflow:ellipsis;max-width:240px;overflow:hidden}.status-badge[data-v-faa49b61],.payment-badge[data-v-faa49b61]{border-radius:999px;justify-content:center;align-items:center;padding:6px 12px;font-size:12px;font-weight:600;display:inline-flex}.paid[data-v-faa49b61]{color:#166534;background:#dcfce7}.fabric[data-v-faa49b61]{color:#92400e;background:#fef3c7}.factory[data-v-faa49b61]{color:#1d4ed8;background:#dbeafe}.shipped[data-v-faa49b61]{color:#6d28d9;background:#ede9fe}.full[data-v-faa49b61]{color:#166534;background:#dcfce7}.partial[data-v-faa49b61]{color:#92400e;background:#fef3c7}.final[data-v-faa49b61]{color:#1d4ed8;background:#dbeafe}.action-buttons[data-v-faa49b61]{align-items:center;gap:10px;display:flex}.edit-btn[data-v-faa49b61]{color:#1d4ed8;cursor:pointer;background:#dbeafe;border:none;border-radius:10px;height:34px;padding:0 14px;font-size:13px}.edit-btn[data-v-faa49b61]:hover{opacity:.9}.delete-btn[data-v-faa49b61]{color:#dc2626;cursor:pointer;background:#fee2e2;border:none;border-radius:10px;height:34px;padding:0 14px;font-size:13px}.delete-btn[data-v-faa49b61]:hover{opacity:.9}.delete-overlay[data-v-faa49b61]{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:9999;background:#0f172a73;justify-content:center;align-items:center;animation:.2s fadeIn-faa49b61;display:flex;position:fixed;inset:0}.delete-modal[data-v-faa49b61]{text-align:center;background:#fff;border-radius:28px;width:360px;padding:28px;animation:.25s modalIn-faa49b61;box-shadow:0 25px 50px #0000002e}.delete-icon[data-v-faa49b61]{color:#ef4444;background:#fff1f2;border-radius:999px;justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto 20px;font-size:28px;font-weight:700;display:flex}.delete-modal h2[data-v-faa49b61]{color:#111827;margin-bottom:12px;font-size:22px}.delete-modal p[data-v-faa49b61]{color:#6b7280;margin-bottom:22px;font-size:15px}.delete-actions[data-v-faa49b61]{gap:14px;display:flex}.cancel-btn[data-v-faa49b61],.confirm-btn[data-v-faa49b61]{cursor:pointer;border:none;border-radius:16px;flex:1;height:46px;font-size:15px;font-weight:700;transition:all .2s}.cancel-btn[data-v-faa49b61]{color:#374151;background:#f3f4f6}.cancel-btn[data-v-faa49b61]:hover{background:#e5e7eb}.confirm-btn[data-v-faa49b61]{color:#fff;background:linear-gradient(135deg,#ef4444,#dc2626)}.confirm-btn[data-v-faa49b61]:hover{transform:translateY(-2px);box-shadow:0 10px 20px #ef444440}@keyframes fadeIn-faa49b61{0%{opacity:0}to{opacity:1}}@keyframes modalIn-faa49b61{0%{opacity:0;transform:translateY(10px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.login-page[data-v-241b1ea7]{background:#0f172a;justify-content:center;align-items:center;width:100%;height:100vh;display:flex;position:relative;overflow:hidden}.bg-grid[data-v-241b1ea7]{background-image:linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px);background-size:40px 40px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000,#0000 90%);mask-image:radial-gradient(circle,#000,#0000 90%)}.login-card[data-v-241b1ea7]{z-index:2;background:linear-gradient(#1e293bf5,#0f172af5);border:1px solid #ffffff0f;border-radius:28px;width:380px;padding:34px;position:relative;box-shadow:0 20px 60px #00000073}.login-header[data-v-241b1ea7]{text-align:center;margin-bottom:30px}.logo[data-v-241b1ea7]{color:#fff;letter-spacing:-1px;background:linear-gradient(135deg,#4f46e5,#38bdf8);border-radius:20px;justify-content:center;align-items:center;width:68px;height:68px;margin:0 auto 18px;font-size:24px;font-weight:800;display:flex;box-shadow:0 12px 28px #4f46e552}.login-header h1[data-v-241b1ea7]{color:#fff;letter-spacing:-1px;margin-bottom:6px;font-size:32px;font-weight:800}.login-header p[data-v-241b1ea7]{color:#94a3b8;font-size:13px}.input-group[data-v-241b1ea7]{margin-bottom:18px}.input-group label[data-v-241b1ea7]{color:#e2e8f0;margin-bottom:10px;font-size:13px;font-weight:600;display:block}.input-group input[data-v-241b1ea7]{color:#fff;box-sizing:border-box;background:#ffffff0a;border:1px solid #ffffff0f;border-radius:14px;outline:none;width:100%;height:50px;padding:0 16px;font-size:14px;transition:all .22s}.input-group input[data-v-241b1ea7]::placeholder{color:#64748b}.input-group input[data-v-241b1ea7]:focus{background:#ffffff0f;border-color:#60a5fa;box-shadow:0 0 0 4px #60a5fa1f}.login-btn[data-v-241b1ea7]{color:#fff;cursor:pointer;background:linear-gradient(135deg,#4f46e5,#38bdf8);border:none;border-radius:16px;width:100%;height:52px;margin-top:10px;font-size:15px;font-weight:700;transition:all .22s}.login-btn[data-v-241b1ea7]:hover{transform:translateY(-1px);box-shadow:0 12px 28px #4f46e547}@media (width<=480px){.login-card[data-v-241b1ea7]{width:90%;padding:28px}}