:root {
  --pink-main: #d63384;
  --pink-dark: #a61e5c;
  --pink-light: #fff0f6;
  --pink-soft: #ffe3ef;
}
body {
  background: linear-gradient(135deg, #fff7fb 0%, #ffe8f2 100%);
  min-height: 100vh;
}
.navbar-custom {
  background: linear-gradient(90deg, var(--pink-dark), var(--pink-main));
}
.card-pink {
  border: none;
  border-radius: 18px;
  box-shadow: 0 10px 25px rgba(214, 51, 132, 0.13);
}
.btn-pink {
  background: var(--pink-main);
  color: #fff;
  border: none;
}
.btn-pink:hover { background: var(--pink-dark); color: #fff; }
.badge-pink { background: var(--pink-soft); color: var(--pink-dark); }
.form-control:focus, .form-select:focus {
  border-color: var(--pink-main);
  box-shadow: 0 0 0 .25rem rgba(214, 51, 132, .18);
}
.table thead { background: var(--pink-soft); color: var(--pink-dark); }
.select2-container--bootstrap-5 .select2-selection { border-radius: .5rem; }