.finance-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;padding:17px 20px;background:#f0f2e8;border:1px solid #e7eadb;border-radius:18px;margin:0 0 18px}.finance-strip small{display:block;color:#89947d;font-size:10px}.finance-strip strong{font-size:14px;letter-spacing:-.4px;overflow-wrap:anywhere}.finance-strip>button{grid-column:1/-1;justify-self:end;min-height:25px}.finance-metrics{display:grid;gap:13px}.finance-metrics .card>strong{display:block;font-size:30px;letter-spacing:-1px;margin:13px 0}.green-finance{background:var(--green);color:#fff}.green-finance .metric-label,.green-finance small{color:#c7d7bf}.finance-record{display:flex;justify-content:space-between;gap:15px;padding:20px 0;border-bottom:1px solid var(--line)}.finance-record>div{min-width:0}.finance-record .helper{margin:5px 0}.finance-record .transaction-right{max-width:45%}.finance-record .transaction-right>strong{font-size:19px;overflow-wrap:anywhere}.finance-record .button-row{gap:8px;margin-top:7px}.finance-record .button-row button{font-size:10px}.category-badge{min-height:35px;padding:5px 8px;font-size:10px;border:1px solid #dfe7d7;background:#eef3e8;color:#5a7851;border-radius:8px;vertical-align:middle;cursor:pointer}.transaction-copy .category-badge{min-height:36px;font-size:10px;padding:4px 8px}.category-option{display:flex;align-items:center;gap:10px;text-align:left;width:100%;padding:10px 12px;border-radius:12px;min-height:48px}.category-option>span:first-child{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;color:#fff;flex-shrink:0}.category-option>span:nth-child(2){flex:1;font-size:13px}.category-option small{font-size:10px}.category-option.selected{border-color:#8bad7c;background:#f1f6ec}.picker-all,.picker-recent{display:grid;gap:8px}.category-picker{max-height:85dvh}.category-picker h3{margin:18px 0 10px}.navigation{grid-template-columns:repeat(7,1fr)}@media(min-width:768px){.finance-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.finance-strip{grid-template-columns:repeat(3,1fr) auto;align-items:center}.finance-strip>button{grid-column:auto}.finance-strip strong{font-size:18px}.picker-recent{grid-template-columns:1fr 1fr}.category-picker{width:560px}.finance-record .transaction-right{max-width:50%}}