._chatApp_1ajf3_1{display:flex;height:100vh;background-color:#1b1b1b;color:#fff;font-family:sans-serif}._sidebar_1ajf3_19{width:320px;background-color:#181818;display:flex;flex-direction:column;box-sizing:border-box;transition:all .3s ease;overflow:hidden}._open_1ajf3_41{width:250px}._closed_1ajf3_49{width:55px}._sidebarHeader_1ajf3_57{display:flex;justify-content:space-between;align-items:center;padding:18px 8px}._sidebarHeaderClosed_1ajf3_71{justify-content:center}._sidebarTitle_1ajf3_79,._sidebarMenu_1ajf3_81{display:flex;align-items:center;font-size:16px;gap:4px;font-weight:700}._sidebarTopMenu_1ajf3_97{padding:12px 6px}._sidebarTopMenuItem_1ajf3_105{display:flex;align-items:center;color:#fff;cursor:pointer;transition:all .3s ease;padding:8px 12px;border-radius:10px}._sidebarTopMenuItem_1ajf3_105:hover{background-color:#ffffff1a}._menuIcon_1ajf3_133{font-size:32px;display:flex;align-items:center;justify-content:center}._createBtn_1ajf3_147{font-size:14px;margin-left:10px;transition:all .3s ease;white-space:nowrap}._sidebarOpen_1ajf3_163{opacity:1;visibility:visible}._sidebarClosed_1ajf3_175{display:none;justify-content:center}._chatList_1ajf3_195{flex:1;overflow-y:auto}._chatListClosed_1ajf3_205{opacity:0;visibility:hidden;width:0;margin:0;overflow:hidden}._chatItem_1ajf3_221{margin:0 6px;padding:8px 12px;border-radius:10px;font-size:14px;cursor:pointer}._chatItem_1ajf3_221:hover{background-color:#ffffff1a}._active_1ajf3_245{background-color:#ffffff0d}._sidebarFooter_1ajf3_253{padding:4px;font-size:10px;text-align:center}._connected_1ajf3_265{color:#90ee90}._disconnected_1ajf3_273{color:salmon}@media (max-width: 768px){._sidebar_1ajf3_19{position:absolute;z-index:10;height:100%;left:0;top:0}._closed_1ajf3_49{transform:translate(-100%)}._open_1ajf3_41{transform:translate(0)}}._chatMain_1ajf3_321{display:flex;flex:1;overflow-y:auto;transition:all .3s ease;flex-direction:column;width:100%;background-color:#212121;color:#fff;padding:16px}._chatTitle_1ajf3_345{font-size:1.2rem;font-weight:700;margin:4px 5px 20px;padding:10px 0;border-bottom:solid 2px #ffffff0d}._messages_1ajf3_361{display:flex;flex:1;flex-direction:column;overflow-y:auto;gap:8px;padding-right:10px}._message_1ajf3_361{display:flex;max-width:40%;padding:10px 14px;border-radius:20px;word-break:break-word}span{width:100%!important}._user_1ajf3_403{margin-left:auto;background-color:#323232d9;color:#fff;border-top-right-radius:0}._server_1ajf3_417{margin-right:auto;color:#fff;border-top-left-radius:0}._typing_1ajf3_431{font-size:.85rem;color:#aaa;margin-left:8px;display:flex;align-items:center;gap:6px}._chatInput_1ajf3_451{display:flex;align-items:center;gap:6px;background-color:#303030;padding:8px;border-radius:12px}._chatInput_1ajf3_451 textarea{flex:1;background:none;border:none;color:#fff;resize:none;padding:6px;font-family:inherit;font-size:1rem;outline:none}._iconBtn_1ajf3_493{background:none;border:none;cursor:pointer;color:#fff}._iconBtn_1ajf3_493:hover{background:#ffffff1a;padding:5px;border-radius:10px}body{margin:0;box-sizing:border-box;font-family:Manrope,sans-serif;background-color:#f8f9fa}