@media (max-width: 1200px) {
    .jpf-grid-4 {
        grid-template-columns: repeat(2, 1fr);
    }

    .jpf-grid-3 {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 900px) {
    .jpf-sidebar {
        transform: translateX(-100%);
    }

    .jpf-sidebar.open {
        transform: translateX(0);
    }

    .jpf-content {
        margin-left: 0;
        width: 100%;
    }

    .jpf-menu-btn {
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }

    .jpf-topbar {
        gap: 14px;
        justify-content: flex-start;
    }

    .jpf-topbar-right {
        margin-left: auto;
    }

    .jpf-support {
        display: none;
    }

    .jpf-sidebar-overlay.show {
        display: block;
        position: fixed;
        inset: 0;
        background: rgba(15, 23, 42, 0.55);
        z-index: 950;
    }
}

@media (max-width: 650px) {
    .jpf-main {
        padding: 18px;
    }

    .jpf-topbar {
        padding: 14px 16px;
    }

    .jpf-topbar h2 {
        font-size: 17px;
    }

    .jpf-topbar p {
        display: none;
    }

    .jpf-user-pill div:last-child {
        display: none;
    }

    .jpf-grid-4,
    .jpf-grid-3,
    .jpf-grid-2 {
        grid-template-columns: 1fr;
    }

    .jpf-card {
        padding: 16px;
    }

    .jpf-stat h2 {
        font-size: 22px;
    }

    .jpf-footer {
        padding: 16px;
        text-align: center;
    }
}