body { font: 15px/1.5 system-ui, sans-serif; margin: 0; color: #1d2733; background: #f6f8fa; }
header { background: #0b2545; color: #fff; padding: .7em 1.5em; display: flex; gap: 1.5em; align-items: center; flex-wrap: wrap; }
header nav { display: flex; gap: 1em; align-items: center; margin-left: auto; }
header a, header button { color: #fff; }
header .muted { color: #9aa7b8; }
main { max-width: 1200px; margin: 0 auto; padding: 1em 1.5em; }
table { border-collapse: collapse; width: 100%; background: #fff; margin: .5em 0 1.5em; }
th, td { padding: .35em .6em; border-bottom: 1px solid #e6ebf2; text-align: left; vertical-align: top; }
th { background: #eef2f7; }
.num { text-align: right; white-space: nowrap; }
.bad { color: #b42318; font-weight: bold; }
.muted { color: #5a6b83; }
.flash { padding: .6em 1em; border-radius: 6px; }
.flash.ok { background: #e3f4e8; } .flash.error { background: #fde8e6; }
form.narrow { max-width: 360px; display: grid; gap: .8em; }
form.narrow label { display: grid; gap: .2em; }
form.filters { display: flex; flex-wrap: wrap; gap: 1em; align-items: end; margin-bottom: 1em; }
form.inline { display: inline; }
button { cursor: pointer; padding: .35em .9em; }
header button { background: none; border: 1px solid #9aa7b8; border-radius: 4px; }
.bars td { border: 0; padding: .1em .6em; }
.bars .bar { width: 70%; } .bars meter { width: 100%; }
.sends td { font-size: 13px; } .sends .err { color: #5a6b83; max-width: 420px; }
.st-bounced, .st-expired { color: #b42318; } .st-deferred { color: #b26b00; } .st-sent { color: #1a7f37; }
input[type=number] { width: 9em; text-align: right; }