اريد تغيير طريقة عرض ال appbar
appBar: AppBar(
        toolbarHeight: 100,
        title: Column(
          mainAxisSize: MainAxisSize.min,
          children: [
            // العنوان الرئيسي مع الأيقونة
            Row(
              mainAxisAlignment: MainAxisAlignment.center,
              children: [
                Container(
                  padding: const EdgeInsets.all(8),
                  decoration: BoxDecoration(
                    color: Colors.white.withOpacity(0.2),
                    shape: BoxShape.circle,
                  ),
                  child: Icon(Icons.swap_horiz, size: 28, color: Colors.white),
                ),
                const SizedBox(width: 12),
                Text(
                  'تحويل ذكي',
                  style: TextStyle(
                    fontSize: 24,
                    fontWeight: FontWeight.bold,
                    fontFamily: tajawalFont,
                    color: Colors.white,
                    shadows: [
                      Shadow(
                        blurRadius: 4.0,
                        color: Colors.black.withOpacity(0.3),
                        offset: Offset(1.0, 1.0),
                      ),
                    ],
                  ),
                ),
              ],
            ),

            // مؤشر الرصيد
            const SizedBox(height: 8),
            InkWell(
              onTap: _showBalanceDialog,
              child: Container(
                padding: const EdgeInsets.symmetric(
                  horizontal: 16,
                  vertical: 6,
                ),
                decoration: BoxDecoration(
                  color: Colors.white.withOpacity(0.15),
                  borderRadius: BorderRadius.circular(16),
                  border: Border.all(
                    color: Colors.white.withOpacity(0.3),
                    width: 1.5,
                  ),
                  boxShadow: [
                    BoxShadow(
                      color: Colors.black.withOpacity(0.1),
                      blurRadius: 6,
                      offset: Offset(0, 2),
                    ),
                  ],
                ),
                child: Row(
                  mainAxisSize: MainAxisSize.min,
                  textDirection: TextDirection.rtl,
                  children: [
                    Text(
                      ':الرصيد',
                      style: TextStyle(
                        fontSize: 14,
                        fontWeight: FontWeight.w600,
                        fontFamily: tajawalFont,
                        color: Colors.white,
                      ),
                    ),
                    const SizedBox(width: 4),
                    Text(
                      _formatWithThousandsSeparator(_currentBalance),
                      style: TextStyle(
                        fontSize: 14,
                        fontWeight: FontWeight.w600,
                        fontFamily: tajawalFont,
                        color: Colors.white,
                      ),
                    ),
                    const SizedBox(width: 6),
                    const Icon(
                      Icons.account_balance_wallet_rounded,
                      size: 16,
                      color: Colors.white,
                    ),
                  ],
                ),
              ),
            ),
          ],
        ),
        actions: [
          // إبقاء أيقونة التاريخ ظاهرة إذا كانت هناك سجلات
          if (_transferLogs.isNotEmpty)
            IconButton(
              icon: Icon(Icons.history_rounded, size: 24),
              onPressed: _showTransferLogsDialog,
              tooltip: 'سجل التحويلات السابقة',
            ),

          // إضافة قائمة More للأيقونات الأخرى
          PopupMenuButton<int>(
            tooltip: 'خيارات إضافية',
            offset: Offset(0, 50),
            shape: RoundedRectangleBorder(
              borderRadius: BorderRadius.circular(12),
            ),
            itemBuilder:
                (context) => [
                  PopupMenuItem(
                    value: 1,
                    child: Row(
                      children: [
                        Icon(
                          Icons.attach_money_rounded,
                          color: Colors.grey[800],
                        ),
                        SizedBox(width: 8),
                        Text(
                          'إدارة المبالغ المحفوظة',
                          style: TextStyle(fontSize: 14),
                        ),
                      ],
                    ),
                  ),
                  PopupMenuItem(
                    value: 2,
                    child: Row(
                      children: [
                        Icon(Icons.contacts_rounded, color: Colors.grey[800]),
                        SizedBox(width: 8),
                        Text(
                          'إدارة الأرقام المحفوظة',
                          style: TextStyle(fontSize: 14),
                        ),
                      ],
                    ),
                  ),
                  PopupMenuItem(
                    value: 3,
                    child: Row(
                      children: [
                        Icon(Icons.lock_rounded, color: Colors.grey[800]),
                        SizedBox(width: 8),
                        Text(
                          'إدارة الرقم السري',
                          style: TextStyle(fontSize: 14),
                        ),
                      ],
                    ),
                  ),
                ],
            onSelected: (value) {
              switch (value) {
                case 1:
                  _showAmountsManagementDialog();
                  break;
                case 2:
                  _showSavedNumbersSelection();
                  break;
                case 3:
                  _showPinManagementDialog();
                  break;
              }
            },
            child: Container(
              margin: const EdgeInsets.symmetric(horizontal: 8),
              padding: const EdgeInsets.all(8),
              decoration: BoxDecoration(
                color: Colors.white.withOpacity(0.2),
                shape: BoxShape.circle,
              ),
              child: Icon(Icons.menu_open, color: Colors.white, size: 24),
            ),
          ),
        ],
        flexibleSpace: Container(
          decoration: BoxDecoration(
            gradient: LinearGradient(
              begin: Alignment.topLeft,
              end: Alignment.bottomRight,
              colors: [
                lightColorScheme.primary,
                Color(0xFFE65100).withOpacity(0.9),
                Color(0xFFE65100),
              ],
              stops: [0.1, 0.6, 1.0],
            ),
            borderRadius: BorderRadius.vertical(bottom: Radius.circular(20)),
            boxShadow: [
              BoxShadow(
                color: Colors.black.withOpacity(0.2),
                blurRadius: 10,
                spreadRadius: 2,
              ),
            ],
          ),
        ),
        elevation: 0, // إزالة الظل الافتراضي لصالح الظل المخصص
        shape: RoundedRectangleBorder(
          borderRadius: BorderRadius.vertical(bottom: Radius.circular(20)),
        ),
      ),