.chat-page-container[data-v-f3b0e60e]{display:flex;flex-direction:column;height:calc(100vh - 180px);min-height:400px;background:#f8fafc;border-radius:12px;overflow:hidden;box-shadow:0 4px 6px -1px #0000001a}.chat-header[data-v-f3b0e60e]{padding:16px 20px;background:#2563eb;color:#fff;display:flex;align-items:center;justify-content:space-between}.chat-title[data-v-f3b0e60e]{font-weight:600;font-size:18px;display:flex;align-items:center;gap:10px}.chat-user-info[data-v-f3b0e60e]{font-size:14px;opacity:.9;background:#fff3;padding:4px 12px;border-radius:20px}.status-dot[data-v-f3b0e60e]{width:10px;height:10px;border-radius:50%;background:#fbbf24}.status-dot.connected[data-v-f3b0e60e]{background:#22c55e}.messages-container[data-v-f3b0e60e]{flex:1;overflow-y:auto;padding:20px;background:#f8fafc}.loading-state[data-v-f3b0e60e],.error-state[data-v-f3b0e60e],.empty-state[data-v-f3b0e60e]{text-align:center;color:#64748b;padding:60px 20px;display:flex;flex-direction:column;align-items:center;gap:12px}.spinner[data-v-f3b0e60e]{width:32px;height:32px;border:3px solid #e2e8f0;border-top-color:#2563eb;border-radius:50%;animation:spin-f3b0e60e 1s linear infinite}@keyframes spin-f3b0e60e{to{transform:rotate(360deg)}}.error-state[data-v-f3b0e60e]{color:#ef4444}.message[data-v-f3b0e60e]{margin-bottom:16px;max-width:70%}.message.is-mine[data-v-f3b0e60e]{margin-left:auto}.message-header[data-v-f3b0e60e]{display:flex;gap:10px;margin-bottom:6px;font-size:13px}.message-author[data-v-f3b0e60e]{font-weight:600;color:#334155}.message-time[data-v-f3b0e60e]{color:#94a3b8}.message-text[data-v-f3b0e60e]{background:#fff;padding:12px 16px;border-radius:12px;border:1px solid #e2e8f0;color:#1e293b;line-height:1.5;word-break:break-word;font-size:15px}.message.is-mine .message-text[data-v-f3b0e60e]{background:#10b981;color:#fff;border-color:#10b981}.input-container[data-v-f3b0e60e]{padding:16px 20px;background:#fff;border-top:1px solid #e2e8f0;display:flex;gap:12px}.message-input[data-v-f3b0e60e]{flex:1;padding:12px 18px;border:1px solid #e2e8f0;border-radius:24px;font-size:16px;outline:none;transition:border-color .2s,box-shadow .2s}.message-input[data-v-f3b0e60e]:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.message-input[data-v-f3b0e60e]:disabled{background:#f1f5f9}.send-btn[data-v-f3b0e60e]{width:48px;height:48px;border-radius:50%;background:#2563eb;border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s,transform .1s}.send-btn[data-v-f3b0e60e]:hover:not(:disabled){background:#1d4ed8;transform:scale(1.05)}.send-btn[data-v-f3b0e60e]:disabled{background:#cbd5e1;cursor:not-allowed}@media (max-width: 768px){.chat-page-container[data-v-f3b0e60e]{height:calc(100vh - 140px);border-radius:0}.message[data-v-f3b0e60e]{max-width:85%}}