.chat-container{display:flex;height:calc(100vh - 80px);padding-top:100px;width:100%;margin:0;padding-left:0;padding-right:0;justify-content:flex-start;align-items:stretch;background:#f0f2f5;font-family:Inter,sans-serif;overflow:hidden;max-width:100vw;box-sizing:border-box;position:relative;z-index:1}.chat-sidebar{width:350px;background:white;border-right:1px solid #e1e8ed;display:flex;flex-direction:column;flex-shrink:0;overflow:hidden;height:100%}.chat-header{padding:20px;border-bottom:1px solid #e1e8ed;background:#fff;flex-shrink:0;z-index:10;position:relative;box-shadow:0 4px 6px -2px rgba(0,0,0,.05)}.conversation-list{flex:1;overflow-y:auto;padding-top:5px;padding-bottom:20px}.conversation-item{display:flex;flex-direction:row;align-items:center;padding:15px 20px;cursor:pointer;transition:background .2s;border-bottom:1px solid #f9f9f9}.time-stamp{font-size:.75rem;color:#95a5a6;margin-left:auto;white-space:nowrap;padding-left:10px;font-weight:500}.conversation-item.active,.conversation-item:hover{background:#f0f7ff}.conversation-item.active{border-left:4px solid #3498db}.chat-avatar-wrapper{position:relative;margin-right:15px;flex-shrink:0}.chat-avatar{width:50px;height:50px;border-radius:50%;object-fit:cover}.conversation-info{flex:1;overflow:hidden}.conversation-name{font-weight:600;color:#2c3e50;margin-bottom:4px;font-size:1rem!important}.last-message{color:#7f8c8d;font-size:.85rem!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-main{flex:1;display:flex;flex-direction:column;background:#fff;min-width:0}.chat-main-header{padding:15px 25px;border-bottom:1px solid #e1e8ed;display:flex;align-items:center;background:#fff;box-shadow:0 2px 5px rgba(0,0,0,.02)}.chat-main-header h3{margin:0;font-size:1.2rem!important;color:#2c3e50}.empty-chat-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#95a5a6;padding:20px;text-align:center}.empty-chat-state i{font-size:4rem;margin-bottom:20px;color:#dfe6e9}.empty-chat-state h2{font-size:1.8rem!important;color:#2c3e50;margin-bottom:10px}.empty-chat-state p{font-size:1rem!important;color:#7f8c8d;max-width:400px}.messages-container{flex:1;padding:20px;overflow-y:auto;display:flex;flex-direction:column;gap:15px;background:#f7f9fa}.message-bubble{max-width:60%;padding:12px 18px;border-radius:18px;font-size:.95rem!important;line-height:1.5;position:relative;word-wrap:break-word}.message-bubble.sent{align-self:flex-end;background:#3498db;color:white;border-bottom-right-radius:4px}.message-bubble.received{align-self:flex-start;background:#ecf0f1;color:#2c3e50;border-bottom-left-radius:4px}.message-time{font-size:.7rem;margin-top:5px;opacity:.7;text-align:right}.chat-input-area{padding:20px;border-top:1px solid #e1e8ed;background:#fff;display:flex;gap:15px}.chat-input{flex:1;padding:12px 20px;border:1px solid #ddd;border-radius:25px;outline:none;font-size:1rem;transition:border-color .3s}.chat-input:focus{border-color:#3498db}.send-btn{width:45px;height:45px;border-radius:50%;background:#3498db;color:white;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.send-btn:hover{background:#2980b9}.send-btn:disabled{background:#95a5a6;cursor:not-allowed}@media (max-width:768px){.chat-container{flex-direction:column;height:calc(100vh - 60px);padding-top:60px}.chat-sidebar{width:100%;height:100%;border-right:none}.chat-main{width:100%;height:100%;position:absolute;top:0;left:0;background:white;transform:translateX(100%);transition:transform .3s ease-in-out;z-index:20}.chat-container.active-chat-mobile .chat-sidebar{display:none}.chat-container.active-chat-mobile .chat-main{transform:translateX(0);position:relative;padding-top:60px}.mobile-back-btn{display:block!important;margin-right:15px;color:#3498db}.chat-container:not(.active-chat-mobile) .chat-main,.empty-chat-state{display:none}}