body { margin: 0; font: 16px/1.5 system-ui, sans-serif; color: #1e2124; background: #f6f5f2; }
main { max-width: 640px; margin: 0 auto; padding: 32px 20px 64px; }
h1 { font-size: 32px; margin: 0 0 24px; }
h2 { font-size: 20px; margin: 32px 0 12px; }
label { display: block; margin: 12px 0; }
label > span { display: block; font-weight: 600; margin-bottom: 4px; }
input, select { font: inherit; padding: 8px 10px; border: 1px solid #b8bcbf; border-radius: 6px; width: 100%; box-sizing: border-box; background: #fff; }
input[type="checkbox"] { width: auto; margin-right: 8px; }
fieldset { border: 1px solid #d5d8da; border-radius: 6px; margin: 12px 0; }
fieldset label { display: grid; grid-template-columns: 1fr 90px; align-items: center; gap: 12px; }
button { font: inherit; padding: 10px 18px; border: 0; border-radius: 6px; background: #f26b1d; color: #fff; cursor: pointer; }
button:disabled { opacity: .5; cursor: wait; }
button.link { background: none; color: #1e2124; text-decoration: underline; padding: 10px 6px; }
.times { list-style: none; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; margin-top: 16px; }
.times button { background: #fff; color: #1e2124; border: 1px solid #b8bcbf; }
.times button[aria-pressed="true"] { border-color: #f26b1d; box-shadow: inset 0 0 0 1px #f26b1d; }
table { width: 100%; border-collapse: collapse; margin-bottom: 16px; }
td { padding: 6px 0; border-bottom: 1px solid #e3e5e6; }
td:last-child { text-align: right; }
tr.total td { font-weight: 700; }
.muted { color: #5b6166; }
.error { color: #b3261e; font-weight: 600; }
.held { background: #fff3ea; padding: 10px 14px; border-radius: 6px; }
details { margin: 8px 0; }
details > div { max-height: 240px; overflow: auto; background: #fff; padding: 8px 14px; border: 1px solid #e3e5e6; }
dl { display: grid; grid-template-columns: max-content 1fr; gap: 6px 16px; }
dt { font-weight: 600; }
dd { margin: 0; }