.card.gradient-card {
    background: linear-gradient(135deg,#5c74e2 0%,#2193b0 100%);
    color: #fff;
    border: none;
    box-shadow: 0 8px 24px rgba(33,147,176,0.15);
  }
  
  .btn-primary {
    background-image: linear-gradient(90deg,#7b61ff,#4f46e5);
    border: none;
    box-shadow: 0 6px 18px rgba(79,70,229,0.18);
  }
  
  input[type=number]::-webkit-outer-spin-button,
  input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
  }

  @media (max-width: 576px) {
    .card .card-body h2 { font-size: 1rem; }
  }