/* Add these styles to your existing CSS */

.card {
  border: none;
  border-radius: 1rem;
}

.card-body {
  padding: 2rem;
}

.form-control {
  border-left: none;
}

.form-control:focus {
  box-shadow: none;
  border-color: #ced4da;
}

.input-group-text {
  border-right: none;
}

.btn-danger {
  transition: all 0.3s ease;
}

.btn-danger:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 8px rgba(0,0,0,0.1);
}

@media (max-width: 576px) {
  .card-body {
      padding: 1.5rem;
  }
}