html[dir="ltr"] body { text-align: left; }
html[dir="ltr"] .font-cairo { font-family: Inter, Arial, sans-serif !important; }
html[dir="ltr"] input, html[dir="ltr"] textarea, html[dir="ltr"] select { direction: ltr; text-align: left; }
html[dir="ltr"] .sidebar, html[dir="ltr"] aside { direction: ltr; }
html[dir="ltr"] .fa-arrow-left::before { content: "\f061"; }
html[dir="ltr"] .fa-arrow-right::before { content: "\f060"; }
html[dir="ltr"] table { direction: ltr; }
html[dir="rtl"] table { direction: rtl; }