.exchange-flow-chart{border-radius:24px;overflow:hidden;background-color:rgba(13,15,27,.6);border:1px solid rgba(33,39,70,.3);padding:15px;width:100%;height:100%}.chart-title{color:#fff;font-size:18px;font-weight:500;margin:0 0 15px 10px}.recharts-bar-rectangles{transform:translateX(0)!important}.recharts-bar-rectangle{opacity:1!important}.recharts-layer.recharts-bar-graphical{transform:translateX(0)!important}.recharts-cartesian-axis-tick text{fill:rgba(255,255,255,.7)!important;font-size:12px!important;letter-spacing:.2px}.recharts-xAxis .recharts-cartesian-axis-tick text{letter-spacing:.5px!important}.flow-chart-tooltip{background-color:rgba(21,25,41,.95);border:1px solid rgba(48,90,196,.4);border-radius:8px;padding:10px 14px;color:#fff;font-size:12px;box-shadow:0 4px 12px rgba(0,0,0,.3)}.flow-chart-tooltip .date{font-weight:600;margin-bottom:5px;color:rgba(255,255,255,.95)}.flow-chart-tooltip p{margin:5px 0}.chart-legend{display:flex;justify-content:center;gap:24px;margin-top:10px}.legend-item{display:flex;align-items:center;font-size:12px;color:#fff}.legend-dot{width:12px;height:12px;border-radius:50%;margin-right:8px;display:inline-block}.legend-dot.incoming{background-color:#3b85dd}.legend-dot.outgoing{background-color:#275d99}.legend-dot.balance{background-color:#8a8ea0}.legend-text{color:rgba(255,255,255,.8)}@media (min-width:1200px){.exchange-flow-chart{padding:20px}.chart-title{font-size:20px;margin:0 0 20px 10px}.recharts-cartesian-axis-tick text{font-size:13px!important;font-weight:500!important}.recharts-xAxis .recharts-cartesian-axis-tick text{letter-spacing:.8px!important}.recharts-yAxis .recharts-cartesian-axis-tick text{font-size:13px!important}}@media (max-width:1024px){.exchange-flow-chart{padding:15px;border-radius:20px;width:100%;max-width:100vw;overflow-x:hidden}.chart-title{font-size:16px;margin:0 0 15px 5px}.chart-legend{gap:18px;flex-wrap:wrap;justify-content:center;margin-top:5px}.recharts-cartesian-axis-tick text{font-size:11px!important;letter-spacing:.5px}}@media (max-width:992px){.exchange-flow-chart{padding:15px;border-radius:16px;margin:0 -5px;width:calc(100% + 10px)}.chart-title{font-size:16px;margin:0 0 10px 5px}.chart-legend{gap:15px;flex-wrap:wrap;justify-content:space-around}}@media (max-width:768px){.exchange-flow-chart{padding:12px;border-radius:14px;margin:0 -10px;width:calc(100% + 20px)}.recharts-cartesian-axis-tick text{font-size:10px!important}}@media (max-width:480px){.exchange-flow-chart{padding:10px;border-radius:12px;margin:0 -15px;width:calc(100% + 30px)}.chart-title{font-size:14px;margin:0 0 10px 20px}.chart-legend{gap:10px}.legend-item{font-size:10px}.legend-dot{width:10px;height:10px;margin-right:5px}}.recharts-xAxis .recharts-cartesian-axis-tick{margin:0 15px!important}.recharts-xAxis .recharts-cartesian-axis-tick text{font-size:13px!important;font-weight:500!important;fill:rgba(255,255,255,.8)!important}.chart-wrapper{padding:0!important;display:flex;flex-direction:column}@media (min-width:993px){.exchange-flow-chart{height:100%}.recharts-responsive-container{height:90%!important}.recharts-layer .recharts-bar-rectangle{transform:scale(.9)}}