body {
  background-color: var(--tg-theme-bg-color, #ffffff);
  color: var(--tg-theme-text-color, #000000);
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

.wallet-card {
  background-color: var(--tg-theme-secondary-bg-color, #f0f0f0);
  border: none;
  border-radius: 12px;
}

.wallet-card.default-wallet {
  border: 2px solid var(--tg-theme-button-color, #3390ec);
}

.section-title {
  font-size: 0.85rem;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  opacity: 0.6;
  margin-bottom: 12px;
}

.transaction-item {
  padding: 10px 0;
  border-bottom: 1px solid var(--tg-theme-secondary-bg-color, #f0f0f0);
}

.transaction-item:last-child {
  border-bottom: none;
}

.badge-expense {
  background-color: #dc3545;
}

.badge-income {
  background-color: #28a745;
}

.badge-exchange {
  background-color: #ffc107;
  color: #000;
}

.amount-expense {
  color: #dc3545;
}

.amount-income {
  color: #28a745;
}

.btn-load-more {
  background-color: var(--tg-theme-button-color, #3390ec);
  color: var(--tg-theme-button-text-color, #ffffff);
  border: none;
  border-radius: 8px;
}

.btn-load-more:hover {
  opacity: 0.9;
  color: var(--tg-theme-button-text-color, #ffffff);
}

.filter-select {
  background-color: var(--tg-theme-secondary-bg-color, #f0f0f0);
  color: var(--tg-theme-text-color, #000000);
  border: none;
  border-radius: 8px;
}

.hint-text {
  color: var(--tg-theme-hint-color, #999999);
}

.lang-btn,
.currency-btn {
  background-color: var(--tg-theme-secondary-bg-color, #f0f0f0);
  color: var(--tg-theme-text-color, #000000);
  border: 1px solid transparent;
  border-radius: 10px;
  padding: 12px;
  font-size: 1rem;
}

.lang-btn:hover,
.currency-btn:hover {
  border-color: var(--tg-theme-button-color, #3390ec);
  color: var(--tg-theme-text-color, #000000);
}

.lang-btn.active,
.currency-btn.active {
  border-color: var(--tg-theme-button-color, #3390ec);
  background-color: var(--tg-theme-button-color, #3390ec);
  color: var(--tg-theme-button-text-color, #ffffff);
}