.chat-list-sidebar{width:80px;height:100vh;background:var(--techwave-some-r-bg-color, #1a1a2e);border-right:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;transition:width .3s cubic-bezier(.4,0,.2,1);overflow-x:hidden;overflow-y:visible;position:fixed;left:var(--techwave-left-panel-width, 80px);top:var(--techwave-header-height, 100px);z-index:99;height:calc(100vh - var(--techwave-header-height, 100px));will-change:width}.chat-list-sidebar:not(.collapsed){width:320px}.chat-list-header{padding:20px 15px;border-bottom:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;gap:12px;flex-shrink:0;background:var(--techwave-some-r-bg-color, #1a1a2e);z-index:1;min-height:60px}.chat-list-sidebar.collapsed .chat-list-header{min-height:0;padding:0;border-bottom:none}.chat-list-header h3{margin:0;font-size:1.3rem;color:var(--techwave-heading-color);font-weight:600}.chat-search{width:100%;padding:10px 15px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;font-size:.9rem;transition:all .2s ease}.chat-search:focus{outline:none;border-color:var(--techwave-main-color1, #d48ebe);background:#ffffff26}.chat-search::placeholder{color:#fff9}.chat-list-content{flex:1;overflow-y:auto;overflow-x:hidden;min-height:0}.chat-list-content::-webkit-scrollbar{width:6px}.chat-list-content::-webkit-scrollbar-thumb{background:#d48ebe4d;border-radius:3px}.chat-item{display:flex;align-items:center;padding:12px 15px;cursor:pointer;transition:all .2s ease;border-bottom:1px solid rgba(255,255,255,.05);text-decoration:none;color:inherit;position:relative}.chat-item:hover{background:#d48ebe1a}.chat-item.active{background:#685a6317;border-left:3px solid #806fb3}.chat-avatar-wrapper{position:relative;flex-shrink:0}.chat-avatar{width:50px;height:50px;border-radius:5%!important;object-fit:cover;border:2px solid rgb(157 120 188 / 73%)}.chat-list-sidebar.collapsed .chat-avatar{width:45px;height:45px;margin:0 auto}.unread-badge{position:absolute;top:-5px;right:-5px;background:#f44;color:#fff;border-radius:5px;min-width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;padding:0 5px;z-index:1}.chat-details{flex:1;margin-left:12px;overflow:hidden}.chat-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.chat-name{font-weight:600;color:var(--techwave-heading-color);font-size:.95rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-time{font-size:.75rem;color:#ffffff80;white-space:nowrap}.chat-message{font-size:.85rem;color:#fff9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.no-chats{padding:40px 20px;text-align:center;color:#ffffff80}.skeleton{pointer-events:none}.skeleton-avatar{width:50px;height:50px;border-radius:50%;background:#d48ebe1a;animation:pulse 1.5s ease-in-out infinite}.skeleton-line{height:14px;background:#ffffff1a;border-radius:4px;margin-bottom:8px;animation:pulse 1.5s ease-in-out infinite}.skeleton-line.short{width:60%;height:12px}@keyframes pulse{0%,to{opacity:.4}50%{opacity:.8}}.techwave_fn_content{transition:margin-left .3s cubic-bezier(.4,0,.2,1)}[data-chatlist-expanded=true] .techwave_fn_content{margin-left:calc(var(--techwave-left-panel-width, 80px) + 320px)!important}[data-chatlist-expanded=false] .techwave_fn_content{margin-left:calc(var(--techwave-left-panel-width, 80px) + 80px)!important}@media(max-width:768px){.chat-list-sidebar{left:0;top:0;transform:translate(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1),width .3s cubic-bezier(.4,0,.2,1);width:320px;max-width:85vw;height:100vh;z-index:1000;box-shadow:2px 0 10px #0000004d}.chat-list-sidebar.collapsed{width:320px;transform:translate(-100%)}.chat-list-sidebar.mobile-open{transform:translate(0)!important}.chat-list-sidebar.collapsed .chat-list-header{min-height:60px;padding:20px 15px;border-bottom:1px solid rgba(255,255,255,.1)}.chat-list-sidebar.collapsed .chat-details{display:block!important;margin-left:12px}.chat-list-sidebar.collapsed .chat-avatar{width:50px;height:50px;margin:0}.techwave_fn_content,[data-chatlist-expanded=true] .techwave_fn_content,[data-chatlist-expanded=false] .techwave_fn_content{margin-left:0!important}.chat-list-toggle-btn{display:none!important}.chat-list-header h3:after{content:"×";position:absolute;right:15px;top:20px;font-size:2rem;cursor:pointer;color:#ffffffb3;line-height:1}.chat-list-header{position:relative}}@media(min-width:769px){.chat-list-toggle-btn{display:flex!important}}