body { display:flex; font-family:sans-serif; margin:0; height:100vh; }
.sidebar { width:250px; background:#2c3e50; color:white; padding:10px; }
.chat-container { flex:1; display:flex; flex-direction:column; padding:10px; }
.chat-header { background:#34495e; color:white; padding:10px; display:flex; gap:10px; align-items:center; }
.messages { flex:1; padding:10px; overflow-y:auto; background:#ecf0f1; margin-top:10px; }
.message { padding:5px; margin-bottom:5px; background:#bdc3c7; border-radius:5px; }
#messageInput { width:80%; padding:5px; margin-top:5px; }
#sendBtn { padding:5px 10px; margin-top:5px; }
.video-call { display:flex; gap:10px; margin-top:10px; }
video { width:300px; height:200px; background:black; border-radius:5px; }