@charset "UTF-8";[data-v-e5514069]:root{--primary-color: #007bff;--secondary-color: #6c757d;--success-color: #28a745;--danger-color: #dc3545;--warning-color: #ffc107;--info-color: #17a2b8;--light-color: #f8f9fa;--dark-color: #343a40;--border-color: #e9ecef;--text-color: #333;--text-muted: #666}.page-title[data-v-e5514069]{background-color:#fff;text-align:center;font-weight:600;color:#1877f2;position:relative;display:flex;justify-content:center;padding:16px 0;border-bottom:1px solid rgb(228,230,235);margin-bottom:20px}.page-title .marquee-container[data-v-e5514069]{width:60%;position:relative;white-space:nowrap;overflow:hidden}.page-title .marquee-container[data-v-e5514069]:before,.page-title .marquee-container[data-v-e5514069]:after{content:"";position:absolute;top:0;bottom:0;width:60px;z-index:2}.page-title .marquee-container[data-v-e5514069]:before{left:0;background:linear-gradient(to right,#fff,#fff0)}.page-title .marquee-container[data-v-e5514069]:after{right:0;background:linear-gradient(to left,#fff,#fff0)}.page-title .marquee-container .marquee-content[data-v-e5514069]{display:inline-block;animation:scroll-left-e5514069 15s linear infinite}.page-title .marquee-container .marquee-content span[data-v-e5514069]{padding:0 1rem}@keyframes scroll-left-e5514069{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (max-width: 768px){.page-title[data-v-e5514069]{display:none}}[data-v-cf951714]:root{--primary-color: #007bff;--secondary-color: #6c757d;--success-color: #28a745;--danger-color: #dc3545;--warning-color: #ffc107;--info-color: #17a2b8;--light-color: #f8f9fa;--dark-color: #343a40;--border-color: #e9ecef;--text-color: #333;--text-muted: #666}.conversation-sidebar[data-v-cf951714]{width:280px;background-color:#f8f9fa;border-right:1px solid #e9ecef;display:flex;flex-direction:column}.conversation-sidebar .search-section[data-v-cf951714]{padding:16px}.conversation-sidebar .search-section .search-box[data-v-cf951714]{position:relative}.conversation-sidebar .search-section .search-box input[data-v-cf951714]{width:100%;padding:8px 12px;border:1px solid #ddd;border-radius:6px;font-size:14px;background-color:#fff}.conversation-sidebar .search-section .search-box input[data-v-cf951714]::placeholder{color:#999}.conversation-sidebar .conversation-header[data-v-cf951714]{display:flex;align-items:center;justify-content:space-between;padding:0 16px 12px}.conversation-sidebar .conversation-header h3[data-v-cf951714]{font-size:16px;font-weight:600;color:#333}.conversation-sidebar .conversation-header .conversation-count[data-v-cf951714]{background-color:#e9ecef;color:#666;padding:2px 8px;border-radius:12px;font-size:12px}.conversation-sidebar .filter-tabs[data-v-cf951714]{display:flex;padding:0 16px;margin-bottom:16px}.conversation-sidebar .filter-tabs .tab[data-v-cf951714]{background:none;border:none;padding:8px 12px;margin-right:8px;border-radius:6px;font-size:14px;color:#666;cursor:pointer;display:flex;align-items:center;gap:4px}.conversation-sidebar .filter-tabs .tab.active[data-v-cf951714]{background-color:#007bff;color:#fff}.conversation-sidebar .filter-tabs .tab .tab-count[data-v-cf951714]{background-color:#ffffff4d;padding:2px 6px;border-radius:10px;font-size:11px}.conversation-sidebar .conversation-list[data-v-cf951714]{flex:1;overflow-y:auto}.conversation-sidebar .conversation-list .conversation-item[data-v-cf951714]{display:flex;align-items:center;padding:12px 16px;cursor:pointer;border-bottom:1px solid #f0f0f0}.conversation-sidebar .conversation-list .conversation-item[data-v-cf951714]:hover{background-color:#f0f0f0}.conversation-sidebar .conversation-list .conversation-item.active[data-v-cf951714]{background-color:#e3f2fd}.conversation-sidebar .conversation-list .conversation-item .avatar[data-v-cf951714]{width:40px;height:40px;border-radius:50%;background-color:#007bff;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;margin-right:12px}.conversation-sidebar .conversation-list .conversation-item .conversation-info[data-v-cf951714]{flex:1}.conversation-sidebar .conversation-list .conversation-item .conversation-info .conversation-meta[data-v-cf951714]{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.conversation-sidebar .conversation-list .conversation-item .conversation-info .conversation-meta .name[data-v-cf951714]{font-weight:500;color:#333;font-size:14px}.conversation-sidebar .conversation-list .conversation-item .conversation-info .conversation-meta .time[data-v-cf951714]{font-size:12px;color:#999}.conversation-sidebar .conversation-list .conversation-item .conversation-info .last-message[data-v-cf951714]{font-size:13px;color:#666;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-v-78996c6c]:root{--primary-color: #007bff;--secondary-color: #6c757d;--success-color: #28a745;--danger-color: #dc3545;--warning-color: #ffc107;--info-color: #17a2b8;--light-color: #f8f9fa;--dark-color: #343a40;--border-color: #e9ecef;--text-color: #333;--text-muted: #666}.message-list[data-v-78996c6c]{flex:1;overflow-y:auto;padding:20px;background-color:#f5f5f5}.messages-container[data-v-78996c6c]{display:flex;flex-direction:column;gap:15px}.message-wrapper[data-v-78996c6c]{display:flex;max-width:80%;gap:8px}.message-wrapper .message-content[data-v-78996c6c]{display:flex;flex-direction:column}.message-wrapper.me[data-v-78996c6c]{align-self:flex-end;align-items:baseline}.message-wrapper.me .message-content[data-v-78996c6c]{align-items:flex-end}.message-wrapper.me .message-bubble[data-v-78996c6c]{background-color:#007bff;color:#fff;border-radius:15px 15px 0}.message-wrapper.customer[data-v-78996c6c]{align-self:flex-start;align-items:baseline}.message-wrapper.customer .message-content[data-v-78996c6c]{align-items:flex-start}.message-wrapper.customer .message-bubble[data-v-78996c6c]{background-color:#fff;border:1px solid #eee;border-radius:15px 15px 15px 0}.avatar[data-v-78996c6c]{width:20px;height:20px;border-radius:50%;background-color:#bad4f1;color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;flex-shrink:0}.message-bubble[data-v-78996c6c]{padding:10px 15px;box-shadow:0 1px 1px #0000000d;word-wrap:break-word}.timestamp[data-v-78996c6c]{font-size:12px;color:#999;margin-top:5px}[data-v-b2def0e8]:root{--primary-color: #007bff;--secondary-color: #6c757d;--success-color: #28a745;--danger-color: #dc3545;--warning-color: #ffc107;--info-color: #17a2b8;--light-color: #f8f9fa;--dark-color: #343a40;--border-color: #e9ecef;--text-color: #333;--text-muted: #666}.rich-text-editor[data-v-b2def0e8]{border-top:1px solid #e9ecef;background-color:#fff;flex-shrink:0}@media (max-width: 768px){.rich-text-editor[data-v-b2def0e8]{position:relative;z-index:10}}.rich-text-editor .editor-toolbar[data-v-b2def0e8]{display:flex;align-items:center;padding:8px 16px;border-bottom:1px solid #f0f0f0;gap:4px}.rich-text-editor .editor-toolbar .tool-button[data-v-b2def0e8]{background:none;border:none;padding:6px 8px;border-radius:4px;cursor:pointer;font-size:14px;color:#666}.rich-text-editor .editor-toolbar .tool-button[data-v-b2def0e8]:hover{background-color:#f0f0f0}.rich-text-editor .editor-toolbar .tool-button[title=""][data-v-b2def0e8]{cursor:default;color:#ddd}.rich-text-editor .editor-toolbar .tool-button[title=""][data-v-b2def0e8]:hover{background:none}.rich-text-editor .editor-input[data-v-b2def0e8]{padding:16px}.rich-text-editor .editor-input textarea[data-v-b2def0e8]{width:100%;min-height:60px;border:none;outline:none;resize:none;font-size:14px;line-height:1.4;font-family:inherit}@media (max-width: 768px){.rich-text-editor .editor-input textarea[data-v-b2def0e8]{font-size:16px;touch-action:manipulation}}.rich-text-editor .editor-input textarea[data-v-b2def0e8]::placeholder{color:#999}.rich-text-editor .editor-input .input-actions[data-v-b2def0e8]{display:flex;justify-content:space-between;align-items:center;margin-top:8px}.rich-text-editor .editor-input .input-actions .left-actions[data-v-b2def0e8]{display:flex;align-items:center;gap:8px}.rich-text-editor .editor-input .input-actions .left-actions .emoji-trigger[data-v-b2def0e8]{font-size:16px}.rich-text-editor .editor-input .input-actions .left-actions button[data-v-b2def0e8]{background:none;border:none;cursor:pointer;font-size:16px;padding:4px;border-radius:4px}.rich-text-editor .editor-input .input-actions .left-actions button[data-v-b2def0e8]:hover{background-color:#f0f0f0}.rich-text-editor .editor-input .input-actions .send-button[data-v-b2def0e8]{background-color:#007bff;color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:14px}.rich-text-editor .editor-input .input-actions .send-button[data-v-b2def0e8]:hover{background-color:#0056b3}@media (max-width: 768px){.rich-text-editor .editor-input .input-actions .send-button[data-v-b2def0e8]{min-height:44px;padding:8px 20px}}[data-v-8e5b3346]:root{--primary-color: #007bff;--secondary-color: #6c757d;--success-color: #28a745;--danger-color: #dc3545;--warning-color: #ffc107;--info-color: #17a2b8;--light-color: #f8f9fa;--dark-color: #343a40;--border-color: #e9ecef;--text-color: #333;--text-muted: #666}.chat-panel[data-v-8e5b3346]{flex:1;display:flex;flex-direction:column;background-color:#fff;height:100%;padding-bottom:env(keyboard-inset-height,0)}@media (max-width: 768px){.chat-panel.keyboard-open[data-v-8e5b3346]{padding-bottom:max(env(keyboard-inset-height,0),20px)}}.mobile-header[data-v-8e5b3346]{display:none}@media (min-width: 769px){.hide-on-pc[data-v-8e5b3346]{display:none}}@media (max-width: 768px){.mobile-header[data-v-8e5b3346]{display:flex;justify-content:space-between;align-items:center;padding:20px 15px;border-bottom:1px solid #eee;background-color:#f8f9fa;flex-shrink:0}.mobile-header button[data-v-8e5b3346]{background:none;border:none;color:#007bff;cursor:pointer;font-size:16px}.mobile-header .customer-details-btn[data-v-8e5b3346]{position:relative;padding:0;display:flex;align-items:center;justify-content:center}.mobile-header .customer-details-btn svg[data-v-8e5b3346]{width:24px;height:24px}.mobile-header .red-dot[data-v-8e5b3346]{position:absolute;top:0;right:0;width:12px;height:12px;background-color:#ff3b30;border-radius:50%;border:1px solid white}.mobile-header .hamburger-menu[data-v-8e5b3346]{padding:0;width:24px;height:18px;display:flex;flex-direction:column;justify-content:space-between}.mobile-header .hamburger-menu .bar[data-v-8e5b3346]{display:block;width:100%;height:2px;background-color:currentColor;border-radius:1px}.mobile-header span[data-v-8e5b3346]{font-weight:600}}.chat-panel-header .customer-details-btn[data-v-8e5b3346]{margin-right:16px}@keyframes shake-8e5b3346{10%,90%{transform:translate(-1px)}20%,80%{transform:translate(2px)}30%,50%,70%{transform:translate(-3px)}40%,60%{transform:translate(3px)}}.shake-animation[data-v-8e5b3346]{animation:shake-8e5b3346 .8s cubic-bezier(.36,.07,.19,.97) both}[data-v-8a68f146]:root{--primary-color: #007bff;--secondary-color: #6c757d;--success-color: #28a745;--danger-color: #dc3545;--warning-color: #ffc107;--info-color: #17a2b8;--light-color: #f8f9fa;--dark-color: #343a40;--border-color: #e9ecef;--text-color: #333;--text-muted: #666}.customer-details-sidebar[data-v-8a68f146]{width:320px;background-color:#fff;border-left:1px solid #e9ecef;display:flex;flex-direction:column;border-radius:20px;box-shadow:#0000001a 0 2px 12px;margin:0 20px 20px 0;overflow:hidden}.customer-details-sidebar .header[data-v-8a68f146]{display:flex;align-items:center;justify-content:center;background-color:#fff;padding:10px 20px;border-bottom:1px solid #e0e0e0;height:57px;box-sizing:border-box}.customer-details-sidebar .header h3[data-v-8a68f146]{font-weight:600;font-size:16px;color:#333}.customer-details-sidebar .mobile-header[data-v-8a68f146]{display:none}.customer-details-sidebar .conversation-mirror[data-v-8a68f146]{flex:1;padding:15px;flex-grow:1;overflow-y:auto;background-color:#f9f9f9;display:flex;flex-direction:column;gap:15px}.customer-details-sidebar .message-wrapper[data-v-8a68f146]{display:flex;max-width:80%;gap:8px}.customer-details-sidebar .message-wrapper .message-content[data-v-8a68f146]{display:flex;flex-direction:column}.customer-details-sidebar .message-wrapper.me[data-v-8a68f146]{align-self:flex-end}.customer-details-sidebar .message-wrapper.me .message-content[data-v-8a68f146]{align-items:flex-end}.customer-details-sidebar .message-wrapper.me .message-bubble[data-v-8a68f146]{background-color:#dcf8c6;border-radius:10px 10px 0}.customer-details-sidebar .message-wrapper.customer[data-v-8a68f146]{align-self:flex-start;align-items:baseline}.customer-details-sidebar .message-wrapper.customer .message-content[data-v-8a68f146]{align-items:flex-start}.customer-details-sidebar .message-wrapper.customer .message-bubble[data-v-8a68f146]{background-color:#fff;border:1px solid #eee;border-radius:10px 10px 10px 0}.customer-details-sidebar .avatar[data-v-8a68f146]{width:20px;height:20px;border-radius:50%;background-color:#bad4f1;color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;flex-shrink:0}.customer-details-sidebar .message-bubble[data-v-8a68f146]{padding:10px 15px;box-shadow:0 1px 1px #0000000d}.customer-details-sidebar .timestamp[data-v-8a68f146]{font-size:12px;color:#999;margin-top:5px}.customer-details-sidebar .customer-input-area[data-v-8a68f146]{padding:10px;border-top:1px solid #e0e0e0;display:flex;align-items:center}.customer-details-sidebar .customer-input-area input[data-v-8a68f146]{flex:1;border:1px solid #ccc;border-radius:20px;padding:8px 15px;font-size:14px;margin-right:10px}.customer-details-sidebar .customer-input-area .send-button[data-v-8a68f146]{background:none;border:none;cursor:pointer;padding:5px;color:#1976d2}.customer-details-sidebar .customer-input-area .send-button[data-v-8a68f146]:hover{color:#1565c0}.customer-details-sidebar .sidebar-footer[data-v-8a68f146]{padding:12px 16px;text-align:center;border-top:1px solid #f0f0f0}.customer-details-sidebar .sidebar-footer .footer-text[data-v-8a68f146]{font-size:12px;color:#999}@media (min-width: 769px){.hide-on-pc[data-v-8a68f146]{display:none}}@media (max-width: 768px){.customer-details-sidebar[data-v-8a68f146]{width:100%;border-left:none;border-radius:0}.customer-details-sidebar .header[data-v-8a68f146]{display:none}.customer-details-sidebar .mobile-header[data-v-8a68f146]{display:flex;justify-content:space-between;align-items:center;padding:20px 15px;border-bottom:1px solid #eee;background-color:#f8f9fa;flex-shrink:0}.customer-details-sidebar .mobile-header button[data-v-8a68f146]{background:none;border:none;color:#007bff;cursor:pointer;font-size:16px}.customer-details-sidebar .mobile-header span[data-v-8a68f146]{margin:0 auto}.customer-details-sidebar .mobile-header .customer-details-btn[data-v-8a68f146]{position:relative;padding:0;display:flex;align-items:center;justify-content:center}.customer-details-sidebar .mobile-header .customer-details-btn svg[data-v-8a68f146]{width:24px;height:24px}.customer-details-sidebar .mobile-header .red-dot[data-v-8a68f146]{position:absolute;top:0;right:0;width:12px;height:12px;background-color:#ff3b30;border-radius:50%;border:1px solid white}.customer-details-sidebar .mobile-header .hamburger-menu[data-v-8a68f146]{padding:0;width:24px;height:18px;display:flex;flex-direction:column;justify-content:space-between}.customer-details-sidebar .mobile-header .hamburger-menu .bar[data-v-8a68f146]{display:block;width:100%;height:2px;background-color:currentColor;border-radius:1px}.customer-details-sidebar .mobile-header span[data-v-8a68f146]{font-weight:600}.customer-details-sidebar .sidebar-footer[data-v-8a68f146]{display:none}}.customer-details-sidebar .customer-details-header[data-v-8a68f146]{border-bottom:1px solid #e5e7eb}@keyframes shake-8a68f146{10%,90%{transform:translate(-1px)}20%,80%{transform:translate(2px)}30%,50%,70%{transform:translate(-3px)}40%,60%{transform:translate(3px)}}.shake-animation[data-v-8a68f146]{animation:shake-8a68f146 .8s cubic-bezier(.36,.07,.19,.97) both}[data-v-c31edf95]:root{--primary-color: #007bff;--secondary-color: #6c757d;--success-color: #28a745;--danger-color: #dc3545;--warning-color: #ffc107;--info-color: #17a2b8;--light-color: #f8f9fa;--dark-color: #343a40;--border-color: #e9ecef;--text-color: #333;--text-muted: #666}.animation-container[data-v-c31edf95]{display:flex;align-items:center;justify-content:center;width:160px;overflow:hidden;flex-shrink:0}.arrow[data-v-c31edf95]{font-size:48px;color:#007bff;opacity:0}.arrow.to-customer[data-v-c31edf95]{animation:slide-ltr-c31edf95 1s forwards}.arrow.to-me[data-v-c31edf95]{animation:slide-rtl-c31edf95 1s forwards}.arrow[data-v-c31edf95]:nth-child(1){animation-delay:0s}.arrow[data-v-c31edf95]:nth-child(2){animation-delay:.2s}.arrow[data-v-c31edf95]:nth-child(3){animation-delay:.4s}@keyframes slide-ltr-c31edf95{0%{transform:translate(-30px);opacity:0}25%{opacity:1}75%{opacity:1}to{transform:translate(30px);opacity:0}}@keyframes slide-rtl-c31edf95{0%{transform:translate(30px);opacity:0}25%{opacity:1}75%{opacity:1}to{transform:translate(-30px);opacity:0}}[data-v-3a4276d8]:root{--primary-color: #007bff;--secondary-color: #6c757d;--success-color: #28a745;--danger-color: #dc3545;--warning-color: #ffc107;--info-color: #17a2b8;--light-color: #f8f9fa;--dark-color: #343a40;--border-color: #e9ecef;--text-color: #333;--text-muted: #666}.service-header[data-v-3a4276d8]{display:flex;align-items:center;background-color:#fff;padding:10px 20px;border-bottom:1px solid #e0e0e0;font-size:14px;height:57px;box-sizing:border-box}.logo-and-title[data-v-3a4276d8]{display:flex;align-items:center;margin-right:20px}.logo[data-v-3a4276d8]{width:24px;height:24px;margin-right:10px}.title[data-v-3a4276d8]{font-weight:600;font-size:16px;color:#333}.warning[data-v-3a4276d8]{color:#f57c00}[data-v-cd1c26fd]:root{--primary-color: #007bff;--secondary-color: #6c757d;--success-color: #28a745;--danger-color: #dc3545;--warning-color: #ffc107;--info-color: #17a2b8;--light-color: #f8f9fa;--dark-color: #343a40;--border-color: #e9ecef;--text-color: #333;--text-muted: #666}@media (min-width: 769px){.main-layout[data-v-cd1c26fd]{display:flex;height:100%;overflow:hidden;position:relative}.service-section[data-v-cd1c26fd]{flex:1;display:flex;flex-direction:column;min-width:0;margin:0 40px 20px 20px;border-radius:20px;border-right:1px solid #e0e0e0;overflow:hidden;position:relative;box-shadow:#0000001a 0 2px 12px;z-index:1}.service-header-view[data-v-cd1c26fd]{flex-shrink:0;border-bottom:1px solid #e0e0e0}.service-body[data-v-cd1c26fd]{display:flex;flex-grow:1;min-height:0}.conversation-sidebar-view[data-v-cd1c26fd]{width:320px;flex-shrink:0;display:flex;border-right:1px solid #e0e0e0}.chat-panel-view[data-v-cd1c26fd]{flex:1;display:flex;min-width:0}.customer-details-sidebar-view[data-v-cd1c26fd]{width:350px;flex-shrink:0;display:flex;border-left:1px solid #e0e0e0}.sending-animation-view[data-v-cd1c26fd]{position:absolute;top:50%;left:calc(100% - 350px);transform:translate(-50%,-50%);z-index:10}.drawer-backdrop[data-v-cd1c26fd]{display:none}}@media (max-width: 768px){.main-layout[data-v-cd1c26fd]{position:relative;width:100%;height:100%;overflow:hidden}.service-section[data-v-cd1c26fd]{height:100%;width:100%;display:flex;flex-direction:column}.service-body[data-v-cd1c26fd]{flex-grow:1;position:relative}.service-header-view[data-v-cd1c26fd]{display:none}.conversation-sidebar-view[data-v-cd1c26fd]{position:fixed;top:0;left:0;bottom:0;z-index:1000;transform:translate(-100%);transition:transform .3s ease-in-out;background:#fff;width:320px}.chat-panel-view[data-v-cd1c26fd],.customer-details-sidebar-view[data-v-cd1c26fd]{display:none;height:100%;width:100%;position:absolute;top:0;left:0}.main-layout.mobile-view-chat .service-body .chat-panel-view[data-v-cd1c26fd]{display:flex}.main-layout.mobile-view-details .customer-details-sidebar-view[data-v-cd1c26fd]{display:flex;z-index:10}.drawer-backdrop[data-v-cd1c26fd]{display:block;position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;z-index:999;opacity:0;transition:opacity .3s ease-in-out;pointer-events:none}.main-layout.drawer-open .conversation-sidebar-view[data-v-cd1c26fd]{transform:translate(0)}.main-layout.drawer-open .drawer-backdrop[data-v-cd1c26fd]{opacity:1;pointer-events:auto}.sending-animation-view[data-v-cd1c26fd]{display:none}}:root{--primary-color: #007bff;--secondary-color: #6c757d;--success-color: #28a745;--danger-color: #dc3545;--warning-color: #ffc107;--info-color: #17a2b8;--light-color: #f8f9fa;--dark-color: #343a40;--border-color: #e9ecef;--text-color: #333;--text-muted: #666}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:#f5f5f5}@media (max-width: 768px){body{overflow-x:hidden;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}}.app-container{height:100vh;display:flex;flex-direction:column}@media (max-width: 768px){.app-container{height:calc(var(--vh, 1vh) * 100);min-height:calc(var(--vh, 1vh) * 100);overflow:hidden}@supports (height: 100dvh){.app-container{height:100dvh;min-height:100dvh}}}