.scrollbar-hide::-webkit-scrollbar{display:none}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.line-clamp-1{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.flash-sale-widget[data-v-f3f19115]{@apply w-full mb-4;}.grid>div[data-v-f3f19115]{min-height:0}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.sidebar[data-v-8ed8a7e3]{background:#111827;height:100vh;transition:width .3s ease;overflow:hidden;display:flex;flex-direction:column}.sidebar-open[data-v-8ed8a7e3]{width:250px}.sidebar-closed[data-v-8ed8a7e3]{width:70px}.sidebar-header[data-v-8ed8a7e3]{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid #374151;flex-shrink:0}.logo-area[data-v-8ed8a7e3]{display:flex;align-items:center;gap:8px;overflow:hidden;flex:1}.logo-img[data-v-8ed8a7e3]{width:32px;height:32px;max-width:32px;max-height:32px;flex-shrink:0;object-fit:contain;border-radius:8px}.logo-img-small[data-v-8ed8a7e3]{width:28px;height:28px;max-width:28px;max-height:28px}.shop-name[data-v-8ed8a7e3]{color:#fff;font-weight:600;white-space:nowrap;font-size:14px;overflow:hidden;text-overflow:ellipsis}.toggle-btn[data-v-8ed8a7e3]{background:transparent;color:#9ca3af;border:none;cursor:pointer;font-size:16px;padding:4px 8px;border-radius:4px;flex-shrink:0}.toggle-btn[data-v-8ed8a7e3]:hover{background:#374151}.menu-scrollable[data-v-8ed8a7e3]{flex:1;overflow-y:auto;padding:16px 12px;min-height:0}.menu-scrollable[data-v-8ed8a7e3]::-webkit-scrollbar{width:4px}.menu-scrollable[data-v-8ed8a7e3]::-webkit-scrollbar-track{background:#1f2937}.menu-scrollable[data-v-8ed8a7e3]::-webkit-scrollbar-thumb{background:#6d28d9;border-radius:4px}.menu-item[data-v-8ed8a7e3]{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:8px;color:#d1d5db;text-decoration:none;margin-bottom:4px;transition:all .2s;position:relative}.menu-item[data-v-8ed8a7e3]:hover{background:#374151;color:#fff}.menu-icon[data-v-8ed8a7e3]{font-size:20px;width:24px;text-align:center;flex-shrink:0}.menu-text[data-v-8ed8a7e3]{font-size:14px;white-space:nowrap}.menu-item-collapsed[data-v-8ed8a7e3]{display:flex;align-items:center;justify-content:center;padding:10px;border-radius:8px;color:#d1d5db;text-decoration:none;margin-bottom:4px;transition:all .2s;font-size:20px;position:relative}.menu-item-collapsed[data-v-8ed8a7e3]:hover{background:#374151;color:#fff}.menu-divider[data-v-8ed8a7e3]{margin:16px 0 12px;padding:0 12px}.divider-text[data-v-8ed8a7e3]{font-size:11px;color:#6b7280;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.menu-divider-small[data-v-8ed8a7e3]{margin:8px 0;border-top:1px solid #374151}.unread-badge[data-v-8ed8a7e3]{background:#ef4444;color:#fff;font-size:11px;font-weight:700;padding:2px 6px;border-radius:10px;margin-left:auto;min-width:20px;text-align:center;position:absolute;right:12px}.unread-dot[data-v-8ed8a7e3]{position:absolute;top:4px;right:4px;width:10px;height:10px;background:#ef4444;border-radius:50%}.sidebar-footer[data-v-8ed8a7e3]{padding:16px;border-top:1px solid #374151;flex-shrink:0}.logout-btn[data-v-8ed8a7e3]{color:#d1d5db;padding:10px 12px;border-radius:8px;cursor:pointer;display:flex;align-items:center;gap:12px}.logout-btn[data-v-8ed8a7e3]:hover{background:#374151}.logout-text[data-v-8ed8a7e3]{font-size:14px}.line-clamp-2[data-v-470ab646]{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.transition-all[data-v-470ab646]{transition:transform .3s ease}.line-clamp-2[data-v-b3cb921f]{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.animate-fade-in{animation:fadeIn .2s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.animate-slide-in[data-v-c2344f51]{animation:slideIn-c2344f51 .3s ease-out}@keyframes slideIn-c2344f51{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.p-4[data-v-21c1e0dc]{padding:16px}.p-6[data-v-21c1e0dc],.md\:p-6[data-v-21c1e0dc]{padding:24px}.text-xl[data-v-21c1e0dc]{font-size:20px}.md\:text-2xl[data-v-21c1e0dc]{font-size:24px}.font-bold[data-v-21c1e0dc]{font-weight:700}.mb-4[data-v-21c1e0dc]{margin-bottom:16px}.md\:mb-6[data-v-21c1e0dc]{margin-bottom:24px}.chat-manager-container[data-v-21c1e0dc]{display:flex;gap:20px;height:calc(100vh - 120px);background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000001a}.chat-sidebar[data-v-21c1e0dc]{width:320px;border-right:1px solid #e5e7eb;display:flex;flex-direction:column;background:#f9fafb}.sidebar-header[data-v-21c1e0dc]{padding:16px;border-bottom:1px solid #e5e7eb}.search-input[data-v-21c1e0dc]{width:100%;padding:8px 12px;border:1px solid #e5e7eb;border-radius:8px;font-size:14px}.search-input[data-v-21c1e0dc]:focus{outline:none;border-color:#8b5cf6}.conversation-list[data-v-21c1e0dc]{flex:1;overflow-y:auto}.conversation-item[data-v-21c1e0dc]{display:flex;align-items:center;gap:12px;padding:14px 16px;cursor:pointer;border-bottom:1px solid #e5e7eb;transition:background .2s;position:relative}.conversation-item[data-v-21c1e0dc]:hover{background:#f3f4f6}.conversation-item.active[data-v-21c1e0dc]{background:#ede9fe}.conversation-item.unread[data-v-21c1e0dc]{background:#fef3c7}.conv-avatar[data-v-21c1e0dc]{width:44px;height:44px;background:#e5e7eb;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.avatar-icon[data-v-21c1e0dc]{font-size:22px}.conv-info[data-v-21c1e0dc]{flex:1;min-width:0}.conv-name[data-v-21c1e0dc]{font-weight:600;font-size:14px}.conv-phone[data-v-21c1e0dc]{font-size:11px;color:#6b7280;margin-top:2px}.conv-time[data-v-21c1e0dc]{font-size:10px;color:#9ca3af;margin-top:4px}.conv-badge[data-v-21c1e0dc]{background:#ef4444;color:#fff;font-size:11px;font-weight:700;padding:2px 6px;border-radius:10px;min-width:20px;text-align:center}.empty-list[data-v-21c1e0dc]{padding:40px;text-align:center;color:#9ca3af;font-size:14px}.chat-main[data-v-21c1e0dc]{flex:1;display:flex;flex-direction:column;background:#fff}.empty-chat[data-v-21c1e0dc]{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#9ca3af}.empty-icon[data-v-21c1e0dc]{font-size:48px;margin-bottom:16px}.chat-header[data-v-21c1e0dc]{padding:16px 20px;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center;background:#f9fafb}.customer-info[data-v-21c1e0dc]{display:flex;flex-direction:column;gap:6px}.customer-name-large[data-v-21c1e0dc]{display:flex;align-items:center;gap:10px}.back-btn-mobile[data-v-21c1e0dc]{background:none;border:none;font-size:24px;cursor:pointer;padding:4px 8px;border-radius:8px;color:#4b5563;display:none}.customer-avatar[data-v-21c1e0dc]{font-size:24px}.customer-name-text[data-v-21c1e0dc]{font-size:18px;color:#1f2937}.customer-detail[data-v-21c1e0dc]{display:flex;align-items:center;gap:12px;font-size:12px;color:#6b7280;flex-wrap:wrap}.refresh-btn[data-v-21c1e0dc]{background:none;border:none;font-size:18px;cursor:pointer;padding:6px 10px;border-radius:6px}.refresh-btn[data-v-21c1e0dc]:hover{background:#e5e7eb}.chat-messages[data-v-21c1e0dc]{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:20px;background:#f9fafb}.message-wrapper[data-v-21c1e0dc]{display:flex;flex-direction:column}.message-sender-info[data-v-21c1e0dc]{display:flex;align-items:center;gap:8px;margin-bottom:4px;font-size:11px}.sender-name[data-v-21c1e0dc]{font-weight:600;color:#374151}.sender-time[data-v-21c1e0dc]{color:#9ca3af}.admin-sender[data-v-21c1e0dc]{justify-content:flex-end}.message-customer[data-v-21c1e0dc]{display:flex;justify-content:flex-start}.message-admin[data-v-21c1e0dc]{display:flex;justify-content:flex-end}.message-bubble[data-v-21c1e0dc]{max-width:70%;padding:10px 14px;border-radius:12px}.customer-bubble[data-v-21c1e0dc]{background:#fff;border:1px solid #e5e7eb;border-radius:12px 12px 12px 4px}.admin-bubble[data-v-21c1e0dc]{background:#8b5cf6;color:#fff;border-radius:12px 12px 4px}.message-text[data-v-21c1e0dc]{word-wrap:break-word}.chat-input-area[data-v-21c1e0dc]{padding:16px 20px;border-top:1px solid #e5e7eb;display:flex;gap:12px;background:#fff;align-items:flex-end;flex-shrink:0}.reply-input[data-v-21c1e0dc]{flex:1;padding:10px 14px;border:1px solid #e5e7eb;border-radius:8px;resize:none;font-family:inherit;font-size:14px}.reply-input[data-v-21c1e0dc]:focus{outline:none;border-color:#8b5cf6}.send-btn[data-v-21c1e0dc]{width:48px;height:48px;background:#8b5cf6;color:#fff;border:none;border-radius:12px;cursor:pointer;font-size:20px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.send-btn[data-v-21c1e0dc]:disabled{background:#c4b5fd}.chat-messages[data-v-21c1e0dc]::-webkit-scrollbar,.conversation-list[data-v-21c1e0dc]::-webkit-scrollbar{width:4px}.chat-messages[data-v-21c1e0dc]::-webkit-scrollbar-track,.conversation-list[data-v-21c1e0dc]::-webkit-scrollbar-track{background:#e5e7eb}.chat-messages[data-v-21c1e0dc]::-webkit-scrollbar-thumb,.conversation-list[data-v-21c1e0dc]::-webkit-scrollbar-thumb{background:#8b5cf6;border-radius:4px}@media (max-width: 767px){.chat-manager-container[data-v-21c1e0dc]{position:relative;overflow:visible}.chat-sidebar[data-v-21c1e0dc]{width:100%;transition:all .3s ease}.chat-sidebar.mobile-hidden[data-v-21c1e0dc]{display:none}.chat-main[data-v-21c1e0dc]{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1000;background:#fff;border-radius:0;display:none;flex-direction:column;height:100%}.chat-main.mobile-full[data-v-21c1e0dc]{display:flex}.back-btn-mobile[data-v-21c1e0dc]{display:flex;align-items:center;justify-content:center}.chat-messages[data-v-21c1e0dc]{flex:1;overflow-y:auto;padding:12px;-webkit-overflow-scrolling:touch}.chat-input-area[data-v-21c1e0dc]{flex-shrink:0;padding:12px;padding-bottom:max(12px,env(safe-area-inset-bottom));background:#fff}.reply-input[data-v-21c1e0dc]{font-size:16px}.send-btn[data-v-21c1e0dc]{width:44px;height:44px;font-size:18px}.message-bubble[data-v-21c1e0dc]{max-width:85%}}.page-wrapper[data-v-9f615e25]{padding:20px;max-width:1000px;margin:0 auto}.form-title[data-v-9f615e25]{font-size:1.8rem;font-weight:700;margin-bottom:1.5rem;border-bottom:2px solid #e9ecef;padding-bottom:.75rem}.filter-container[data-v-9f615e25]{margin-bottom:24px}.filter-form[data-v-9f615e25]{background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 2px 10px #00000014;border-left:4px solid #3b82f6}.filter-form h3[data-v-9f615e25]{margin-bottom:1rem;font-size:1rem;font-weight:600;color:#374151}.filter-grid[data-v-9f615e25]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem}.filter-group[data-v-9f615e25]{display:flex;flex-direction:column;gap:6px}.filter-group label[data-v-9f615e25]{font-size:.85rem;font-weight:500;color:#4b5563}.form-input[data-v-9f615e25]{padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:8px;font-size:.9rem;transition:all .2s}.form-input[data-v-9f615e25]:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f633}.action-buttons[data-v-9f615e25]{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:.5rem}.btn[data-v-9f615e25]{padding:.6rem 1.2rem;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s;font-size:.85rem}.btn[data-v-9f615e25]:disabled{opacity:.5;cursor:not-allowed}.btn-search[data-v-9f615e25]{background:#3b82f6;color:#fff}.btn-search[data-v-9f615e25]:hover:not(:disabled){background:#2563eb}.btn-print[data-v-9f615e25]{background:#6b7280;color:#fff}.btn-print[data-v-9f615e25]:hover:not(:disabled){background:#4b5563}.btn-pdf[data-v-9f615e25]{background:#ef4444;color:#fff}.btn-pdf[data-v-9f615e25]:hover:not(:disabled){background:#dc2626}.btn-excel[data-v-9f615e25]{background:#10b981;color:#fff}.btn-excel[data-v-9f615e25]:hover:not(:disabled){background:#059669}.loading[data-v-9f615e25]{text-align:center;padding:1rem;color:#3b82f6;font-weight:500}.error-msg[data-v-9f615e25]{text-align:center;padding:1rem;color:#ef4444;font-weight:500}@media (max-width: 768px){.page-wrapper[data-v-9f615e25]{padding:12px}.action-buttons[data-v-9f615e25]{flex-direction:column}.btn[data-v-9f615e25]{width:100%;justify-content:center}.filter-grid[data-v-9f615e25]{grid-template-columns:1fr}}.page-wrapper[data-v-077bf401]{padding:20px;max-width:1000px;margin:0 auto}.form-title[data-v-077bf401]{font-size:1.8rem;font-weight:700;margin-bottom:1.5rem;border-bottom:2px solid #e9ecef;padding-bottom:.75rem}.filter-container[data-v-077bf401]{margin-bottom:24px}.filter-form[data-v-077bf401]{background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 2px 10px #00000014;border-left:4px solid #3b82f6}.filter-form h3[data-v-077bf401]{margin-bottom:1rem;font-size:1rem;font-weight:600;color:#374151}.filter-grid[data-v-077bf401]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem}.filter-group[data-v-077bf401]{display:flex;flex-direction:column;gap:6px}.filter-group label[data-v-077bf401]{font-size:.85rem;font-weight:500;color:#4b5563}.form-input[data-v-077bf401]{padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:8px;font-size:.9rem;transition:all .2s}.form-input[data-v-077bf401]:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f633}.action-buttons[data-v-077bf401]{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:.5rem}.btn[data-v-077bf401]{padding:.6rem 1.2rem;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s;font-size:.85rem}.btn[data-v-077bf401]:disabled{opacity:.5;cursor:not-allowed}.btn-search[data-v-077bf401]{background:#3b82f6;color:#fff}.btn-search[data-v-077bf401]:hover:not(:disabled){background:#2563eb}.btn-print[data-v-077bf401]{background:#6b7280;color:#fff}.btn-print[data-v-077bf401]:hover:not(:disabled){background:#4b5563}.btn-pdf[data-v-077bf401]{background:#ef4444;color:#fff}.btn-pdf[data-v-077bf401]:hover:not(:disabled){background:#dc2626}.btn-excel[data-v-077bf401]{background:#10b981;color:#fff}.btn-excel[data-v-077bf401]:hover:not(:disabled){background:#059669}.loading[data-v-077bf401]{text-align:center;padding:1rem;color:#3b82f6;font-weight:500}.error-msg[data-v-077bf401]{text-align:center;padding:1rem;color:#ef4444;font-weight:500}@media (max-width: 768px){.page-wrapper[data-v-077bf401]{padding:12px}.action-buttons[data-v-077bf401]{flex-direction:column}.btn[data-v-077bf401]{width:100%;justify-content:center}.filter-grid[data-v-077bf401]{grid-template-columns:1fr}}.page-wrapper[data-v-d43a1a4f]{padding:20px;max-width:1000px;margin:0 auto}.form-title[data-v-d43a1a4f]{font-size:1.8rem;font-weight:700;margin-bottom:1.5rem;border-bottom:2px solid #e9ecef;padding-bottom:.75rem}.filter-container[data-v-d43a1a4f]{margin-bottom:24px}.filter-form[data-v-d43a1a4f]{background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 2px 10px #00000014;border-left:4px solid #3b82f6}.filter-form h3[data-v-d43a1a4f]{margin-bottom:1rem;font-size:1rem;font-weight:600;color:#374151}.filter-grid[data-v-d43a1a4f]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem}.filter-group[data-v-d43a1a4f]{display:flex;flex-direction:column;gap:6px}.filter-group label[data-v-d43a1a4f]{font-size:.85rem;font-weight:500;color:#4b5563}.form-input[data-v-d43a1a4f]{padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:8px;font-size:.9rem;transition:all .2s}.form-input[data-v-d43a1a4f]:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f633}.action-buttons[data-v-d43a1a4f]{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:.5rem}.btn[data-v-d43a1a4f]{padding:.6rem 1.2rem;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s;font-size:.85rem}.btn[data-v-d43a1a4f]:disabled{opacity:.5;cursor:not-allowed}.btn-search[data-v-d43a1a4f]{background:#3b82f6;color:#fff}.btn-search[data-v-d43a1a4f]:hover:not(:disabled){background:#2563eb}.btn-print[data-v-d43a1a4f]{background:#6b7280;color:#fff}.btn-print[data-v-d43a1a4f]:hover:not(:disabled){background:#4b5563}.btn-pdf[data-v-d43a1a4f]{background:#ef4444;color:#fff}.btn-pdf[data-v-d43a1a4f]:hover:not(:disabled){background:#dc2626}.btn-excel[data-v-d43a1a4f]{background:#10b981;color:#fff}.btn-excel[data-v-d43a1a4f]:hover:not(:disabled){background:#059669}.loading[data-v-d43a1a4f]{text-align:center;padding:1rem;color:#3b82f6;font-weight:500}.error-msg[data-v-d43a1a4f]{text-align:center;padding:1rem;color:#ef4444;font-weight:500}@media (max-width: 768px){.page-wrapper[data-v-d43a1a4f]{padding:12px}.action-buttons[data-v-d43a1a4f]{flex-direction:column}.btn[data-v-d43a1a4f]{width:100%;justify-content:center}.filter-grid[data-v-d43a1a4f]{grid-template-columns:1fr}}.page-wrapper[data-v-512b49d2]{padding:20px;max-width:1000px;margin:0 auto}.form-title[data-v-512b49d2]{font-size:1.8rem;font-weight:700;margin-bottom:1.5rem;border-bottom:2px solid #e9ecef;padding-bottom:.75rem}.filter-container[data-v-512b49d2]{margin-bottom:24px}.filter-form[data-v-512b49d2]{background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 2px 10px #00000014;border-left:4px solid #3b82f6}.filter-form h3[data-v-512b49d2]{margin-bottom:1rem;font-size:1rem;font-weight:600;color:#374151}.filter-grid[data-v-512b49d2]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem}.filter-group[data-v-512b49d2]{display:flex;flex-direction:column;gap:6px}.filter-group label[data-v-512b49d2]{font-size:.85rem;font-weight:500;color:#4b5563}.form-input[data-v-512b49d2]{padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:8px;font-size:.9rem;transition:all .2s}.form-input[data-v-512b49d2]:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f633}.action-buttons[data-v-512b49d2]{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:.5rem}.btn[data-v-512b49d2]{padding:.6rem 1.2rem;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s;font-size:.85rem}.btn[data-v-512b49d2]:disabled{opacity:.5;cursor:not-allowed}.btn-search[data-v-512b49d2]{background:#3b82f6;color:#fff}.btn-search[data-v-512b49d2]:hover:not(:disabled){background:#2563eb}.btn-print[data-v-512b49d2]{background:#6b7280;color:#fff}.btn-print[data-v-512b49d2]:hover:not(:disabled){background:#4b5563}.btn-pdf[data-v-512b49d2]{background:#ef4444;color:#fff}.btn-pdf[data-v-512b49d2]:hover:not(:disabled){background:#dc2626}.btn-excel[data-v-512b49d2]{background:#10b981;color:#fff}.btn-excel[data-v-512b49d2]:hover:not(:disabled){background:#059669}.loading[data-v-512b49d2]{text-align:center;padding:1rem;color:#3b82f6;font-weight:500}.error-msg[data-v-512b49d2]{text-align:center;padding:1rem;color:#ef4444;font-weight:500}@media (max-width: 768px){.page-wrapper[data-v-512b49d2]{padding:12px}.action-buttons[data-v-512b49d2]{flex-direction:column}.btn[data-v-512b49d2]{width:100%;justify-content:center}.filter-grid[data-v-512b49d2]{grid-template-columns:1fr}}.page-wrapper[data-v-f28c6a63]{padding:20px;max-width:1000px;margin:0 auto}.form-title[data-v-f28c6a63]{font-size:1.8rem;font-weight:700;margin-bottom:1.5rem;border-bottom:2px solid #e9ecef;padding-bottom:.75rem}.filter-container[data-v-f28c6a63]{margin-bottom:24px}.filter-form[data-v-f28c6a63]{background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 2px 10px #00000014;border-left:4px solid #3b82f6}.filter-form h3[data-v-f28c6a63]{margin-bottom:1rem;font-size:1rem;font-weight:600;color:#374151}.filter-grid[data-v-f28c6a63]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem}.filter-group[data-v-f28c6a63]{display:flex;flex-direction:column;gap:6px}.filter-group label[data-v-f28c6a63]{font-size:.85rem;font-weight:500;color:#4b5563}.form-input[data-v-f28c6a63]{padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:8px;font-size:.9rem;transition:all .2s}.form-input[data-v-f28c6a63]:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f633}.action-buttons[data-v-f28c6a63]{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:.5rem}.btn[data-v-f28c6a63]{padding:.6rem 1.2rem;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s;font-size:.85rem}.btn[data-v-f28c6a63]:disabled{opacity:.5;cursor:not-allowed}.btn-search[data-v-f28c6a63]{background:#3b82f6;color:#fff}.btn-search[data-v-f28c6a63]:hover:not(:disabled){background:#2563eb}.btn-print[data-v-f28c6a63]{background:#6b7280;color:#fff}.btn-print[data-v-f28c6a63]:hover:not(:disabled){background:#4b5563}.btn-pdf[data-v-f28c6a63]{background:#ef4444;color:#fff}.btn-pdf[data-v-f28c6a63]:hover:not(:disabled){background:#dc2626}.btn-excel[data-v-f28c6a63]{background:#10b981;color:#fff}.btn-excel[data-v-f28c6a63]:hover:not(:disabled){background:#059669}.loading[data-v-f28c6a63]{text-align:center;padding:1rem;color:#3b82f6;font-weight:500}.error-msg[data-v-f28c6a63]{text-align:center;padding:1rem;color:#ef4444;font-weight:500}@media (max-width: 768px){.page-wrapper[data-v-f28c6a63]{padding:12px}.action-buttons[data-v-f28c6a63]{flex-direction:column}.btn[data-v-f28c6a63]{width:100%;justify-content:center}.filter-grid[data-v-f28c6a63]{grid-template-columns:1fr}}.page-wrapper[data-v-b53aaa72]{padding:20px;max-width:1000px;margin:0 auto}.form-title[data-v-b53aaa72]{font-size:1.8rem;font-weight:700;margin-bottom:1.5rem;border-bottom:2px solid #e9ecef;padding-bottom:.75rem}.filter-container[data-v-b53aaa72]{margin-bottom:24px}.filter-form[data-v-b53aaa72]{background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 2px 10px #00000014;border-left:4px solid #3b82f6}.filter-form h3[data-v-b53aaa72]{margin-bottom:1rem;font-size:1rem;font-weight:600;color:#374151}.filter-grid[data-v-b53aaa72]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem}.filter-group[data-v-b53aaa72]{display:flex;flex-direction:column;gap:6px}.filter-group label[data-v-b53aaa72]{font-size:.85rem;font-weight:500;color:#4b5563}.form-input[data-v-b53aaa72]{padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:8px;font-size:.9rem;transition:all .2s}.form-input[data-v-b53aaa72]:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f633}.action-buttons[data-v-b53aaa72]{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:.5rem}.btn[data-v-b53aaa72]{padding:.6rem 1.2rem;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s;font-size:.85rem}.btn[data-v-b53aaa72]:disabled{opacity:.5;cursor:not-allowed}.btn-search[data-v-b53aaa72]{background:#3b82f6;color:#fff}.btn-search[data-v-b53aaa72]:hover:not(:disabled){background:#2563eb}.btn-print[data-v-b53aaa72]{background:#6b7280;color:#fff}.btn-print[data-v-b53aaa72]:hover:not(:disabled){background:#4b5563}.btn-pdf[data-v-b53aaa72]{background:#ef4444;color:#fff}.btn-pdf[data-v-b53aaa72]:hover:not(:disabled){background:#dc2626}.btn-excel[data-v-b53aaa72]{background:#10b981;color:#fff}.btn-excel[data-v-b53aaa72]:hover:not(:disabled){background:#059669}.loading[data-v-b53aaa72]{text-align:center;padding:1rem;color:#3b82f6;font-weight:500}.error-msg[data-v-b53aaa72]{text-align:center;padding:1rem;color:#ef4444;font-weight:500}@media (max-width: 768px){.page-wrapper[data-v-b53aaa72]{padding:12px}.action-buttons[data-v-b53aaa72]{flex-direction:column}.btn[data-v-b53aaa72]{width:100%;justify-content:center}.filter-grid[data-v-b53aaa72]{grid-template-columns:1fr}}.page-wrapper[data-v-00042aed]{padding:20px;max-width:1000px;margin:0 auto}.form-title[data-v-00042aed]{font-size:1.8rem;font-weight:700;margin-bottom:1.5rem;border-bottom:2px solid #e9ecef;padding-bottom:.75rem}.filter-container[data-v-00042aed]{margin-bottom:24px}.filter-form[data-v-00042aed]{background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 2px 10px #00000014;border-left:4px solid #3b82f6}.filter-form h3[data-v-00042aed]{margin-bottom:1rem;font-size:1rem;font-weight:600;color:#374151}.filter-grid[data-v-00042aed]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem}.filter-group[data-v-00042aed]{display:flex;flex-direction:column;gap:6px}.filter-group label[data-v-00042aed]{font-size:.85rem;font-weight:500;color:#4b5563}.form-input[data-v-00042aed]{padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:8px;font-size:.9rem;transition:all .2s}.form-input[data-v-00042aed]:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f633}.action-buttons[data-v-00042aed]{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:.5rem}.btn[data-v-00042aed]{padding:.6rem 1.2rem;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s;font-size:.85rem}.btn[data-v-00042aed]:disabled{opacity:.5;cursor:not-allowed}.btn-search[data-v-00042aed]{background:#3b82f6;color:#fff}.btn-search[data-v-00042aed]:hover:not(:disabled){background:#2563eb}.btn-print[data-v-00042aed]{background:#6b7280;color:#fff}.btn-print[data-v-00042aed]:hover:not(:disabled){background:#4b5563}.btn-pdf[data-v-00042aed]{background:#ef4444;color:#fff}.btn-pdf[data-v-00042aed]:hover:not(:disabled){background:#dc2626}.btn-excel[data-v-00042aed]{background:#10b981;color:#fff}.btn-excel[data-v-00042aed]:hover:not(:disabled){background:#059669}.loading[data-v-00042aed]{text-align:center;padding:1rem;color:#3b82f6;font-weight:500}.error-msg[data-v-00042aed]{text-align:center;padding:1rem;color:#ef4444;font-weight:500}@media (max-width: 768px){.page-wrapper[data-v-00042aed]{padding:12px}.action-buttons[data-v-00042aed]{flex-direction:column}.btn[data-v-00042aed]{width:100%;justify-content:center}.filter-grid[data-v-00042aed]{grid-template-columns:1fr}}.page-wrapper[data-v-5905c3c2]{padding:20px;max-width:1000px;margin:0 auto}.form-title[data-v-5905c3c2]{font-size:1.8rem;font-weight:700;margin-bottom:1.5rem;border-bottom:2px solid #e9ecef;padding-bottom:.75rem}.filter-container[data-v-5905c3c2]{margin-bottom:24px}.filter-form[data-v-5905c3c2]{background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 2px 10px #00000014;border-left:4px solid #3b82f6}.filter-form h3[data-v-5905c3c2]{margin-bottom:1rem;font-size:1rem;font-weight:600;color:#374151}.filter-grid[data-v-5905c3c2]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem}.filter-group[data-v-5905c3c2]{display:flex;flex-direction:column;gap:6px}.filter-group label[data-v-5905c3c2]{font-size:.85rem;font-weight:500;color:#4b5563}.form-input[data-v-5905c3c2]{padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:8px;font-size:.9rem;transition:all .2s}.form-input[data-v-5905c3c2]:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f633}.action-buttons[data-v-5905c3c2]{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:.5rem}.btn[data-v-5905c3c2]{padding:.6rem 1.2rem;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s;font-size:.85rem}.btn[data-v-5905c3c2]:disabled{opacity:.5;cursor:not-allowed}.btn-search[data-v-5905c3c2]{background:#3b82f6;color:#fff}.btn-search[data-v-5905c3c2]:hover:not(:disabled){background:#2563eb}.btn-print[data-v-5905c3c2]{background:#6b7280;color:#fff}.btn-print[data-v-5905c3c2]:hover:not(:disabled){background:#4b5563}.btn-pdf[data-v-5905c3c2]{background:#ef4444;color:#fff}.btn-pdf[data-v-5905c3c2]:hover:not(:disabled){background:#dc2626}.btn-excel[data-v-5905c3c2]{background:#10b981;color:#fff}.btn-excel[data-v-5905c3c2]:hover:not(:disabled){background:#059669}.loading[data-v-5905c3c2]{text-align:center;padding:1rem;color:#3b82f6;font-weight:500}.error-msg[data-v-5905c3c2]{text-align:center;padding:1rem;color:#ef4444;font-weight:500}@media (max-width: 768px){.page-wrapper[data-v-5905c3c2]{padding:12px}.action-buttons[data-v-5905c3c2]{flex-direction:column}.btn[data-v-5905c3c2]{width:100%;justify-content:center}.filter-grid[data-v-5905c3c2]{grid-template-columns:1fr}}.customer-chat-container[data-v-c2b3efe0]{max-width:800px;margin:0 auto;padding:20px}.chat-card[data-v-c2b3efe0]{background:#fff;border-radius:16px;box-shadow:0 4px 20px #0000001a;overflow:hidden}.chat-header-customer[data-v-c2b3efe0]{background:#8b5cf6;color:#fff;padding:20px}.customer-info-header[data-v-c2b3efe0]{display:flex;align-items:center;gap:15px}.customer-avatar-large[data-v-c2b3efe0]{font-size:40px;background:#fff3;width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center}.customer-text-header h2[data-v-c2b3efe0]{margin:0 0 5px;font-size:20px}.customer-name-display[data-v-c2b3efe0]{margin:0;font-size:14px;opacity:.9;display:flex;align-items:center;gap:8px}.customer-badge[data-v-c2b3efe0]{background:#ffffff40;padding:2px 8px;border-radius:20px;font-size:11px}.chat-messages-customer[data-v-c2b3efe0]{height:500px;overflow-y:auto;padding:20px;background:#f9fafb}.empty-chat[data-v-c2b3efe0]{text-align:center;color:#9ca3af;padding:40px}.empty-icon[data-v-c2b3efe0]{font-size:48px;margin-bottom:16px}.empty-note[data-v-c2b3efe0]{font-size:12px;margin-top:8px;color:#c4b5fd}.message-customer-wrapper[data-v-c2b3efe0]{margin-bottom:24px}.message-customer[data-v-c2b3efe0]{display:flex;justify-content:flex-end}.message-admin-wrapper[data-v-c2b3efe0]{margin-top:16px}.message-admin[data-v-c2b3efe0]{display:flex;justify-content:flex-start}.message-bubble-customer[data-v-c2b3efe0]{background:#8b5cf6;color:#fff;padding:12px 16px;border-radius:16px 16px 4px;max-width:80%}.message-bubble-admin[data-v-c2b3efe0]{background:#fff;border:1px solid #e5e7eb;padding:12px 16px;border-radius:16px 16px 16px 4px;max-width:80%}.message-text-customer[data-v-c2b3efe0],.message-text-admin[data-v-c2b3efe0]{margin-bottom:6px;word-wrap:break-word}.message-time-customer[data-v-c2b3efe0],.message-time-admin[data-v-c2b3efe0]{font-size:10px;opacity:.7;text-align:right}.message-time-customer[data-v-c2b3efe0]{color:#ffffffb3}.message-time-admin[data-v-c2b3efe0]{color:#9ca3af}.admin-label-customer[data-v-c2b3efe0]{font-weight:600;margin-right:8px;color:#8b5cf6}.chat-input-customer[data-v-c2b3efe0]{padding:16px 20px;border-top:1px solid #e5e7eb;display:flex;gap:12px;background:#fff;align-items:flex-end}.chat-input-field[data-v-c2b3efe0]{flex:1;padding:12px 14px;border:1px solid #e5e7eb;border-radius:12px;resize:none;font-family:inherit;font-size:14px;transition:border-color .2s}.chat-input-field[data-v-c2b3efe0]:focus{outline:none;border-color:#8b5cf6}.send-btn-customer[data-v-c2b3efe0]{width:48px;height:48px;background:#8b5cf6;color:#fff;border:none;border-radius:12px;cursor:pointer;font-size:20px;font-weight:700;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.send-btn-customer[data-v-c2b3efe0]:hover{background:#7c3aed;transform:scale(1.02)}.send-btn-customer[data-v-c2b3efe0]:disabled{background:#c4b5fd;cursor:not-allowed;transform:none}.chat-messages-customer[data-v-c2b3efe0]::-webkit-scrollbar{width:4px}.chat-messages-customer[data-v-c2b3efe0]::-webkit-scrollbar-track{background:#e5e7eb}.chat-messages-customer[data-v-c2b3efe0]::-webkit-scrollbar-thumb{background:#8b5cf6;border-radius:4px}