body { font-family: system-ui, sans-serif; margin: 0; color: #222; background: #fff; }
header { display: flex; align-items: center; gap: 1rem; padding: .5rem 1rem; border-bottom: 1px solid #ccc; }
header .brand { font-weight: bold; }
header .user { margin-left: auto; }
header form { display: inline; }
main { max-width: 50rem; margin: 1rem auto; padding: 0 1rem; }
h1 { font-size: 1.25rem; }
table { border-collapse: collapse; width: 100%; }
th, td { border: 1px solid #ccc; padding: .25rem .5rem; text-align: left; vertical-align: top; }
dt { font-weight: bold; margin-top: .5rem; }
dd { margin: 0; }
.error { border: 1px solid #c33; background: #fee; padding: .5rem 1rem; margin: 1rem 0; }
.notice { border: 1px solid #999; background: #f6f6f6; padding: .5rem 1rem; margin: 1rem 0; }
button, input, textarea { font: inherit; }
textarea { width: 100%; }
code { background: #f4f4f4; padding: 0 .25rem; }