/* Reset default margin and padding */
body, html {
    margin: 0;
    padding: 0;
    height: 100%; /* Full height */
}

/* Flexbox layout for the entire page */
body {
    display: flex;
    flex-direction: column;
}

/* Dashboard container (sidebar + main content) */
.dashboard-content {
    display: flex;
    flex-grow: 1; /* Take up remaining space */
    overflow: hidden; /* Prevent container scroll */
}

/* Sidebar styles */
.sidebar {
    width: 250px; /* Default width */
    transition: width 0.3s;
    overflow-y: auto; /* Allow sidebar to scroll */
    flex-shrink: 0; /* Prevent sidebar from shrinking */
}

/* Collapsed Sidebar */
.sidebar.collapsed {
    width: 60px; /* Collapsed width */
}

.sidebar.collapsed .nav-link span {
    display: none; /* Hide text when collapsed */
}

/* Main Content Padding */
.main-content {
    flex-grow: 1; /* Take up remaining space */
    overflow-y: auto; /* Allow main content to scroll */
    padding: 20px;
    transition: margin-left 0.3s ease-in-out;
}