feat: refactor financial wallet UI components and add offline map service support

lib/views/home/Captin/driver_map_page.dart

@@ -152,9 +152,11 @@ class InstructionsOfRoads extends StatelessWidget {
           if (controller.currentInstruction.isEmpty) return const SizedBox();
 
           return TweenAnimationBuilder<double>(
+
             tween: Tween(begin: 0.0, end: 1.0),
             duration: const Duration(milliseconds: 500),
             builder: (context, value, child) {
+              final theme = Theme.of(context);
               return Transform.translate(
                 offset: Offset(0, 50 * (1 - value)), // حركة انزلاق
                 child: Opacity(
@@ -163,16 +165,15 @@ class InstructionsOfRoads extends StatelessWidget {
                     padding: const EdgeInsets.symmetric(
                         horizontal: 16, vertical: 12),
                     decoration: BoxDecoration(
-                      color: const Color(0xFF1F1F1F)
-                          .withOpacity(0.95), // خلفية داكنة
+                      color: theme.cardColor.withOpacity(0.95), // Adaptive background
                       borderRadius: BorderRadius.circular(16),
                       boxShadow: [
                         BoxShadow(
-                            color: Colors.black.withOpacity(0.4),
+                            color: Colors.black.withOpacity(0.2),
                             blurRadius: 15,
                             offset: const Offset(0, 5)),
                       ],
-                      border: Border.all(color: Colors.white.withOpacity(0.1)),
+                      border: Border.all(color: theme.dividerColor.withOpacity(0.1)),
                     ),
                     child: Row(
                       children: [
@@ -187,7 +188,6 @@ class InstructionsOfRoads extends StatelessWidget {
                               color: Colors.white, size: 24),
                         ),
                         const SizedBox(width: 14),
-
                         // نص التعليمات
                         Expanded(
                           child: Column(
@@ -195,18 +195,15 @@ class InstructionsOfRoads extends StatelessWidget {
                             children: [
                               Text(
                                 "NEXT STEP".tr,
-                                style: TextStyle(
-                                    color: Colors.grey.shade500,
-                                    fontSize: 10,
+                                style: theme.textTheme.labelSmall?.copyWith(
+                                    color: theme.hintColor,
                                     fontWeight: FontWeight.bold,
                                     letterSpacing: 1.2),
                               ),
                               const SizedBox(height: 2),
                               Text(
                                 controller.currentInstruction,
-                                style: const TextStyle(
-                                    color: Colors.white,
-                                    fontSize: 16,
+                                style: theme.textTheme.titleMedium?.copyWith(
                                     fontWeight: FontWeight.w600,
                                     height: 1.2),
                                 maxLines: 2,
@@ -216,6 +213,7 @@ class InstructionsOfRoads extends StatelessWidget {
                           ),
                         ),
 
+
                         // فاصل عمودي
                         Container(
                             width: 1,
@@ -278,12 +276,13 @@ class CancelWidget extends StatelessWidget {
             filter: ImageFilter.blur(sigmaX: 10, sigmaY: 10),
             child: Container(
               decoration: BoxDecoration(
-                color: Colors.white.withOpacity(0.9),
+                color: Theme.of(context).cardColor.withOpacity(0.9),
                 borderRadius: BorderRadius.circular(30),
                 boxShadow: [
-                  BoxShadow(color: Colors.black.withOpacity(0.1), blurRadius: 8)
+                  BoxShadow(color: Theme.of(context).shadowColor.withOpacity(0.1), blurRadius: 8)
                 ],
               ),
+
               child: Material(
                 color: Colors.transparent,
                 child: InkWell(
@@ -379,16 +378,17 @@ class PricesWindow extends StatelessWidget {
                   width: Get.width * 0.85,
                   padding: const EdgeInsets.all(30),
                   decoration: BoxDecoration(
-                    color: Colors.white,
+                    color: Theme.of(context).cardColor,
                     borderRadius: BorderRadius.circular(24),
                     boxShadow: [
                       BoxShadow(
-                        color: Colors.black.withOpacity(0.2),
+                        color: Theme.of(context).shadowColor.withOpacity(0.2),
                         blurRadius: 20,
                         spreadRadius: 5,
                       ),
                     ],
                   ),
+
                   child: Column(
                     mainAxisSize: MainAxisSize.min,
                     children: [
@@ -411,11 +411,12 @@ class PricesWindow extends StatelessWidget {
                       Text(
                         '${controller.totalCost} ${'\$'.tr}',
                         style: AppStyle.headTitle2.copyWith(
-                          color: Colors.black87,
+                          color: Theme.of(context).textTheme.bodyLarge?.color,
                           fontSize: 42,
                           fontWeight: FontWeight.w900,
                         ),
                       ),
+
                       const SizedBox(height: 30),
                       SizedBox(
                         width: double.infinity,