html.dark body, html.dark .fi-body, html.dark .fi-main { background-color: #0b0f1a !important; }
html.dark .fi-topbar, html.dark .fi-sidebar { background-color: #0b0f1a !important; border-color: #1f2937 !important; }
html.dark .fi-section, html.dark .fi-widget { background-color: #0f1524 !important; border: 1px solid #1f2937 !important; border-radius: 1rem !important; }
html.dark .fi-sidebar-item-icon { color: #818cf8 !important; }
html.dark .fi-sidebar-item:hover .fi-sidebar-item-icon { color: #22c55e !important; }
html.dark .fi-btn { transition: all .2s ease-in-out !important; }
html.dark .fi-btn-color-primary { background-color: #111827 !important; color: #e5e7eb !important; border: 1px solid #1f2937 !important; }
html.dark .fi-btn-color-primary:hover { background-color: #1f2937 !important; transform: translateY(-1px) !important; }
@media (min-width:1024px){ .fi-sidebar.fi-collapsed:hover { width: 16rem !important; } .fi-sidebar.fi-collapsed:hover .fi-sidebar-item-label { display:inline-block !important; } }