*{box-sizing:border-box}body{background-color:var(--ds-color-page);color:var(--ds-color-ink);font:var(--ds-type-body-weight) var(--ds-type-body-size)/var(--ds-type-body-line) var(--ds-font);margin:0}[hidden]{display:none!important}.screen{max-width:880px;padding:var(--ds-space-5);gap:var(--ds-space-4);flex-direction:column;margin:0 auto;display:flex}h1,h2{margin:0}.muted{color:var(--ds-color-ink-muted);margin:0}.field{gap:var(--ds-space-2);color:var(--ds-color-ink-muted);flex-direction:column;display:flex}.field select{width:100%}.buttons{gap:var(--ds-space-2);flex-direction:column;display:flex}.buttons .ds-btn{width:100%}#status{margin:0}.tabbar{gap:var(--ds-space-2);padding:var(--ds-space-3) var(--ds-space-5) 0;max-width:880px;margin:0 auto;display:flex}.tabbar .ds-cat{text-align:center;flex:1;justify-content:center}.tabbar .ds-cat:not(.is-selected){border-color:var(--ds-color-line)}.card-stack{gap:var(--ds-space-4);flex-direction:column;display:flex}.ds-card.card-stack{padding:var(--ds-space-5)}.bills-body{gap:var(--ds-space-4);flex-direction:column;display:flex}.row-buttons{gap:var(--ds-space-3);flex-wrap:wrap;display:flex}.row-buttons>.ds-btn{flex:200px}.status-badge{padding:var(--ds-space-3) var(--ds-space-4);display:block}.status-badge[data-tone=stale]{font-size:var(--ds-type-heading-size);line-height:var(--ds-type-heading-line);border-width:5px}.bill-list{gap:var(--ds-space-3);flex-direction:column;display:flex}.bill{gap:var(--ds-space-2);padding:var(--ds-space-4);flex-direction:column;display:flex}.bill.cancelled{background-color:var(--ds-color-disabled-bg)}.bill-head{align-items:baseline;gap:var(--ds-space-1) var(--ds-space-4);flex-wrap:wrap;display:flex}.bill-head .amount{font-weight:700}.bill-head .sync{margin-left:auto}.sample-label{color:var(--ds-color-ink-muted);font-size:var(--ds-type-caption-size);margin:0}.cancel-note{color:var(--ds-color-danger);overflow-wrap:anywhere;margin:0;font-weight:700}.bill .ds-btn--small{align-self:flex-start}.cancel-form{gap:var(--ds-space-3);flex-direction:column;display:flex}.cancel-form textarea{width:100%}@media (width<=600px){.tabbar{padding:var(--ds-space-2) var(--ds-space-3) 0;gap:var(--ds-space-1)}.tabbar .ds-cat{padding:var(--ds-space-2) var(--ds-space-1);font-size:var(--ds-type-caption-size)}.screen{padding:var(--ds-space-4) var(--ds-space-3)}.row-buttons>.ds-btn{flex-basis:100%}}