/* =========================================================
   CSS БЛОКА: СТРАНИЦА ЦЕЛЕЙ
   ========================================================= */
.goal-list{display:flex;flex-direction:column;gap:12px}
.goal-detail{
  border:1px solid var(--line);border-radius:22px;background:var(--panel);overflow:hidden
}
.goal-detail__summary{
  width:100%;display:grid;grid-template-columns:50px minmax(0,1fr) 150px 38px;gap:16px;align-items:center;
  padding:20px;border:0;background:transparent;text-align:left;cursor:pointer
}
.goal-index{font:700 13px "Manrope",sans-serif;color:#5f6676}
.goal-detail__title strong{font:700 18px "Manrope",sans-serif}
.goal-detail__title span{display:block;color:var(--muted);font-size:11px;margin-top:4px}
.goal-detail__progress{display:flex;gap:12px;align-items:center}
.goal-detail__progress .progress{flex:1}
.goal-detail__progress strong{width:44px;text-align:right;font-size:12px}
.goal-arrow{font-size:22px;color:#697181;transition:transform .2s}
.goal-detail.open .goal-arrow{transform:rotate(45deg)}
.goal-detail__body{display:none;padding:0 20px 20px 86px}
.goal-detail.open .goal-detail__body{display:block}
.goal-result{
  border:1px solid var(--line);background:rgba(255,255,255,.022);border-radius:14px;padding:14px;margin-bottom:14px
}
.goal-result span{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.13em}
.goal-result p{font-size:13px;margin:7px 0 0}
.milestone-list{display:flex;flex-direction:column;gap:7px}
.milestone{
  display:grid;grid-template-columns:1fr 100px 46px;gap:12px;align-items:center;padding:10px 12px;border-radius:11px;background:rgba(255,255,255,.02)
}
.milestone span{font-size:12px}
.milestone .progress{height:4px}
.milestone strong{font-size:10px;text-align:right}