body { font-family: Arial, sans-serif; background: #f7f7f7; margin: 0; padding: 0; }
.tabs { display: flex; background: #c00; color: white; }
.tab-button { flex: 1; padding: 10px; cursor: pointer; background: #b00; border: none; color: white; font-weight: bold; }
.tab-button.active { background: #e00; }
.tab-content { display: none; padding: 20px; }
.tab-content.active { display: block; }
.chat-window { background: white; border: 1px solid #ccc; padding: 10px; height: 400px; overflow-y: scroll; border-radius: 5px; }
.input-box { display: flex; margin-top: 10px; }
.input-box input { flex: 1; padding: 10px; border: 1px solid #ccc; border-radius: 5px 0 0 5px; }
.input-box button { padding: 10px; background: #c00; color: white; border: none; border-radius: 0 5px 5px 0; cursor: pointer; }
.bot-msg, .user-msg { margin: 10px 0; padding: 10px; border-radius: 10px; max-width: 80%; }
.bot-msg { background: #eee; align-self: flex-start; }
.user-msg { background: #c00; color: white; align-self: flex-end; margin-left: auto; }
#lead-log { background: white; padding: 10px; border-radius: 5px; border: 1px solid #ccc; }