/* Custom DataTables Styling */
  .dataTables_wrapper {
    color: white;
  }
  
  /* Table cell padding */
  #usersTable tbody td {
    padding: 1rem 1.5rem !important;
    vertical-align: middle;
  }
  
  #usersTable thead th {
    padding: 1rem 1.5rem !important;
    font-weight: 600;
  }
  
  /* Row spacing */
  #usersTable tbody tr {
    height: auto;
    min-height: 4rem;
  }
  
  #usersTable tbody tr:hover {
    background-color: rgba(55, 65, 81, 0.3) !important;
  }
  
  /* Search and length styling */
  .dataTables_filter input {
    background-color: #374151;
    border: 1px solid #4b5563;
    border-radius: 0.5rem;
    padding: 0.5rem 1rem;
    color: white;
    margin-left: 0.5rem;
  }
  
  .dataTables_filter input:focus {
    outline: none;
    border-color: #22d3ee;
  }
  
  .dataTables_length select {
    background-color: #374151;
    border: 1px solid #4b5563;
    border-radius: 0.5rem;
    padding: 0.5rem;
    color: white;
    margin: 0 0.5rem;
  }
  
  .dataTables_info, .dataTables_paginate {
    color: #9ca3af;
  }
  
  .dataTables_paginate .paginate_button {
    color: #9ca3af !important;
    border: 1px solid #4b5563 !important;
    background: transparent !important;
    padding: 0.5rem 1rem !important;
    margin: 0 0.25rem;
    border-radius: 0.5rem;
  }
  
  .dataTables_paginate .paginate_button:hover {
    background: #374151 !important;
    border-color: #22d3ee !important;
    color: #22d3ee !important;
  }
  
  .dataTables_paginate .paginate_button.current {
    background: #22d3ee !important;
    border-color: #22d3ee !important;
    color: white !important;
  }
  
  .dataTables_wrapper .dataTables_paginate .paginate_button.disabled {
    opacity: 0.5;
    cursor: not-allowed;
  }
  
  /* Wrapper spacing */
  .dataTables_wrapper {
    padding: 1rem;
  }
  
  .dataTables_length,
  .dataTables_filter {
    margin-bottom: 1rem;
  }
  
  .dataTables_info,
  .dataTables_paginate {
    margin-top: 1rem;
  }
  .dataTables_wrapper .dataTables_filter input {
    border: 1px solid #515151 !important;
    border-radius: 6px !important;
    padding: 5px !important;
    background-color: transparent !important;
    color: inherit !important;
    margin-left: 10px !important;
}

      /* Custom DataTables Styling */
      .dataTables_wrapper {
        color: white;
      }
      
      .dataTables_filter input {
        background-color: #374151;
        border: 1px solid #4b5563;
        border-radius: 0.5rem;
        padding: 0.5rem 1rem;
        color: white;
        margin-left: 0.5rem;
      }
      
      .dataTables_filter input:focus {
        outline: none;
        border-color: #22d3ee;
      }
      
      .dataTables_length select {
        background-color: #374151;
        border: 1px solid #4b5563;
        border-radius: 0.5rem;
        padding: 0.5rem;
        color: white;
        margin: 0 0.5rem;
      }
      
      .dataTables_info, .dataTables_paginate {
        color: #9ca3af;
      }
      
      .dataTables_paginate .paginate_button {
        color: #9ca3af !important;
        border: 1px solid #4b5563 !important;
        background: transparent !important;
        padding: 0.5rem 1rem !important;
        margin: 0 0.25rem;
        border-radius: 0.5rem;
      }
      
      .dataTables_paginate .paginate_button:hover {
        background: #374151 !important;
        border-color: #22d3ee !important;
        color: #22d3ee !important;
      }
      
      .dataTables_paginate .paginate_button.current {
        background: #22d3ee !important;
        border-color: #22d3ee !important;
        color: white !important;
      }
      
      .dataTables_wrapper .dataTables_paginate .paginate_button.disabled {
        opacity: 0.5;
        cursor: not-allowed;
      }
      
      /* Audio player styling */
      audio {
        width: 100%;
        height: 32px;
      }
      
      audio::-webkit-media-controls-panel {
        background-color: #1f2937;
      }
.active {
	background-color: rgb(25, 57, 74);
	color: white !important;
	border-left: 4px solid #22d3ee;
}