:root { color-scheme: light dark; font-family: "Segoe UI", sans-serif; }
body { margin: 0; }
header, main { max-width: 880px; margin: 0 auto; padding: 1rem; }
header { display: flex; justify-content: space-between; gap: 1rem; border-bottom: 1px solid #ccc; }
nav { display: flex; gap: 0.8rem; }
form, .card { display: grid; gap: 0.7rem; margin: 1rem 0; }
label { display: grid; gap: 0.25rem; }
input, select, textarea, button { font: inherit; padding: 0.4rem; }
button { width: fit-content; }
.error { color: #9b1c1c; }
table { border-collapse: collapse; width: 100%; }
td, th { border-bottom: 1px solid #ccc; text-align: left; padding: 0.35rem; }
.hp { position: absolute; left: -9999px; }