body { font-family: system-ui, sans-serif; margin: 0; color: #1d1d1f; background: #f6f7f9; }
header.top { display: flex; gap: 1.5rem; align-items: center; padding: .75rem 1.5rem;
             background: #20324a; color: #fff; flex-wrap: wrap; }
header.top a { color: #dbe6f5; text-decoration: none; margin-right: .75rem; }
header.top .right { margin-left: auto; display: flex; gap: .75rem; align-items: center; }
main { padding: 1.5rem; max-width: 1100px; }
table { border-collapse: collapse; width: 100%; background: #fff; margin: .5rem 0 1.5rem; }
th, td { text-align: left; padding: .45rem .6rem; border-bottom: 1px solid #e3e6ea; }
form { margin: .5rem 0; }
form.inline { display: inline; margin: 0; }
label { display: inline-block; margin: 0 .75rem .5rem 0; }
input, select, button { font: inherit; padding: .3rem .5rem; }
button, a.button { background: #2d5b9a; color: #fff; border: 0; border-radius: 4px;
                   padding: .35rem .8rem; cursor: pointer; text-decoration: none; }
button.danger, a.button.danger { background: #a33a2b; }
.flash { padding: .6rem .8rem; border-radius: 4px; background: #e3f1e5; }
.flash.error { background: #f8e0dc; }
.badge { background: #a33a2b; color: #fff; border-radius: 3px; padding: 0 .4rem;
         font-size: .8em; }
.muted { color: #6b7280; }