/* Modern UI customizations for HRMS */
body {
  background: linear-gradient(135deg, #f8fafc 0%, #e0e7ef 100%);
  font-family: 'Inter', 'Roboto', 'Segoe UI', Arial, sans-serif;
  min-height: 100vh;
}

.card, .modal-content {
  border-radius: 1rem !important;
  box-shadow: 0 2px 16px 0 rgba(60,72,88,0.08);
}

.navbar {
  border-radius: 0 0 1rem 1rem;
  box-shadow: 0 2px 8px 0 rgba(60,72,88,0.10);
  background: linear-gradient(90deg, #2b5876 0%, #4e4376 100%);
}

.navbar .navbar-brand, .navbar-nav .nav-link {
  color: #fff !important;
  font-weight: 500;
  letter-spacing: 0.5px;
}

.navbar .nav-link.active, .navbar .nav-link:focus, .navbar .nav-link:hover {
  color: #ffd700 !important;
}

.btn-primary, .btn-success, .btn-info, .btn-warning, .btn-danger {
  border-radius: 2rem;
  font-weight: 500;
  box-shadow: 0 2px 8px 0 rgba(60,72,88,0.10);
  transition: background 0.2s, color 0.2s;
}

.btn-primary {
  background: linear-gradient(90deg, #2b5876 0%, #4e4376 100%);
  border: none;
}

.btn-primary:hover {
  background: linear-gradient(90deg, #4e4376 0%, #2b5876 100%);
}

input, select, textarea {
  border-radius: 0.7rem !important;
  border: 1px solid #d1d5db !important;
  background: #f9fafb !important;
  font-size: 1.05rem;
}

.table {
  background: #fff;
}

.table thead {
  background: linear-gradient(90deg, #2b5876 0%, #4e4376 100%);
  color: #fff;
}

.table-striped > tbody > tr:nth-of-type(odd) {
  background-color: #f3f6fa;
}

.table-hover > tbody > tr:hover {
  background-color: #e0e7ef;
}

footer.footer-sticky {
  background: linear-gradient(90deg, #2b5876 0%, #4e4376 100%);
  color: #fff;
  font-size: 1.05rem;
}

::-webkit-scrollbar {
  width: 8px;
  background: #e0e7ef;
}
::-webkit-scrollbar-thumb {
  background: #b0b8c1;
  border-radius: 4px;
}