.financial-cashflow{align-items:center;background:#181719;border:1px solid #3b383d;border-radius:16px;display:flex;gap:20px;justify-content:space-between;padding:12px 16px}
.financial-cashflow>div:first-child{display:flex;flex-direction:column;min-width:150px}
.financial-cashflow>div:first-child span{font-size:18px;font-weight:800}
.financial-cashflow small{color:#9c979e}
.financial-cashflow-values{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}
.financial-cashflow-values>div{background:#222023;border-radius:10px;display:flex;flex-direction:column;min-width:230px;padding:7px 10px}
.financial-cashflow-values b{font-size:17px}.financial-cashflow-values .positive{color:#45c881}.financial-cashflow-values .negative{color:#f05b55}
.financial-account-picker{border:1px solid #3b383d;border-radius:14px;margin:16px 0;padding:14px}
.financial-account-picker legend{padding:0 6px}.financial-account-picker>div{display:grid;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr));max-height:220px;overflow:auto}
.financial-account-picker label{align-items:center;display:flex;gap:8px}
#financial-group-categories{display:grid;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr));max-height:360px;overflow:auto}
.financial-category-family{background:#242126;border:1px solid #3b383d;border-radius:12px;overflow:hidden}
.financial-category-family>div:first-child{align-items:center;display:flex;gap:8px;padding:6px 8px}
.financial-category-family>div:first-child>button{align-items:center;background:transparent;border:0;color:inherit;display:flex;flex:1;gap:8px;padding:0;text-align:left}
.financial-category-family i,.financial-category-choice i{align-items:center;background:#3b3540;border-radius:9px;color:#f2c46f;display:inline-flex;font-size:11px;font-style:normal;font-weight:800;height:30px;justify-content:center;min-width:30px}
.financial-category-family>div:first-child span{flex:1;font-weight:700}.financial-category-family>div:first-child small{color:#9c979e}
.financial-category-family>div:first-child>input{height:18px;width:18px}
.financial-category-children{border-top:1px solid #3b383d;display:none;padding:6px}.financial-category-family.open>.financial-category-children{display:grid;gap:4px}
.financial-category-choice{align-items:center;border-radius:8px;display:grid!important;gap:8px;grid-template-columns:30px 1fr auto;padding:5px}.financial-category-choice:hover{background:#302c32}.financial-category-choice input{height:18px;width:18px}
.financial-category-chips .account-chip{background:#27333a;color:#b9ddec}
.financial-group-card{align-items:center;gap:8px 12px;grid-template-columns:minmax(180px,1fr) minmax(250px,auto) auto;padding:10px 12px}
.financial-group-card>header{min-height:0}.financial-group-card>header strong{font-size:16px}
.financial-group-card>.financial-group-totals{grid-column:2;grid-row:1}
.financial-group-card>.financial-group-item-actions{grid-column:3;grid-row:1;justify-self:end;white-space:nowrap}
.financial-group-card>.financial-group-valuations,.financial-group-card>.financial-category-chips,.financial-group-card>.financial-group-card{grid-column:1/-1}
.financial-group-card>.financial-category-chips{border-top:1px solid #302d32;padding-top:8px;width:100%}
.financial-group-card .financial-total{grid-template-rows:auto auto;min-height:0;min-width:250px;padding:6px 10px}
.financial-group-card>.financial-category-chips:empty{display:none}
.financial-category-chips span{max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.financial-chips-toggle{background:transparent;border:1px solid #4b464e;border-radius:999px;color:#e8bc68;font-size:11px;min-height:0;padding:3px 9px}
.financial-chips-toggle:hover{background:#302c32}
.dialog-transaction-search{display:flex;gap:8px;padding:0 20px 12px}.dialog-transaction-search input{flex:1;min-width:0;padding:10px 11px;border:1px solid #3b383d;border-radius:10px;background:#181719;color:inherit}
@media(max-width:760px){.financial-cashflow{align-items:stretch;flex-direction:column}.financial-cashflow-values{justify-content:stretch}.financial-cashflow-values>div{min-width:0;width:100%}#financial-group-categories,.financial-account-picker>div{grid-template-columns:1fr}}
@media(max-width:980px){.financial-group-card{grid-template-columns:minmax(160px,1fr) auto}.financial-group-card>.financial-group-totals{grid-column:2}.financial-group-card>.financial-group-item-actions{grid-column:1/-1;grid-row:2;justify-self:start}.financial-group-card>.financial-group-valuations,.financial-group-card>.financial-category-chips,.financial-group-card>.financial-group-card{grid-column:1/-1}}
@media(max-width:760px){.financial-group-card{grid-template-columns:1fr}.financial-group-card>.financial-group-totals,.financial-group-card>.financial-group-item-actions{grid-column:1;grid-row:auto;justify-self:stretch}.financial-group-card>.financial-group-item-actions{width:auto}.financial-group-card .financial-total{min-width:0;width:100%}}
.financial-category-picker-heading{align-items:center;display:flex;gap:12px;justify-content:space-between;margin:0 0 10px}.financial-category-picker-heading .ghost{flex:none;padding:7px 10px}