body{margin:0;background:#0f172a;color:#fff;font-family:sans-serif}

.login-container{
display:flex;
justify-content:center;
align-items:center;
height:100vh;
}

.login-box{
background:#111827;
padding:40px;
border-radius:12px;
display:flex;
flex-direction:column;
gap:10px;
width:300px;
}

.app{display:flex;height:100vh}

.sidebar{
width:250px;
background:#111827;
padding:10px;
}

.chat{
flex:1;
display:flex;
flex-direction:column;
}

#messages{
flex:1;
padding:20px;
overflow:auto;
}

#messages div{
margin-bottom:10px;
padding:10px;
background:#1f2937;
border-radius:10px;
}

input{
padding:12px;
background:#1f2937;
border:none;
color:white;
}

button{
background:#2563eb;
color:white;
border:none;
padding:10px;
border-radius:6px;
cursor:pointer;
}