.debts-topbar {
  min-height: 44px;
  gap: 18px;
  margin-bottom: 18px;
}

.debts-page-title {
  font-size: 28px;
  line-height: 1.03;
  font-weight: 680;
  letter-spacing: -0.04em;
}

.debts-page-subtitle {
  margin-top: 4px;
  font-size: 12px;
  line-height: 1.2;
  font-weight: 500;
}

.debts-add {
  width: 34px;
  height: 34px;
  padding: 6px;
  margin: -2px -6px 0 0;
}

.debts-add svg {
  width: 22px;
  height: 22px;
}

.debts-summary {
  margin: 8px 0 22px;
}

.debts-summary-label {
  font-size: 13px;
  line-height: 1.25;
  font-weight: 540;
  margin-bottom: 6px;
}

.debts-summary-value {
  font-size: clamp(36px, 10vw, 46px);
  line-height: 1;
  font-weight: 700;
  letter-spacing: -0.055em;
}

.debts-list {
  padding-top: 9px;
}

.debt-list-row {
  gap: 16px;
  padding-top: 11px;
  padding-bottom: 12px;
}

.debt-list-name {
  font-size: 15px;
  line-height: 1.22;
  font-weight: 590;
}

.debt-list-date {
  font-size: 11.5px;
}

.debt-list-amount {
  font-size: 15px;
  font-weight: 650;
}

.debts-empty {
  margin-top: 42px;
  font-size: 13px;
}

@media (max-width: 360px) {
  .debts-page-title {
    font-size: 28px;
  }

  .debts-summary-value {
    font-size: 36px;
  }
}