.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-01eb2c13]{background:#111827;height:100vh;transition:width .3s ease;overflow:hidden;display:flex;flex-direction:column}.sidebar-open[data-v-01eb2c13]{width:250px}.sidebar-closed[data-v-01eb2c13]{width:70px}.sidebar-header[data-v-01eb2c13]{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid #374151;flex-shrink:0}.logo-area[data-v-01eb2c13]{display:flex;align-items:center;gap:8px;overflow:hidden;flex:1}.logo-img[data-v-01eb2c13]{width:32px;height:32px;max-width:32px;max-height:32px;flex-shrink:0;object-fit:contain;border-radius:8px}.logo-img-small[data-v-01eb2c13]{width:28px;height:28px;max-width:28px;max-height:28px}.shop-name[data-v-01eb2c13]{color:#fff;font-weight:600;white-space:nowrap;font-size:14px;overflow:hidden;text-overflow:ellipsis}.toggle-btn[data-v-01eb2c13]{background:transparent;color:#9ca3af;border:none;cursor:pointer;font-size:16px;padding:4px 8px;border-radius:4px;flex-shrink:0}.toggle-btn[data-v-01eb2c13]:hover{background:#374151}.menu-scrollable[data-v-01eb2c13]{flex:1;overflow-y:auto;padding:16px 12px;min-height:0}.menu-scrollable[data-v-01eb2c13]::-webkit-scrollbar{width:4px}.menu-scrollable[data-v-01eb2c13]::-webkit-scrollbar-track{background:#1f2937}.menu-scrollable[data-v-01eb2c13]::-webkit-scrollbar-thumb{background:#6d28d9;border-radius:4px}.menu-item[data-v-01eb2c13]{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-01eb2c13]:hover{background:#374151;color:#fff}.menu-icon[data-v-01eb2c13]{font-size:20px;width:24px;text-align:center;flex-shrink:0}.menu-text[data-v-01eb2c13]{font-size:14px;white-space:nowrap}.menu-item-collapsed[data-v-01eb2c13]{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-01eb2c13]:hover{background:#374151;color:#fff}.unread-badge[data-v-01eb2c13]{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-01eb2c13]{position:absolute;top:4px;right:4px;width:10px;height:10px;background:#ef4444;border-radius:50%}.sidebar-footer[data-v-01eb2c13]{padding:16px;border-top:1px solid #374151;flex-shrink:0}.logout-btn[data-v-01eb2c13]{color:#d1d5db;padding:10px 12px;border-radius:8px;cursor:pointer;display:flex;align-items:center;gap:12px}.logout-btn[data-v-01eb2c13]:hover{background:#374151}.logout-text[data-v-01eb2c13]{font-size:14px}.line-clamp-2[data-v-6b96fefe]{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.transition-all[data-v-6b96fefe]{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%}}.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}