:root {
  --app-bg-1: #f4f7fb;
  --app-bg-2: #dde8ff;
}

body.app-bg {
  min-height: 100vh;
  background: radial-gradient(circle at top right, var(--app-bg-2) 0%, var(--app-bg-1) 52%, #edf2f7 100%);
}

.app-card {
  border-radius: 1.1rem;
  backdrop-filter: blur(4px);
}

.list-group-item {
  border-color: rgba(15, 23, 42, 0.08);
}

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