*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--primary: #2563eb;--primary-hover: #1d4ed8;--primary-light: #dbeafe;--primary-lighter: #eff6ff;--surface: #ffffff;--surface-secondary: #f8fafc;--surface-tertiary: #f1f5f9;--border: #e2e8f0;--border-light: #f1f5f9;--text-primary: #0f172a;--text-secondary: #475569;--text-tertiary: #94a3b8;--text-inverse: #ffffff;--success: #10b981;--success-light: #d1fae5;--danger: #ef4444;--warning: #f59e0b;--warning-light: #fef3c7;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--radius: 12px;--radius-sm: 8px;--radius-lg: 16px}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:var(--text-primary);background:var(--surface-secondary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}button{cursor:pointer;border:none;background:none;font-family:inherit}input,textarea{font-family:inherit;border:none;outline:none}img{max-width:100%;display:block}a{text-decoration:none;color:inherit}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.customer-chat[data-v-f4e85f3a]{display:flex;flex-direction:column;height:100vh;max-width:480px;margin:0 auto;background:var(--surface);box-shadow:var(--shadow-xl)}.chat-header[data-v-f4e85f3a]{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:var(--primary);color:var(--text-inverse);flex-shrink:0}.header-left[data-v-f4e85f3a]{display:flex;align-items:center;gap:12px}.agent-avatar[data-v-f4e85f3a]{width:40px;height:40px;border-radius:50%;background:#fff3;display:flex;align-items:center;justify-content:center}.header-info h1[data-v-f4e85f3a]{font-size:16px;font-weight:600;line-height:1.2}.status-badge[data-v-f4e85f3a]{display:flex;align-items:center;gap:4px;font-size:12px;opacity:.9}.status-dot[data-v-f4e85f3a]{width:6px;height:6px;border-radius:50%;background:#4ade80}.switch-btn[data-v-f4e85f3a]{display:flex;align-items:center;gap:6px;padding:8px 14px;border-radius:var(--radius-sm);background:#ffffff26;color:var(--text-inverse);font-size:13px;font-weight:500;transition:background .2s}.switch-btn[data-v-f4e85f3a]:hover{background:#ffffff40}.loading-state[data-v-f4e85f3a]{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:var(--text-tertiary);font-size:14px}.loading-spinner[data-v-f4e85f3a]{width:32px;height:32px;border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin-f4e85f3a .8s linear infinite}@keyframes spin-f4e85f3a{to{transform:rotate(360deg)}}.messages-area[data-v-f4e85f3a]{flex:1;overflow-y:auto;padding:20px 16px;background:var(--surface-secondary);display:flex;flex-direction:column;gap:16px}.load-more-indicator[data-v-f4e85f3a]{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px;font-size:12px;color:var(--text-tertiary)}.load-more-hint[data-v-f4e85f3a]{opacity:.6}.loading-spinner.small[data-v-f4e85f3a]{width:18px;height:18px;border-width:2px}.welcome-section[data-v-f4e85f3a]{display:flex;flex-direction:column;gap:20px;margin-bottom:8px}.welcome-card[data-v-f4e85f3a]{text-align:center;padding:28px 20px;background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.welcome-icon[data-v-f4e85f3a]{width:56px;height:56px;border-radius:50%;background:var(--primary-light);display:flex;align-items:center;justify-content:center;margin:0 auto 16px}.welcome-card h2[data-v-f4e85f3a]{font-size:18px;font-weight:700;margin-bottom:8px;color:var(--text-primary)}.welcome-card p[data-v-f4e85f3a]{font-size:14px;color:var(--text-secondary);line-height:1.6}.faq-section[data-v-f4e85f3a]{background:var(--surface);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow-sm)}.faq-section h3[data-v-f4e85f3a]{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:12px}.faq-list[data-v-f4e85f3a]{display:flex;flex-direction:column;gap:4px}.faq-item[data-v-f4e85f3a]{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-radius:var(--radius-sm);font-size:13px;color:var(--text-secondary);text-align:left;transition:all .2s}.faq-item[data-v-f4e85f3a]:hover{background:var(--primary-lighter);color:var(--primary)}.faq-q[data-v-f4e85f3a]{flex:1}.system-message[data-v-f4e85f3a]{text-align:center}.system-message span[data-v-f4e85f3a]{display:inline-block;padding:4px 14px;background:var(--surface-tertiary);border-radius:20px;font-size:12px;color:var(--text-tertiary)}.message-row[data-v-f4e85f3a]{display:flex}.message-row.customer[data-v-f4e85f3a]{justify-content:flex-end}.message-row.agent[data-v-f4e85f3a]{justify-content:flex-start}.message-row.system[data-v-f4e85f3a]{justify-content:center}.message-bubble-wrap[data-v-f4e85f3a]{display:flex;align-items:flex-start;gap:10px;max-width:85%}.msg-avatar[data-v-f4e85f3a]{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;flex-shrink:0}.customer-avatar[data-v-f4e85f3a]{background:var(--primary);color:var(--text-inverse)}.agent-avatar[data-v-f4e85f3a]{background:var(--surface-tertiary);color:var(--text-secondary)}.message-content[data-v-f4e85f3a]{display:flex;flex-direction:column;gap:4px}.customer-wrap .message-content[data-v-f4e85f3a]{align-items:flex-end}.agent-wrap .message-content[data-v-f4e85f3a]{align-items:flex-start}.bubble[data-v-f4e85f3a]{padding:10px 14px;border-radius:var(--radius);font-size:14px;line-height:1.6;word-break:break-word}.customer-bubble[data-v-f4e85f3a]{background:var(--primary);color:var(--text-inverse);border-bottom-right-radius:4px}.agent-bubble[data-v-f4e85f3a]{background:var(--surface);color:var(--text-primary);border-bottom-left-radius:4px;box-shadow:var(--shadow-sm)}.recalled-bubble[data-v-f4e85f3a]{background:transparent!important;box-shadow:none!important;color:var(--text-tertiary)!important;font-style:italic;font-size:13px;padding:6px 0!important}.msg-time[data-v-f4e85f3a]{font-size:11px;color:var(--text-tertiary);padding:0 4px}.msg-image[data-v-f4e85f3a]{max-width:200px;border-radius:var(--radius-sm)}.agent-bubble[data-v-f4e85f3a] img{max-width:200px;border-radius:var(--radius-sm);margin:4px 0;cursor:pointer}.agent-bubble[data-v-f4e85f3a] img:hover{opacity:.85}.msg-image.clickable[data-v-f4e85f3a]{cursor:pointer;transition:opacity .2s,transform .2s}.msg-image.clickable[data-v-f4e85f3a]:hover{opacity:.85;transform:scale(1.02)}.upload-indicator[data-v-f4e85f3a]{display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 16px;background:var(--primary-lighter);font-size:13px;color:var(--primary);flex-shrink:0}.upload-spinner[data-v-f4e85f3a]{width:16px;height:16px;border:2px solid var(--primary-light);border-top-color:var(--primary);border-radius:50%;animation:spin-f4e85f3a .8s linear infinite}.lightbox-overlay[data-v-f4e85f3a]{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000d9;z-index:10000;display:flex;align-items:center;justify-content:center;cursor:pointer}.lightbox-close[data-v-f4e85f3a]{position:absolute;top:16px;right:16px;width:40px;height:40px;border-radius:50%;background:#ffffff26;color:#fff;display:flex;align-items:center;justify-content:center;transition:background .2s;z-index:10001}.lightbox-close[data-v-f4e85f3a]:hover{background:#ffffff4d}.lightbox-image[data-v-f4e85f3a]{max-width:90%;max-height:90%;object-fit:contain;border-radius:8px;cursor:default;animation:lightbox-in-f4e85f3a .2s ease}@keyframes lightbox-in-f4e85f3a{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.input-area[data-v-f4e85f3a]{border-top:1px solid var(--border);background:var(--surface);flex-shrink:0}.input-toolbar[data-v-f4e85f3a]{display:flex;align-items:center;gap:4px;padding:10px 16px 0}.tool-btn[data-v-f4e85f3a]{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);color:var(--text-tertiary);transition:all .2s}.tool-btn[data-v-f4e85f3a]:hover,.tool-btn.active[data-v-f4e85f3a]{background:var(--surface-tertiary);color:var(--text-secondary)}.faq-list-panel[data-v-f4e85f3a]{border-top:1px solid var(--border-light);max-height:200px;overflow-y:auto}.faq-list-header[data-v-f4e85f3a]{display:flex;align-items:center;justify-content:space-between;padding:10px 16px 6px;font-size:12px;font-weight:600;color:var(--text-secondary)}.faq-list-header button[data-v-f4e85f3a]{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;border-radius:4px;color:var(--text-tertiary);cursor:pointer}.faq-list-header button[data-v-f4e85f3a]:hover{background:var(--surface-tertiary)}.faq-list-content[data-v-f4e85f3a]{padding:0 12px 12px;display:flex;flex-direction:column;gap:6px}.faq-list-item[data-v-f4e85f3a]{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:var(--surface-secondary);border:1px solid var(--border-light);border-radius:var(--radius-sm);font-size:13px;color:var(--text-primary);cursor:pointer;transition:all .2s}.faq-list-item[data-v-f4e85f3a]:hover{background:var(--primary-lighter);border-color:var(--primary-light)}.faq-q[data-v-f4e85f3a]{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.emoji-picker[data-v-f4e85f3a]{display:grid;grid-template-columns:repeat(8,1fr);gap:2px;padding:12px 16px;max-height:180px;overflow-y:auto;border-top:1px solid var(--border-light);margin-top:4px}.emoji-btn[data-v-f4e85f3a]{width:100%;aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:22px;border-radius:var(--radius-sm);transition:all .15s}.emoji-btn[data-v-f4e85f3a]:hover{background:var(--surface-tertiary);transform:scale(1.15)}.input-row[data-v-f4e85f3a]{display:flex;align-items:flex-end;gap:10px;padding:10px 16px 16px}.input-row textarea[data-v-f4e85f3a]{flex:1;resize:none;padding:10px 14px;background:var(--surface-secondary);border:1px solid var(--border);border-radius:var(--radius);font-size:14px;line-height:1.5;color:var(--text-primary);transition:border-color .2s;min-height:42px;max-height:120px}.input-row textarea[data-v-f4e85f3a]::placeholder{color:var(--text-tertiary)}.input-row textarea[data-v-f4e85f3a]:focus{border-color:var(--primary)}.send-btn[data-v-f4e85f3a]{width:42px;height:42px;border-radius:50%;background:var(--border);color:var(--text-tertiary);display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.send-btn.active[data-v-f4e85f3a]{background:var(--primary);color:var(--text-inverse)}.send-btn.active[data-v-f4e85f3a]:hover{background:var(--primary-hover)}.image-progress[data-v-e35e9659]{padding:8px 20px;color:var(--primary);font-size:13px}.retry-image[data-v-e35e9659]{color:var(--primary);background:var(--surface);border:1px solid var(--border);border-radius:5px;padding:5px 10px;margin-top:8px;cursor:pointer}.channel-nav[data-v-e35e9659]{display:flex;flex-direction:column;gap:10px;padding:14px 20px;border-bottom:1px solid var(--border);font-size:13px}.channel-nav a[data-v-e35e9659]{color:var(--primary)}.reception-toolbar[data-v-e35e9659]{display:flex;align-items:center;gap:10px;padding:10px 20px;border-bottom:1px solid var(--border);font-size:12px;flex-wrap:wrap}.reception-toolbar>span[data-v-e35e9659]{margin-right:auto;color:var(--text-secondary)}.reception-toolbar button[data-v-e35e9659]{border:1px solid var(--border);background:var(--surface);color:var(--primary);padding:6px 10px;border-radius:6px;cursor:pointer}.reception-toolbar button[data-v-e35e9659]:disabled{opacity:.5}.action-error[data-v-e35e9659]{color:#b83232;font-size:12px;margin:5px 16px}.agent-dashboard[data-v-e35e9659]{display:flex;height:100vh;background:var(--surface-secondary)}.sidebar[data-v-e35e9659]{width:320px;background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;flex-shrink:0}.sidebar-header[data-v-e35e9659]{display:flex;align-items:center;justify-content:space-between;padding:20px;border-bottom:1px solid var(--border)}.sidebar-title[data-v-e35e9659]{display:flex;align-items:center;gap:10px;color:var(--primary)}.sidebar-title h1[data-v-e35e9659]{font-size:16px;font-weight:700;color:var(--text-primary)}.sidebar-actions[data-v-e35e9659]{display:flex;gap:4px}.settings-link[data-v-e35e9659]{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-sm);color:var(--text-secondary);transition:all .2s}.settings-link[data-v-e35e9659]:hover{background:var(--surface-secondary);color:var(--primary)}.logout-btn[data-v-e35e9659]{padding:6px 14px;border-radius:var(--radius-sm);font-size:12px;font-weight:500;color:var(--text-secondary);background:var(--surface-secondary);transition:all .2s;white-space:nowrap}.logout-btn[data-v-e35e9659]:hover{background:#fef2f2;color:var(--danger)}.agent-info[data-v-e35e9659]{display:flex;align-items:center;gap:10px;padding:14px 20px;border-bottom:1px solid var(--border-light);background:var(--primary-lighter)}.agent-badge[data-v-e35e9659]{position:relative;width:36px;height:36px;border-radius:50%;background:var(--primary);display:flex;align-items:center;justify-content:center;flex-shrink:0}.agent-initial[data-v-e35e9659]{color:var(--text-inverse);font-weight:700;font-size:14px}.agent-online-dot[data-v-e35e9659]{position:absolute;bottom:0;right:0;width:10px;height:10px;border-radius:50%;background:var(--success);border:2px solid var(--primary-lighter)}.agent-detail[data-v-e35e9659]{display:flex;flex-direction:column}.agent-name[data-v-e35e9659]{font-size:13px;font-weight:600;color:var(--text-primary)}.agent-role[data-v-e35e9659]{font-size:11px;color:var(--text-tertiary)}.search-box[data-v-e35e9659]{display:flex;align-items:center;gap:8px;margin:16px 16px 12px;padding:8px 12px;background:var(--surface-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-tertiary);transition:border-color .2s}.search-box[data-v-e35e9659]:focus-within{border-color:var(--primary)}.search-box input[data-v-e35e9659]{flex:1;font-size:13px;color:var(--text-primary);background:transparent}.search-box input[data-v-e35e9659]::placeholder{color:var(--text-tertiary)}.stats-bar[data-v-e35e9659]{display:flex;padding:0 16px 12px;gap:6px}.stat-item[data-v-e35e9659]{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:6px 0;border-radius:var(--radius-sm);font-size:12px;cursor:pointer;transition:all .2s;background:var(--surface-secondary);color:var(--text-secondary)}.stat-item.active[data-v-e35e9659]{background:var(--primary-light);color:var(--primary)}.stat-item[data-v-e35e9659]:hover:not(.active){background:var(--surface-tertiary)}.stat-label[data-v-e35e9659]{font-weight:500}.stat-count[data-v-e35e9659]{font-weight:700}.stat-count.online[data-v-e35e9659]{color:var(--success)}.stat-count.unread[data-v-e35e9659]{color:var(--danger)}.stat-item.active .stat-count[data-v-e35e9659]{color:var(--primary)}.customer-list[data-v-e35e9659]{flex:1;overflow-y:auto;padding:0 8px 8px}.list-loading[data-v-e35e9659]{display:flex;flex-direction:column;align-items:center;gap:10px;padding:40px 20px;color:var(--text-tertiary);font-size:13px}.mini-spinner[data-v-e35e9659]{width:24px;height:24px;border:2px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin-e35e9659 .8s linear infinite}@keyframes spin-e35e9659{to{transform:rotate(360deg)}}.customer-item[data-v-e35e9659]{display:flex;align-items:center;gap:12px;padding:12px;border-radius:var(--radius-sm);cursor:pointer;transition:all .2s}.customer-item[data-v-e35e9659]:hover{background:var(--surface-secondary)}.customer-item.active[data-v-e35e9659]{background:var(--primary-lighter)}.cust-avatar[data-v-e35e9659]{position:relative;width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text-inverse);font-weight:700;font-size:15px;flex-shrink:0}.online-indicator[data-v-e35e9659]{position:absolute;bottom:0;right:0;width:10px;height:10px;border-radius:50%;background:var(--success);border:2px solid var(--surface)}.cust-info[data-v-e35e9659]{flex:1;min-width:0}.cust-top[data-v-e35e9659]{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.cust-name[data-v-e35e9659]{font-size:14px;font-weight:600;color:var(--text-primary)}.cust-time[data-v-e35e9659]{font-size:11px;color:var(--text-tertiary);flex-shrink:0}.cust-bottom[data-v-e35e9659]{display:flex;align-items:center;justify-content:space-between;gap:8px}.cust-last-msg[data-v-e35e9659]{font-size:12px;color:var(--text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.unread-badge[data-v-e35e9659]{min-width:18px;height:18px;border-radius:9px;background:var(--danger);color:var(--text-inverse);font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;padding:0 5px;flex-shrink:0}.cust-remark-tag[data-v-e35e9659]{display:flex;align-items:center;gap:4px;margin-top:4px;padding:2px 8px;background:var(--primary-lighter);color:var(--primary);border-radius:10px;font-size:11px;line-height:1.4;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.empty-list[data-v-e35e9659]{display:flex;flex-direction:column;align-items:center;gap:8px;padding:40px 20px;color:var(--text-tertiary);font-size:13px}.main-area[data-v-e35e9659]{flex:1;display:flex;min-width:0}.chat-column[data-v-e35e9659]{flex:1;display:flex;flex-direction:column;min-width:0}.chat-header[data-v-e35e9659]{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;background:var(--surface);border-bottom:1px solid var(--border);flex-shrink:0}.chat-header-left[data-v-e35e9659]{display:flex;align-items:center;gap:12px}.chat-avatar[data-v-e35e9659]{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text-inverse);font-weight:700;font-size:14px}.chat-header-info h2[data-v-e35e9659]{font-size:15px;font-weight:600}.chat-status[data-v-e35e9659]{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--text-tertiary)}.chat-status .dot[data-v-e35e9659]{width:6px;height:6px;border-radius:50%;background:var(--text-tertiary)}.chat-status.online .dot[data-v-e35e9659]{background:var(--success)}.chat-status.online[data-v-e35e9659]{color:var(--success)}.messages-panel[data-v-e35e9659]{flex:1;overflow-y:auto;padding:20px 24px;display:flex;flex-direction:column;gap:16px}.load-more-indicator[data-v-e35e9659]{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;font-size:12px;color:var(--text-tertiary)}.load-more-hint[data-v-e35e9659]{opacity:.6}.system-message[data-v-e35e9659]{text-align:center}.system-message span[data-v-e35e9659]{display:inline-block;padding:4px 14px;background:var(--surface-tertiary);border-radius:20px;font-size:12px;color:var(--text-tertiary)}.message-row[data-v-e35e9659]{display:flex}.message-row.customer[data-v-e35e9659]{justify-content:flex-start}.message-row.agent[data-v-e35e9659]{justify-content:flex-end}.message-row.system[data-v-e35e9659]{justify-content:center}.message-bubble-wrap[data-v-e35e9659]{display:flex;align-items:flex-start;gap:10px;max-width:70%}.msg-avatar[data-v-e35e9659]{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:var(--text-inverse);flex-shrink:0}.agent-avatar-icon[data-v-e35e9659]{background:var(--primary);color:var(--text-inverse)}.message-content[data-v-e35e9659]{display:flex;flex-direction:column;gap:4px}.customer-wrap .message-content[data-v-e35e9659]{align-items:flex-start}.agent-wrap .message-content[data-v-e35e9659]{align-items:flex-end}.bubble[data-v-e35e9659]{padding:10px 14px;border-radius:var(--radius);font-size:14px;line-height:1.6;word-break:break-word}.customer-bubble[data-v-e35e9659]{background:var(--surface);color:var(--text-primary);border-bottom-left-radius:4px;box-shadow:var(--shadow-sm)}.agent-bubble[data-v-e35e9659]{background:var(--primary);color:var(--text-inverse);border-bottom-right-radius:4px}.msg-time[data-v-e35e9659]{font-size:11px;color:var(--text-tertiary);padding:0 4px}.msg-image[data-v-e35e9659]{max-width:220px;border-radius:var(--radius-sm)}.msg-image.clickable[data-v-e35e9659]{cursor:pointer;transition:opacity .2s,transform .2s}.msg-image.clickable[data-v-e35e9659]:hover{opacity:.85;transform:scale(1.02)}.upload-indicator[data-v-e35e9659]{display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 20px;background:var(--primary-lighter);font-size:13px;color:var(--primary);flex-shrink:0}.upload-spinner[data-v-e35e9659]{width:16px;height:16px;border:2px solid var(--primary-light);border-top-color:var(--primary);border-radius:50%;animation:spin-e35e9659 .8s linear infinite}.lightbox-overlay[data-v-e35e9659]{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000d9;z-index:10000;display:flex;align-items:center;justify-content:center;cursor:pointer}.lightbox-close[data-v-e35e9659]{position:absolute;top:16px;right:16px;width:40px;height:40px;border-radius:50%;background:#ffffff26;color:#fff;display:flex;align-items:center;justify-content:center;transition:background .2s;z-index:10001}.lightbox-close[data-v-e35e9659]:hover{background:#ffffff4d}.lightbox-image[data-v-e35e9659]{max-width:90%;max-height:90%;object-fit:contain;border-radius:8px;cursor:default;animation:lightbox-in-e35e9659 .2s ease}@keyframes lightbox-in-e35e9659{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.info-panel[data-v-e35e9659]{width:300px;border-left:1px solid var(--border);background:var(--surface);overflow-y:auto;flex-shrink:0}.msg-meta[data-v-e35e9659]{display:flex;align-items:center;gap:8px}.recall-btn[data-v-e35e9659]{font-size:12px;color:var(--text-tertiary);padding:1px 6px;border-radius:var(--radius-sm);transition:all .2s;line-height:1.4}.recall-btn[data-v-e35e9659]:hover{color:var(--danger);background:#fef2f2}.recalled-tag[data-v-e35e9659]{font-size:11px;color:var(--warning, #f59e0b);background:#fffbeb;padding:1px 8px;border-radius:10px;font-weight:500;line-height:1.4}.panel-section[data-v-e35e9659]{padding:20px}.panel-title[data-v-e35e9659]{font-size:13px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:16px}.info-card[data-v-e35e9659]{display:flex;flex-direction:column;align-items:center;padding:20px;background:var(--surface-secondary);border-radius:var(--radius);margin-bottom:16px}.info-avatar[data-v-e35e9659]{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text-inverse);font-weight:700;font-size:20px;margin-bottom:10px}.info-name[data-v-e35e9659]{font-size:16px;font-weight:700;color:var(--text-primary);margin-bottom:4px}.info-status[data-v-e35e9659]{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--text-tertiary)}.info-status .dot[data-v-e35e9659]{width:6px;height:6px;border-radius:50%;background:var(--text-tertiary)}.info-status.online .dot[data-v-e35e9659]{background:var(--success)}.info-status.online[data-v-e35e9659]{color:var(--success)}.info-details[data-v-e35e9659]{display:flex;flex-direction:column;gap:10px}.info-row[data-v-e35e9659]{display:flex;align-items:center;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--border-light)}.info-label[data-v-e35e9659]{font-size:12px;color:var(--text-tertiary)}.info-value[data-v-e35e9659]{font-size:13px;font-weight:500;color:var(--text-primary)}.remark-section[data-v-e35e9659]{margin-top:20px;padding-top:16px;border-top:1px solid var(--border-light)}.remark-header[data-v-e35e9659]{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.remark-title[data-v-e35e9659]{font-size:12px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.remark-edit-btn[data-v-e35e9659]{display:flex;align-items:center;gap:4px;padding:4px 10px;border-radius:var(--radius-sm);font-size:12px;color:var(--primary);background:var(--primary-lighter);transition:all .2s}.remark-edit-btn[data-v-e35e9659]:hover{background:var(--primary-light)}.remark-textarea[data-v-e35e9659]{width:100%;padding:10px;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:13px;line-height:1.5;color:var(--text-primary);background:var(--surface-secondary);resize:vertical;min-height:70px;max-height:140px;transition:border-color .2s}.remark-textarea[data-v-e35e9659]::placeholder{color:var(--text-tertiary)}.remark-textarea[data-v-e35e9659]:focus{border-color:var(--primary);outline:none}.remark-actions[data-v-e35e9659]{display:flex;justify-content:flex-end;gap:8px;margin-top:8px}.remark-cancel[data-v-e35e9659]{padding:6px 14px;border-radius:var(--radius-sm);font-size:12px;font-weight:500;color:var(--text-secondary);background:var(--surface-tertiary);transition:all .2s}.remark-cancel[data-v-e35e9659]:hover{background:var(--border)}.remark-save[data-v-e35e9659]{padding:6px 14px;border-radius:var(--radius-sm);font-size:12px;font-weight:600;color:var(--text-inverse);background:var(--primary);transition:all .2s}.remark-save[data-v-e35e9659]:hover{background:var(--primary-hover)}.remark-display[data-v-e35e9659]{padding:10px;background:var(--surface-secondary);border-radius:var(--radius-sm);font-size:13px;line-height:1.6;color:var(--text-secondary);min-height:40px}.agent-input-area[data-v-e35e9659]{border-top:1px solid var(--border);background:var(--surface);flex-shrink:0}.quick-replies[data-v-e35e9659]{border-bottom:1px solid var(--border-light);max-height:200px;overflow-y:auto}.qr-header[data-v-e35e9659]{display:flex;align-items:center;justify-content:space-between;padding:10px 20px 6px}.qr-header h4[data-v-e35e9659]{font-size:12px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.qr-close[data-v-e35e9659]{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:4px;color:var(--text-tertiary);transition:all .2s}.qr-close[data-v-e35e9659]:hover{background:var(--surface-tertiary);color:var(--text-secondary)}.qr-list[data-v-e35e9659]{display:flex;flex-wrap:wrap;gap:6px;padding:6px 20px 12px}.qr-item[data-v-e35e9659]{padding:6px 12px;background:var(--primary-lighter);color:var(--primary);border:1px solid var(--primary-light);border-radius:20px;font-size:12px;line-height:1.4;transition:all .2s;text-align:left;cursor:pointer;display:flex;align-items:center}.qr-item[data-v-e35e9659]:hover{background:var(--primary-light)}.qr-thumbnail[data-v-e35e9659]{max-width:60px;max-height:40px;border-radius:4px;object-fit:cover;pointer-events:none}.emoji-picker[data-v-e35e9659]{display:grid;grid-template-columns:repeat(10,1fr);gap:2px;padding:12px 20px;max-height:160px;overflow-y:auto;border-bottom:1px solid var(--border-light)}.emoji-btn[data-v-e35e9659]{width:100%;aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:20px;border-radius:var(--radius-sm);transition:all .15s}.emoji-btn[data-v-e35e9659]:hover{background:var(--surface-tertiary);transform:scale(1.15)}.input-toolbar[data-v-e35e9659]{display:flex;align-items:center;justify-content:space-between;padding:10px 20px 0}.toolbar-left[data-v-e35e9659]{display:flex;align-items:center;gap:2px}.tool-btn[data-v-e35e9659]{height:32px;display:flex;align-items:center;justify-content:center;gap:4px;padding:0 8px;border-radius:6px;color:var(--text-tertiary);font-size:12px;transition:all .2s}.tool-btn[data-v-e35e9659]:hover,.tool-btn.active[data-v-e35e9659]{background:var(--surface-tertiary);color:var(--text-secondary)}.tool-label[data-v-e35e9659]{font-weight:500}.quick-reply-btn[data-v-e35e9659]{color:var(--primary);background:var(--primary-lighter)}.quick-reply-btn[data-v-e35e9659]:hover,.quick-reply-btn.active[data-v-e35e9659]{background:var(--primary-light);color:var(--primary)}.input-row[data-v-e35e9659]{padding:8px 20px 0}.input-contenteditable[data-v-e35e9659]{width:100%;resize:none;padding:10px 14px;background:var(--surface-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:14px;line-height:1.5;color:var(--text-primary);transition:border-color .2s;min-height:56px;max-height:120px;overflow-y:auto;outline:none}.input-contenteditable[data-v-e35e9659]:empty:before{content:attr(placeholder);color:var(--text-tertiary)}.input-contenteditable[data-v-e35e9659]:focus{border-color:var(--primary)}.input-contenteditable img[data-v-e35e9659]{max-width:150px;border-radius:4px;margin:4px 0}.input-footer[data-v-e35e9659]{display:flex;align-items:center;justify-content:space-between;padding:10px 20px 16px}.input-hint[data-v-e35e9659]{font-size:11px;color:var(--text-tertiary)}.send-btn[data-v-e35e9659]{display:flex;align-items:center;gap:6px;padding:8px 20px;border-radius:var(--radius-sm);background:var(--border);color:var(--text-tertiary);font-size:13px;font-weight:600;transition:all .2s}.send-btn.active[data-v-e35e9659]{background:var(--primary);color:var(--text-inverse)}.send-btn.active[data-v-e35e9659]:hover{background:var(--primary-hover)}.empty-state[data-v-e35e9659]{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:40px}.empty-icon[data-v-e35e9659]{width:80px;height:80px;border-radius:50%;background:var(--surface-tertiary);display:flex;align-items:center;justify-content:center;margin-bottom:8px}.empty-state h3[data-v-e35e9659]{font-size:16px;font-weight:600;color:var(--text-primary)}.empty-state p[data-v-e35e9659]{font-size:14px;color:var(--text-tertiary)}.login-page[data-v-685b3509]{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary-lighter) 0%,var(--surface-secondary) 100%);padding:20px}.login-card[data-v-685b3509]{width:100%;max-width:400px;background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);padding:40px 36px}.login-header[data-v-685b3509]{text-align:center;margin-bottom:32px}.login-icon[data-v-685b3509]{width:64px;height:64px;border-radius:50%;background:var(--primary-light);display:flex;align-items:center;justify-content:center;margin:0 auto 16px}.login-header h1[data-v-685b3509]{font-size:22px;font-weight:700;color:var(--text-primary);margin-bottom:6px}.login-header p[data-v-685b3509]{font-size:14px;color:var(--text-secondary)}.login-form[data-v-685b3509]{display:flex;flex-direction:column;gap:20px}.form-group[data-v-685b3509]{display:flex;flex-direction:column;gap:6px}.form-group label[data-v-685b3509]{font-size:13px;font-weight:600;color:var(--text-secondary)}.input-wrap[data-v-685b3509]{display:flex;align-items:center;gap:10px;padding:0 14px;height:46px;background:var(--surface-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);transition:all .2s;color:var(--text-tertiary)}.input-wrap.focused[data-v-685b3509]{border-color:var(--primary);box-shadow:0 0 0 3px #2563eb1a}.input-wrap input[data-v-685b3509]{flex:1;height:100%;font-size:14px;color:var(--text-primary);background:transparent}.input-wrap input[data-v-685b3509]::placeholder{color:var(--text-tertiary)}.toggle-pwd[data-v-685b3509]{display:flex;align-items:center;justify-content:center;color:var(--text-tertiary);transition:color .2s;padding:0}.toggle-pwd[data-v-685b3509]:hover{color:var(--text-secondary)}.captcha-wrap[data-v-685b3509]{display:flex;gap:10px}.captcha-wrap .input-wrap[data-v-685b3509]{flex:1}.captcha-img[data-v-685b3509]{height:46px;border-radius:var(--radius-sm);cursor:pointer}.error-msg[data-v-685b3509]{display:flex;align-items:center;gap:8px;padding:10px 14px;background:#fef2f2;border:1px solid #fecaca;border-radius:var(--radius-sm);font-size:13px;color:var(--danger)}.login-btn[data-v-685b3509]{height:46px;border-radius:var(--radius-sm);background:var(--primary);color:var(--text-inverse);font-size:15px;font-weight:600;transition:background .2s;display:flex;align-items:center;justify-content:center}.login-btn[data-v-685b3509]:hover:not(:disabled){background:var(--primary-hover)}.login-btn[data-v-685b3509]:disabled{opacity:.7;cursor:not-allowed}.spinner[data-v-685b3509]{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:var(--text-inverse);border-radius:50%;animation:spin-685b3509 .6s linear infinite}@keyframes spin-685b3509{to{transform:rotate(360deg)}}.login-footer[data-v-685b3509]{text-align:center;margin-top:24px;display:flex;flex-direction:column;gap:12px}.login-footer p[data-v-685b3509]{font-size:12px;color:var(--text-tertiary)}.back-link[data-v-685b3509]{display:inline-flex;align-items:center;justify-content:center;gap:4px;font-size:13px;color:var(--primary);font-weight:500;transition:opacity .2s}.back-link[data-v-685b3509]:hover{opacity:.8}.settings-page[data-v-8b12ca55]{padding:24px;max-width:900px;margin:0 auto}.page-header h1[data-v-8b12ca55]{font-size:24px;font-weight:600;margin-bottom:24px;color:var(--text-primary)}.settings-section[data-v-8b12ca55]{background:var(--surface);border-radius:var(--radius-lg);padding:24px;margin-bottom:24px;box-shadow:var(--shadow-sm)}.section-header[data-v-8b12ca55]{margin-bottom:20px}.section-header h2[data-v-8b12ca55]{font-size:18px;font-weight:600;color:var(--text-primary);margin-bottom:4px}.section-desc[data-v-8b12ca55]{font-size:14px;color:var(--text-secondary)}.rich-editor[data-v-8b12ca55]{border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.rich-editor.small[data-v-8b12ca55]{margin-top:8px}.editor-toolbar[data-v-8b12ca55]{display:flex;gap:4px;padding:8px 12px;background:var(--surface-secondary);border-bottom:1px solid var(--border)}.editor-toolbar button[data-v-8b12ca55]{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;border-radius:var(--radius-sm);cursor:pointer;color:var(--text-secondary);font-size:14px}.editor-toolbar button[data-v-8b12ca55]:hover{background:var(--surface-tertiary)}.editor-content[data-v-8b12ca55]{min-height:120px;padding:12px;outline:none;font-size:14px;line-height:1.6;color:var(--text-primary)}.editor-content[data-v-8b12ca55]:focus{background:var(--surface-secondary)}.rich-editor.small .editor-content[data-v-8b12ca55]{min-height:80px}.section-actions[data-v-8b12ca55]{margin-top:16px;display:flex;justify-content:flex-end}.btn[data-v-8b12ca55]{padding:10px 20px;border-radius:var(--radius);font-size:14px;font-weight:500;cursor:pointer;border:none;transition:all .2s}.btn-primary[data-v-8b12ca55]{background:var(--primary);color:#fff}.btn-primary[data-v-8b12ca55]:hover{background:var(--primary-hover)}.btn-secondary[data-v-8b12ca55]{background:var(--surface-secondary);color:var(--text-secondary);border:1px solid var(--border)}.btn-secondary[data-v-8b12ca55]:hover{background:var(--surface-tertiary)}.faqs-list[data-v-8b12ca55]{display:flex;flex-direction:column;gap:16px}.faq-item[data-v-8b12ca55]{border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.faq-item-header[data-v-8b12ca55]{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--surface-secondary);border-bottom:1px solid var(--border)}.faq-index[data-v-8b12ca55]{font-weight:600;color:var(--primary)}.btn-icon[data-v-8b12ca55]{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;border-radius:var(--radius-sm);cursor:pointer;color:var(--text-tertiary)}.btn-icon[data-v-8b12ca55]:hover{background:var(--surface-tertiary);color:var(--error)}.faq-fields[data-v-8b12ca55]{padding:16px}.field-group[data-v-8b12ca55]{margin-bottom:12px}.field-group[data-v-8b12ca55]:last-child{margin-bottom:0}.field-group label[data-v-8b12ca55]{display:block;font-size:13px;font-weight:500;color:var(--text-secondary);margin-bottom:6px}.field-group input[data-v-8b12ca55]{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius);font-size:14px;color:var(--text-primary)}.field-group input[data-v-8b12ca55]:focus{outline:none;border-color:var(--primary)}.add-btn[data-v-8b12ca55]{display:flex;align-items:center;justify-content:center;gap:8px}.toast[data-v-8b12ca55]{position:fixed;bottom:24px;left:50%;transform:translate(-50%);padding:12px 24px;border-radius:var(--radius);font-size:14px;font-weight:500;animation:slideUp-8b12ca55 .3s ease}.toast.success[data-v-8b12ca55]{background:var(--success);color:#fff}.toast.error[data-v-8b12ca55]{background:var(--error);color:#fff}@keyframes slideUp-8b12ca55{0%{opacity:0;transform:translate(-50%) translateY(10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.channels-page[data-v-90263268]{max-width:1160px;margin:auto;padding:32px 24px;color:var(--text-primary);min-height:100vh}.channels-page header[data-v-90263268]{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.channels-page h1[data-v-90263268]{font-size:26px}.channels-page p[data-v-90263268]{line-height:1.8;color:var(--text-secondary);margin:12px 0}.channels-page a[data-v-90263268]{color:var(--primary);display:inline-block;margin:12px 0}.channel-grid[data-v-90263268]{display:grid;grid-template-columns:1fr 1fr;gap:24px}.channel-grid section[data-v-90263268]{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:24px}.ai-section[data-v-90263268]{grid-column:1/-1}.channels-page h2[data-v-90263268]{font-size:19px;margin-bottom:16px}.channels-page h3[data-v-90263268]{font-size:15px;margin-top:24px}.channels-page label[data-v-90263268]{display:block;margin:14px 0;font-size:14px}.channels-page input[data-v-90263268]:not([type=checkbox]),.channels-page textarea[data-v-90263268]{display:block;border:1px solid var(--border);border-radius:7px;padding:10px;width:100%;margin-top:8px;background:var(--surface);color:inherit;font:inherit}.channels-page button[data-v-90263268]{background:var(--primary);color:#fff;border:0;border-radius:7px;padding:10px 18px;cursor:pointer;font:inherit}.channels-page button[data-v-90263268]:disabled{opacity:.5;cursor:wait}.channels-page .status[data-v-90263268]{color:var(--primary);font-weight:600}.channels-page .subtle[data-v-90263268]{font-size:13px}.notice[data-v-90263268]{padding:12px;background:#eaf6f0;border-radius:8px}.channels-page .error[data-v-90263268]{color:#b83232}.form-grid[data-v-90263268]{display:grid;grid-template-columns:1fr 1fr;gap:20px}.channels-page .check[data-v-90263268]{display:flex;gap:8px;align-items:center}.qr[data-v-90263268]{margin-top:20px;text-align:center}.qr img[data-v-90263268]{width:240px;max-width:100%}.queue>div[data-v-90263268]{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px solid var(--border);font-size:13px}.queue strong[data-v-90263268]{font-weight:500}@media(max-width:760px){.channel-grid[data-v-90263268],.form-grid[data-v-90263268]{grid-template-columns:1fr}.ai-section[data-v-90263268]{grid-column:auto}.channels-page header[data-v-90263268]{gap:20px}}