body { font: 15px/1.4 system-ui, sans-serif; margin: 0; background: #f8fafc; color: #0f172a; }
header { display: flex; gap: 1rem; align-items: center; padding: .6rem 1rem; background: #0f172a; color: #fff; flex-wrap: wrap; }
header a { color: #cbd5e1; margin-right: .8rem; } header #who { margin-left: auto; }
.note { margin: .5rem 1rem; color: #475569; font-size: 13px; }
main { padding: 0 1rem 2rem; }
table { border-collapse: collapse; width: 100%; background: #fff; } th, td { border-bottom: 1px solid #e2e8f0; padding: .4rem; text-align: left; font-size: 14px; }
.bad { color: #b91c1c; font-weight: 600; } .ok { color: #15803d; }
button { margin: 0 .2rem; } input, select { margin: .2rem 0; padding: .3rem; }
pre { background: #fff; padding: .5rem; overflow: auto; }