body { font-family: system-ui, sans-serif; margin: 0; color: #222; background: #f4f5f7; }
header { display: flex; justify-content: space-between; align-items: center; padding: 0.8em 1.5em; background: #2b3a4a; }
header a, header .Link { color: #fff; margin-left: 1em; text-decoration: none; }
.Brand { font-weight: bold; margin-left: 0; }
main { max-width: 52em; margin: 2em auto; padding: 1.5em 2em; background: #fff; border-radius: 6px; }
label { display: block; margin: 0.8em 0; }
input { display: block; width: 100%; max-width: 26em; padding: 0.4em; margin-top: 0.2em; }
button, .Button { padding: 0.45em 1em; border: 0; border-radius: 4px; background: #2f6fbf; color: #fff; cursor: pointer; text-decoration: none; display: inline-block; }
.Link { background: none; padding: 0; font: inherit; }
.Inline { display: inline; }
table { border-collapse: collapse; width: 100%; margin: 0.5em 0 1.5em; }
th, td { text-align: left; padding: 0.4em; border-bottom: 1px solid #ddd; }
td form { margin: 0; }
.Code { font-family: monospace; font-size: 0.9em; }
.Notice { padding: 0.6em; background: #e6f2e6; border-left: 4px solid #3a8a3a; }
.Error { padding: 0.6em; background: #fbe9e9; border-left: 4px solid #b33; }
header.Admin { background: #5a2b2b; }
header.Admin .Brand { color: #fff; }
main.Wide { max-width: 80em; }
button.Danger { background: #b33; }
.Summary span { display: inline-block; margin-right: 1.5em; padding: 0.3em 0.7em; background: #eef1f5; border-radius: 4px; }
.Status.pending { color: #a66a00; font-weight: bold; }
.Status.active { color: #2a7a2a; }
.Status.disabled { color: #b33; }