body { font-family: Arial, sans-serif; background: #fff; color: #222; }
.chatbot { width: 300px; height: 400px; border: 1px solid #ddd; border-radius: 8px; display: flex; flex-direction: column; }
.header { background: #111; color: #fff; padding: 10px; }
.messages { flex: 1; padding: 10px; overflow-y: auto; }
input { border: none; border-top: 1px solid #ddd; padding: 10px; }
.user { text-align: right; margin: 5px 0; }
.bot { text-align: left; margin: 5px 0; color: #555; }