body {
    font-family: 'Inter', sans-serif;
}

.sidebar {
    width: 280px;
    min-height: 100vh;
    transition: margin-left 0.3s;
}

.main-content {
    transition: margin-left 0.3s;
    width: 100%;
}

@media (max-width: 991.98px) {
    .sidebar {
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        z-index: 1030;
        margin-left: -280px;
    }
    .sidebar.show {
        margin-left: 0;
    }
    .main-content {
        margin-left: 0 !important;
    }
}

@media (min-width: 992px) {
    .sidebar.show ~ .main-content {
        margin-left: 280px;
    }
}