/* Modal CSS */
    .modal-dialog-slideout {
        position: fixed;
        right: 0;
        top: 0;
        height: 100%;
        margin: 0;
        transform: translateX(100%);
        transition: transform 0.3s ease-out;
        z-index: 1050;
    }

    .modal.fade.show .modal-dialog-slideout {
        transform: translateX(0);
    }

    .modal.fade:not(.show) .modal-dialog {
        display: none;
    }

    /* Adjust modal backdrop */
    .modal-backdrop {
        z-index: 1040;
    }