@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@300;400;500;700;800&display=swap');
:root {
    --fbr-primary: #E64026;
    --fbr-black: #121212;
}
html, body, .fi-body { font-family: 'Tajawal', sans-serif !important; background-color: #f3f4f6 !important; color: #111827 !important; }
.fi-sidebar { background-color: var(--fbr-black) !important; border-right: 1px solid #333 !important; }
.fi-sidebar-item-label { color: #e5e7eb !important; }
.fi-sidebar-group-label { color: #9ca3af !important; }
.fi-sidebar-item-active { background-color: var(--fbr-primary) !important; border-radius: 8px !important; }
.fi-sidebar-item-active .fi-sidebar-item-label, .fi-sidebar-item-active svg { color: white !important; font-weight: bold !important; }
.fi-topbar { background-color: white !important; border-bottom: 3px solid var(--fbr-primary) !important; }
input, select, textarea { background-color: white !important; color: black !important; }