.app-wrapper {
    display: flex;
    min-height: 100vh;
}

.main-content {
    flex-grow: 1;
    margin-left: 260px;
    padding: 20px;
    padding-top: 80px; /* Space for navbar */
    transition: margin-left 0.3s;
}

@media (max-width: 992px) {
    .main-content {
        margin-left: 0;
    }
}

.public-layout {
    padding-top: 80px;
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
    position: relative;
}