body { font: 16px/1.4 system-ui, sans-serif; margin: 0; color: #1a1a1a; background: #fafafa; }
main { max-width: 760px; margin: 0 auto; padding: 1.5rem 1rem; }
h1 { margin: 0 0 1rem; }
form { display: flex; flex-wrap: wrap; gap: 1rem; margin-bottom: 0.75rem; }
label { display: flex; flex-direction: column; font-size: 0.8rem; color: #555; gap: 0.2rem; }
select { font-size: 1rem; padding: 0.25rem; }
#description { color: #444; margin: 0.5rem 0 1rem; }
#status { color: #b00020; min-height: 1.4em; }
table { width: 100%; border-collapse: collapse; background: #fff; }
th, td { padding: 0.4rem 0.5rem; text-align: left; border-bottom: 1px solid #e5e5e5; }
th { font-size: 0.8rem; color: #555; }
td.num, th.num { text-align: right; font-variant-numeric: tabular-nums; }
.up { color: #1a7f37; }
.down { color: #b00020; }