body {
    background-color: #f4f6f9;
}

.topbar {
    height: 56px;
}

.sidebar {
    width: 240px;
    min-height: calc(100vh - 56px);
}

.content-area {
    min-height: calc(100vh - 56px);
}

.list-group-item.active {
    background-color: #0d6efd;
    border-color: #0d6efd;
}

@media (max-width: 991px) {
    .sidebar {
        position: fixed;
        left: -240px;
        top: 56px;
        z-index: 1030;
        transition: left 0.2s ease-in-out;
    }
    .sidebar.show {
        left: 0;
    }
}