:root { color-scheme: light dark; --gap: 16px; }
body { margin: 0; font: 16px/1.5 system-ui, sans-serif; }
main { max-width: 960px; margin: 0 auto; padding: var(--gap); }
.card { display: grid; gap: var(--gap); max-width: 320px; margin: 10vh auto; }
label { display: grid; gap: 4px; }
input, button { padding: 8px; font: inherit; }
.error { color: #c0392b; margin: 0; }
table { width: 100%; border-collapse: collapse; }
th, td { text-align: left; padding: 8px; border-bottom: 1px solid #8884; }
.empty { color: #8a8a8a; }