body { font-family: system-ui, sans-serif; max-width: 60rem; margin: 0 auto; padding: 1rem; }
nav { display: flex; gap: 1rem; align-items: center; border-bottom: 1px solid #ccc; padding-bottom: .5rem; }
nav .brand { font-weight: bold; margin-right: auto; }
form.inline { display: inline; }
label { display: block; margin: .5rem 0; }
table { border-collapse: collapse; width: 100%; margin: 1rem 0; }
th, td { border: 1px solid #ccc; padding: .4rem .6rem; text-align: left; }
.error { color: #b00; }
.ok { color: #080; }
button.danger { background: #b00; color: #fff; border-color: #b00; }
.success { color: #060; }
tr.expiring { background: #fff3cd; }
.who { margin-left: auto; display: inline-flex; align-items: center; gap: .35rem; color: #555; font-size: .9rem; }
nav .brand { margin-right: 0; }