@media (max-width: 767.98px) {
    .sidebar {
        position: static;
        height: auto;
        padding-top: 0;
    }
    
    .sidebar .nav {
        flex-direction: row;
        overflow-x: auto;
        padding-bottom: 1rem;
    }
    
    .sidebar .nav-link {
        padding: 0.5rem 1rem;
        white-space: nowrap;
    }
    
    .content {
        margin-left: 0;
    }
}

@media (max-width: 575.98px) {
    .card-body {
        padding: 1rem;
    }
    
    .navbar-brand {
        font-size: 1rem;
    }
    
    h1.h2 {
        font-size: 1.5rem;
    }
    
    .btn {
        padding: 0.25rem 0.5rem;
        font-size: 0.875rem;
    }
}