.flow-cost-summary,.flow-portfolio,.flow-monthly{background:#fff;border:1px solid #ded6c7;border-radius:13px;padding:18px;margin-top:12px}.flow-section-heading{display:flex;justify-content:space-between;gap:20px}.flow-section-heading h2,.flow-portfolio h2,.flow-monthly h2{margin:0;font-size:17px}.flow-section-heading p{margin:4px 0 0;color:#766f64;font-size:12px}.flow-section-heading>b{color:#a87516}.flow-cost-list{display:grid;gap:13px;margin-top:18px}.flow-cost-list>div{display:grid;grid-template-columns:1fr 48px;gap:5px 12px}.flow-cost-list span{grid-column:1/-1;display:flex;justify-content:space-between;font-size:12px}.flow-cost-list span strong{color:#a87516}.flow-cost-list i{height:6px;background:#eee9df;border-radius:10px;overflow:hidden}.flow-cost-list em{display:block;height:100%;background:#c99022;border-radius:10px}.flow-cost-list small{text-align:right;color:#766f64}.flow-detail-grid{display:grid;grid-template-columns:minmax(260px,.65fr) 2fr;gap:12px}.flow-portfolio>div{display:grid;margin-top:15px}.flow-portfolio span{display:grid;grid-template-columns:1fr auto;padding:13px 0;border-bottom:1px solid #eee8dc;font-size:12px}.flow-portfolio span b{color:#176b4d;font-size:14px}.flow-portfolio span:nth-child(3) b{color:#b73b34}.flow-portfolio span small{grid-column:1/-1;color:#7d7569;margin-top:4px}.flow-monthly-table{overflow:auto;margin-top:15px}.flow-monthly-table table{width:100%;min-width:760px;border-collapse:collapse}.flow-monthly-table th{background:#282b27;color:#f3d171;padding:11px;text-align:right;font-size:10px}.flow-monthly-table th:first-child,.flow-monthly-table td:first-child{text-align:left}.flow-monthly-table td{padding:11px;border-bottom:1px solid #eee8dc;text-align:right;font-size:11px}.flow-monthly-table td.positive{color:#176b4d;font-weight:700}.flow-monthly-table td.negative{color:#b73b34;font-weight:700}@media(max-width:900px){.flow-detail-grid{grid-template-columns:1fr}}