.fr-picker{min-width:190px}
.fr-chart{height:210px;min-width:0;max-width:100%;display:grid;grid-template-columns:repeat(var(--fr-chart-count,12),minmax(24px,1fr));gap:7px;align-items:end;padding:14px 2px 0;border-bottom:1px solid #cadbe5;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:thin;-webkit-overflow-scrolling:touch}
.fr-chart-month{height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:4px;min-width:0;max-width:100px;width:100%;justify-self:center}
.fr-chart-bars{height:100%;width:100%;display:flex;align-items:end;justify-content:center;gap:3px}
.fr-bar{width:34%;min-height:2px;border-radius:4px 4px 0 0;background:#0d88aa}
.fr-bar.expense{background:#e49a56}
.fr-bar.negative{background:#b64848}
.fr-chart-month small{font-size:11px;color:#61798b;white-space:nowrap}
.fr-legend{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:12px;color:#536b7b;margin:10px 0 0}
.fr-legend span{width:12px;height:12px;border-radius:2px;display:inline-block;background:#0d88aa;margin-left:9px}
.fr-legend span.expense{background:#e49a56}
.fr-legend span.negative{background:#b64848}
.fr-subhead{font-size:13px;text-transform:uppercase;letter-spacing:.06em;color:#315f78;margin:18px 0 4px}
.fr-period-switch{display:flex;flex-wrap:wrap;gap:8px}
.fr-period-switch .btn{min-width:105px}
.fr-period-switch .fr-period-active{background:#0c3859;color:#fff}
.fr-opening{display:flex;align-items:end;gap:12px;flex-wrap:wrap}
.fr-opening .field{min-width:220px;max-width:340px}
.fr-table{font-variant-numeric:tabular-nums}
.fr-table tfoot,.fr-table .fr-total{background:#e4f0f7;font-weight:700}
.fr-table .fr-group{background:#0c3859;color:#fff}
.fr-table .fr-group th{color:#fff;text-align:left}
.fr-table .fr-negative{color:#b13b3b}
.fr-table.fr-wide{min-width:1650px}
.fr-table.fr-wide th:first-child,.fr-table.fr-wide td:first-child{position:sticky;left:0;background:inherit;min-width:190px;text-align:left}
.fr-table.fr-compact{min-width:max-content}
.fr-table.fr-compact th:first-child,.fr-table.fr-compact td:first-child{position:sticky;left:0;background:inherit;min-width:190px;text-align:left}
.fr-table.fr-compact th:not(:first-child),.fr-table.fr-compact td:not(:first-child){min-width:120px}
@media(max-width:750px){.fr-chart{height:155px;gap:3px}.fr-chart-month small{font-size:9px}.fr-bar{width:39%}}