.record-card {
      display: flex;
      align-items: center;
      padding: 12px 16px;
      border: 1px solid #eee;
      border-radius: 8px;
      margin-bottom: 12px;
      background-color: #fff;
    }
    .record-card .icon {
      width: 40px;
      height: 40px;
      margin-right: 12px;
    }
    .record-content {
      flex: 1;
    }
    .record-title {
      font-weight: 500;
      margin-bottom: 2px;
    }
    .record-time {
      font-size: 0.85rem;
      color: #888;
    }
    .record-amount {
      text-align: right;
      font-weight: bold;
    }
    .record-amount.green {
      color: #28a745;
    }
    .record-amount.red {
      color: #dc3545;
    }
.top-bar {
  display: flex;
  align-items: center;
  padding: 12px 16px;
  background-color: #fff;
  border-bottom: 1px solid #ddd;
  font-weight: bold;
  font-size: 16px;
}

.top-bar .back-btn {
  margin-right: 12px;
  color: #000;
  font-size: 18px;
}