{% if _lang == 'ar' or _lang == 'ar_SA' %}
    <link href="/assets/css/tabler.rtl.min.css" rel="stylesheet"/>
    <link href="/assets/css/tabler-flags.rtl.min.css" rel="stylesheet"/>
    <link href="/assets/css/tabler-payments.rtl.min.css" rel="stylesheet"/>
    <link href="/assets/css/tabler-vendors.rtl.min.css" rel="stylesheet"/>
{% else %}
    <link href="/assets/css/tabler.min.css" rel="stylesheet"/>
    <link href="/assets/css/tabler-flags.min.css" rel="stylesheet"/>
    <link href="/assets/css/tabler-payments.min.css" rel="stylesheet"/>
    <link href="/assets/css/tabler-vendors.min.css" rel="stylesheet"/>
{% endif %}
    {% if screen_mode == 'dark' %}
    <link href="/assets/css/tabulator-dark.min.css" rel="stylesheet">
    {% else %}
    <link href="/assets/css/tabulator.min.css" rel="stylesheet">
    {% endif %}
    <link href="/assets/css/sweetalert2.min.css" rel="stylesheet">
    <style>
        @import url('/assets/fonts/inter/inter.css');
        :root {
            --tblr-font-sans-serif: "Inter", -apple-system, BlinkMacSystemFont, San Francisco, Segoe UI, Roboto, Helvetica Neue, sans-serif;
        }
        @supports (font-variation-settings: normal) {
            :root {
                --tblr-font-sans-serif: "InterVariable", -apple-system, BlinkMacSystemFont, San Francisco, Segoe UI, Roboto, Helvetica Neue, sans-serif;
                font-optical-sizing: auto;
            }
        }
        .small-dropdown .dropdown-item {
            padding: 0.25rem 1.5rem;
        }
        .small-dropdown .flag {
            width: 20px;
            height: 15px;
            display: inline-block;
        }
{% if _lang == 'ar' or _lang == 'ar_SA' %}
        [dir="rtl"] {
            text-align: right;
        }
        [dir="rtl"] .small-dropdown .dropdown-item {
            text-align: right;
        }
{% endif %}
    </style>