body { font-family: system-ui, sans-serif; margin: 0; background: #f6f7f9; color: #1c1e21; }
main { max-width: 46rem; margin: 2rem auto; padding: 0 1rem; }
[hidden] { display: none; }
form { display: grid; gap: 0.5rem; max-width: 24rem; }
input { padding: 0.5rem; font-size: 1rem; }
button, .button { padding: 0.5rem 1rem; font-size: 1rem; border: 0; border-radius: 4px; background: #1a5fb4; color: #fff; text-decoration: none; cursor: pointer; display: inline-block; }
table { border-collapse: collapse; width: 100%; background: #fff; }
th, td { text-align: left; padding: 0.5rem; border-bottom: 1px solid #ddd; }
.warning { padding: 0.75rem; background: #fff3cd; border: 1px solid #e0c36a; border-radius: 4px; }
#status { min-height: 1.5rem; color: #a51d2d; }
#qr { image-rendering: pixelated; }