@media (max-width: 900px) {
    html,
    body {
        overflow-x: hidden !important;
    }

    #czors-app.czors-dashboard {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        overflow-x: hidden !important;
        background: radial-gradient(circle at top right, rgba(242,140,40,.08), transparent 35%), #071018;
    }

    .czors-main {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 0 98px !important;
    }

    .czors-sidebar {
        position: fixed !important;
        top: 0 !important;
        left: -320px !important;
        width: 300px !important;
        max-width: 82vw !important;
        height: 100vh !important;
        z-index: 1003 !important;
        transition: left .25s ease !important;
        box-shadow: 25px 0 60px rgba(0,0,0,.45);
    }

    #czors-app.sidebar-open .czors-sidebar {
        left: 0 !important;
    }

    .czors-sidebar-overlay {
        display: block !important;
        position: fixed !important;
        inset: 0 !important;
        background: rgba(0,0,0,.65);
        opacity: 0;
        pointer-events: none;
        z-index: 1002 !important;
        transition: .25s ease;
    }

    #czors-app.sidebar-open .czors-sidebar-overlay {
        opacity: 1;
        pointer-events: auto;
    }
}