.cash-flow-visual{max-width:1700px}.flow-filter-card,.flow-kpi,.flow-chart-card,.flow-type-card{background:#fff;border:1px solid #dedede;border-radius:13px}.flow-filter-card{padding:18px 24px;margin-bottom:20px}.flow-filter-title h1{margin:0;font-size:25px}.flow-filter-title h1 b{color:#6d6870;font-weight:500}.flow-filter-title p{color:#777;margin:5px 0 16px}.flow-filter-grid{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr)) auto;gap:10px}.flow-filter-grid label{border:1px solid #ddd;border-radius:11px;padding:8px 12px;font-size:11px;font-weight:700}.flow-filter-grid select{border:0;background:#fff;width:100%;font-weight:700;outline:0;margin-top:3px}.flow-apply{align-self:stretch;border:0;border-radius:11px;background:#7558ff;color:#fff;font-weight:700;padding:0 24px}.flow-expense-view{display:flex;align-items:center;gap:14px;border:1px solid #ddd;border-radius:10px;padding:8px 12px;margin-top:10px;font-size:11px}.flow-expense-view label{border:1px solid #ddd;border-radius:20px;padding:4px 9px}.flow-kpis{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-bottom:12px}.flow-kpi{padding:16px;display:flex;gap:11px;min-height:126px}.flow-kpi>i{width:35px;height:35px;border-radius:10px;display:grid;place-items:center;font-style:normal;font-size:20px}.flow-kpi span{display:block;font-weight:700;margin:7px 0 15px}.flow-kpi b{font-size:25px}.flow-kpi.planned>i{background:#e8f5ea;color:#25863b}.flow-kpi.planned b{color:#25863b}.flow-kpi.received>i{background:#e1f4fc;color:#038fd1}.flow-kpi.received b{color:#038fd1}.flow-kpi.expense-planned>i{background:#fde6ef;color:#dc1460}.flow-kpi.expense-planned b{color:#dc1460}.flow-kpi.expense-paid>i{background:#fde8eb;color:#ed343d}.flow-kpi.expense-paid b{color:#ed343d}.flow-kpi.result>i{background:#e5f5fd;color:#7558ff}.flow-kpi.result b{color:#7558ff}.flow-dashboard-grid{display:grid;grid-template-columns:2fr 1fr;gap:10px}.flow-chart-card,.flow-type-card{padding:17px}.flow-card-title{display:flex;justify-content:space-between;align-items:flex-start}.flow-card-title h2,.flow-type-card h2{margin:0;font-size:18px}.flow-card-title span{font-size:10px;display:flex;gap:8px;align-items:center}.flow-card-title i,.flow-type-list i{width:10px;height:10px;border-radius:3px;display:inline-block}.flow-card-title .revenue{background:#078ed2}.flow-card-title .expense{background:#ed3d45}.flow-card-title .balance{background:#7558ff}.flow-chart{height:275px;margin-top:20px}.flow-chart svg{width:100%;height:235px;overflow:visible}.flow-grid-lines line{stroke:#ddd;stroke-width:1}.flow-line{fill:none;stroke-width:4;vector-effect:non-scaling-stroke}.flow-line.revenue{stroke:#078ed2}.flow-line.expense{stroke:#ed3d45;stroke-dasharray:8 5}.flow-line.balance{stroke:#7558ff}.flow-months{display:grid;grid-template-columns:repeat(12,1fr);text-align:center;font-size:10px;color:#777}.flow-type-layout{display:grid;grid-template-columns:1fr 190px;gap:10px;align-items:center;margin-top:35px}.flow-type-list{display:grid;gap:18px}.flow-type-list div{display:grid;grid-template-columns:12px 1fr auto;gap:8px;align-items:center}.flow-type-list span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.flow-donut{width:170px;height:170px;border-radius:50%;background:var(--flow-gradient);display:grid;place-items:center}.flow-donut:before{content:'';width:108px;height:108px;border-radius:50%;background:#fff;grid-area:1/1}.flow-donut div{grid-area:1/1;z-index:1;text-align:center}.flow-donut small,.flow-donut b{display:block}.flow-donut b{font-size:13px;margin-top:5px}@media(max-width:1200px){.flow-kpis{grid-template-columns:repeat(3,1fr)}.flow-dashboard-grid{grid-template-columns:1fr}.flow-filter-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.flow-kpis,.flow-filter-grid{grid-template-columns:1fr}.flow-type-layout{grid-template-columns:1fr}.flow-card-title{display:block}.flow-card-title span{margin-top:10px}}