.pie-chart-container{width:100%;text-align:center;margin-bottom:30px}.pie-chart{width:220px;height:220px;border-radius:50%;margin:auto;position:relative;box-shadow:0 10px 25px rgba(0,0,0,.1),0 8px 10px rgba(0,0,0,.06);aspect-ratio:1/1;flex-shrink:0}.percent{position:absolute;font-size:19px;font-weight:500;color:white;z-index:5}.principal-percent{top:20px;right:43px}.interest-percent{top:90px;left:3px}.pie-chart-hole{position:absolute;top:50%;left:50%;width:140px;height:140px;transform:translate(-50%,-50%);border-radius:50%;background:white;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 2px 4px rgba(0,0,0,.06)}.center-text{display:flex;flex-direction:column;gap:0}.amount-label{font-size:12px;color:var(--blue-800);line-height:1;margin:0}.total-amount{margin:4px 0 0;font-weight:700;line-height:1.2;color:var(--blue-300)}.chart-legend{display:flex;flex-direction:column;justify-content:center;gap:5px;margin-top:25px}.legend-item{display:flex;align-items:center;gap:8px;color:var(--blue-800);font-size:14px}.legend-dot{width:12px;height:12px;border-radius:50%}.legend-dot.principal{background:var(--blue-300)}.legend-dot.interest{background:var(--orange-500)}@media (max-width:576px){.pie-chart-container .d-flex{flex-direction:column;align-items:center;gap:20px}.pie-chart{width:180px;height:180px;min-width:180px;min-height:180px;flex-shrink:0}.pie-chart-hole{width:110px;height:110px}.principal-percent{top:14px;right:34px}.interest-percent{top:21px;left:25px}.chart-legend{margin-top:0;align-items:center}}@media (max-width:375px){.pie-chart{width:150px;height:150px}.pie-chart-hole{width:90px;height:90px}.percent{font-size:12px}.principal-percent{top:12px;right:22px}.interest-percent{top:60px;left:5px}}