:root {
  --ledger-header: #87ceeb;
  --ledger-header-deep: #6bb3d6;
  --card-shadow: 0 0.125rem 0.5rem rgba(0, 0, 0, 0.06);
  --income-color: #dc3545;
  --expense-color: #198754;
}

body {
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial,
    "Noto Sans SC", "Microsoft YaHei", sans-serif;
  background: #f6f8fb;
}

.page-title-bar {
  background: linear-gradient(180deg, var(--ledger-header) 0%, var(--ledger-header-deep) 100%);
  color: #0b2239;
  border-radius: 0.75rem;
  padding: 1rem 1.25rem;
  box-shadow: var(--card-shadow);
}

.summary-card {
  border: none;
  border-radius: 0.75rem;
  box-shadow: var(--card-shadow);
}

.summary-card .label {
  color: #6c757d;
  font-size: 0.875rem;
}

.summary-card .value {
  font-size: 1.35rem;
  font-weight: 700;
}

.summary-income {
  color: var(--income-color);
}

.summary-expense {
  color: var(--expense-color);
}

.table-ledger thead {
  background: var(--ledger-header);
  color: #0b2239;
}

.table-ledger {
  font-size: 0.92rem;
}

.mobile-card {
  border-radius: 0.75rem;
  border: 1px solid #e9ecef;
  background: #fff;
}

.navbar-ledger {
  box-shadow: var(--card-shadow);
}