body { font-family: sans-serif; max-width: 42rem; margin: 2rem auto; padding: 0 1rem; line-height: 1.5; }
nav { display: flex; gap: 1rem; align-items: center; border-bottom: 1px solid #ccc; margin-bottom: 1.5rem; }
nav form { margin-left: auto; }
label { display: block; margin-top: 1rem; font-weight: bold; }
input, select { font-size: 1rem; padding: 0.3rem; }
button { font-size: 1rem; padding: 0.4rem 1rem; margin-top: 1rem; }
.melding { background: #fff3cd; border: 1px solid #e0c36a; padding: 0.6rem 1rem; margin: 1rem 0; }
.klaar { background: #e7f4e4; border: 1px solid #8cc084; padding: 0.6rem 1rem; margin: 1rem 0; }
table { border-collapse: collapse; width: 100%; }
td, th { border-bottom: 1px solid #ddd; padding: 0.4rem; text-align: left; }