body { font-family: system-ui, sans-serif; max-width: 60rem; margin: 2rem auto; padding: 0 1rem; color: #1a1a1a; }
header { display: flex; justify-content: space-between; align-items: baseline; border-bottom: 1px solid #ddd; padding-bottom: .5rem; margin-bottom: 1rem; }
table { width: 100%; border-collapse: collapse; }
th, td { text-align: left; padding: .4rem .6rem; border-bottom: 1px solid #eee; }
form.login-form { display: flex; flex-direction: column; gap: .75rem; max-width: 20rem; }
form label { display: flex; flex-direction: column; gap: .25rem; margin-bottom: .5rem; }
.actions form, .actions a { margin-right: .4rem; }
button.danger { color: #b00020; }
ul.flash { background: #fff3cd; border: 1px solid #ffe69c; padding: .5rem 1rem; }