body {
    min-height: 100vh;
}

#sidebar-wrapper {
    min-width: 240px;
    max-width: 240px;
}

.app-shell {
    display: flex;
    min-height: calc(100vh - 56px);
}

.app-content {
    flex: 1;
    padding: 1.5rem;
}

@media (max-width: 991.98px) {
    .app-shell {
        flex-direction: column;
    }

    #sidebar-wrapper {
        min-width: 100%;
        max-width: 100%;
    }
}