body{margin:0;font-family:system-ui,-apple-system,sans-serif}._container_1ejq4_1{background-color:#17212b;justify-content:center;align-items:center;height:100vh;display:flex}._form_1ejq4_8{background-color:#242f3d;border-radius:8px;flex-direction:column;width:320px;padding:32px;display:flex}._form_1ejq4_8 h2{color:#fff;text-align:center;margin-bottom:24px}._input_1ejq4_21{color:#fff;background-color:#17212b;border:none;border-radius:4px;outline:none;margin-bottom:16px;padding:12px;font-size:16px}._button_1ejq4_31{color:#fff;cursor:pointer;background-color:#2b5278;border:none;border-radius:4px;padding:12px;font-size:16px;font-weight:500}._button_1ejq4_31:hover{background-color:#35648d}._link_1ejq4_44{color:#6ab2f2;text-align:center;cursor:pointer;margin-top:12px;text-decoration:none}._container_19pev_1{background-color:#17212b;justify-content:center;align-items:center;height:100vh;display:flex}._form_19pev_8{background-color:#242f3d;border-radius:8px;flex-direction:column;width:320px;padding:32px;display:flex}._form_19pev_8 h2{color:#fff;text-align:center;margin-bottom:24px}._input_19pev_21{color:#fff;background-color:#17212b;border:none;border-radius:4px;outline:none;margin-bottom:16px;padding:12px;font-size:16px}._button_19pev_31{color:#fff;cursor:pointer;background-color:#2b5278;border:none;border-radius:4px;padding:12px;font-size:16px;font-weight:500}._button_19pev_31:hover{background-color:#35648d}._link_19pev_44{color:#6ab2f2;text-align:center;cursor:pointer;margin-top:12px}:root{--nav-width:68px;--chatlist-width:360px;--drawer-width:320px;--nav-bg:#25303e;--nav-active-bg:#3a4a62;--nav-icon-color:#ffffffb3;--chatlist-bg:#fff;--search-bg:#f3f4f6;--text-primary:#111b21;--text-secondary:#667781;--accent:#5ea0ef;--green-badge:#34c759;--border-light:#ebecee}._container_kp8yu_19{background:var(--chatlist-bg);flex-direction:row;width:100vw;height:100vh;font-family:system-ui,-apple-system,sans-serif;font-size:14px;display:flex;overflow:hidden}._leftNav_kp8yu_31{width:var(--nav-width);background:var(--nav-bg);box-sizing:border-box;z-index:10;flex-direction:column;justify-content:space-between;align-items:center;height:100%;padding:12px 0;display:flex;position:relative}._navIcons_kp8yu_45{flex-direction:column;align-items:center;gap:16px;display:flex}._navIcon_kp8yu_45{width:40px;height:40px;color:var(--nav-icon-color);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;font-size:20px;transition:background .2s,color .2s;display:flex;position:relative}._navIcon_kp8yu_45:hover{background:#ffffff1a}._navActive_kp8yu_70{background:var(--nav-active-bg);color:#fff}._badge_kp8yu_75{background:var(--green-badge);color:#fff;border:1px solid var(--nav-bg);border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:10px;font-weight:700;display:flex;position:absolute;top:-4px;right:-4px}._navFab_kp8yu_92{background:var(--nav-active-bg);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;display:flex;box-shadow:0 2px 6px #0000004d}._drawer_kp8yu_105{width:var(--drawer-width);z-index:1000;background:#fff;flex-direction:column;height:100vh;transition:transform .25s cubic-bezier(.25,.8,.25,1);display:flex;position:fixed;top:0;left:0;transform:translate(-100%);box-shadow:2px 0 8px #00000026}._drawerOpen_kp8yu_120{transition:transform .5s cubic-bezier(.25,.8,.25,1);transform:translate(0)}._drawerInner_kp8yu_125{flex-direction:column;height:100%;display:flex}._drawerProfile_kp8yu_132{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;padding:20px 16px;display:flex}._drawerProfileLeft_kp8yu_140{align-items:center;gap:12px;display:flex}._drawerAvatar_kp8yu_146{background:#dce1e6;border-radius:50%;width:56px;height:56px}._drawerName_kp8yu_153{color:var(--text-primary);font-size:16px;font-weight:600}._drawerStatus_kp8yu_159{color:var(--accent);cursor:pointer;margin-top:2px;font-size:14px}._drawerChevron_kp8yu_166{color:#707579;font-size:20px}._drawerMenu_kp8yu_172{flex:1;padding-top:4px}._drawerMenuItem_kp8yu_177{cursor:pointer;align-items:center;height:50px;padding:0 16px;transition:background .15s;display:flex}._drawerMenuItem_kp8yu_177:hover{background:#f2f3f5}._drawerMenuIcon_kp8yu_190{color:#1c2025;justify-content:center;align-items:center;width:24px;height:24px;font-size:24px;display:flex}._drawerMenuText_kp8yu_200{color:#1c2025;flex:1;margin-left:12px;font-size:15px}._drawerToggle_kp8yu_207{margin-left:auto}._drawerFooter_kp8yu_212{margin-top:auto;padding:0 16px 24px}._drawerFooterText_kp8yu_217{color:var(--text-secondary);font-size:13px}._drawerFooterVersion_kp8yu_222{color:var(--text-secondary);margin-top:4px;font-size:12px}._drawerOverlay_kp8yu_229{z-index:999;opacity:0;pointer-events:none;background:#0006;transition:opacity .25s;position:fixed;inset:0}._drawerOverlayVisible_kp8yu_239{opacity:1;pointer-events:auto;transition:opacity .5s}._chatList_kp8yu_246{width:var(--chatlist-width);background:var(--chatlist-bg);border-right:1px solid var(--border-light);box-sizing:border-box;flex-direction:column;height:100%;display:flex;position:relative}._chatListHeader_kp8yu_257{border-bottom:1px solid var(--border-light);flex-direction:column;gap:8px;padding:12px;display:flex}._searchBox_kp8yu_265{background:var(--search-bg);border-radius:12px;align-items:center;padding:6px 12px;display:flex}._searchIcon_kp8yu_273{color:var(--text-secondary);margin-right:8px;font-size:18px}._searchInput_kp8yu_279{color:var(--text-primary);background:0 0;border:none;outline:none;width:100%;font-size:14px}._searchInput_kp8yu_279::placeholder{color:#a1a7b5}._mobileTabs_kp8yu_292{display:none}._tab_kp8yu_296{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:6px 12px;font-size:14px;transition:color .2s,border-color .2s}._tabActive_kp8yu_307{color:var(--accent);border-bottom-color:var(--accent)}._mobileHamburger_kp8yu_312{display:none}._chatCards_kp8yu_316{flex:1;overflow-y:auto}._chatCard_kp8yu_316{cursor:pointer;border-bottom:1px solid var(--border-light);align-items:center;padding:12px;transition:background .15s;display:flex}._chatCard_kp8yu_316:hover,._chatCardActive_kp8yu_334{background:#f4f5f7}._avatar_kp8yu_338{border-radius:50%;flex-shrink:0;width:52px;height:52px;margin-right:12px}._chatContent_kp8yu_346{flex:1;overflow:hidden}._chatTop_kp8yu_351{justify-content:space-between;margin-bottom:4px;display:flex}._chatName_kp8yu_357{color:var(--text-primary);font-size:15px;font-weight:600}._chatTime_kp8yu_363{color:var(--text-secondary);font-size:12px}._chatBottom_kp8yu_368{align-items:center;display:flex}._chatMessage_kp8yu_373{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:14px;overflow:hidden}._unreadBadge_kp8yu_382{background:var(--green-badge);color:#fff;border-radius:10px;justify-content:center;align-items:center;min-width:20px;height:20px;margin-left:8px;padding:0 5px;font-size:12px;font-weight:700;display:flex}._rightPanel_kp8yu_398{flex:1;height:100%;position:relative;overflow:hidden}._emptyState_kp8yu_405{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}._emptyBackground_kp8yu_414{background:linear-gradient(135deg,#dceba2 0%,#8bcda6 100%);position:absolute;inset:0}._pattern_kp8yu_420{opacity:.9;background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='rgba(255,255,255,0.4)'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");background-repeat:repeat;position:absolute;inset:0}._emptyText_kp8yu_428{color:#fff;z-index:1;background:#00000026;border-radius:20px;padding:8px 24px;font-size:16px;position:relative}@media (width<=1024px) and (width>=769px){._rightPanel_kp8yu_398{display:none}._chatList_kp8yu_246{flex:1;width:auto}}@media (width<=768px){._drawer_kp8yu_105{width:100vw}._leftNav_kp8yu_31{z-index:100;width:68px;height:100%;transition:left .3s;position:fixed;top:0;left:-100%}._leftNavMobileOpen_kp8yu_465{left:0}._overlay_kp8yu_468{z-index:99;background:#0006;display:block;position:fixed;inset:0}._chatList_kp8yu_246{flex:1;width:100%}._rightPanel_kp8yu_398{display:none}._mobileHamburger_kp8yu_312{cursor:pointer;display:block;position:absolute;top:12px;left:12px}._mobileTabs_kp8yu_292{gap:8px;margin-top:4px;display:flex}._searchBox_kp8yu_265{margin-left:40px}}