.badge {
  display: inline-block;
  padding: 5px 12px;
  border-radius: 12px;
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
  margin: 5px;
}
.badge-pending {
  background-color: #FFC107;
  color: #664d03;
}
.badge-available {
  background-color: #28A745;
  color: white;
}
.badge-complete {
  background-color: #17A2B8;
  color: white;
}

h2 {
  color: #5A6B7B;
}

.button {
  color: #FFFFFF;
  font-weight: bold;
  padding: 12px 20px;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease-in-out;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  text-decoration: none;
  font-size: 16px;
  background: linear-gradient(to bottom, #AFCF88, #8BA96E);
}
.button:hover {
  background: linear-gradient(to bottom, #BFDCA1, #8BA96E);
  box-shadow: 0 0 10px rgba(125, 164, 83, 0.5);
  transform: scale(1.05);
}
.button:active {
  background: linear-gradient(to bottom, #8BA96E, rgb(113.5064935065, 143.1168831169, 84.8831168831));
  transform: scale(0.98);
}
.button a {
  text-decoration: none;
  color: #FFFFFF;
}
.button i {
  padding-right: 5px;
}
.button.secondary {
  background: linear-gradient(to bottom, #6A89A6, #4F728F);
  color: #FFFFFF;
}
.button.secondary:hover {
  background: linear-gradient(to bottom, #7B9DBD, #4F728F);
  box-shadow: 0 0 10px rgba(106, 137, 166, 0.5);
  transform: scale(1.05);
}
.button.secondary:active {
  background: linear-gradient(to bottom, #4F728F, rgb(60.8513513514, 87.8108108108, 110.1486486486));
  transform: scale(0.98);
}
.button.success {
  background: linear-gradient(to bottom, #5DA860, #4A844F);
}
.button.success:hover {
  background: linear-gradient(to bottom, #6EBB71, #4A844F);
}
.button.success:active {
  background: linear-gradient(to bottom, #4A844F, rgb(55.6796116505, 99.3203883495, 59.4417475728));
  transform: scale(0.98);
}
.button.danger {
  background: linear-gradient(to bottom, #D9534F, #B2403F);
}
.button.danger:hover {
  background: linear-gradient(to bottom, #E56764, #B2403F);
}
.button.danger:active {
  background: linear-gradient(to bottom, #B2403F, rgb(140.3319502075, 50.4564315353, 49.6680497925));
  transform: scale(0.98);
}
.button.minimal {
  background: transparent;
  color: #8BA96E;
  border: 2px solid #8BA96E;
}
.button.minimal:hover {
  background: rgba(139, 169, 110, 0.1);
}
.button.minimal:active {
  background: rgba(139, 169, 110, 0.2);
  transform: scale(0.98);
}
.button.disabled {
  background: #E0E0E0;
  color: #A0A0A0;
  cursor: not-allowed;
  box-shadow: none;
}