:root{color:#1c1c1c;background:#fafafa;font-family:system-ui,sans-serif;line-height:1.4}body{margin:0}header{background:#fff;border-bottom:1px solid #ddd;flex-wrap:wrap;align-items:center;gap:1rem;padding:.75rem 1rem;display:flex}header nav{flex:1;gap:.5rem;display:flex}header nav button[aria-current=true]{border-color:#1c1c1c;font-weight:600}main{max-width:720px;margin:0 auto;padding:1rem}label{flex-direction:column;gap:.25rem;display:flex}label.option{flex-direction:row;align-items:center;gap:.5rem}input,select,textarea,button{font:inherit;background:#fff;border:1px solid #bbb;border-radius:6px;padding:.4rem .6rem}button{cursor:pointer}fieldset{border:1px solid #ddd;border-radius:8px;margin:0 0 1rem}fieldset .amount{font-variant-numeric:tabular-nums;margin-left:auto}.row{flex-wrap:wrap;align-items:end;gap:1rem;margin:1rem 0;display:flex}.hint{color:#555;font-size:.9rem}[role=alert]{color:#b00020}.totals{font-variant-numeric:tabular-nums;grid-template-columns:max-content max-content;gap:.25rem 1.5rem;display:grid}.totals dd{text-align:right;margin:0}textarea{box-sizing:border-box;width:100%;margin:1rem 0 .5rem;display:block}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid #eee;padding:.4rem}td input[type=number]{width:9rem}tr.inactive{color:#999}.login{flex-direction:column;gap:1rem;max-width:320px;margin:4rem auto;display:flex}