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