:root { font-family: system-ui, Arial, sans-serif; }
body { margin: 16px; }
header, section { margin-bottom: 24px; }
#controls { display: flex; gap: 12px; align-items: center; flex-wrap: wrap; }
#tablas > div { margin: 12px 0; overflow-x: auto; }
table { border-collapse: collapse; width: 100%; }
th, td { border: 1px solid #ddd; padding: 6px 8px; text-align: right; }
th { background: #f5f5f5; text-align: center; }
h1, h2 { margin: 8px 0; }
canvas { display: block; margin: 16px 0; }
button { cursor: pointer; }