.messages-page{background-color:#f5f7fa;padding:20px;align-items:center;justify-content:center;box-sizing:border-box}.messages-container,.messages-page{height:100%;overflow:hidden;display:flex}.messages-container{width:100%;max-width:1400px;max-height:800px;background:white;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.08)}.loading{display:flex;align-items:center;justify-content:center;height:400px;font-size:18px;color:#666}.error-message{position:fixed;bottom:24px;right:24px;background-color:#f44336;color:white;padding:16px 24px;border-radius:8px;box-shadow:0 4px 12px rgba(244,67,54,.3);z-index:1000;animation:slideInRight .3s ease-out}@keyframes slideInRight{0%{transform:translateX(400px);opacity:0}to{transform:translateX(0);opacity:1}}.conversation-list{width:360px;border-right:1px solid #e8eaed;display:flex;flex-direction:column;background:#fafbfc}.empty-conversations{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 40px;text-align:center;color:#757575;height:100%}.empty-conversations p{font-size:18px;font-weight:600;margin:0 0 8px;color:#424242}.empty-conversations span{font-size:14px;color:#9e9e9e}.conversation-item{display:flex;align-items:center;padding:16px 20px;cursor:pointer;border-bottom:1px solid #f0f0f0;transition:all .2s ease;background:white}.conversation-item:hover{background-color:#f8f9fa}.conversation-item.selected{background-color:#e3f2fd;border-left:4px solid #2196f3}.conversation-avatar{position:relative;margin-right:16px;flex-shrink:0}.conversation-avatar img{width:52px;height:52px;border-radius:50%;object-fit:cover;border:2px solid #e0e0e0}.unread-indicator{position:absolute;top:0;right:0;width:14px;height:14px;background-color:#2196f3;border:3px solid white;border-radius:50%}.conversation-content{flex:1 1;min-width:0;overflow:hidden}.conversation-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.conversation-username{font-weight:600;font-size:15px;color:#212121;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conversation-time{font-size:12px;color:#9e9e9e;flex-shrink:0;margin-left:12px}.conversation-preview{display:flex;align-items:center;gap:8px}.conversation-preview p{margin:0;font-size:14px;color:#757575;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1 1}.conversation-preview p.unread-text{font-weight:600;color:#424242}.unread-badge{background-color:#2196f3;color:white;font-size:11px;font-weight:700;padding:2px 8px;border-radius:12px;flex-shrink:0}.chat-container{flex:1 1;display:flex;flex-direction:column;background:white;position:relative}.empty-state{display:flex;align-items:center;justify-content:center;height:100%;background:linear-gradient(135deg,#f5f7fa,#e8eaed)}.empty-state-content{text-align:center;padding:40px}.empty-state-icon{font-size:80px;color:#bdbdbd;margin-bottom:24px}.empty-state h2{font-size:24px;font-weight:600;color:#424242;margin:0 0 12px}.empty-state p{font-size:15px;color:#757575;margin:0}@media (max-width:1024px){.messages-page{padding:10px}.conversation-list{width:320px}}@media (max-width:768px){.messages-page{padding:0}.messages-container{border-radius:0;max-height:none}.conversation-list{width:100%}.chat-container{display:none}}@media (max-width:600px){.conversation-avatar img{width:44px;height:44px}.conversation-item{padding:12px 16px}.conversation-username{font-size:14px}.conversation-preview p{font-size:13px}}