.chat-container[data-v-cab1bdeb]{display:flex;height:600px;max-width:1200px;margin:0 auto;border-radius:12px;overflow:hidden;box-shadow:0 8px 32px #0000001a;background:#fff;border:1px solid #e1e5e9}.chat-sidebar[data-v-cab1bdeb]{width:320px;background:#f8f9fa;border-right:1px solid #e1e5e9;display:flex;flex-direction:column}.sidebar-header[data-v-cab1bdeb]{padding:20px;background:#fff;border-bottom:1px solid #e1e5e9}.sidebar-title[data-v-cab1bdeb]{margin:0;color:#2d3748;font-size:18px;font-weight:600}.user-list[data-v-cab1bdeb]{flex:1;overflow-y:auto;padding:8px 0}.user-item[data-v-cab1bdeb]{display:flex;align-items:center;padding:12px 20px;cursor:pointer;transition:all .2s ease;border-left:3px solid transparent}.user-item[data-v-cab1bdeb]:hover{background:#e2e8f0}.user-item.active[data-v-cab1bdeb]{background:#e6fffa;border-left-color:#38b2ac}.user-avatar[data-v-cab1bdeb]{position:relative;margin-right:12px}.user-avatar img[data-v-cab1bdeb]{width:48px;height:48px;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:2px solid #ffffff}.online-indicator[data-v-cab1bdeb]{position:absolute;bottom:2px;right:2px;width:12px;height:12px;background:#48bb78;border:2px solid #ffffff;border-radius:50%}.user-info[data-v-cab1bdeb]{flex:1;min-width:0}.user-name[data-v-cab1bdeb]{font-weight:600;color:#2d3748;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-role[data-v-cab1bdeb]{font-size:12px;color:#718096;text-transform:capitalize}.chat-main[data-v-cab1bdeb]{flex:1;display:flex;flex-direction:column;background:#fff}.chat-header[data-v-cab1bdeb]{padding:16px 24px;background:#fff;border-bottom:1px solid #e1e5e9}.chat-user-info[data-v-cab1bdeb]{display:flex;align-items:center}.header-avatar[data-v-cab1bdeb]{width:40px;height:40px;border-radius:50%;-o-object-fit:cover;object-fit:cover;margin-right:12px;border:2px solid #e2e8f0}.header-user-details[data-v-cab1bdeb]{flex:1}.chat-title[data-v-cab1bdeb]{margin:0;color:#2d3748;font-size:16px;font-weight:600}.chat-status[data-v-cab1bdeb]{color:#48bb78;font-size:12px;margin:0}.chat-messages[data-v-cab1bdeb]{flex:1;overflow-y:auto;padding:20px;background:#f7fafc}.date-separator[data-v-cab1bdeb]{display:flex;align-items:center;justify-content:center;margin:20px 0;position:relative}.date-separator[data-v-cab1bdeb]:before{content:"";flex:1;height:1px;background:#e2e8f0}.date-separator[data-v-cab1bdeb]:after{content:"";flex:1;height:1px;background:#e2e8f0}.date-separator-text[data-v-cab1bdeb]{background:#f7fafc;color:#718096;font-size:12px;font-weight:600;padding:0 16px;text-transform:uppercase;letter-spacing:.5px}.message-wrapper[data-v-cab1bdeb]{margin-bottom:16px}.message-wrapper.sent[data-v-cab1bdeb]{display:flex;justify-content:flex-end}.message-wrapper.received[data-v-cab1bdeb]{display:flex;justify-content:flex-start}.message-bubble[data-v-cab1bdeb]{max-width:70%;background:#fff;border-radius:12px;padding:12px 16px;box-shadow:0 2px 8px #0000001a;border:1px solid #e1e5e9}.message-wrapper.sent .message-bubble[data-v-cab1bdeb]{background:#667eea;color:#fff;border:none}.message-header[data-v-cab1bdeb]{display:flex;align-items:center;margin-bottom:8px}.message-avatar[data-v-cab1bdeb]{width:24px;height:24px;border-radius:50%;-o-object-fit:cover;object-fit:cover;margin-right:8px}.message-sender[data-v-cab1bdeb]{font-weight:600;font-size:12px;color:#4a5568;margin-right:auto}.message-wrapper.sent .message-sender[data-v-cab1bdeb]{color:#ffffffe6}.message-time[data-v-cab1bdeb]{font-size:11px;color:#a0aec0}.message-wrapper.sent .message-time[data-v-cab1bdeb]{color:#ffffffb3}.message-content[data-v-cab1bdeb]{color:#2d3748;line-height:1.5;word-wrap:break-word}.message-wrapper.sent .message-content[data-v-cab1bdeb]{color:#fff}.chat-input[data-v-cab1bdeb]{padding:16px 24px;background:#fff;border-top:1px solid #e1e5e9}.input-container[data-v-cab1bdeb]{display:flex;align-items:center;background:#f7fafc;border-radius:24px;padding:8px 8px 8px 16px;border:1px solid #e2e8f0;transition:all .2s ease}.input-container[data-v-cab1bdeb]:focus-within{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.message-input[data-v-cab1bdeb]{flex:1;border:none;background:transparent;padding:8px 0;font-size:14px;color:#2d3748;outline:none}.message-input[data-v-cab1bdeb]::-moz-placeholder{color:#a0aec0}.message-input[data-v-cab1bdeb]::placeholder{color:#a0aec0}.send-button[data-v-cab1bdeb]{background:#667eea;border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;transition:all .2s ease;margin-left:8px}.send-button[data-v-cab1bdeb]:hover:not(:disabled){background:#5a67d8;transform:scale(1.05)}.send-button[data-v-cab1bdeb]:disabled{background:#cbd5e0;cursor:not-allowed;transform:none}.chat-placeholder[data-v-cab1bdeb]{flex:1;display:flex;align-items:center;justify-content:center;background:#f7fafc}.placeholder-content[data-v-cab1bdeb]{text-align:center;color:#a0aec0}.placeholder-content h3[data-v-cab1bdeb]{margin:16px 0 8px;color:#4a5568;font-weight:600}.placeholder-content p[data-v-cab1bdeb]{margin:0;font-size:14px}@media (max-width: 768px){.chat-container[data-v-cab1bdeb]{height:500px;margin:0 10px}.chat-sidebar[data-v-cab1bdeb]{width:280px}.message-bubble[data-v-cab1bdeb]{max-width:85%}}.user-list[data-v-cab1bdeb]::-webkit-scrollbar,.chat-messages[data-v-cab1bdeb]::-webkit-scrollbar{width:6px}.user-list[data-v-cab1bdeb]::-webkit-scrollbar-track,.chat-messages[data-v-cab1bdeb]::-webkit-scrollbar-track{background:#f1f1f1}.user-list[data-v-cab1bdeb]::-webkit-scrollbar-thumb,.chat-messages[data-v-cab1bdeb]::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.user-list[data-v-cab1bdeb]::-webkit-scrollbar-thumb:hover,.chat-messages[data-v-cab1bdeb]::-webkit-scrollbar-thumb:hover{background:#a1a1a1}