._container_1wn2m_8{flex-direction:row;width:100vw;height:100vh;display:flex;overflow:hidden}._leftSide_1wn2m_16{flex:1;max-width:50%}._sideImage_1wn2m_21{object-fit:cover;width:100%;height:100%;display:block}._rightSide_1wn2m_28{background-color:#fff;flex:1;justify-content:center;align-items:center;padding:40px;display:flex}._formWrapper_1wn2m_37{flex-direction:column;gap:12px;width:100%;max-width:380px;display:flex}._logo_1wn2m_45{object-fit:contain;width:40px;height:40px;margin-bottom:8px}._title_1wn2m_52{color:#1a1a2e;margin:0;font-size:26px;font-weight:700;line-height:1.2}._subtitle_1wn2m_60{color:#888;margin:0 0 4px;font-size:14px}._googleBtn_1wn2m_66{color:#333;cursor:pointer;background:#fff;border:1.5px solid #d1d5db;border-radius:8px;justify-content:center;align-items:center;gap:10px;width:100%;padding:11px 16px;font-size:14px;font-weight:500;transition:background .15s;display:flex}._googleBtn_1wn2m_66:hover{background:#f5f5f5}._googleIcon_1wn2m_87{object-fit:contain;width:20px;height:20px}._divider_1wn2m_93{align-items:center;gap:10px;margin:4px 0;display:flex}._dividerLine_1wn2m_100{background-color:#e5e7eb;flex:1;height:1px}._dividerText_1wn2m_106{color:#9ca3af;white-space:nowrap;font-size:12px}._label_1wn2m_112{color:#555;margin-bottom:-6px;font-size:13px;font-weight:500}._input_1wn2m_119{color:#333;box-sizing:border-box;border:1.5px solid #e5e7eb;border-radius:8px;outline:none;width:100%;padding:11px 14px;font-size:14px;transition:border-color .15s}._input_1wn2m_119:focus{border-color:#7c3d52}._input_1wn2m_119::placeholder{color:#bbb}._row_1wn2m_139{justify-content:space-between;align-items:center;margin:2px 0;display:flex}._rememberMe_1wn2m_146{color:#555;cursor:pointer;align-items:center;gap:6px;font-size:13px;display:flex}._checkbox_1wn2m_155{accent-color:#7c3d52;cursor:pointer;width:15px;height:15px}._forgotPassword_1wn2m_162{color:#c0576b;font-size:13px;font-weight:500;text-decoration:none}._forgotPassword_1wn2m_162:hover{text-decoration:underline}._error_1wn2m_173{color:#dc2626;margin:-4px 0 0;font-size:13px}._loginBtn_1wn2m_179{color:#fff;cursor:pointer;letter-spacing:.3px;background-color:#7c3d52;border:none;border-radius:8px;width:100%;margin-top:4px;padding:13px;font-size:15px;font-weight:600;transition:background .15s}._loginBtn_1wn2m_179:hover{background-color:#6b3347}._registerRow_1wn2m_198{text-align:center;color:#888;margin-top:8px;font-size:13px}._createAccount_1wn2m_205{color:#7c3d52;font-weight:600;text-decoration:none}._createAccount_1wn2m_205:hover{text-decoration:underline}._container_iu4h7_8{width:100vw;height:100vh;display:flex;overflow:hidden}._leftSide_iu4h7_15{flex:1;max-width:50%;overflow:hidden}._coverImage_iu4h7_21{object-fit:cover;width:100%;height:100%;display:block}._rightSide_iu4h7_28{background:#fff;flex:1;justify-content:center;align-items:center;padding:40px;display:flex}._formWrapper_iu4h7_37{flex-direction:column;gap:14px;width:100%;max-width:380px;display:flex}._iconWrap_iu4h7_45,._successIcon_iu4h7_56{background:#fdf2f5;border-radius:16px;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:4px;display:flex}._title_iu4h7_67{color:#1a1a2e;margin:0;font-size:26px;font-weight:700;line-height:1.2}._subtitle_iu4h7_75{color:#6b7280;margin:0;font-size:14px;line-height:1.6}._hint_iu4h7_82{color:#9ca3af;margin:-4px 0 0;font-size:13px}._emailHighlight_iu4h7_88{color:#7c3d52;font-weight:600}._label_iu4h7_93{color:#555;margin-bottom:-6px;font-size:13px;font-weight:500}._input_iu4h7_100{color:#333;box-sizing:border-box;background:#fff;border:1.5px solid #e5e7eb;border-radius:8px;outline:none;width:100%;padding:12px 14px;font-size:14px;transition:border-color .15s,box-shadow .15s}._input_iu4h7_100:focus{border-color:#7c3d52;box-shadow:0 0 0 3px #7c3d521a}._input_iu4h7_100::placeholder{color:#bbb}._error_iu4h7_122{color:#dc2626;margin:-6px 0 0;font-size:13px}._submitBtn_iu4h7_128{color:#fff;cursor:pointer;letter-spacing:.3px;background-color:#7c3d52;border:none;border-radius:8px;width:100%;padding:13px;font-size:15px;font-weight:600;transition:background .15s}._submitBtn_iu4h7_128:hover{background-color:#6b3347}._submitBtn_iu4h7_128:disabled{opacity:.65;cursor:not-allowed}._backBtn_iu4h7_151{color:#7c3d52;cursor:pointer;background:0 0;border:1.5px solid #e5e7eb;border-radius:8px;width:100%;padding:11px;font-size:14px;font-weight:500;transition:border-color .15s,background .15s}._backBtn_iu4h7_151:hover{background:#fdf2f5;border-color:#7c3d52}html,body{margin:0;padding:0;overflow:hidden}._container_olnox_8{width:100vw;height:100vh;display:flex;overflow:hidden}._leftSide_olnox_15{flex:1;max-width:50%;overflow:hidden}._coverImage_olnox_21{object-fit:cover;width:100%;height:100%;display:block}._rightSide_olnox_28{background:#fff;flex:1;justify-content:center;align-items:center;padding:40px;display:flex;overflow-y:auto}._formWrapper_olnox_38{flex-direction:column;gap:10px;width:100%;max-width:400px;display:flex}._title_olnox_46{color:#1a1a2e;margin:0;font-size:26px;font-weight:700;line-height:1.2}._subtitle_olnox_54{color:#888;margin:0 0 6px;font-size:14px}._nameRow_olnox_60{gap:12px;display:flex}._fieldGroup_olnox_65{flex-direction:column;flex:1;gap:4px;display:flex}._label_olnox_72{color:#555;font-size:13px;font-weight:500}._input_olnox_78{color:#333;box-sizing:border-box;background:#fff;border:1.5px solid #e5e7eb;border-radius:8px;outline:none;width:100%;padding:11px 14px;font-size:14px;transition:border-color .15s,box-shadow .15s}._input_olnox_78:focus{border-color:#7c3d52;box-shadow:0 0 0 3px #7c3d5214}._input_olnox_78::placeholder{color:#bbb}._input_olnox_78[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}._input_olnox_78[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}._registerBtn_olnox_106{color:#fff;cursor:pointer;letter-spacing:.3px;background-color:#7c3d52;border:none;border-radius:8px;width:100%;margin-top:4px;padding:13px;font-size:15px;font-weight:600;transition:background .15s}._registerBtn_olnox_106:hover{background-color:#6b3347}._loginRow_olnox_125{text-align:center;color:#888;margin-top:4px;font-size:13px}._loginLink_olnox_132{color:#7c3d52;font-weight:600;text-decoration:none}._loginLink_olnox_132:hover{text-decoration:underline}._error_olnox_142{color:#dc2626;margin:-4px 0 0;font-size:13px}.chat-page[data-theme=light]{--bg-chat:#fff;--bg-header:#fff;--bg-input-area:#fff;--bg-bubble-other:#fff;--bubble-shadow:0 1px 4px #00000026;--bg-message-input:#f5f5f7;--border-color:#e0e0e0;--input-border:#e5e7eb;--text-primary:#222;--text-secondary:#333;--text-muted:#888;--text-placeholder:#aaa;--input-text:#333;--header-shadow:#0000000d;--sidebar-bg:#2c3e50;--sidebar-border:#34495e;--empty-state-color:#aaa}.chat-page[data-theme=dark]{--bg-chat:#1a1f2e;--bg-header:#1e2535;--bg-input-area:#1e2535;--bg-bubble-other:#2a3547;--bubble-shadow:0 1px 4px #0006;--bg-message-input:#262d3d;--border-color:#2e3a4a;--input-border:#2e3a4a;--text-primary:#e8eaed;--text-secondary:#c0c7d0;--text-muted:#7a8595;--text-placeholder:#556070;--input-text:#e0e6ee;--header-shadow:#00000040;--sidebar-bg:#151b27;--sidebar-border:#222b3a;--empty-state-color:#556070}.chat-page{background:var(--bg-chat);width:100%;height:100vh;transition:background .2s;display:flex;overflow:hidden}.loading-container{flex-direction:column;justify-content:center;align-items:center;gap:16px;height:100vh;display:flex}.loading-spinner{border:4px solid #e0e0e0;border-top-color:#7c3d52;border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.empty-rooms-container{height:100vh;color:var(--text-muted);justify-content:center;align-items:center;display:flex}.sidebar{background:var(--sidebar-bg);color:#fff;z-index:100;flex-direction:column;width:280px;transition:transform .3s,background .2s;display:flex}.sidebar.closed{position:absolute;transform:translate(-280px)}.sidebar-header{border-bottom:1px solid var(--sidebar-border);flex-direction:column;gap:12px;padding:16px 16px 12px;display:flex}.sidebar-header h2{letter-spacing:.03em;color:#fff;margin:0;font-size:16px;font-weight:700}.user-info{background:#ffffff0f;border-radius:8px;align-items:center;gap:10px;padding:8px 10px;display:flex}.user-avatar{object-fit:cover;border:2px solid #7c3d52;border-radius:50%;flex-shrink:0;width:34px;height:34px}.user-avatar-fallback{color:#fff;background:#7c3d52;border:2px solid #7c3d52;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:14px;font-weight:700;display:flex}.user-avatar-fallback.hidden{display:none}.user-name{color:#dde1e7;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;overflow:hidden}.room-list{flex-direction:column;display:flex;overflow-y:auto}.rooms{flex-direction:column;gap:2px;padding:4px 8px;display:flex}.room-item{cursor:pointer;color:#a0aab4;-webkit-user-select:none;user-select:none;border-radius:6px;align-items:center;gap:6px;padding:7px 10px;font-size:14px;font-weight:500;transition:background .15s,color .15s;display:flex}.room-item:hover{color:#dde1e7;background:#ffffff12}.room-item.active{color:#fff;background:#7c3d5259;font-weight:600}.room-icon{opacity:.6;flex-shrink:0;font-size:16px}.room-item.active .room-icon{opacity:1}.room-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.room-list-header{justify-content:space-between;align-items:center;padding:12px 16px 4px;display:flex}.room-list-header h3{text-transform:uppercase;letter-spacing:.05em;color:#a0aab4;margin:0;font-size:13px;font-weight:700}.add-room-btn{color:#fff;cursor:pointer;background:#7c3d52;border:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:18px;font-weight:700;line-height:1;transition:background .15s;display:flex}.add-room-btn:hover{background:#6b3347}.new-room-input{gap:6px;padding:6px 12px;display:flex}.new-room-input input{color:#fff;background:#1e2d3d;border:1px solid #4a6278;border-radius:6px;outline:none;flex:1;padding:5px 8px;font-size:13px}.new-room-input input:focus{border-color:#7c3d52}.new-room-input button{color:#fff;cursor:pointer;background:#7c3d52;border:none;border-radius:6px;padding:5px 10px;font-size:13px}.new-room-input button:hover{background:#6b3347}.sidebar-footer{border-top:1px solid var(--sidebar-border);margin-top:auto;padding:16px}.logout-button{color:#fff;cursor:pointer;background:#e74c3c;border:none;border-radius:6px;width:100%;padding:10px;font-size:14px;transition:background .2s}.logout-button:hover{background:#c0392b}.sidebar-toggle{color:#fff;cursor:pointer;z-index:101;background:#7c3d52;border:none;border-radius:50%;width:40px;height:40px;font-size:18px;display:none;position:fixed;top:12px;left:12px;box-shadow:0 2px 8px #0003}.chat-area{background:var(--bg-chat);flex-direction:column;flex:1;transition:background .2s;display:flex}.chat-header{background:var(--bg-header);border-bottom:1px solid var(--border-color);box-shadow:0 1px 3px var(--header-shadow);justify-content:space-between;align-items:center;padding:16px 24px;transition:background .2s,border-color .2s;display:flex}.theme-toggle{cursor:pointer;background:0 0;border:none;border-radius:8px;padding:4px 8px;font-size:20px;line-height:1;transition:background .15s}.theme-toggle:hover{background:#7c3d521f}.room-info h3{color:var(--text-secondary);align-items:center;gap:8px;margin:0;font-size:18px;transition:color .2s;display:flex}.room-members-count{color:var(--text-muted);font-size:14px}.messages-container{background-position:50%;background-size:cover;background-attachment:local;flex-direction:column;flex:1;padding:20px;transition:background-color .2s;display:flex;overflow-y:auto}.messages-loading{height:100%;color:var(--text-muted);justify-content:center;align-items:center;display:flex}.input-container{background:var(--bg-input-area);border-top:1px solid var(--border-color);padding:16px 24px;transition:background .2s,border-color .2s}.message-item{align-items:flex-end;gap:8px;margin-bottom:12px;display:flex}.message-item.mine{flex-direction:row-reverse}.avatar{object-fit:cover;border-radius:50%;flex-shrink:0;width:34px;height:34px}.avatar-fallback{color:#fff;background:#4a6278;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:13px;font-weight:700;display:flex}.avatar-fallback.hidden{display:none}.message-content{flex-direction:column;max-width:65%;display:flex}.message-item.mine .message-content{align-items:flex-end}.sender-name{color:#7c3d52;margin-bottom:3px;padding-left:4px;font-size:12px;font-weight:600}.message-bubble{background:var(--bg-bubble-other);box-shadow:var(--bubble-shadow);border-radius:18px 18px 18px 4px;padding:10px 14px;transition:background .2s;display:inline-block}.message-item.mine .message-bubble{background:#7c3d52;border-radius:18px 18px 4px}.message-bubble p{color:var(--text-primary);word-break:break-word;margin:0 0 4px;font-size:14px;line-height:1.5;transition:color .2s}.message-item.mine .message-bubble p{color:#fff}.timestamp{color:var(--text-muted);text-align:right;font-size:11px;transition:color .2s;display:block}.message-item.mine .timestamp{color:#ffffffb3}.empty-state{height:100%;color:var(--empty-state-color);justify-content:center;align-items:center;font-size:14px;display:flex}.message-input{background:var(--bg-message-input);border:1.5px solid var(--input-border);border-radius:12px;align-items:center;gap:10px;padding:8px 12px;transition:border-color .15s,background .2s;display:flex}.message-input:focus-within{border-color:#7c3d52}.message-input input{color:var(--input-text);background:0 0;border:none;outline:none;flex:1;padding:4px 0;font-size:14px;transition:color .2s}.message-input input::placeholder{color:var(--text-placeholder)}.message-input button{color:#fff;cursor:pointer;background:#7c3d52;border:none;border-radius:8px;flex-shrink:0;padding:8px 18px;font-size:14px;font-weight:600;transition:background .15s}.message-input button:hover{background:#6b3347}@media (width<=768px){.sidebar-toggle{justify-content:center;align-items:center;display:flex}.sidebar{height:100vh;position:fixed;top:0;left:0}.sidebar.open{transform:translate(0)}.chat-area{margin-left:0}.chat-header{padding-left:60px}}