.fi-sidebar {
    background-color: #f8fafc !important;
    border-right: 1px solid #e2e8f0 !important;
    box-shadow: 2px 0 8px rgba(0, 0, 0, 0.06) !important;
    width: 20rem !important;
}

.fi-main-ctn-sidebar-open {
    padding-inline-start: 20rem !important;
}

.fi-sidebar-item-label {
    color: #374151;
    font-size: 1rem !important;
}

.fi-sidebar-item-icon {
    color: #6b7280 !important;
}

.fi-sidebar-item-btn {
    padding-top: 0.75rem !important;
    padding-bottom: 0.75rem !important;
}

.fi-sidebar-item-btn:hover {
    background-color: #e2e8f0 !important;
}

.fi-sidebar-item.fi-active .fi-sidebar-item-btn {
    background-color: #3730a3 !important;
    border-radius: 0.5rem !important;
    box-shadow: 0 4px 12px rgba(55, 48, 163, 0.4) !important;
}

.fi-sidebar-item.fi-active .fi-sidebar-item-label,
.fi-sidebar-item.fi-active .fi-sidebar-item-icon {
    color: #ffffff !important;
}