.money-card{background-color:#f3f5f6;border-radius:12px;flex:1;width:100%;min-width:min(220px,100%);height:110px;padding:10px}.money-container{position:relative}.money-card-header{align-items:center;gap:10px;display:flex}.money-card-label{font-weight:500}.money-card-amount{word-break:break-word;margin:10px 0;font-size:1.6rem;font-weight:500;line-height:1.15}.trend{border-radius:10px;justify-content:center;align-items:center;width:55px;height:25px;display:flex;position:absolute;top:30px;right:0}.trend-value{font-size:.7rem}@media (max-width:600px){.money-card{min-width:100%;height:auto;min-height:96px;padding:10px}.money-card-header{gap:8px}.money-card-label{font-size:.9rem}.money-card-amount{margin:8px 0;padding-right:62px;font-size:1.2rem}.trend{width:52px;height:24px;top:24px}.trend-value{font-size:.65rem}}
.bucket-container{background-color:#fff;border-radius:10px;padding:10px}.bucket-header-container{justify-content:space-between;align-items:center;display:flex}.label{margin-left:10px;font-size:14px;font-weight:500}.ratio{font-size:12px}.progress-bar-container{background-color:#e5e7eb;border-radius:2.5px;width:100%;height:5px;margin:5px 0}.progress-bar-container>div{border-radius:2.5px}@media (max-width:420px){.label{font-size:13px}.ratio{font-size:11px}}
.chart-container{border:1px solid #f3f5f6;padding:15px}.bar-chart{background-color:#fff;border-radius:8px;width:100%;height:clamp(220px,32vw,340px);padding:16px}@media (max-width:600px){.chart-container{padding:12px}.bar-chart{height:clamp(200px,55vw,300px);padding:12px}.chart-container .recharts-text,.chart-container .recharts-cartesian-axis-tick-value{font-size:11px}.chart-container .recharts-legend-wrapper{width:100%!important}.chart-container .recharts-default-legend{flex-wrap:wrap;justify-content:center;gap:8px 14px;display:flex}}
.pie-card{padding:15px;overflow:hidden}.pie-container{width:100%;max-width:520px;height:300px;min-height:300px;margin:0 auto}.pie-card-title{font-size:clamp(1.05rem,2.4vw,1.2rem)}.tooltip{padding:5px 8px;font-size:12px}.legend{flex-wrap:wrap;justify-content:center;row-gap:6px;padding-top:6px}@media (max-width:600px){.pie-card{padding:12px}.pie-container{max-width:100%;height:270px;min-height:270px}.pie-card .recharts-legend-wrapper{width:100%!important}.pie-card .recharts-default-legend{flex-wrap:wrap;justify-content:center;gap:6px 10px;display:flex}.pie-card .recharts-text{font-size:11px}}