.modal-overlay.svelte-b3cvzf{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content.svelte-b3cvzf{background:#fff;border-radius:12px;width:90%;max-width:500px;height:80vh;max-height:600px;display:flex;flex-direction:column;box-shadow:0 20px 25px -5px #0000001a}.modal-header.svelte-b3cvzf{display:flex;align-items:center;justify-content:space-between;padding:1rem;border-bottom:1px solid #e5e7eb}.user-info.svelte-b3cvzf{display:flex;align-items:center;gap:.75rem}.user-info.clickable.svelte-b3cvzf{cursor:pointer;border-radius:8px;padding:.25rem;transition:background-color .2s}.user-info.clickable.svelte-b3cvzf:hover{background-color:#f3f4f6}.avatar.svelte-b3cvzf{width:40px;height:40px;border-radius:50%;object-fit:cover}.avatar-placeholder.svelte-b3cvzf{width:40px;height:40px;border-radius:50%;background:#6366f1;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600}.user-info.svelte-b3cvzf h3:where(.svelte-b3cvzf){margin:0;font-size:1.1rem;font-weight:600}.user-status.svelte-b3cvzf{display:flex;flex-direction:column;gap:.25rem}.username.svelte-b3cvzf{margin:0;font-size:.875rem;color:#6b7280}.online-status.svelte-b3cvzf{display:flex;align-items:center;gap:.25rem}.status-indicator.svelte-b3cvzf{width:6px;height:6px;border-radius:50%;display:inline-block}.status-indicator.online.svelte-b3cvzf{background-color:#10b981;box-shadow:0 0 0 1px #10b98133}.status-indicator.offline.svelte-b3cvzf{background-color:#6b7280}.status-text.svelte-b3cvzf{font-size:.75rem;color:#6b7280}.close-btn.svelte-b3cvzf{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#6b7280;padding:.25rem}.close-btn.svelte-b3cvzf:hover{color:#374151}.offline-notification.svelte-b3cvzf{background:#fef3c7;border:1px solid #f59e0b;color:#92400e;padding:.75rem 1rem;display:flex;align-items:center;gap:.5rem;font-size:.875rem;border-bottom:1px solid #e5e7eb}.offline-icon.svelte-b3cvzf{font-size:1rem}.messages-container.svelte-b3cvzf{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:.5rem}.loading.svelte-b3cvzf,.empty-state.svelte-b3cvzf{display:flex;align-items:center;justify-content:center;height:100%;color:#6b7280}.date-separator.svelte-b3cvzf{text-align:center;margin:1rem 0}.date-separator.svelte-b3cvzf span:where(.svelte-b3cvzf){background:#f3f4f6;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;color:#6b7280}.message.svelte-b3cvzf{display:flex;flex-direction:column;margin-bottom:.5rem}.message.sent.svelte-b3cvzf{align-items:flex-end}.message.received.svelte-b3cvzf{align-items:flex-start}.message-content.svelte-b3cvzf{max-width:70%;padding:.75rem;border-radius:12px;word-wrap:break-word}.message.sent.svelte-b3cvzf .message-content:where(.svelte-b3cvzf){background:#6366f1;color:#fff}.message.received.svelte-b3cvzf .message-content:where(.svelte-b3cvzf){background:#f3f4f6;color:#374151}.message-content.svelte-b3cvzf p:where(.svelte-b3cvzf){margin:0}.attachment.svelte-b3cvzf{margin-top:.5rem}.attachment-image.svelte-b3cvzf{max-width:200px;max-height:200px;border-radius:8px;object-fit:cover}.attachment-link.svelte-b3cvzf{color:inherit;text-decoration:underline}.message-sender.svelte-b3cvzf{display:flex;align-items:center;gap:.5rem;margin-bottom:.25rem;padding:0 .75rem}.sender-avatar.svelte-b3cvzf{width:20px;height:20px;border-radius:50%;object-fit:cover}.sender-avatar-placeholder.svelte-b3cvzf{width:20px;height:20px;border-radius:50%;background:#6366f1;color:#fff;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600}.sender-name.svelte-b3cvzf{font-size:.75rem;font-weight:600;color:#6b7280}.message-time.svelte-b3cvzf{font-size:.75rem;color:#9ca3af;margin-top:.25rem;padding:0 .75rem}.message-input-container.svelte-b3cvzf{border-top:1px solid #e5e7eb;padding:1rem}.selected-file.svelte-b3cvzf{display:flex;align-items:center;justify-content:space-between;background:#f3f4f6;padding:.5rem;border-radius:8px;margin-bottom:.5rem;font-size:.875rem}.selected-file.svelte-b3cvzf button:where(.svelte-b3cvzf){background:none;border:none;cursor:pointer;color:#6b7280;font-size:1.2rem}.file-error.svelte-b3cvzf{display:flex;align-items:center;background:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:.5rem;border-radius:8px;margin-bottom:.5rem;font-size:.875rem}.file-error.svelte-b3cvzf span:where(.svelte-b3cvzf){display:flex;align-items:center;gap:.5rem}.input-row.svelte-b3cvzf{display:flex;align-items:flex-end;gap:.5rem}.attach-btn.svelte-b3cvzf{background:#f3f4f6;border:none;border-radius:8px;padding:.5rem;cursor:pointer;font-size:1.2rem}.attach-btn.svelte-b3cvzf:hover{background:#e5e7eb}textarea.svelte-b3cvzf{flex:1;border:1px solid #d1d5db;border-radius:8px;padding:.75rem;resize:none;font-family:inherit;min-height:40px;max-height:120px}textarea.svelte-b3cvzf:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.send-btn.svelte-b3cvzf{background:#6366f1;color:#fff;border:none;border-radius:8px;padding:.75rem 1rem;cursor:pointer;font-weight:500}.send-btn.svelte-b3cvzf:hover:not(:disabled){background:#5856eb}.send-btn.svelte-b3cvzf:disabled{background:#9ca3af;cursor:not-allowed}