body { font-family: system-ui, sans-serif; margin: 0; color: #222; background: #f6f7f9; }
header { display: flex; gap: 1.5rem; align-items: center; padding: .6rem 1rem; background: #1f2d3d; color: #fff; }
header a { color: #cfe3ff; margin-right: .8rem; }
header form.inline { margin-left: auto; }
main { max-width: 60rem; margin: 1rem auto; padding: 0 1rem; }
table { border-collapse: collapse; width: 100%; background: #fff; }
th, td { border: 1px solid #ddd; padding: .35rem .5rem; text-align: left; font-size: .9rem; }
input, select { padding: .3rem; min-width: 16rem; }
button { padding: .35rem .9rem; cursor: pointer; }
.error { color: #b00020; }
.flash { background: #e6f4ea; border: 1px solid #9ccfa8; padding: .5rem .7rem; }
dt { font-weight: 600; margin-top: .4rem; }