.mini-charts{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;margin-bottom:32px;align-items:stretch}.mini-chart-container{background:#fffbf6;border-radius:21px;padding:20px;width:100%;height:217px;box-shadow:3.37px 3.37px 15.17px -1.69px rgba(219,232,255,.8);position:relative;display:flex;flex-direction:column}.pie-chart-container{padding:10px 20px;justify-content:center}.pie-chart-container .recharts-wrapper{height:120px!important}.chart-value{color:#343c6a;text-align:center;font-size:16px;font-weight:500;margin-bottom:10px}.chart-header{text-align:right;margin-bottom:10px}.chart-date{color:#757680;font-size:12px;font-weight:600}.pie-legend{display:flex;flex-wrap:wrap;gap:4px 12px;justify-content:center;margin-top:8px;background:#fffbf6;border-radius:10px;padding:4px}.legend-item{display:flex;align-items:center;gap:5px}.legend-dot{width:5px;height:5px;border-radius:50%;display:inline-block}.legend-text{color:#757680;font-size:11px;font-weight:600}.mini-charts .recharts-text{font-family:Assistant,sans-serif!important;fill:#718ebf}.mini-charts .recharts-cartesian-axis-tick-value{font-size:10px}@media (max-width:1024px){.mini-charts{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}}@media (max-width:768px){.mini-charts{grid-template-columns:1fr}.mini-chart-container{width:100%}}.see-all-chart-button{position:absolute;bottom:12px;left:20px;background:none;border:none;color:#000000;font-size:14px;font-weight:700;font-family:Assistant,sans-serif;cursor:pointer;transition:color .2s ease}.see-all-chart-button:hover{color:#2366ea}