body{
background:#0f172a;
font-family:Arial;
}

.chat-container{
max-width:500px;
margin:auto;
height:100vh;
display:flex;
flex-direction:column;
background:white;
}

.chat-header{
background:#111827;
color:white;
padding:15px;
text-align:center;
font-weight:bold;
}

.chat-body{
flex:1;
overflow:auto;
padding:10px;
}

.bot{
background:#f1f5f9;
padding:10px;
border-radius:10px;
margin:5px 0;
max-width:80%;
}

.user{
background:#6366f1;
color:white;
padding:10px;
border-radius:10px;
margin:5px 0;
margin-left:auto;
max-width:80%;
}

.chat-input{
display:flex;
border-top:1px solid #ddd;
}

.chat-input input{
flex:1;
padding:12px;
border:none;
}

.chat-input button{
width:80px;
background:#6366f1;
color:white;
border:none;
}

.container{
max-width:900px;
margin:auto;
padding:20px;
}