body {
      font-family: 'Quicksand', sans-serif;
      background-color: #f5f0e1;
      margin: 0;
    }
    .navbar {
      height: 56px;
      background: #9a7d0a ;
      z-index: 1050;
    }
    .sidebar {
      position: fixed;
      top: 56px;
      left: 0;
      width: 250px;
      height: calc(100vh - 56px);
      background: #d4af37;
      color: #4e342e;
      overflow-y: auto;
      padding-top: 1rem;
      transition: left 0.3s ease;
      z-index: 1040;
    }
    .sidebar-profile {
      text-align: center;
      margin-bottom: 1rem;
    }
    .sidebar-profile img {
      max-width: 100px;
      height: auto;
      object-fit: contain;
      border-radius: 0;
      margin-bottom: 8px;
    }
    .sidebar .nav-link {
      color: #4e342e;
      font-weight: 600;
      padding: 0.5rem 1.5rem;
    }
    .sidebar .nav-link:hover {
      background-color: #fce8c9;
    }
    .sidebar .submenu {
      padding-left: 1.5rem;
      font-size: 0.95rem;
    }
    .main {
      margin-left: 250px;
      padding: 2rem;
      padding-top: 5rem;
      background-color: #fffaf3;
      min-height: calc(100vh - 56px);
    }
    @media (max-width: 768px) {
      .sidebar {
        left: -250px;
      }
      .sidebar.open {
        left: 0;
      }
      .main {
        margin-left: 0;
        padding-top: 5rem;
      }
    }
	.select2-container--default .select2-selection--single {
  border: 1px solid #ced4da;
  border-radius: 0.375rem;
  height: 38px;
  padding: 0.375rem 0.75rem;
}
.select2-container--default .select2-selection--single {
  height: 38px !important;
  display: flex;
  align-items: center;
  padding-left: 0.75rem; /* matches Bootstrap's form-control padding */
  border: 1px solid #ced4da;
  border-radius: 0.375rem;
  font-size: 1rem;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: normal !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-top: 0 !important;
  display: flex;
  align-items: center;
  height: 100%;
}
/* Add this at the end of styleAdmin.css */
@media (max-width: 768px) {
  .main table {
    display: block;
    width: 100%;
    overflow-x: auto;
    white-space: nowrap;
  }
  .main th, .main td {
    min-width: 100px; /* or as per your data */
  }
}