.monthpick{background:var(--surface);border:1px solid var(--border-2);box-shadow:var(--shadow-1);border-radius:999px;align-items:center;gap:6px;padding:5px;display:flex}.monthpick button{width:34px;height:34px;color:var(--fg-soft);border-radius:50%;place-items:center;display:grid}.monthpick button:hover{background:var(--surface-2)}.monthpick button svg{width:18px;height:18px}.monthpick button[disabled]{opacity:.3;pointer-events:none}.monthpick__label{text-align:center;min-width:116px;padding:0 8px;font-size:14.5px;font-weight:750}.transfer{text-align:center;background:linear-gradient(160deg, var(--get-soft), color-mix(in oklch, var(--get-soft) 50%, var(--surface)));padding:22px}.transfer__flow{justify-content:center;align-items:center;gap:16px;margin-bottom:14px;display:flex}.transfer__who{flex-direction:column;align-items:center;gap:7px;display:flex}.transfer__who span.n{font-size:13.5px;font-weight:750}.transfer__arrow{color:var(--get);place-items:center;display:grid}.transfer__arrow svg{width:30px;height:30px}.transfer__amount{letter-spacing:-.03em;color:var(--get);font-size:30px;font-weight:800}.transfer__sub{color:var(--fg-soft);margin-top:2px;font-size:13.5px;font-weight:600}.transfer__btn{margin-top:16px}.transfer--settled{background:linear-gradient(160deg, var(--surface-2), var(--surface))}.bal{align-items:center;gap:13px;padding:15px 16px;display:flex}.bal+.bal{border-top:1px solid var(--border)}.bal__name{font-size:15px;font-weight:750}.bal__pay{color:var(--muted);margin-top:2px;font-size:12.5px}.bal__net{text-align:right;margin-left:auto}.bal__net .v{font-size:16px;font-weight:800}.bal__net .t{letter-spacing:.03em;text-transform:uppercase;color:var(--muted);font-size:11px;font-weight:700}.bal__bar{background:var(--surface-3);border-radius:4px;height:6px;margin-top:8px;overflow:hidden}.catbar{padding:16px}.catbar__track{background:var(--surface-3);border-radius:8px;height:14px;margin-bottom:18px;display:flex;overflow:hidden}.catbar__seg{height:100%}.catrow{align-items:center;gap:11px;padding:9px 0;display:flex}.catrow+.catrow{border-top:1px solid var(--border)}.catrow__name{font-size:14.5px;font-weight:700}.catrow__pct{color:var(--muted);font-size:12.5px;font-weight:600}.catrow__amt{margin-left:auto;font-size:14.5px;font-weight:800}.swatch{border-radius:4px;flex:none;width:12px;height:12px}