/* General body styling */
      
      /* Sidebar styling */
      #sidebar {
        min-height: 100vh;
        width: 280px;
        transition: all 0.3s;
      }
      
      /* Main content area */
      .main-content {
        transition: all 0.3s;
        min-height: calc(100vh - 56px);
      }
      
      /* Header styling */
      .dashboard-header {
        height: 56px;
        z-index: 1000;
      }
      
      /* Sidebar links */
      .sidebar-link {
        border-radius: 0.375rem;
        margin: 0.25rem 0.5rem;
        padding: 0.5rem 1rem;
        transition: all 0.2s;
      }
      
      .sidebar-link:hover {
        background-color: rgba(255, 255, 255, 0.1);
      }
      
      /* Active sidebar link */
      .sidebar-link.active {
        background-color: rgba(255, 255, 255, 0.2);
        font-weight: 500;
      }
      
      /* Offcanvas adjustments */
      @media (max-width: 767.98px) {
        #sidebar {
          width: 100%;
        }
      }
      
      /* Desktop sidebar positioning */
      @media (min-width: 768px) {
        #sidebar {
          position: fixed;
          top: 0;
          left: 0;
          height: 100vh;
          transform: none;
          visibility: visible !important;
        }
        
        .main-content {
          margin-left: 280px;
        }
        
        .dashboard-header {
          margin-left: 280px;
          
        }
      }