.chat-container[data-v-87469c3d]{display:flex;flex-direction:column;height:100%;max-width:400px;margin:auto;border:1px solid #ccc;border-radius:8px;overflow:hidden;font-family:Arial,sans-serif}.chat-header[data-v-87469c3d]{background-color:#007bff;color:#fff;padding:10px;text-align:center;font-size:1.2em}.chat-messages[data-v-87469c3d]{flex:1;overflow-y:auto;padding:10px;background-color:#f4f4f4;display:flex;flex-direction:column;gap:5px}.message[data-v-87469c3d]{margin:5px 0;padding:8px 12px;border-radius:16px;max-width:70%}.message.user[data-v-87469c3d]{background-color:#007bff;color:#fff;margin-left:auto;text-align:right}.message.bot[data-v-87469c3d]{background-color:#e0e0e0;color:#000;margin-right:auto;text-align:left}.chat-input[data-v-87469c3d]{display:flex;padding:10px;background-color:#fff;border-top:1px solid #ccc;gap:10px}.chat-input input[data-v-87469c3d]{flex:1;padding:8px;border:1px solid #ccc;border-radius:16px;margin-right:8px;outline:none}.chat-input button[data-v-87469c3d]{padding:8px 16px;background-color:#007bff;color:#fff;border:none;border-radius:16px;cursor:pointer}.chat-input button[data-v-87469c3d]:hover{background-color:#0056b3}body{margin:0;font-family:Arial,sans-serif;background-color:#f8f9fa}