.auth-tabs[data-v-9a4f321e]{display:flex;position:relative;background:#f7fafc;border-radius:12px;padding:4px;margin-bottom:10px}.tab[data-v-9a4f321e]{flex:1;padding:12px 16px;border:none;background:transparent;color:#718096;font-weight:600;font-size:14px;cursor:pointer;border-radius:8px;transition:all .3s ease;z-index:1}.tab.active[data-v-9a4f321e]{color:#667eea}.tab-indicator[data-v-9a4f321e]{position:absolute;top:4px;height:calc(100% - 8px);width:calc(50% - 8px);background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;transition:transform .3s ease}.tab-indicator.login[data-v-9a4f321e]{transform:translate(4px)}.tab-indicator.register[data-v-9a4f321e]{transform:translate(calc(100% + 4px))}.auth-form-content[data-v-30155eac]{space-y:24px}.form-group[data-v-30155eac]{margin-bottom:20px}.form-label[data-v-30155eac]{display:block;margin-bottom:8px;color:#4a5568;font-weight:600;font-size:14px}.form-input[data-v-30155eac]{width:100%;padding:14px 16px;border:2px solid #e2e8f0;border-radius:12px;font-size:16px;transition:all .3s ease;background:#fff}.form-input[data-v-30155eac]:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-input[data-v-30155eac]:disabled{background:#f7fafc;cursor:not-allowed}.submit-btn[data-v-30155eac]{width:100%;padding:16px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:10px}.submit-btn[data-v-30155eac]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #667eea4d}.submit-btn[data-v-30155eac]:disabled{opacity:.7;cursor:not-allowed;transform:none}.submit-btn.loading[data-v-30155eac]{position:relative;overflow:hidden}.loading-text[data-v-30155eac]{display:inline-flex;align-items:center;gap:8px}.loading-text[data-v-30155eac]:after{content:"";width:16px;height:16px;border:2px solid transparent;border-top:2px solid white;border-radius:50%;animation:spin-30155eac 1s linear infinite}@keyframes spin-30155eac{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.register-form[data-v-fd60401a]{width:100%}.form-header[data-v-fd60401a]{text-align:center;margin-bottom:30px}.form-title[data-v-fd60401a]{font-size:24px;font-weight:700;color:#2d3748;margin:0 0 8px}.form-subtitle[data-v-fd60401a]{color:#718096;font-size:14px;margin:0;font-weight:400}.form-content[data-v-fd60401a]{space-y:20px}.input-group[data-v-fd60401a]{margin-bottom:20px}.input-container[data-v-fd60401a]{position:relative;display:flex;align-items:center}.auth-input[data-v-fd60401a]{width:100%;padding:16px 16px 16px 50px;border:2px solid #e2e8f0;border-radius:12px;font-size:16px;transition:all .3s ease;background:#fff;color:#2d3748}.auth-input[data-v-fd60401a]:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;transform:translateY(-1px)}.auth-input[data-v-fd60401a]:disabled{background:#f7fafc;cursor:not-allowed;opacity:.7}.auth-input.input-error[data-v-fd60401a]{border-color:#fc8181;box-shadow:0 0 0 3px #fc81811a}.input-icon[data-v-fd60401a]{position:absolute;left:16px;font-size:18px;pointer-events:none;transition:transform .2s ease}.auth-input:focus+.input-icon[data-v-fd60401a]{transform:scale(1.1)}.password-error[data-v-fd60401a]{display:flex;align-items:center;gap:8px;margin-top:8px;padding:8px 12px;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;font-size:13px;font-weight:500}.password-success[data-v-fd60401a]{display:flex;align-items:center;gap:8px;margin-top:8px;padding:8px 12px;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;color:#16a34a;font-size:13px;font-weight:500}.error-icon[data-v-fd60401a],.success-icon[data-v-fd60401a]{font-size:14px}.password-strength[data-v-fd60401a]{margin:20px 0}.strength-bar[data-v-fd60401a]{height:6px;border-radius:3px;margin-bottom:8px;transition:all .3s ease;background:#e2e8f0}.strength-bar.weak[data-v-fd60401a]{background:linear-gradient(90deg,#ef4444,#e2e8f0);width:25%}.strength-bar.fair[data-v-fd60401a]{background:linear-gradient(90deg,#f59e0b,#e2e8f0);width:50%}.strength-bar.good[data-v-fd60401a]{background:linear-gradient(90deg,#10b981,#e2e8f0);width:75%}.strength-bar.strong[data-v-fd60401a]{background:#10b981;width:100%}.strength-text[data-v-fd60401a]{font-size:12px;color:#718096;text-align:center;font-weight:500}.register-btn[data-v-fd60401a]{width:100%;padding:16px 24px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:10px;position:relative;overflow:hidden}.register-btn[data-v-fd60401a]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #667eea4d}.register-btn[data-v-fd60401a]:active:not(:disabled){transform:translateY(0)}.register-btn[data-v-fd60401a]:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.register-btn.loading[data-v-fd60401a]{pointer-events:none}.btn-content[data-v-fd60401a]{display:flex;align-items:center;justify-content:center;gap:8px}.btn-icon[data-v-fd60401a]{font-size:18px}.loading-spinner[data-v-fd60401a]{width:18px;height:18px;border:2px solid transparent;border-top:2px solid white;border-radius:50%;animation:spin-fd60401a 1s linear infinite}.form-footer[data-v-fd60401a]{margin-top:20px;text-align:center}.security-note[data-v-fd60401a]{color:#a0aec0;font-size:12px;margin:0;display:flex;align-items:center;justify-content:center;gap:6px}@keyframes spin-fd60401a{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:480px){.form-title[data-v-fd60401a]{font-size:20px}.auth-input[data-v-fd60401a]{padding:14px 14px 14px 45px;font-size:16px}.input-icon[data-v-fd60401a]{left:14px}}.auth-container[data-v-60a84954]{min-height:500px;display:flex;align-items:center;justify-content:center;padding:40px 20px;background:linear-gradient(135deg,#667eea,#764ba2)}.auth-card[data-v-60a84954]{background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000001a;padding:40px;width:100%;max-width:440px;transition:transform .3s ease,box-shadow .3s ease}.auth-card[data-v-60a84954]:hover{transform:translateY(-5px);box-shadow:0 25px 80px #00000026}.auth-header[data-v-60a84954]{text-align:center;margin-bottom:30px}.icon-container[data-v-60a84954]{width:80px;height:80px;margin:0 auto 20px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;align-items:center;justify-content:center;padding:15px;box-shadow:0 8px 25px #667eea4d}.user-icon[data-v-60a84954]{width:40px;height:40px;filter:brightness(0) invert(1)}.auth-title[data-v-60a84954]{font-size:28px;font-weight:700;color:#2d3748;margin:0 0 8px;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.auth-subtitle[data-v-60a84954]{color:#718096;font-size:16px;margin:0;font-weight:400}.auth-form[data-v-60a84954]{margin:30px 0}.auth-error[data-v-60a84954]{display:flex;align-items:center;gap:12px;margin-top:20px;padding:16px;background:#fef2f2;border:1px solid #fecaca;border-radius:12px;color:#dc2626;font-size:14px;animation:shake-60a84954 .5s ease-in-out}.error-icon[data-v-60a84954]{font-size:18px;flex-shrink:0}.error-message[data-v-60a84954]{flex:1;line-height:1.4}.auth-footer[data-v-60a84954]{text-align:center;padding-top:20px;border-top:1px solid #e2e8f0}.switch-text[data-v-60a84954]{color:#718096;font-size:14px;margin:0}.switch-btn[data-v-60a84954]{background:none;border:none;color:#667eea;font-weight:600;cursor:pointer;text-decoration:underline;transition:color .2s ease;padding:4px 8px;border-radius:6px}.switch-btn[data-v-60a84954]:hover{color:#5a67d8;background:#f7fafc}@keyframes shake-60a84954{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}@media(max-width:480px){.auth-container[data-v-60a84954]{padding:20px 15px}.auth-card[data-v-60a84954]{padding:30px 25px;border-radius:16px}.auth-title[data-v-60a84954]{font-size:24px}.icon-container[data-v-60a84954]{width:70px;height:70px}.user-icon[data-v-60a84954]{width:35px;height:35px}}.auth-card.loading[data-v-60a84954]{opacity:.7;pointer-events:none}@media(prefers-color-scheme:dark){.auth-card[data-v-60a84954]{background:#1a202c;color:#fff}.auth-title[data-v-60a84954]{background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.auth-subtitle[data-v-60a84954]{color:#a0aec0}.auth-error[data-v-60a84954]{background:#2d1a1a;border-color:#742a2a;color:#fc8181}.switch-text[data-v-60a84954]{color:#a0aec0}.switch-btn[data-v-60a84954]:hover{background:#2d3748}}.optimistic-message .message-bubble[data-v-4577486c]{opacity:.8;border:1px dashed #fbbf24}.optimistic-indicator[data-v-4577486c]{margin-left:8px;animation:pulse-4577486c 1.5s ease-in-out infinite}@keyframes pulse-4577486c{0%,to{opacity:1}50%{opacity:.5}}.messages-container[data-v-4577486c]{display:flex;flex-direction:column;flex:1;background:#fff;overflow:hidden;box-shadow:0 4px 20px #00000014;min-height:0}.load-more-container[data-v-4577486c]{display:flex;justify-content:center;padding:12px 16px;background:#f8fafc;border-bottom:1px solid #e2e8f0;flex-shrink:0}.load-more-btn[data-v-4577486c]{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#fff;color:#64748b;border:2px solid #e2e8f0;border-radius:8px;font-size:clamp(.75rem,2vw,.875rem);font-weight:500;cursor:pointer;transition:all .3s ease;white-space:nowrap}.load-more-btn[data-v-4577486c]:hover:not(:disabled){background:#667eea;color:#fff;border-color:#667eea;transform:translateY(-2px);box-shadow:0 4px 15px #667eea4d}.load-more-btn[data-v-4577486c]:disabled{opacity:.6;cursor:not-allowed;transform:none}.load-more-btn.loading[data-v-4577486c]{pointer-events:none}.btn-content[data-v-4577486c]{display:flex;align-items:center;gap:6px}.loading-spinner[data-v-4577486c]{width:14px;height:14px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin-4577486c 1s linear infinite}.messages[data-v-4577486c]{flex:1;overflow-y:auto;padding:16px;background:#f8fafc;scroll-behavior:smooth;min-height:0}.messages[data-v-4577486c]::-webkit-scrollbar{width:6px}.messages[data-v-4577486c]::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.messages[data-v-4577486c]::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.messages[data-v-4577486c]::-webkit-scrollbar-thumb:hover{background:#94a3b8}.empty-state[data-v-4577486c]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center;color:#64748b;height:100%}.empty-icon[data-v-4577486c]{font-size:clamp(2rem,8vw,3rem);margin-bottom:12px;opacity:.7}.empty-state h3[data-v-4577486c]{margin:0 0 8px;font-size:clamp(1rem,4vw,1.125rem);font-weight:600;color:#475569}.empty-state p[data-v-4577486c]{margin:0;font-size:clamp(.75rem,3vw,.875rem)}.message[data-v-4577486c]{display:flex;gap:8px;margin-bottom:6px;animation:messageSlide-4577486c .3s ease-out}.message.first-in-group[data-v-4577486c]{margin-top:12px}.message-avatar[data-v-4577486c]{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0;margin-top:auto}.own-message[data-v-4577486c]{flex-direction:row-reverse}.own-message .message-content[data-v-4577486c]{align-items:flex-end}.own-message .message-avatar[data-v-4577486c]{background:linear-gradient(135deg,#10b981,#059669)}.message-content[data-v-4577486c]{display:flex;flex-direction:column;gap:3px;max-width:85%;min-width:0}.message-header[data-v-4577486c]{display:flex;align-items:center;gap:6px;font-size:11px;color:#64748b;flex-wrap:wrap}.own-message .message-header[data-v-4577486c]{flex-direction:row-reverse}.username[data-v-4577486c]{font-weight:600;color:#475569;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px}.timestamp[data-v-4577486c]{font-size:10px;opacity:.7;white-space:nowrap}.message-bubble[data-v-4577486c]{padding:10px 14px;background:#fff;border-radius:16px;box-shadow:0 2px 6px #0000001a;line-height:1.4;word-wrap:break-word;border:1px solid #f1f5f9;font-size:clamp(.875rem,2vw,1rem);word-break:break-word;overflow-wrap:break-word}.own-message .message-bubble[data-v-4577486c]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none}@keyframes messageSlide-4577486c{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes spin-4577486c{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:768px){.messages[data-v-4577486c]{padding:12px}.load-more-container[data-v-4577486c]{padding:10px 12px}.load-more-btn[data-v-4577486c]{padding:8px 12px}.message[data-v-4577486c]{gap:6px}.message-avatar[data-v-4577486c]{width:32px;height:32px;font-size:12px}.message-content[data-v-4577486c]{max-width:90%}.message-bubble[data-v-4577486c]{padding:8px 12px;border-radius:14px}.username[data-v-4577486c]{max-width:80px}}.message-input-container[data-v-497f3c11]{padding:20px 0 0;background:#fff}.message-form[data-v-497f3c11]{width:100%}.input-wrapper[data-v-497f3c11]{display:flex;flex-direction:column;gap:12px;background:#fff;border-radius:16px;padding:16px;box-shadow:0 4px 20px #00000014;border:1px solid #e2e8f0}.message-input[data-v-497f3c11]{width:100%;padding:16px 20px;border:2px solid #e2e8f0;border-radius:12px;font-size:16px;background:#fff;transition:all .3s ease;resize:none;font-family:inherit}.message-input[data-v-497f3c11]:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;transform:translateY(-1px)}.message-input[data-v-497f3c11]:disabled{background:#f8fafc;cursor:not-allowed;opacity:.7}.message-input[data-v-497f3c11]::placeholder{color:#94a3b8}.input-actions[data-v-497f3c11]{display:flex;justify-content:space-between;align-items:center}.char-count[data-v-497f3c11]{font-size:12px;color:#94a3b8;font-weight:500}.char-count.warning[data-v-497f3c11]{color:#f59e0b;font-weight:600}.send-btn[data-v-497f3c11]{display:flex;align-items:center;gap:8px;padding:12px 24px;background:#9ca3af;color:#fff;border:none;border-radius:10px;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap}.send-btn.connected[data-v-497f3c11]{background:linear-gradient(135deg,#667eea,#764ba2)}.send-btn[data-v-497f3c11]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.send-btn[data-v-497f3c11]:active:not(:disabled){transform:translateY(0)}.send-btn[data-v-497f3c11]:disabled{cursor:not-allowed;transform:none;box-shadow:none;opacity:.6}.send-icon[data-v-497f3c11]{font-size:16px}.send-text[data-v-497f3c11]{font-size:14px}.send-btn:disabled .send-icon[data-v-497f3c11]{animation:pulse-497f3c11 1.5s ease-in-out infinite}@keyframes pulse-497f3c11{0%,to{opacity:1}50%{opacity:.5}}@media(max-width:768px){.message-input-container[data-v-497f3c11]{padding:16px 0 0}.input-wrapper[data-v-497f3c11]{padding:12px;border-radius:12px}.message-input[data-v-497f3c11]{padding:14px 16px;font-size:16px}.send-btn[data-v-497f3c11]{padding:10px 20px}.send-text[data-v-497f3c11]{display:none}.send-btn[data-v-497f3c11]{padding:10px;border-radius:50%;width:44px;height:44px;justify-content:center}}.chat-section[data-v-b5cb6f44]{display:flex;flex-direction:column;flex:1;margin:0;background:linear-gradient(135deg,#667eea,#764ba2);min-height:0}.chat-header[data-v-b5cb6f44]{background:#fff;padding:24px 32px;box-shadow:0 4px 20px #0000001a;flex-shrink:0}.header-content[data-v-b5cb6f44]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;gap:24px}.user-info[data-v-b5cb6f44]{display:flex;align-items:center;gap:16px;flex:1}.user-avatar[data-v-b5cb6f44]{width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);padding:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.avatar-img[data-v-b5cb6f44]{width:36px;height:36px;filter:brightness(0) invert(1)}.user-details[data-v-b5cb6f44]{flex:1}.welcome-text[data-v-b5cb6f44]{margin:0 0 6px;font-size:1.25rem;font-weight:600;color:#2d3748}.username[data-v-b5cb6f44]{background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.room-info[data-v-b5cb6f44]{margin:0;color:#718096;font-size:.95rem}.room-name[data-v-b5cb6f44]{font-weight:600;color:#667eea}.logout-btn[data-v-b5cb6f44]{padding:12px 24px;background:#f8f9fa;color:#718096;border:2px solid #e2e8f0;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s ease;flex-shrink:0;white-space:nowrap;font-size:.95rem}.logout-btn[data-v-b5cb6f44]:hover{background:#fee2e2;color:#dc2626;border-color:#fecaca;transform:translateY(-2px)}.connection-controls[data-v-b5cb6f44]{display:flex;gap:16px;align-items:center;transition:all .3s ease}.hidden-on-mobile[data-v-b5cb6f44]{display:none}.mobile-header[data-v-b5cb6f44]{display:none;justify-content:space-between;align-items:center;gap:16px}.mobile-room-info[data-v-b5cb6f44]{display:flex;align-items:center;gap:8px;font-size:.95rem}.mobile-room-label[data-v-b5cb6f44]{color:#718096;font-weight:500}.mobile-room-id[data-v-b5cb6f44]{color:#667eea;font-weight:600;background:#f7fafc;padding:4px 12px;border-radius:8px;border:1px solid #e2e8f0}.mobile-disconnect-btn[data-v-b5cb6f44]{padding:10px 20px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:.9rem;white-space:nowrap}.mobile-disconnect-btn[data-v-b5cb6f44]:hover{transform:translateY(-2px);box-shadow:0 8px 25px #ef44444d}.room-input-container[data-v-b5cb6f44]{position:relative;flex:1;display:flex;align-items:center}.input-icon[data-v-b5cb6f44]{position:absolute;left:16px;font-size:16px;color:#718096;z-index:1}.room-input[data-v-b5cb6f44]{width:100%;padding:14px 16px 14px 40px;border:2px solid #e2e8f0;border-radius:12px;font-size:15px;background:#fff;transition:all .3s ease}.room-input[data-v-b5cb6f44]:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.room-input[data-v-b5cb6f44]:disabled{background:#f7fafc;cursor:not-allowed}.connect-btn[data-v-b5cb6f44]{padding:14px 24px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap;flex-shrink:0;font-size:.95rem}.connect-btn[data-v-b5cb6f44]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #10b9814d}.connect-btn.connected[data-v-b5cb6f44]{background:linear-gradient(135deg,#ef4444,#dc2626)}.connect-btn.connected[data-v-b5cb6f44]:hover:not(:disabled){box-shadow:0 8px 25px #ef44444d}.connect-btn[data-v-b5cb6f44]:disabled{background:#9ca3af;cursor:not-allowed;transform:none;box-shadow:none}.status-message[data-v-b5cb6f44]{display:flex;align-items:center;gap:12px;padding:16px 32px;font-size:14px;font-weight:500;flex-shrink:0}.status-info[data-v-b5cb6f44]{background:#dbeafe;color:#1e40af;border:1px solid #93c5fd}.status-error[data-v-b5cb6f44]{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}.status-icon[data-v-b5cb6f44]{font-size:16px;flex-shrink:0}.status-text[data-v-b5cb6f44]{flex:1}.chat-content[data-v-b5cb6f44]{flex:1;display:flex;flex-direction:column;min-height:0}@media(max-width:1024px){.chat-header[data-v-b5cb6f44]{padding:20px 24px}.user-avatar[data-v-b5cb6f44]{width:56px;height:56px}.avatar-img[data-v-b5cb6f44]{width:32px;height:32px}.welcome-text[data-v-b5cb6f44]{font-size:1.15rem}}@media(max-width:768px){.chat-header[data-v-b5cb6f44]{padding:16px 20px}.header-content[data-v-b5cb6f44]{flex-direction:column;gap:16px;align-items:stretch}.connection-controls[data-v-b5cb6f44]{flex-direction:column;gap:12px}.user-info[data-v-b5cb6f44]{justify-content:center;text-align:center}.status-message[data-v-b5cb6f44]{padding:14px 20px}.user-avatar[data-v-b5cb6f44]{width:52px;height:52px}.avatar-img[data-v-b5cb6f44]{width:28px;height:28px}.logout-btn[data-v-b5cb6f44]{width:100%;justify-content:center}.mobile-header[data-v-b5cb6f44]{display:flex}}.chat-app[data-v-c85e49e0]{width:100%;max-width:1200px;margin:0 auto;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;box-shadow:0 10px 30px #0003;overflow:hidden;min-height:100vh;height:100vh}.chat-header[data-v-c85e49e0]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:20px;text-align:center}.chat-header h1[data-v-c85e49e0]{margin:0;font-size:clamp(1.5rem,4vw,2rem);font-weight:600}.chat-main[data-v-c85e49e0]{display:flex;flex-direction:column;height:calc(100vh - 80px)}.loading-auth-section[data-v-c85e49e0]{padding:40px 20px;background:#f8f9fa;display:flex;align-items:center;justify-content:center;flex:1}.loading-auth[data-v-c85e49e0]{text-align:center;color:#6c757d;max-width:400px}.loading-auth h3[data-v-c85e49e0]{margin-bottom:10px;font-size:1.2rem}@media(max-width:768px){.chat-app[data-v-c85e49e0]{border-radius:0;height:100vh;min-height:100vh}.chat-header[data-v-c85e49e0]{padding:16px 20px}.chat-main[data-v-c85e49e0]{height:calc(100vh - 72px)}}@media(max-width:480px){.chat-header[data-v-c85e49e0]{padding:12px 16px}.chat-main[data-v-c85e49e0]{height:calc(100vh - 64px)}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;padding:20px}#app{min-height:100vh;display:flex;align-items:center;justify-content:center;width:100%;max-width:100%}