/* =========================================================
   CSS БЛОКА: КАРТОЧКИ ЦЕЛЕЙ НА ГЛАВНОЙ
   ========================================================= */
.goal-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.goal-card{
  border:1px solid var(--line);background:var(--panel);border-radius:20px;padding:18px;min-height:180px;
  display:flex;flex-direction:column;transition:.22s ease;cursor:pointer
}
.goal-card:hover{transform:translateY(-3px);border-color:var(--line-strong);background:#141821}
.goal-card__top{display:flex;justify-content:space-between;gap:10px;color:var(--muted);font-size:11px}
.goal-card h3{font:700 19px/1.1 "Manrope",sans-serif;margin:22px 0 auto}
.goal-card__bottom{margin-top:22px}
.goal-card__bottom>div:first-child{display:flex;justify-content:space-between;align-items:center;font-size:12px;margin-bottom:8px}
.goal-card__bottom strong{font-size:14px}
.goal-card .progress{height:5px}