body {
            font-family: 'Poppins', sans-serif;
            overflow-x: hidden;
        }
        #sidebar {
            height: 100vh;
            background: #343a40;
            color: #fff;
            position: fixed;
            left: 0;
            top: 0;
            width: 230px;
            padding-top: 60px;
            transition: all 0.3s;
            z-index: 1000;
        }
        #sidebar.collapsed {
          margin-left: -230px;
        }
        #sidebar div.collapse{
            margin: 0 10px !important;
        }
        #sidebar div.collapse a{
        }
        #sidebar.dropdown-item {
            margin-left:10px !important;
        }
        #sidebar.dropdown-item a {
            margin-right:15px !important;
        }
        #sidebar a {
          color: #ddd;
          padding: 6px 10px;
          display: block;
          text-decoration: none;
          cursor:pointer;
        }
        #sidebar a:hover, #sidebar .dropdown-item a:hover {
          background: #495057;
          color: #fff;
        }
        #sidebar .dropdown-menu {
          background: #495057;
          border: none;
        }
        #sidebar .dropdown-menu a {
          padding-left: 40px;
        }
        #content {
          margin-left: 220px;
          padding: 20px;
          transition: all 0.3s;
        }
        #content.full {
          margin-left: 0;
        }
        /* Compact layout adjustments */
        body, a, button, .navbar, .card, .dropdown-item {
          font-size: 0.875rem; /* slightly smaller */
        }
        
        .navbar {
          padding: 0.3rem 1rem;
        }
        
        .navbar-brand {
          font-size: 1rem;
        }
        
        #sidebar a,
        #sidebar .dropdown-item {
          padding: 6px 10px;
          font-size: 0.85rem;
          border:1px solid #666666;
          border-radius:4px;
          margin: 0 5px 5px 5px;
        }
        
        .card {
          margin-top: 1rem;
        }
        
        .card-header,
        .card-body {
          padding: 0.75rem 1rem;
        }
        
        .container-fluid {
          padding: 10px;
        }
        
        .btn {
          padding: 0.3rem 0.6rem;
          font-size: 0.85rem;
        }
        #sidebar i {
          margin-right: 6px;
          font-size: 0.85rem;
        }
        @media (max-width: 768px) {
          #sidebar {
            margin-left: -230px;
          }
          #sidebar.show {
            margin-left: 0;
          }
          #content {
            margin-left: 0;
          }
        }
        .table {
            width: 100%;
            table-layout: auto;
        }
        .scrollable {
            overflow-x: auto;
        }
        .dt-buttons{
            margin-top:20px;
        }
        .dataTables_filter{
           margin-right:7px; 
        }
        .dt-button-collection a{
            color:#777 !important;
        }