body{margin:0;font-family:sans-serif;display:flex;height:100vh}
.sidebar{width:220px;background:#111;color:#fff;padding:10px}
.chat{flex:1;display:flex;flex-direction:column}
#messages{flex:1;padding:10px;overflow:auto}
.input{display:flex}
.input input{flex:1;padding:10px}
.input button{width:100px}
.login{display:flex;flex-direction:column;align-items:center;justify-content:center}
.login input,.login button{margin:5px;padding:10px;width:250px}