body{margin:0;font-family:Arial;background:#f5f5f5}
.topbar{display:flex;align-items:center;padding:10px;background:#1677ff;color:#fff}
.avatar{width:40px;height:40px;border-radius:50%;margin-right:10px}
.title{font-weight:bold}
.sub{font-size:12px}
#chat{height:500px;overflow:auto;padding:10px}
.msg{margin:5px;padding:8px;border-radius:5px;max-width:70%}
.user{background:#1677ff;color:#fff;margin-left:auto}
.admin{background:#fff}
.toolbar{display:flex;padding:10px;background:#fff}
.layout{display:flex;height:100vh}
#users{width:200px;background:#fff;overflow:auto}
.chat-panel{flex:1;display:flex;flex-direction:column}