body { font-family: 'Dubai', sans-serif; margin: 0; padding: 0; background-color: #f9f9f9; }
.chat-container { max-width: 700px; margin: 60px auto; background: #fff; padding: 20px; border-radius: 12px; box-shadow: 0 0 10px #ccc; }
.chat-log { height: 300px; overflow-y: auto; padding: 10px; border: 1px solid #ccc; margin-bottom: 10px; background: #fefefe; border-radius: 8px; }
.chat-log p { margin: 6px 0; padding: 6px; border-radius: 6px; }
.user-msg { background-color: #dcf8c6; text-align: right; }
.ai-msg { background-color: #e6e6e6; text-align: left; }
input[type="text"] { width: 80%; padding: 10px; font-size: 16px; border-radius: 6px; border: 1px solid #ccc; }
button { padding: 10px 15px; font-size: 16px; border: none; background-color: #1976d2; color: white; border-radius: 6px; cursor: pointer; }
button:hover { background-color: #1565c0; }