:root{--border:color-mix(in srgb, currentColor 25%, transparent);--row-hover:color-mix(in srgb, currentColor 8%, transparent);--radius:8px;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}*{box-sizing:border-box}body{margin:0;padding:0}#root{max-width:72rem;margin:0 auto;padding:1.5rem 1rem 3rem}form[role=search]{border:1px solid var(--border);border-radius:var(--radius);flex-wrap:wrap;align-items:flex-end;gap:1rem;margin-bottom:1rem;padding:1rem;display:flex}label{flex-direction:column;gap:.25rem;font-size:.8125rem;font-weight:600;display:flex}input,select,button{font:inherit}input,select{border-radius:6px;min-width:10rem;padding:.5rem .625rem;font-weight:400}form[role=search]>label:first-child{flex:15rem}input[type=search]{min-width:15rem}[role=status]{opacity:.7;margin:0 0 .75rem;font-size:.875rem}[role=alert]{border-radius:var(--radius);border:2px solid;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1rem;padding:.75rem 1rem;font-weight:600;display:flex}[role=alert] p{margin:0}p{opacity:.7;margin:0 0 .75rem}table{border-collapse:separate;border-spacing:0;border:1px solid var(--border);border-radius:var(--radius);width:100%;transition:opacity .15s;overflow:hidden}caption{text-align:left;padding:0 0 .5rem;font-size:1.125rem;font-weight:700}th,td{text-align:left;border-bottom:1px solid var(--border);padding:.625rem .875rem}th{text-transform:uppercase;letter-spacing:.04em;font-size:.75rem;font-weight:700}th button{font:inherit;letter-spacing:inherit;text-transform:inherit;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:0;padding:0}th button span{white-space:nowrap;margin-left:.25rem}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:var(--row-hover)}td:first-child{font-variant-numeric:tabular-nums;font-weight:600}button{cursor:pointer;border-radius:6px;padding:.5rem 1rem;font-weight:600}button:disabled{cursor:not-allowed;opacity:.45}nav{font-variant-numeric:tabular-nums;justify-content:center;align-items:center;gap:1rem;margin-top:1rem;display:flex}nav span{text-align:center;min-width:4rem}@media (width<=40rem){form[role=search]>label,input,select{width:100%}th,td{padding:.5rem;font-size:.8125rem}}@media (prefers-reduced-motion:reduce){table{transition:none}}.due{font-variant-numeric:tabular-nums;flex-direction:column;align-items:flex-start;gap:.5rem;width:14rem;display:flex}.due form{flex-wrap:wrap;gap:.5rem;display:flex}td button{padding:.25rem .625rem;font-size:.8125rem}td form{border:1px solid var(--border);border-radius:var(--radius);flex-wrap:wrap;align-items:center;gap:.5rem;width:100%;padding:.5rem;display:flex}td input{flex:8rem;min-width:0;padding:.25rem .5rem}