#page-content-wrapper {
    display: none;
}

#wrapper {
    padding-left: 0;
    transition: all 0.3s ease;
}

/* Sharp Solid Blue/Red Theme Mobile Sidebar (No Gradients, No Border Radius) */
@media screen and (max-width: 991px) {
    #page-content-wrapper {
        display: block !important;
        width: 100%;
    }

    #sidebar-wrapper {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        height: 100vh !important;
        z-index: 9999998 !important;
        background: #000000 !important;
        overflow-y: auto !important;
        transform: translateX(-100%) !important;
        transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1) !important;
        padding: 70px 0 30px !important;
        border-radius: 0 !important;
    }

    #wrapper.toggled #sidebar-wrapper {
        transform: translateX(0) !important;
    }

    .sidebar-nav {
        margin: 0 !important;
        padding: 0 !important;
        list-style: none !important;
        width: 100% !important;
        border-radius: 0 !important;
    }

    .sidebar-nav li {
        width: 100% !important;
        display: block !important;
        margin: 0 !important;
        border-radius: 0 !important;
    }

    .sidebar-nav li a {
        display: flex !important;
        justify-content: space-between !important;
        align-items: center !important;
        padding: 15px 25px !important;
        color: #ffffff !important;
        font-size: 16px !important;
        font-weight: 600 !important;
        text-decoration: none !important;
        background: #000000 !important;
        border-bottom: 1px solid #1a1a1a !important;
        border-radius: 0 !important;
        transition: all 0.2s ease !important;
    }

    .sidebar-nav li a:hover,
    .sidebar-nav li.open > a {
        background: #ea506c !important;
        color: #ffffff !important;
        border-left: 5px solid #007bff !important;
        border-radius: 0 !important;
    }

    .sidebar-nav .dropdown-menu {
        position: static !important;
        float: none !important;
        width: 100% !important;
        background: #0d1b2a !important;
        box-shadow: none !important;
        border: none !important;
        border-radius: 0 !important;
        padding: 0 !important;
        margin: 0 !important;
        display: none !important;
    }

    .sidebar-nav li.dropdown.open .dropdown-menu {
        display: block !important;
    }

    .sidebar-nav .dropdown-menu li a {
        padding: 12px 35px !important;
        font-size: 14px !important;
        color: #e2e8f0 !important;
        background: #091424 !important;
        border-bottom: 1px solid #112236 !important;
        border-radius: 0 !important;
    }

    .sidebar-nav .dropdown-menu li a:hover {
        background: #007bff !important;
        color: #ffffff !important;
        border-left: 5px solid #ea506c !important;
        border-radius: 0 !important;
    }

    /* Fixed Sharp Floating Hamburger Button */
    .hamburger {
        position: fixed !important;
        top: 15px !important;
        left: 15px !important;
        z-index: 1000000 !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;
        align-items: center !important;
        width: 44px !important;
        height: 44px !important;
        background: #ea506c !important;
        border: none !important;
        border-radius: 0 !important;
        cursor: pointer !important;
        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.4) !important;
        outline: none !important;
        padding: 0 !important;
    }

    .hamburger .hamb-top,
    .hamburger .hamb-middle,
    .hamburger .hamb-bottom {
        display: block !important;
        position: relative !important;
        left: 0 !important;
        right: 0 !important;
        width: 22px !important;
        height: 3px !important;
        background: #ffffff !important;
        border-radius: 0 !important;
        transition: all 0.3s ease !important;
    }

    .hamburger .hamb-middle {
        margin: 4px 0 !important;
    }

    .hamburger.is-open {
        background: #007bff !important;
        border-radius: 0 !important;
    }

    .hamburger.is-open .hamb-top {
        transform: translateY(7px) rotate(45deg) !important;
    }

    .hamburger.is-open .hamb-middle {
        opacity: 0 !important;
    }

    .hamburger.is-open .hamb-bottom {
        transform: translateY(-7px) rotate(-45deg) !important;
    }

    .overlay {
        position: fixed !important;
        display: none !important;
        width: 100vw !important;
        height: 100vh !important;
        top: 0 !important;
        left: 0 !important;
        background: rgba(0, 0, 0, 0.85) !important;
        z-index: 999998 !important;
    }
}