body { font-family: sans-serif; margin: 0; padding: 0; background: #f4f4f4; }
header { background: #333; color: #fff; padding: 1rem 2rem; }
main { padding: 1rem 2rem; display: flex; gap: 2rem; flex-wrap: wrap; }
section { background: #fff; padding: 1rem; border-radius: 4px; box-shadow: 0 1px 3px rgba(0,0,0,0.1); }
#summary { flex: 2 1 300px; }
#chatbot { flex: 1 1 250px; }
table { border-collapse: collapse; width: 100%; }
th, td { border: 1px solid #ddd; padding: 0.5rem; font-size: 0.9rem; }
th { background: #eee; }
.chat-window { display: flex; flex-direction: column; height: 300px; }
.messages { flex: 1; overflow-y: auto; border: 1px solid #ddd; padding: 0.5rem; margin-bottom: 0.5rem; background: #fafafa; }
.message { margin-bottom: 0.5rem; padding: 0.4rem 0.6rem; border-radius: 4px; }
.message.bot { background: #e1f5fe; }
.message.user { background: #c8e6c9; align-self: flex-end; }
.chat-input { display: flex; gap: 0.5rem; }
.chat-input input { flex: 1; padding: 0.4rem; }