body { font-family: Arial, sans-serif; background:#f4f6f8; margin:0; color:#222; }
.topbar { background:#0b5394; color:white; padding:12px 20px; display:flex; justify-content:space-between; }
.topbar a { color:white; text-decoration:none; }
.container { max-width: 900px; margin: 20px auto; padding: 0 16px; }
.card { background:white; border-radius:8px; padding:20px; box-shadow:0 1px 4px rgba(0,0,0,0.1); margin-bottom:20px; }
input, select, button { padding:8px; margin:4px 0; display:block; width:100%; box-sizing:border-box; }
button { background:#0b5394; color:white; border:none; border-radius:4px; cursor:pointer; margin-top:6px; }
button:hover { background:#0d63b3; }
table { width:100%; border-collapse: collapse; margin-top:10px; }
th, td { border:1px solid #ddd; padding:6px; text-align:left; font-size:14px; }
.historial { max-height:400px; overflow-y:auto; margin-bottom:10px; border:1px solid #ddd; padding:10px; border-radius:6px; }
.msg { margin:6px 0; padding:8px; border-radius:6px; }
.msg.usuario { background:#e8f0fe; text-align:right; }
.msg.bot { background:#f1f1f1; }
.error { color:red; }
.ok { color:green; }
section { margin-bottom: 30px; }