/* Tablet & Desktop Layout */
@media (min-width: 992px) {
    /* Sidebar ko screen ke left mein fix rakho */
    .sidebar {
        left: 0 !important;
        box-shadow: none;
    }
    .sidebar-overlay { display: none !important; }

    /* Content ko sidebar ki width (280px) jitna margin-left do */
    .main-content {
        margin-left: 280px;
        width: calc(100% - 280px);
    }
    
    /* Topbar ko bhi adjust karo */
    .topbar {
        margin-left: 280px;
        width: calc(100% - 280px);
    }
}

/* Mobile Layout Fix */
@media (max-width: 991px) {
    .main-content {
        margin-left: 0 !important;
        width: 100% !important;
    }
    .topbar {
        width: 100% !important;
    }
}