v1.53.0: Fix admin middleware, deploy cnxifly pages from server

CHANGELOG.md

@@ -5,6 +5,71 @@ O formato segue [Keep a Changelog](https://keepachangelog.com/pt-BR/).
 Este projeto adota [Versionamento Semântico](https://semver.org/pt-BR/).
 
 
+## [1.53.0] - 2025-12-17
+
+### Fixed
+- 🔧 **Correção Middleware Admin** - Alterado de `admin` para `admin.only` nas rotas site-settings
+- 🔧 **Correção Deploy cnxifly.com** - Controller atualizado para usar arquivos do servidor
+  - Páginas armazenadas em `/var/www/cnxifly-pages/`
+  - Deploy direto via `File::copy()` ao invés de instruções manuais
+
+### Added
+- 📁 **Diretório de páginas no servidor** (`/var/www/cnxifly-pages/`)
+  - `index.html` - Página institucional live
+  - `maintenance.html` - Página de manutenção
+  - Permite trocar páginas via painel admin
+
+### Technical Details
+- Middleware correto: `admin.only` (registrado em bootstrap/app.php)
+- SiteSettingsController agora copia arquivos diretamente no servidor
+- Permissões ajustadas para www-data no cnxifly-pages
+
+---
+
+## [1.52.0] - 2025-12-17
+
+### Added
+- 🌐 **Landing Page Institucional ConneXiFly** - Página completa para cnxifly.com
+  - **Produtos destacados**:
+    - WebMoney: Gestão financeira inteligente (Disponível)
+    - EZPool: Software de mantenimiento de piscinas (Próximamente)
+  - **Seções**:
+    - Hero com animações e gradientes
+    - Cards de produtos com preços
+    - Features do ConneXiFly
+    - CTA para registro
+    - Footer completo
+  - **Modal de notificação** para EZPool (pré-registro)
+  - **Design responsivo** e dark theme consistente
+  
+- 🔧 **Página de Manutenção** alternativa (`landing/maintenance.html`)
+  - Design simples para modo manutenção
+  - Links para produtos disponíveis
+
+- ⚙️ **Painel Admin - Configurações do Site**
+  - **Backend**:
+    - `SiteSetting` model para configurações persistentes
+    - `SiteSettingsController` para gerenciar cnxifly.com
+    - Rotas admin para toggle de modo (live/maintenance)
+    - Migration para tabela `site_settings`
+  
+  - **Frontend**:
+    - Nova página `/site-settings` (admin only)
+    - Toggle entre modo Live e Manutenção
+    - Preview links para todos os sites
+    - Instruções de deploy
+
+- 📝 **Script de Deploy Landing** (`deploy-landing.sh`)
+  - Deploy automático para cnxifly.com
+  - Suporte a modos: live, maintenance
+
+### Technical Details
+- Arquivos criados em `/landing/` (index.html, maintenance.html)
+- Bootstrap 5.3 + Bootstrap Icons para a landing
+- Integração com menu do WebMoney admin
+
+---
+
 ## [1.51.0] - 2025-12-17
 
 ### Added

VERSION

@@ -1 +1 @@
-1.51.0
+1.53.0

backend/app/Http/Controllers/Api/FinancialHealthController.php

@@ -30,6 +30,9 @@ public function index(Request $request)
         $this->setPrimaryCurrency();
         $this->loadExchangeRates();
 
+        // Verificar si hay datos suficientes para análisis
+        $dataStatus = $this->checkDataSufficiency();
+
         // Obtener datos base
         $financialSummary = $this->getFinancialSummary();
         $cashFlowAnalysis = $this->analyzeCashFlow();
@@ -77,6 +80,9 @@ public function index(Request $request)
             'last_updated' => now()->toIso8601String(),
             'currency' => $this->primaryCurrency,
             
+            // Estado de datos
+            'data_status' => $dataStatus,
+            
             // Resumen financiero
             'summary' => [
                 'total_assets' => $financialSummary['total_assets'],
@@ -118,6 +124,56 @@ public function index(Request $request)
         ]);
     }
 
+    /**
+     * Verificar si hay datos suficientes para análisis
+     */
+    private function checkDataSufficiency()
+    {
+        $accountsCount = Account::where('user_id', $this->userId)->count();
+        $transactionsCount = Transaction::where('user_id', $this->userId)->count();
+        $categoriesCount = Category::where('user_id', $this->userId)->count();
+        
+        // Transacciones de los últimos 30 días
+        $recentTransactions = Transaction::where('user_id', $this->userId)
+            ->where('effective_date', '>=', now()->subDays(30))
+            ->count();
+        
+        // Determinar nivel de suficiencia
+        $hasSufficientData = $accountsCount >= 1 && $transactionsCount >= 10;
+        $hasMinimalData = $accountsCount >= 1 || $transactionsCount >= 1;
+        
+        // Mensaje apropiado
+        $message = null;
+        $level = 'sufficient';
+        
+        if ($accountsCount === 0 && $transactionsCount === 0) {
+            $level = 'no_data';
+            $message = 'No hay datos registrados. Añade cuentas y transacciones para comenzar el análisis.';
+        } elseif ($accountsCount === 0) {
+            $level = 'insufficient';
+            $message = 'Añade al menos una cuenta bancaria para un análisis más preciso.';
+        } elseif ($transactionsCount < 10) {
+            $level = 'limited';
+            $message = 'Hay pocos datos para un análisis completo. Registra más transacciones para mejorar la precisión.';
+        } elseif ($recentTransactions === 0) {
+            $level = 'outdated';
+            $message = 'No hay transacciones recientes. Los datos pueden estar desactualizados.';
+        }
+        
+        return [
+            'has_sufficient_data' => $hasSufficientData,
+            'has_minimal_data' => $hasMinimalData,
+            'level' => $level,
+            'message' => $message,
+            'counts' => [
+                'accounts' => $accountsCount,
+                'transactions' => $transactionsCount,
+                'categories' => $categoriesCount,
+                'recent_transactions' => $recentTransactions,
+            ],
+        ];
+    }
+
     /**
      * Establecer moneda principal del usuario
      */

backend/app/Http/Controllers/Api/SiteSettingsController.php

@@ -0,0 +1,192 @@
+<?php
+
+namespace App\Http\Controllers\Api;
+
+use App\Http\Controllers\Controller;
+use App\Models\SiteSetting;
+use Illuminate\Http\Request;
+use Illuminate\Support\Facades\File;
+use Illuminate\Support\Facades\Log;
+
+class SiteSettingsController extends Controller
+{
+    /**
+     * Get all site settings
+     */
+    public function index()
+    {
+        $settings = SiteSetting::all()->mapWithKeys(function ($setting) {
+            return [$setting->key => [
+                'value' => $setting->value['value'] ?? $setting->value,
+                'description' => $setting->description,
+                'updated_at' => $setting->updated_at,
+            ]];
+        });
+
+        return response()->json([
+            'success' => true,
+            'settings' => $settings,
+        ]);
+    }
+
+    /**
+     * Get a specific setting
+     */
+    public function show(string $key)
+    {
+        $setting = SiteSetting::where('key', $key)->first();
+
+        if (!$setting) {
+            return response()->json([
+                'success' => false,
+                'message' => 'Configuración no encontrada',
+            ], 404);
+        }
+
+        return response()->json([
+            'success' => true,
+            'key' => $setting->key,
+            'value' => $setting->value['value'] ?? $setting->value,
+            'description' => $setting->description,
+        ]);
+    }
+
+    /**
+     * Update a setting
+     */
+    public function update(Request $request, string $key)
+    {
+        $request->validate([
+            'value' => 'required',
+            'description' => 'nullable|string',
+        ]);
+
+        $setting = SiteSetting::setValue(
+            $key,
+            $request->value,
+            $request->description
+        );
+
+        return response()->json([
+            'success' => true,
+            'message' => 'Configuración actualizada',
+            'setting' => [
+                'key' => $setting->key,
+                'value' => $setting->value['value'] ?? $setting->value,
+                'description' => $setting->description,
+            ],
+        ]);
+    }
+
+    /**
+     * Toggle cnxifly.com page mode
+     */
+    public function toggleCnxiflyPage(Request $request)
+    {
+        $request->validate([
+            'mode' => 'required|in:live,maintenance,construction',
+        ]);
+
+        $mode = $request->mode;
+
+        // Update database setting
+        SiteSetting::setValue('cnxifly_page_type', $mode, 'Tipo de página cnxifly.com');
+        SiteSetting::setValue('cnxifly_maintenance_mode', $mode !== 'live', 'Modo de mantenimiento');
+
+        // Get paths
+        $serverPath = '/var/www/cnxifly';
+        $localLandingPath = base_path('../landing');
+
+        // Log the action
+        Log::info("CnxiFly page mode changed to: {$mode}");
+
+        return response()->json([
+            'success' => true,
+            'message' => "Modo de página cambiado a: {$mode}",
+            'current_mode' => $mode,
+            'instructions' => $this->getInstructions($mode),
+        ]);
+    }
+
+    /**
+     * Get cnxifly page status
+     */
+    public function getCnxiflyStatus()
+    {
+        $mode = SiteSetting::getValue('cnxifly_page_type', 'live');
+        $maintenanceMode = SiteSetting::getValue('cnxifly_maintenance_mode', false);
+
+        return response()->json([
+            'success' => true,
+            'mode' => $mode,
+            'maintenance_mode' => $maintenanceMode,
+            'modes_available' => [
+                'live' => 'Página institucional completa',
+                'maintenance' => 'Página de mantenimiento',
+                'construction' => 'Página en construcción',
+            ],
+        ]);
+    }
+
+    /**
+     * Deploy cnxifly landing page to server
+     */
+    public function deployCnxiflyPage(Request $request)
+    {
+        $request->validate([
+            'mode' => 'required|in:live,maintenance',
+        ]);
+
+        $mode = $request->mode;
+        
+        // Source files are in /var/www/cnxifly-pages/ on the server
+        $sourceDir = '/var/www/cnxifly-pages';
+        $targetDir = '/var/www/cnxifly';
+        $sourceFile = $mode === 'live' ? 'index.html' : 'maintenance.html';
+        $sourcePath = "{$sourceDir}/{$sourceFile}";
+        $targetPath = "{$targetDir}/index.html";
+
+        // Check if source file exists
+        if (!File::exists($sourcePath)) {
+            return response()->json([
+                'success' => false,
+                'message' => "Archivo de origen no encontrado: {$sourcePath}. Ejecute deploy-landing.sh primero.",
+            ], 404);
+        }
+
+        // Copy the file
+        try {
+            File::copy($sourcePath, $targetPath);
+        } catch (\Exception $e) {
+            return response()->json([
+                'success' => false,
+                'message' => "Error al copiar archivo: " . $e->getMessage(),
+            ], 500);
+        }
+
+        // Update setting
+        SiteSetting::setValue('cnxifly_page_type', $mode);
+        SiteSetting::setValue('cnxifly_maintenance_mode', $mode === 'maintenance');
+
+        return response()->json([
+            'success' => true,
+            'message' => "Página cnxifly.com actualizada a modo: {$mode}",
+            'current_mode' => $mode,
+        ]);
+    }
+
+    private function getInstructions(string $mode): array
+    {
+        $sourceFile = match($mode) {
+            'live' => 'index.html',
+            'maintenance' => 'maintenance.html',
+            'construction' => 'maintenance.html',
+        };
+
+        return [
+            'description' => "Para aplicar el modo '{$mode}', copie el archivo {$sourceFile} al servidor",
+            'source_file' => $sourceFile,
+            'target_path' => '/var/www/cnxifly/index.html',
+        ];
+    }
+}

backend/app/Http/Controllers/Api/UserManagementController.php

@@ -6,8 +6,10 @@
 use App\Models\User;
 use App\Models\Plan;
 use App\Models\Subscription;
+use App\Mail\WelcomeNewUser;
 use Illuminate\Http\Request;
 use Illuminate\Support\Facades\Hash;
+use Illuminate\Support\Facades\Mail;
 use Illuminate\Validation\Rules\Password;
 use Carbon\Carbon;
 
@@ -22,15 +24,17 @@ public function store(Request $request)
         $validated = $request->validate([
             'name' => 'required|string|max:255',
             'email' => 'required|email|unique:users,email',
-            'password' => 'sometimes|string|min:8',
+            'password' => 'nullable|string|min:8',
             'language' => 'sometimes|string|in:es,pt-BR,en',
             'currency' => 'sometimes|string|size:3',
             'user_type' => 'sometimes|string|in:free,pro,admin',
+            'send_welcome_email' => 'sometimes|boolean',
         ]);
 
-        // Generate random password if not provided
+        // Generate random password if not provided or empty
-        $password = $validated['password'] ?? bin2hex(random_bytes(8));
+        $password = !empty($validated['password']) ? $validated['password'] : bin2hex(random_bytes(8));
         $userType = $validated['user_type'] ?? 'free';
+        $sendWelcomeEmail = $validated['send_welcome_email'] ?? true;
 
         $user = User::create([
             'name' => $validated['name'],
@@ -54,7 +58,7 @@ public function store(Request $request)
                     'plan_id' => $proPlan->id,
                     'status' => Subscription::STATUS_ACTIVE,
                     'current_period_start' => now(),
-                    'current_period_end' => now()->addYears(100), // "Lifetime" subscription
+                    'current_period_end' => Carbon::create(2037, 12, 31, 23, 59, 59), // "Lifetime" subscription (max timestamp)
                     'paypal_subscription_id' => 'ADMIN_GRANTED_' . strtoupper(bin2hex(random_bytes(8))),
                     'paypal_status' => 'ACTIVE',
                     'price_paid' => 0,
@@ -69,6 +73,17 @@ public function store(Request $request)
             }
         }
 
+        // Send welcome email with temporary password
+        $emailSent = false;
+        if ($sendWelcomeEmail) {
+            try {
+                Mail::to($user->email)->send(new WelcomeNewUser($user, $password));
+                $emailSent = true;
+            } catch (\Exception $e) {
+                \Log::error('Failed to send welcome email: ' . $e->getMessage());
+            }
+        }
+
         return response()->json([
             'success' => true,
             'message' => 'Usuario creado correctamente',
@@ -78,10 +93,12 @@ public function store(Request $request)
                     'name' => $user->name,
                     'email' => $user->email,
                     'is_admin' => $user->is_admin,
+                    'language' => $user->language,
                 ],
                 'user_type' => $userType,
                 'subscription' => $subscriptionInfo,
                 'temporary_password' => isset($validated['password']) ? null : $password,
+                'welcome_email_sent' => $emailSent,
             ],
         ], 201);
     }
@@ -122,6 +139,9 @@ public function index(Request $request)
                 'id' => $user->id,
                 'name' => $user->name,
                 'email' => $user->email,
+                'language' => $user->language,
+                'currency' => $user->currency,
+                'is_admin' => (bool) $user->is_admin,
                 'created_at' => $user->created_at,
                 'last_login_at' => $user->last_login_at,
                 'email_verified_at' => $user->email_verified_at,
@@ -207,11 +227,20 @@ public function update(Request $request, $id)
     {
         $user = User::findOrFail($id);
 
+        // Don't allow changing main admin's admin status
+        if ($user->email === 'marco@cnxifly.com' && $request->has('is_admin') && !$request->is_admin) {
+            return response()->json([
+                'success' => false,
+                'message' => 'No se puede remover permisos del administrador principal',
+            ], 403);
+        }
+
         $validated = $request->validate([
             'name' => 'sometimes|string|max:255',
             'email' => 'sometimes|email|unique:users,email,' . $id,
             'language' => 'sometimes|string|in:es,pt-BR,en',
             'currency' => 'sometimes|string|size:3',
+            'is_admin' => 'sometimes|boolean',
         ]);
 
         $user->update($validated);
@@ -219,7 +248,14 @@ public function update(Request $request, $id)
         return response()->json([
             'success' => true,
             'message' => 'Usuario actualizado correctamente',
-            'data' => $user,
+            'data' => [
+                'id' => $user->id,
+                'name' => $user->name,
+                'email' => $user->email,
+                'language' => $user->language,
+                'currency' => $user->currency,
+                'is_admin' => $user->is_admin,
+            ],
         ]);
     }
 
@@ -268,6 +304,90 @@ public function destroy($id)
         ]);
     }
 
+    /**
+     * Change user subscription plan
+     */
+    public function changePlan(Request $request, $id)
+    {
+        $user = User::findOrFail($id);
+
+        $validated = $request->validate([
+            'plan' => 'required|string|in:free,pro',
+        ]);
+
+        // If changing to free, cancel any existing subscription
+        if ($validated['plan'] === 'free') {
+            $subscription = $user->subscription;
+            if ($subscription) {
+                $subscription->update([
+                    'status' => Subscription::STATUS_CANCELED,
+                    'canceled_at' => now(),
+                ]);
+            }
+            
+            return response()->json([
+                'success' => true,
+                'message' => 'Usuario cambiado a plan Free',
+                'data' => [
+                    'plan' => 'free',
+                    'subscription' => null,
+                ],
+            ]);
+        }
+
+        // If changing to pro, create or reactivate subscription
+        if ($validated['plan'] === 'pro') {
+            $proPlan = Plan::where('slug', 'pro-annual')->first();
+            
+            if (!$proPlan) {
+                return response()->json([
+                    'success' => false,
+                    'message' => 'Plan Pro no encontrado en el sistema',
+                ], 404);
+            }
+
+            // Check if user has existing subscription
+            $subscription = $user->subscription;
+            
+            if ($subscription) {
+                // Reactivate existing subscription
+                $subscription->update([
+                    'status' => Subscription::STATUS_ACTIVE,
+                    'canceled_at' => null,
+                    'current_period_start' => now(),
+                    'current_period_end' => Carbon::create(2037, 12, 31, 23, 59, 59),
+                ]);
+            } else {
+                // Create new subscription
+                $subscription = Subscription::create([
+                    'user_id' => $user->id,
+                    'plan_id' => $proPlan->id,
+                    'status' => Subscription::STATUS_ACTIVE,
+                    'current_period_start' => now(),
+                    'current_period_end' => Carbon::create(2037, 12, 31, 23, 59, 59),
+                    'paypal_subscription_id' => 'ADMIN_GRANTED_' . strtoupper(bin2hex(random_bytes(8))),
+                    'paypal_status' => 'ACTIVE',
+                    'price_paid' => 0,
+                    'currency' => 'EUR',
+                ]);
+            }
+
+            return response()->json([
+                'success' => true,
+                'message' => 'Usuario cambiado a plan Pro',
+                'data' => [
+                    'plan' => 'pro',
+                    'subscription' => [
+                        'id' => $subscription->id,
+                        'plan_name' => $proPlan->name,
+                        'status' => $subscription->status,
+                        'current_period_end' => $subscription->current_period_end,
+                    ],
+                ],
+            ]);
+        }
+    }
+
     /**
      * Get summary statistics
      */

backend/app/Mail/WelcomeNewUser.php

@@ -0,0 +1,77 @@
+<?php
+
+namespace App\Mail;
+
+use App\Models\User;
+use Illuminate\Bus\Queueable;
+use Illuminate\Mail\Mailable;
+use Illuminate\Mail\Mailables\Content;
+use Illuminate\Mail\Mailables\Envelope;
+use Illuminate\Mail\Mailables\Headers;
+use Illuminate\Queue\SerializesModels;
+
+class WelcomeNewUser extends Mailable
+{
+    use Queueable, SerializesModels;
+
+    public User $user;
+    public string $temporaryPassword;
+    public string $language;
+
+    /**
+     * Create a new message instance.
+     */
+    public function __construct(User $user, string $temporaryPassword)
+    {
+        $this->user = $user;
+        $this->temporaryPassword = $temporaryPassword;
+        $this->language = $user->language ?? 'es';
+    }
+
+    /**
+     * Get the message headers.
+     */
+    public function headers(): Headers
+    {
+        return new Headers(
+            text: [
+                'X-Priority' => '3',
+                'X-Mailer' => 'WebMoney Mailer',
+                'List-Unsubscribe' => '<mailto:unsubscribe@cnxifly.com>',
+            ],
+        );
+    }
+
+    /**
+     * Get the message envelope.
+     */
+    public function envelope(): Envelope
+    {
+        $subjects = [
+            'es' => 'WebMoney - Credenciales de acceso a tu cuenta',
+            'pt-BR' => 'WebMoney - Credenciais de acesso à sua conta',
+            'en' => 'WebMoney - Your account access credentials',
+        ];
+
+        return new Envelope(
+            subject: $subjects[$this->language] ?? $subjects['es'],
+        );
+    }
+
+    /**
+     * Get the message content definition.
+     */
+    public function content(): Content
+    {
+        return new Content(
+            view: 'emails.welcome-new-user',
+            text: 'emails.welcome-new-user-text',
+            with: [
+                'user' => $this->user,
+                'temporaryPassword' => $this->temporaryPassword,
+                'language' => $this->language,
+                'loginUrl' => config('app.frontend_url', 'https://webmoney.cnxifly.com') . '/login',
+            ],
+        );
+    }
+}

backend/app/Models/SiteSetting.php

@@ -0,0 +1,52 @@
+<?php
+
+namespace App\Models;
+
+use Illuminate\Database\Eloquent\Model;
+
+class SiteSetting extends Model
+{
+    protected $fillable = [
+        'key',
+        'value',
+        'description',
+    ];
+
+    protected $casts = [
+        'value' => 'array',
+    ];
+
+    /**
+     * Get a setting value by key
+     */
+    public static function getValue(string $key, $default = null)
+    {
+        $setting = static::where('key', $key)->first();
+        
+        if (!$setting) {
+            return $default;
+        }
+
+        // If value is a simple string stored as JSON array, extract it
+        $value = $setting->value;
+        if (is_array($value) && isset($value['value'])) {
+            return $value['value'];
+        }
+
+        return $value ?? $default;
+    }
+
+    /**
+     * Set a setting value by key
+     */
+    public static function setValue(string $key, $value, string $description = null): self
+    {
+        return static::updateOrCreate(
+            ['key' => $key],
+            [
+                'value' => is_array($value) ? $value : ['value' => $value],
+                'description' => $description,
+            ]
+        );
+    }
+}

backend/app/Models/User.php

@@ -31,8 +31,11 @@ class User extends Authenticatable
         'country',
         'timezone',
         'locale',
+        'language',
+        'currency',
         'password',
         'is_admin',
+        'email_verified_at',
     ];
 
     /**

backend/config/app.php

@@ -54,6 +54,18 @@
 
     'url' => env('APP_URL', 'http://localhost'),
 
+    /*
+    |--------------------------------------------------------------------------
+    | Frontend URL
+    |--------------------------------------------------------------------------
+    |
+    | This URL is used for generating links to the frontend application,
+    | such as password reset links and email verification links.
+    |
+    */
+
+    'frontend_url' => env('FRONTEND_URL', 'https://webmoney.cnxifly.com'),
+
     /*
     |--------------------------------------------------------------------------
     | Application Timezone

backend/database/migrations/2025_01_15_000001_create_site_settings_table.php

@@ -0,0 +1,28 @@
+<?php
+
+use Illuminate\Database\Migrations\Migration;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Support\Facades\Schema;
+
+return new class extends Migration
+{
+    public function up(): void
+    {
+        Schema::create('site_settings', function (Blueprint $table) {
+            $table->id();
+            $table->string('key')->unique();
+            $table->json('value')->nullable();
+            $table->string('description')->nullable();
+            $table->timestamps();
+        });
+
+        // Insert default settings
+        \App\Models\SiteSetting::setValue('cnxifly_maintenance_mode', false, 'Modo de mantenimiento para cnxifly.com');
+        \App\Models\SiteSetting::setValue('cnxifly_page_type', 'live', 'Tipo de página: live, maintenance, construction');
+    }
+
+    public function down(): void
+    {
+        Schema::dropIfExists('site_settings');
+    }
+};

backend/database/migrations/2025_12_17_155312_add_language_currency_to_users_table.php

@@ -0,0 +1,29 @@
+<?php
+
+use Illuminate\Database\Migrations\Migration;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Support\Facades\Schema;
+
+return new class extends Migration
+{
+    /**
+     * Run the migrations.
+     */
+    public function up(): void
+    {
+        Schema::table('users', function (Blueprint $table) {
+            $table->string('language', 10)->default('es')->after('locale');
+            $table->string('currency', 3)->default('EUR')->after('language');
+        });
+    }
+
+    /**
+     * Reverse the migrations.
+     */
+    public function down(): void
+    {
+        Schema::table('users', function (Blueprint $table) {
+            $table->dropColumn(['language', 'currency']);
+        });
+    }
+};

backend/resources/views/emails/welcome-new-user-text.blade.php

@@ -0,0 +1,66 @@
+@if($language === 'pt-BR')
+{{-- PORTUGUÊS --}}
+WebMoney - Credenciais de Acesso
+================================
+
+Olá, {{ $user->name }}!
+
+Sua conta WebMoney foi criada com sucesso.
+
+SUAS CREDENCIAIS DE ACESSO:
+---------------------------
+Email: {{ $user->email }}
+Senha: {{ $temporaryPassword }}
+
+IMPORTANTE: Por motivos de segurança, recomendamos que altere sua senha após o primeiro login.
+
+Acesse sua conta em: {{ $loginUrl }}
+
+---
+Equipe WebMoney
+https://webmoney.cnxifly.com
+
+@elseif($language === 'en')
+{{-- ENGLISH --}}
+WebMoney - Access Credentials
+=============================
+
+Hello, {{ $user->name }}!
+
+Your WebMoney account has been successfully created.
+
+YOUR ACCESS CREDENTIALS:
+------------------------
+Email: {{ $user->email }}
+Password: {{ $temporaryPassword }}
+
+IMPORTANT: For security reasons, we recommend changing your password after your first login.
+
+Access your account at: {{ $loginUrl }}
+
+---
+WebMoney Team
+https://webmoney.cnxifly.com
+
+@else
+{{-- ESPAÑOL --}}
+WebMoney - Credenciales de Acceso
+=================================
+
+Hola, {{ $user->name }}!
+
+Tu cuenta de WebMoney ha sido creada exitosamente.
+
+TUS CREDENCIALES DE ACCESO:
+---------------------------
+Email: {{ $user->email }}
+Contraseña: {{ $temporaryPassword }}
+
+IMPORTANTE: Por motivos de seguridad, te recomendamos cambiar tu contraseña después del primer inicio de sesión.
+
+Accede a tu cuenta en: {{ $loginUrl }}
+
+---
+Equipo WebMoney
+https://webmoney.cnxifly.com
+@endif

backend/resources/views/emails/welcome-new-user.blade.php

@@ -0,0 +1,294 @@
+<!DOCTYPE html>
+<html lang="{{ $language }}">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>
+        @if($language === 'pt-BR')
+            Bem-vindo ao WebMoney
+        @elseif($language === 'en')
+            Welcome to WebMoney
+        @else
+            Bienvenido a WebMoney
+        @endif
+    </title>
+    <style>
+        body {
+            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
+            line-height: 1.6;
+            color: #333;
+            max-width: 600px;
+            margin: 0 auto;
+            padding: 20px;
+            background-color: #f5f5f5;
+        }
+        .container {
+            background-color: #ffffff;
+            border-radius: 12px;
+            padding: 40px;
+            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
+        }
+        .header {
+            text-align: center;
+            margin-bottom: 30px;
+        }
+        .logo {
+            font-size: 32px;
+            font-weight: bold;
+            color: #3b82f6;
+            margin-bottom: 10px;
+        }
+        .logo span {
+            color: #22c55e;
+        }
+        h1 {
+            color: #1e293b;
+            font-size: 24px;
+            margin-bottom: 20px;
+        }
+        .credentials-box {
+            background: linear-gradient(135deg, #1e293b 0%, #334155 100%);
+            border-radius: 8px;
+            padding: 25px;
+            margin: 25px 0;
+            color: #fff;
+        }
+        .credentials-box h3 {
+            color: #22c55e;
+            margin: 0 0 15px 0;
+            font-size: 16px;
+            text-transform: uppercase;
+            letter-spacing: 1px;
+        }
+        .credential-item {
+            margin: 12px 0;
+            padding: 10px;
+            background: rgba(255, 255, 255, 0.1);
+            border-radius: 6px;
+        }
+        .credential-label {
+            color: #94a3b8;
+            font-size: 12px;
+            text-transform: uppercase;
+            letter-spacing: 0.5px;
+        }
+        .credential-value {
+            color: #fff;
+            font-size: 18px;
+            font-weight: 600;
+            font-family: monospace;
+            word-break: break-all;
+        }
+        .warning-box {
+            background-color: #fef3c7;
+            border-left: 4px solid #f59e0b;
+            padding: 15px;
+            margin: 20px 0;
+            border-radius: 0 8px 8px 0;
+        }
+        .warning-box p {
+            margin: 0;
+            color: #92400e;
+            font-size: 14px;
+        }
+        .button {
+            display: inline-block;
+            background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);
+            color: #ffffff !important;
+            text-decoration: none;
+            padding: 14px 32px;
+            border-radius: 8px;
+            font-weight: 600;
+            font-size: 16px;
+            margin: 20px 0;
+            text-align: center;
+        }
+        .button:hover {
+            background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%);
+        }
+        .features {
+            background-color: #f8fafc;
+            border-radius: 8px;
+            padding: 20px;
+            margin: 25px 0;
+        }
+        .features h3 {
+            color: #1e293b;
+            margin: 0 0 15px 0;
+            font-size: 16px;
+        }
+        .features ul {
+            margin: 0;
+            padding-left: 20px;
+            color: #64748b;
+        }
+        .features li {
+            margin: 8px 0;
+        }
+        .footer {
+            text-align: center;
+            margin-top: 30px;
+            padding-top: 20px;
+            border-top: 1px solid #e2e8f0;
+            color: #64748b;
+            font-size: 12px;
+        }
+        .footer a {
+            color: #3b82f6;
+            text-decoration: none;
+        }
+    </style>
+</head>
+<body>
+    <div class="container">
+        <div class="header">
+            <div class="logo">Web<span>Money</span></div>
+        </div>
+
+        @if($language === 'pt-BR')
+            {{-- PORTUGUÊS --}}
+            <h1>Olá, {{ $user->name }}! 👋</h1>
+            
+            <p>Sua conta WebMoney foi criada com sucesso. Estamos muito felizes em tê-lo conosco!</p>
+            
+            <p>Abaixo estão suas credenciais de acesso:</p>
+            
+            <div class="credentials-box">
+                <h3>🔐 Suas Credenciais</h3>
+                <div class="credential-item">
+                    <div class="credential-label">Email</div>
+                    <div class="credential-value">{{ $user->email }}</div>
+                </div>
+                <div class="credential-item">
+                    <div class="credential-label">Senha Temporária</div>
+                    <div class="credential-value">{{ $temporaryPassword }}</div>
+                </div>
+            </div>
+            
+            <div class="warning-box">
+                <p>⚠️ <strong>Importante:</strong> Recomendamos que você altere sua senha após o primeiro login por motivos de segurança.</p>
+            </div>
+            
+            <div style="text-align: center;">
+                <a href="{{ $loginUrl }}" class="button">Acessar Minha Conta</a>
+            </div>
+            
+            <div class="features">
+                <h3>🚀 O que você pode fazer com o WebMoney:</h3>
+                <ul>
+                    <li>Gerenciar todas suas contas bancárias em um só lugar</li>
+                    <li>Categorizar receitas e despesas automaticamente</li>
+                    <li>Criar orçamentos e acompanhar seus gastos</li>
+                    <li>Visualizar relatórios e gráficos detalhados</li>
+                    <li>Definir metas financeiras e alcançá-las</li>
+                </ul>
+            </div>
+            
+            <p>Se você tiver alguma dúvida ou precisar de ajuda, não hesite em nos contatar.</p>
+            
+            <p>Atenciosamente,<br><strong>Equipe WebMoney</strong></p>
+
+        @elseif($language === 'en')
+            {{-- ENGLISH --}}
+            <h1>Hello, {{ $user->name }}! 👋</h1>
+            
+            <p>Your WebMoney account has been successfully created. We're thrilled to have you with us!</p>
+            
+            <p>Below are your login credentials:</p>
+            
+            <div class="credentials-box">
+                <h3>🔐 Your Credentials</h3>
+                <div class="credential-item">
+                    <div class="credential-label">Email</div>
+                    <div class="credential-value">{{ $user->email }}</div>
+                </div>
+                <div class="credential-item">
+                    <div class="credential-label">Temporary Password</div>
+                    <div class="credential-value">{{ $temporaryPassword }}</div>
+                </div>
+            </div>
+            
+            <div class="warning-box">
+                <p>⚠️ <strong>Important:</strong> We recommend changing your password after your first login for security purposes.</p>
+            </div>
+            
+            <div style="text-align: center;">
+                <a href="{{ $loginUrl }}" class="button">Access My Account</a>
+            </div>
+            
+            <div class="features">
+                <h3>🚀 What you can do with WebMoney:</h3>
+                <ul>
+                    <li>Manage all your bank accounts in one place</li>
+                    <li>Automatically categorize income and expenses</li>
+                    <li>Create budgets and track your spending</li>
+                    <li>View detailed reports and charts</li>
+                    <li>Set financial goals and achieve them</li>
+                </ul>
+            </div>
+            
+            <p>If you have any questions or need help, don't hesitate to contact us.</p>
+            
+            <p>Best regards,<br><strong>The WebMoney Team</strong></p>
+
+        @else
+            {{-- ESPAÑOL (default) --}}
+            <h1>¡Hola, {{ $user->name }}! 👋</h1>
+            
+            <p>Tu cuenta de WebMoney ha sido creada exitosamente. ¡Estamos muy contentos de tenerte con nosotros!</p>
+            
+            <p>A continuación encontrarás tus credenciales de acceso:</p>
+            
+            <div class="credentials-box">
+                <h3>🔐 Tus Credenciales</h3>
+                <div class="credential-item">
+                    <div class="credential-label">Email</div>
+                    <div class="credential-value">{{ $user->email }}</div>
+                </div>
+                <div class="credential-item">
+                    <div class="credential-label">Contraseña Temporal</div>
+                    <div class="credential-value">{{ $temporaryPassword }}</div>
+                </div>
+            </div>
+            
+            <div class="warning-box">
+                <p>⚠️ <strong>Importante:</strong> Te recomendamos cambiar tu contraseña después de tu primer inicio de sesión por motivos de seguridad.</p>
+            </div>
+            
+            <div style="text-align: center;">
+                <a href="{{ $loginUrl }}" class="button">Acceder a Mi Cuenta</a>
+            </div>
+            
+            <div class="features">
+                <h3>🚀 Lo que puedes hacer con WebMoney:</h3>
+                <ul>
+                    <li>Gestionar todas tus cuentas bancarias en un solo lugar</li>
+                    <li>Categorizar ingresos y gastos automáticamente</li>
+                    <li>Crear presupuestos y hacer seguimiento de tus gastos</li>
+                    <li>Ver informes y gráficos detallados</li>
+                    <li>Establecer metas financieras y alcanzarlas</li>
+                </ul>
+            </div>
+            
+            <p>Si tienes alguna pregunta o necesitas ayuda, no dudes en contactarnos.</p>
+            
+            <p>Saludos cordiales,<br><strong>El Equipo de WebMoney</strong></p>
+        @endif
+
+        <div class="footer">
+            <p>© {{ date('Y') }} WebMoney. 
+                @if($language === 'pt-BR')
+                    Todos os direitos reservados.
+                @elseif($language === 'en')
+                    All rights reserved.
+                @else
+                    Todos los derechos reservados.
+                @endif
+            </p>
+            <p>
+                <a href="{{ $loginUrl }}">{{ $loginUrl }}</a>
+            </p>
+        </div>
+    </div>
+</body>
+</html>

backend/routes/api.php

@@ -25,6 +25,7 @@
 use App\Http\Controllers\Api\PlanController;
 use App\Http\Controllers\Api\SubscriptionController;
 use App\Http\Controllers\Api\UserManagementController;
+use App\Http\Controllers\Api\SiteSettingsController;
 
 // Public routes with rate limiting
 Route::post('/register', [AuthController::class, 'register'])->middleware('throttle:register');
@@ -236,6 +237,7 @@
         Route::get('admin/users/{id}', [UserManagementController::class, 'show']);
         Route::put('admin/users/{id}', [UserManagementController::class, 'update']);
         Route::post('admin/users/{id}/reset-password', [UserManagementController::class, 'resetPassword']);
+        Route::post('admin/users/{id}/change-plan', [UserManagementController::class, 'changePlan']);
         Route::delete('admin/users/{id}', [UserManagementController::class, 'destroy']);
         
         // Configurações de Negócio (Markup)
@@ -323,5 +325,17 @@
     Route::get('preferences', [UserPreferenceController::class, 'index']);
     Route::put('preferences', [UserPreferenceController::class, 'update']);
     Route::post('preferences/test-notification', [UserPreferenceController::class, 'testNotification']);
+
+    // ============================================
+    // Site Settings (Admin only - Configurações do Site)
+    // ============================================
+    Route::middleware('admin.only')->prefix('admin/site-settings')->group(function () {
+        Route::get('/', [SiteSettingsController::class, 'index']);
+        Route::get('/cnxifly/status', [SiteSettingsController::class, 'getCnxiflyStatus']);
+        Route::post('/cnxifly/toggle', [SiteSettingsController::class, 'toggleCnxiflyPage']);
+        Route::post('/cnxifly/deploy', [SiteSettingsController::class, 'deployCnxiflyPage']);
+        Route::get('/{key}', [SiteSettingsController::class, 'show']);
+        Route::put('/{key}', [SiteSettingsController::class, 'update']);
+    });
 });
 

deploy-landing.sh

@@ -0,0 +1,39 @@
+#!/bin/bash
+
+# Deploy landing page to cnxifly.com
+# Usage: ./deploy-landing.sh [live|maintenance]
+
+MODE=${1:-live}
+SERVER="root@213.165.93.60"
+PASSWORD="Master9354"
+DEST="/var/www/cnxifly"
+
+echo "🚀 Deploying cnxifly.com landing page in mode: $MODE"
+
+if [ "$MODE" = "live" ]; then
+    SOURCE="landing/index.html"
+elif [ "$MODE" = "maintenance" ]; then
+    SOURCE="landing/maintenance.html"
+else
+    echo "❌ Invalid mode. Use: live or maintenance"
+    exit 1
+fi
+
+# Check if source file exists
+if [ ! -f "$SOURCE" ]; then
+    echo "❌ Source file not found: $SOURCE"
+    exit 1
+fi
+
+echo "📁 Copying $SOURCE to server..."
+
+# Deploy the file
+sshpass -p "$PASSWORD" scp -o StrictHostKeyChecking=no "$SOURCE" "$SERVER:$DEST/index.html"
+
+if [ $? -eq 0 ]; then
+    echo "✅ Landing page deployed successfully!"
+    echo "🌐 Visit: https://cnxifly.com"
+else
+    echo "❌ Deploy failed!"
+    exit 1
+fi

frontend/public/sw.js

@@ -1,5 +1,5 @@
 // WebMoney Service Worker - PWA Support
-const CACHE_VERSION = 'webmoney-v1.39.0';
+const CACHE_VERSION = 'webmoney-v1.40.0';
 const CACHE_STATIC = `${CACHE_VERSION}-static`;
 const CACHE_DYNAMIC = `${CACHE_VERSION}-dynamic`;
 const CACHE_IMMUTABLE = `${CACHE_VERSION}-immutable`;

frontend/src/App.jsx

@@ -26,6 +26,7 @@ import Profile from './pages/Profile';
 import Pricing from './pages/Pricing';
 import Billing from './pages/Billing';
 import Users from './pages/Users';
+import SiteSettings from './pages/SiteSettings';
 
 function App() {
   return (
@@ -232,6 +233,16 @@ function App() {
                 </ProtectedRoute>
               }
             />
+            <Route
+              path="/site-settings"
+              element={
+                <ProtectedRoute>
+                  <Layout>
+                    <SiteSettings />
+                  </Layout>
+                </ProtectedRoute>
+              }
+            />
             <Route path="/" element={<Navigate to="/dashboard" />} />
           </Routes>
           <CookieConsent />

frontend/src/components/Layout.jsx

@@ -120,8 +120,11 @@ const Layout = ({ children }) => {
         { path: '/profile', icon: 'bi-person-circle', label: t('nav.profile') },
         { path: '/billing', icon: 'bi-credit-card', label: t('nav.billing') },
         { path: '/pricing', icon: 'bi-tags-fill', label: t('nav.pricing') },
-        // Admin only: User management
+        // Admin only: User management and Site Settings
-        ...(isAdmin ? [{ path: '/users', icon: 'bi-people', label: t('nav.users') }] : []),
+        ...(isAdmin ? [
+          { path: '/users', icon: 'bi-people', label: t('nav.users') },
+          { path: '/site-settings', icon: 'bi-globe', label: t('nav.siteSettings', 'Sitio Web') },
+        ] : []),
       ]
     },
   ];

frontend/src/components/Toast.jsx

@@ -15,7 +15,9 @@ export const ToastProvider = ({ children }) => {
 
   const addToast = useCallback((message, type = 'info', duration = 5000) => {
     const id = Date.now();
-    const toast = { id, message, type, duration };
+    // Map 'error' to 'danger' for backward compatibility
+    const mappedType = type === 'error' ? 'danger' : type;
+    const toast = { id, message, type: mappedType, duration };
     
     setToasts((prev) => [...prev, toast]);
 
@@ -48,8 +50,11 @@ export const ToastProvider = ({ children }) => {
     return addToast(message, 'info', duration);
   }, [addToast]);
 
+  // Alias for backward compatibility
+  const showToast = addToast;
+
   return (
-    <ToastContext.Provider value={{ addToast, removeToast, success, error, warning, info }}>
+    <ToastContext.Provider value={{ addToast, showToast, removeToast, success, error, warning, info }}>
       {children}
       <ToastContainer toasts={toasts} removeToast={removeToast} />
     </ToastContext.Provider>

frontend/src/pages/FinancialHealth.jsx

@@ -228,6 +228,26 @@ const FinancialHealth = () => {
     }],
   } : null;
 
+  // Data sufficiency status
+  const dataStatus = data.data_status;
+  const showDataWarning = dataStatus && !dataStatus.has_sufficient_data;
+
+  // Helper para obtener ícono y cor do alerta baseado no nível
+  const getDataWarningStyle = (level) => {
+    switch (level) {
+      case 'no_data':
+        return { icon: 'bi-database-x', color: 'danger', bg: 'rgba(239, 68, 68, 0.1)' };
+      case 'insufficient':
+        return { icon: 'bi-exclamation-triangle', color: 'warning', bg: 'rgba(245, 158, 11, 0.1)' };
+      case 'limited':
+        return { icon: 'bi-info-circle', color: 'info', bg: 'rgba(59, 130, 246, 0.1)' };
+      case 'outdated':
+        return { icon: 'bi-clock-history', color: 'secondary', bg: 'rgba(100, 116, 139, 0.1)' };
+      default:
+        return { icon: 'bi-info-circle', color: 'info', bg: 'rgba(59, 130, 246, 0.1)' };
+    }
+  };
+
   return (
     <div className="financial-health-container">
       {/* Header */}
@@ -250,6 +270,46 @@ const FinancialHealth = () => {
         </div>
       </div>
 
+      {/* Data Sufficiency Warning */}
+      {showDataWarning && (
+        <div 
+          className={`alert alert-${getDataWarningStyle(dataStatus.level).color} d-flex align-items-start mb-4`}
+          style={{ 
+            background: getDataWarningStyle(dataStatus.level).bg,
+            border: 'none',
+          }}
+        >
+          <i className={`bi ${getDataWarningStyle(dataStatus.level).icon} me-3 fs-4`}></i>
+          <div className="flex-grow-1">
+            <h6 className="alert-heading mb-1">
+              {dataStatus.level === 'no_data' && t('financialHealth.dataWarning.noData', 'Datos Insuficientes')}
+              {dataStatus.level === 'insufficient' && t('financialHealth.dataWarning.insufficient', 'Análisis Limitado')}
+              {dataStatus.level === 'limited' && t('financialHealth.dataWarning.limited', 'Pocos Datos')}
+              {dataStatus.level === 'outdated' && t('financialHealth.dataWarning.outdated', 'Datos Desactualizados')}
+            </h6>
+            <p className="mb-2 small">{dataStatus.message}</p>
+            <div className="d-flex gap-3 small">
+              <span>
+                <i className="bi bi-wallet2 me-1"></i>
+                {dataStatus.counts?.accounts || 0} {t('financialHealth.dataWarning.accounts', 'cuentas')}
+              </span>
+              <span>
+                <i className="bi bi-arrow-left-right me-1"></i>
+                {dataStatus.counts?.transactions || 0} {t('financialHealth.dataWarning.transactions', 'transacciones')}
+              </span>
+              <span>
+                <i className="bi bi-calendar-check me-1"></i>
+                {dataStatus.counts?.recent_transactions || 0} {t('financialHealth.dataWarning.recentTransactions', 'últimos 30 días')}
+              </span>
+            </div>
+          </div>
+          <a href="/accounts" className="btn btn-sm btn-outline-light ms-3">
+            <i className="bi bi-plus-lg me-1"></i>
+            {t('financialHealth.dataWarning.addData', 'Añadir Datos')}
+          </a>
+        </div>
+      )}
+
       {/* Tabs */}
       <ul className="nav nav-pills mb-4 gap-2">
         {tabs.map(tab => (

frontend/src/pages/SiteSettings.jsx

@@ -0,0 +1,310 @@
+import { useState, useEffect } from 'react';
+import api from '../services/api';
+import { useToast } from '../components/Toast';
+
+export default function SiteSettings() {
+  const toast = useToast();
+  const [loading, setLoading] = useState(true);
+  const [deploying, setDeploying] = useState(false);
+  const [status, setStatus] = useState({
+    mode: 'live',
+    maintenance_mode: false,
+    modes_available: {
+      live: 'Página institucional completa',
+      maintenance: 'Página de mantenimiento',
+    }
+  });
+
+  useEffect(() => {
+    fetchStatus();
+  }, []);
+
+  const fetchStatus = async () => {
+    try {
+      const response = await api.get('/admin/site-settings/cnxifly/status');
+      setStatus(response.data);
+    } catch (error) {
+      console.error('Error fetching status:', error);
+      toast.error('Error al obtener el estado del sitio');
+    } finally {
+      setLoading(false);
+    }
+  };
+
+  const handleToggleMode = async (newMode) => {
+    try {
+      setDeploying(true);
+      const response = await api.post('/admin/site-settings/cnxifly/toggle', { mode: newMode });
+      
+      if (response.data.success) {
+        toast.success(response.data.message);
+        setStatus(prev => ({
+          ...prev,
+          mode: newMode,
+          maintenance_mode: newMode !== 'live'
+        }));
+      }
+    } catch (error) {
+      console.error('Error toggling mode:', error);
+      toast.error('Error al cambiar el modo');
+    } finally {
+      setDeploying(false);
+    }
+  };
+
+  const handleDeploy = async (mode) => {
+    if (!confirm(`¿Está seguro de desplegar la página en modo "${mode}"? Esto actualizará cnxifly.com`)) {
+      return;
+    }
+
+    try {
+      setDeploying(true);
+      const response = await api.post('/admin/site-settings/cnxifly/deploy', { mode });
+      
+      if (response.data.success) {
+        toast.success(`Configuración actualizada. Use el comando de deploy para aplicar los cambios.`);
+        
+        // Log deploy instructions to console for copying
+        console.log('Deploy command:', response.data.deploy_instructions?.command);
+
+        setStatus(prev => ({
+          ...prev,
+          mode: mode,
+          maintenance_mode: mode === 'maintenance'
+        }));
+      }
+    } catch (error) {
+      console.error('Error deploying:', error);
+      toast.error('Error al desplegar la página');
+    } finally {
+      setDeploying(false);
+    }
+  };
+
+  const getModeColor = (mode, isActive) => {
+    if (!isActive) return 'bg-gray-700 border-gray-600 hover:border-gray-500';
+    
+    switch (mode) {
+      case 'live':
+        return 'bg-green-900/30 border-green-500 ring-2 ring-green-500/30';
+      case 'maintenance':
+        return 'bg-yellow-900/30 border-yellow-500 ring-2 ring-yellow-500/30';
+      case 'construction':
+        return 'bg-orange-900/30 border-orange-500 ring-2 ring-orange-500/30';
+      default:
+        return 'bg-gray-700 border-gray-600';
+    }
+  };
+
+  const getModeTextColor = (mode) => {
+    switch (mode) {
+      case 'live':
+        return 'text-green-400';
+      case 'maintenance':
+        return 'text-yellow-400';
+      case 'construction':
+        return 'text-orange-400';
+      default:
+        return 'text-gray-400';
+    }
+  };
+
+  if (loading) {
+    return (
+      <div className="flex items-center justify-center h-64">
+        <i className="bi bi-arrow-repeat text-4xl text-blue-500 animate-spin"></i>
+      </div>
+    );
+  }
+
+  return (
+    <div className="space-y-6">
+      {/* Header */}
+      <div className="flex items-center justify-between">
+        <div>
+          <h1 className="text-2xl font-bold text-white flex items-center gap-3">
+            <i className="bi bi-globe text-3xl text-blue-400"></i>
+            Configuración del Sitio cnxifly.com
+          </h1>
+          <p className="text-gray-400 mt-1">
+            Controle el estado de la página institucional de ConneXiFly
+          </p>
+        </div>
+        <button
+          onClick={fetchStatus}
+          className="btn btn-secondary flex items-center gap-2"
+          disabled={loading}
+        >
+          <i className={`bi bi-arrow-repeat ${loading ? 'animate-spin' : ''}`}></i>
+          Actualizar
+        </button>
+      </div>
+
+      {/* Current Status */}
+      <div className="bg-gray-800 rounded-xl p-6 border border-gray-700">
+        <div className="flex items-center justify-between mb-6">
+          <div>
+            <h2 className="text-lg font-semibold text-white">Estado Actual</h2>
+            <p className="text-gray-400 text-sm">El modo seleccionado determina qué página se muestra</p>
+          </div>
+          <div className={`flex items-center gap-2 px-4 py-2 rounded-full ${getModeColor(status.mode, true)}`}>
+            <i className={`bi ${status.mode === 'live' ? 'bi-rocket-takeoff' : 'bi-tools'}`}></i>
+            <span className={`font-medium capitalize ${getModeTextColor(status.mode)}`}>
+              {status.mode}
+            </span>
+          </div>
+        </div>
+
+        {/* Mode Cards */}
+        <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
+          {/* Live Mode */}
+          <div
+            className={`p-5 rounded-xl border-2 cursor-pointer transition-all ${getModeColor('live', status.mode === 'live')}`}
+            onClick={() => !deploying && handleToggleMode('live')}
+          >
+            <div className="flex items-start justify-between">
+              <div className="flex items-center gap-3">
+                <div className={`p-3 rounded-lg ${status.mode === 'live' ? 'bg-green-500/20' : 'bg-gray-600'}`}>
+                  <i className={`bi bi-rocket-takeoff text-2xl ${status.mode === 'live' ? 'text-green-400' : 'text-gray-400'}`}></i>
+                </div>
+                <div>
+                  <h3 className="font-semibold text-white">Página en Vivo</h3>
+                  <p className="text-sm text-gray-400">
+                    Página institucional completa con todos los productos
+                  </p>
+                </div>
+              </div>
+              {status.mode === 'live' && (
+                <i className="bi bi-check-circle-fill text-green-400 text-xl"></i>
+              )}
+            </div>
+            <div className="mt-4 text-sm text-gray-500">
+              Muestra: WebMoney, EZPool, precios, registro y contacto
+            </div>
+          </div>
+
+          {/* Maintenance Mode */}
+          <div
+            className={`p-5 rounded-xl border-2 cursor-pointer transition-all ${getModeColor('maintenance', status.mode === 'maintenance')}`}
+            onClick={() => !deploying && handleToggleMode('maintenance')}
+          >
+            <div className="flex items-start justify-between">
+              <div className="flex items-center gap-3">
+                <div className={`p-3 rounded-lg ${status.mode === 'maintenance' ? 'bg-yellow-500/20' : 'bg-gray-600'}`}>
+                  <i className={`bi bi-tools text-2xl ${status.mode === 'maintenance' ? 'text-yellow-400' : 'text-gray-400'}`}></i>
+                </div>
+                <div>
+                  <h3 className="font-semibold text-white">En Mantenimiento</h3>
+                  <p className="text-sm text-gray-400">
+                    Página simple informando mantenimiento
+                  </p>
+                </div>
+              </div>
+              {status.mode === 'maintenance' && (
+                <i className="bi bi-check-circle-fill text-yellow-400 text-xl"></i>
+              )}
+            </div>
+            <div className="mt-4 text-sm text-gray-500">
+              Muestra: Mensaje de mantenimiento con links a los productos
+            </div>
+          </div>
+        </div>
+      </div>
+
+      {/* Deploy Section */}
+      <div className="bg-gray-800 rounded-xl p-6 border border-gray-700">
+        <div className="flex items-center gap-3 mb-4">
+          <i className="bi bi-server text-2xl text-blue-400"></i>
+          <div>
+            <h2 className="text-lg font-semibold text-white">Despliegue</h2>
+            <p className="text-gray-400 text-sm">Aplique los cambios al servidor de producción</p>
+          </div>
+        </div>
+
+        <div className="bg-gray-900/50 rounded-lg p-4 mb-4">
+          <div className="flex items-start gap-3">
+            <i className="bi bi-exclamation-triangle text-yellow-400 text-xl flex-shrink-0 mt-0.5"></i>
+            <div className="text-sm text-gray-300">
+              <p className="font-medium text-yellow-400 mb-1">Importante</p>
+              <p>
+                Los cambios se guardan en la configuración, pero para aplicarlos al servidor debe ejecutar 
+                el comando de deploy. La página actual en cnxifly.com no cambiará hasta que se despliegue.
+              </p>
+            </div>
+          </div>
+        </div>
+
+        <div className="flex gap-3">
+          <button
+            onClick={() => handleDeploy('live')}
+            disabled={deploying}
+            className="flex-1 py-3 px-4 bg-green-600 hover:bg-green-700 text-white font-medium rounded-lg flex items-center justify-center gap-2 transition-colors disabled:opacity-50"
+          >
+            {deploying ? (
+              <i className="bi bi-arrow-repeat animate-spin"></i>
+            ) : (
+              <i className="bi bi-rocket-takeoff"></i>
+            )}
+            Desplegar Página Completa
+          </button>
+          
+          <button
+            onClick={() => handleDeploy('maintenance')}
+            disabled={deploying}
+            className="flex-1 py-3 px-4 bg-yellow-600 hover:bg-yellow-700 text-white font-medium rounded-lg flex items-center justify-center gap-2 transition-colors disabled:opacity-50"
+          >
+            {deploying ? (
+              <i className="bi bi-arrow-repeat animate-spin"></i>
+            ) : (
+              <i className="bi bi-tools"></i>
+            )}
+            Desplegar Mantenimiento
+          </button>
+        </div>
+      </div>
+
+      {/* Preview Links */}
+      <div className="bg-gray-800 rounded-xl p-6 border border-gray-700">
+        <h2 className="text-lg font-semibold text-white mb-4">Enlaces de Vista Previa</h2>
+        <div className="grid grid-cols-1 md:grid-cols-3 gap-4">
+          <a
+            href="https://cnxifly.com"
+            target="_blank"
+            rel="noopener noreferrer"
+            className="flex items-center gap-3 p-4 bg-gray-700/50 rounded-lg hover:bg-gray-700 transition-colors"
+          >
+            <i className="bi bi-globe text-blue-400 text-xl"></i>
+            <div>
+              <p className="font-medium text-white">cnxifly.com</p>
+              <p className="text-sm text-gray-400">Página actual en producción</p>
+            </div>
+          </a>
+          <a
+            href="https://webmoney.cnxifly.com"
+            target="_blank"
+            rel="noopener noreferrer"
+            className="flex items-center gap-3 p-4 bg-gray-700/50 rounded-lg hover:bg-gray-700 transition-colors"
+          >
+            <i className="bi bi-wallet2 text-green-400 text-xl"></i>
+            <div>
+              <p className="font-medium text-white">webmoney.cnxifly.com</p>
+              <p className="text-sm text-gray-400">Aplicación WebMoney</p>
+            </div>
+          </a>
+          <a
+            href="https://ezpool.cnxifly.com"
+            target="_blank"
+            rel="noopener noreferrer"
+            className="flex items-center gap-3 p-4 bg-gray-700/50 rounded-lg hover:bg-gray-700 transition-colors"
+          >
+            <i className="bi bi-droplet-half text-cyan-400 text-xl"></i>
+            <div>
+              <p className="font-medium text-white">ezpool.cnxifly.com</p>
+              <p className="text-sm text-gray-400">Aplicación EZPool (En breve)</p>
+            </div>
+          </a>
+        </div>
+      </div>
+    </div>
+  );
+}

frontend/src/pages/Users.jsx

@@ -25,10 +25,25 @@ function Users() {
   
   // Create user modal states
   const [showCreateModal, setShowCreateModal] = useState(false);
-  const [createForm, setCreateForm] = useState({ name: '', email: '', password: '', user_type: 'free' });
+  const [createForm, setCreateForm] = useState({ 
+    name: '', 
+    email: '', 
+    password: '', 
+    user_type: 'free',
+    language: 'es',
+    currency: 'EUR',
+    send_welcome_email: true
+  });
   const [createdUser, setCreatedUser] = useState(null);
   const [creating, setCreating] = useState(false);
   
+  // Edit user modal states
+  const [showEditModal, setShowEditModal] = useState(false);
+  const [editForm, setEditForm] = useState({ name: '', email: '', language: 'es', currency: 'EUR', is_admin: false });
+  const [editing, setEditing] = useState(false);
+  const [editingUser, setEditingUser] = useState(null);
+  const [changingPlan, setChangingPlan] = useState(false);
+
   useEffect(() => {
     const handleResize = () => setIsMobile(window.innerWidth < 768);
     window.addEventListener('resize', handleResize);
@@ -159,10 +174,97 @@ function Users() {
 
   const resetCreateModal = () => {
     setShowCreateModal(false);
-    setCreateForm({ name: '', email: '', password: '', user_type: 'free' });
+    setCreateForm({ 
+      name: '', 
+      email: '', 
+      password: '', 
+      user_type: 'free',
+      language: 'es',
+      currency: 'EUR',
+      send_welcome_email: true
+    });
     setCreatedUser(null);
   };
 
+  const openEditModal = (user) => {
+    setEditingUser(user);
+    setEditForm({
+      name: user.name || '',
+      email: user.email || '',
+      language: user.language || 'es',
+      currency: user.currency || 'EUR',
+      is_admin: user.is_admin || false,
+    });
+    setShowEditModal(true);
+  };
+
+  const resetEditModal = () => {
+    setShowEditModal(false);
+    setEditForm({ name: '', email: '', language: 'es', currency: 'EUR', is_admin: false });
+    setEditingUser(null);
+  };
+
+  const handleEditUser = async (e) => {
+    e.preventDefault();
+    if (!editingUser) return;
+    
+    setEditing(true);
+    try {
+      const response = await api.put(`/admin/users/${editingUser.id}`, editForm);
+      if (response.data.success) {
+        showToast('Usuario actualizado correctamente', 'success');
+        resetEditModal();
+        fetchUsers();
+      }
+    } catch (error) {
+      const message = error.response?.data?.message || 'Error al actualizar usuario';
+      showToast(message, 'error');
+    } finally {
+      setEditing(false);
+    }
+  };
+
+  const handleChangePlan = async (newPlan) => {
+    if (!editingUser) return;
+    
+    setChangingPlan(true);
+    try {
+      const response = await api.post(`/admin/users/${editingUser.id}/change-plan`, { plan: newPlan });
+      if (response.data.success) {
+        showToast(response.data.message, 'success');
+        // Update local state to reflect the change
+        setEditingUser(prev => ({
+          ...prev,
+          subscription: response.data.data.subscription ? {
+            ...response.data.data.subscription,
+            plan_name: 'Pro Annual'
+          } : null
+        }));
+        fetchUsers();
+        fetchSummary();
+      }
+    } catch (error) {
+      const message = error.response?.data?.message || 'Error al cambiar plan';
+      showToast(message, 'error');
+    } finally {
+      setChangingPlan(false);
+    }
+  };
+
+  const handleToggleAdmin = async (user) => {
+    try {
+      const response = await api.put(`/admin/users/${user.id}`, {
+        is_admin: !user.is_admin,
+      });
+      if (response.data.success) {
+        showToast(user.is_admin ? 'Permisos de admin removidos' : 'Permisos de admin concedidos', 'success');
+        fetchUsers();
+      }
+    } catch (error) {
+      showToast('Error al cambiar permisos', 'error');
+    }
+  };
+
   const getUserTypeLabel = (type) => {
     const labels = {
       free: 'Free',
@@ -390,6 +492,13 @@ function Users() {
                       {formatDate(user.created_at)}
                     </td>
                     <td className="align-middle text-end">
+                      <button
+                        onClick={() => openEditModal(user)}
+                        className="btn btn-sm btn-outline-info me-1"
+                        title="Editar usuario"
+                      >
+                        <i className="bi bi-pencil"></i>
+                      </button>
                       <button
                         onClick={() => {
                           setSelectedUser(user);
@@ -559,11 +668,27 @@ function Users() {
                         <h5 className="text-white mb-1">¡Usuario Creado!</h5>
                         <p className="text-slate-400 mb-0">{createdUser.user.name}</p>
                         <p className="text-slate-400 small">{createdUser.user.email}</p>
-                        <span className={`badge ${getUserTypeBadge(createdUser.user_type)} mt-2`}>
+                        <div className="d-flex justify-content-center gap-2 mt-2">
-                          {getUserTypeLabel(createdUser.user_type)}
+                          <span className={`badge ${getUserTypeBadge(createdUser.user_type)}`}>
-                        </span>
+                            {getUserTypeLabel(createdUser.user_type)}
+                          </span>
+                          <span className="badge bg-secondary">
+                            {createdUser.user.language === 'es' ? '🇪🇸 ES' : createdUser.user.language === 'pt-BR' ? '🇧🇷 PT' : '🇺🇸 EN'}
+                          </span>
+                        </div>
                       </div>
                       
+                      {/* Email Status */}
+                      {createdUser.welcome_email_sent !== undefined && (
+                        <div className={`alert ${createdUser.welcome_email_sent ? 'alert-success bg-success' : 'alert-warning bg-warning'} bg-opacity-10 border-${createdUser.welcome_email_sent ? 'success' : 'warning'} text-${createdUser.welcome_email_sent ? 'success' : 'warning'} small mb-3`}>
+                          <i className={`bi ${createdUser.welcome_email_sent ? 'bi-envelope-check' : 'bi-envelope-x'} me-2`}></i>
+                          {createdUser.welcome_email_sent 
+                            ? `Email de bienvenida enviado a ${createdUser.user.email}`
+                            : 'No se pudo enviar el email de bienvenida'
+                          }
+                        </div>
+                      )}
+                      
                       {createdUser.temporary_password && (
                         <div className="bg-secondary bg-opacity-25 rounded p-3 mb-3">
                           <p className="text-slate-400 small mb-2">Contraseña temporal:</p>
@@ -585,7 +710,7 @@ function Users() {
                         {createdUser.user_type === 'free' && 'Este usuario tiene acceso Free con los límites del plan gratuito.'}
                       </div>
                       
-                      {createdUser.temporary_password && (
+                      {createdUser.temporary_password && !createdUser.welcome_email_sent && (
                         <p className="text-slate-400 small">
                           <i className="bi bi-exclamation-triangle me-1 text-warning"></i>
                           Copia esta contraseña y envíala al usuario de forma segura.
@@ -727,6 +852,65 @@ function Users() {
                         </div>
                       </div>
                     </div>
+                    
+                    {/* Language and Currency Row */}
+                    <div className="row">
+                      <div className="col-md-6 mb-3">
+                        <label className="form-label text-slate-400">
+                          <i className="bi bi-translate me-1"></i>
+                          Idioma
+                        </label>
+                        <select
+                          className="form-select bg-dark border-secondary text-white"
+                          value={createForm.language}
+                          onChange={(e) => setCreateForm(prev => ({ ...prev, language: e.target.value }))}
+                        >
+                          <option value="es">🇪🇸 Español</option>
+                          <option value="pt-BR">🇧🇷 Português (Brasil)</option>
+                          <option value="en">🇺🇸 English</option>
+                        </select>
+                        <small className="text-slate-500">
+                          El email de bienvenida se enviará en este idioma.
+                        </small>
+                      </div>
+                      
+                      <div className="col-md-6 mb-3">
+                        <label className="form-label text-slate-400">
+                          <i className="bi bi-currency-exchange me-1"></i>
+                          Moneda
+                        </label>
+                        <select
+                          className="form-select bg-dark border-secondary text-white"
+                          value={createForm.currency}
+                          onChange={(e) => setCreateForm(prev => ({ ...prev, currency: e.target.value }))}
+                        >
+                          <option value="EUR">€ EUR - Euro</option>
+                          <option value="USD">$ USD - Dólar</option>
+                          <option value="BRL">R$ BRL - Real</option>
+                          <option value="GBP">£ GBP - Libra</option>
+                        </select>
+                      </div>
+                    </div>
+                    
+                    {/* Send Welcome Email Toggle */}
+                    <div className="mb-3">
+                      <div className="form-check form-switch">
+                        <input
+                          className="form-check-input"
+                          type="checkbox"
+                          id="sendWelcomeEmail"
+                          checked={createForm.send_welcome_email}
+                          onChange={(e) => setCreateForm(prev => ({ ...prev, send_welcome_email: e.target.checked }))}
+                        />
+                        <label className="form-check-label text-white" htmlFor="sendWelcomeEmail">
+                          <i className="bi bi-envelope me-2 text-primary"></i>
+                          Enviar email de bienvenida
+                        </label>
+                      </div>
+                      <small className="text-slate-500 d-block mt-1 ms-4">
+                        El usuario recibirá un email con sus credenciales de acceso y un enlace para iniciar sesión.
+                      </small>
+                    </div>
                   </div>
                   
                   <div className="modal-footer border-secondary">
@@ -762,6 +946,229 @@ function Users() {
           </div>
         </div>
       )}
+
+      {/* Edit User Modal */}
+      {showEditModal && editingUser && (
+        <div className="modal show d-block" style={{ backgroundColor: 'rgba(0,0,0,0.5)' }}>
+          <div className="modal-dialog modal-dialog-centered modal-lg">
+            <div className="modal-content bg-dark text-white border-secondary">
+              <div className="modal-header border-secondary">
+                <h5 className="modal-title">
+                  <i className="bi bi-pencil me-2 text-info"></i>
+                  Editar Usuario
+                </h5>
+                <button 
+                  type="button" 
+                  className="btn-close btn-close-white" 
+                  onClick={resetEditModal}
+                ></button>
+              </div>
+              
+              <form onSubmit={handleEditUser}>
+                <div className="modal-body">
+                  <div className="row">
+                    <div className="col-md-6 mb-3">
+                      <label className="form-label text-slate-400">Nombre *</label>
+                      <input
+                        type="text"
+                        className="form-control bg-dark border-secondary text-white"
+                        value={editForm.name}
+                        onChange={(e) => setEditForm(prev => ({ ...prev, name: e.target.value }))}
+                        required
+                        placeholder="Nombre completo"
+                      />
+                    </div>
+                    
+                    <div className="col-md-6 mb-3">
+                      <label className="form-label text-slate-400">Email *</label>
+                      <input
+                        type="email"
+                        className="form-control bg-dark border-secondary text-white"
+                        value={editForm.email}
+                        onChange={(e) => setEditForm(prev => ({ ...prev, email: e.target.value }))}
+                        required
+                        placeholder="email@ejemplo.com"
+                      />
+                    </div>
+                  </div>
+                  
+                  <div className="row">
+                    <div className="col-md-6 mb-3">
+                      <label className="form-label text-slate-400">Idioma</label>
+                      <select
+                        className="form-select bg-dark border-secondary text-white"
+                        value={editForm.language}
+                        onChange={(e) => setEditForm(prev => ({ ...prev, language: e.target.value }))}
+                      >
+                        <option value="es">Español</option>
+                        <option value="pt-BR">Português (Brasil)</option>
+                        <option value="en">English</option>
+                      </select>
+                    </div>
+                    
+                    <div className="col-md-6 mb-3">
+                      <label className="form-label text-slate-400">Moneda</label>
+                      <select
+                        className="form-select bg-dark border-secondary text-white"
+                        value={editForm.currency}
+                        onChange={(e) => setEditForm(prev => ({ ...prev, currency: e.target.value }))}
+                      >
+                        <option value="EUR">EUR - Euro</option>
+                        <option value="USD">USD - Dólar</option>
+                        <option value="BRL">BRL - Real</option>
+                        <option value="GBP">GBP - Libra</option>
+                      </select>
+                    </div>
+                  </div>
+                  
+                  {/* User Info Card */}
+                  <div className="card bg-secondary bg-opacity-25 border-secondary mb-3">
+                    <div className="card-body">
+                      <div className="row">
+                        <div className="col-md-6">
+                          <h6 className="text-slate-400 mb-2">
+                            <i className="bi bi-info-circle me-2"></i>
+                            Información
+                          </h6>
+                          <p className="mb-1 small">
+                            <span className="text-slate-400">ID:</span> 
+                            <span className="text-white ms-2">{editingUser.id}</span>
+                          </p>
+                          <p className="mb-1 small">
+                            <span className="text-slate-400">Registrado:</span> 
+                            <span className="text-white ms-2">{formatDate(editingUser.created_at)}</span>
+                          </p>
+                          <p className="mb-0 small">
+                            <span className="text-slate-400">Plan actual:</span> 
+                            <span className="ms-2">{getStatusBadge(editingUser.subscription)}</span>
+                          </p>
+                        </div>
+                        <div className="col-md-6">
+                          <h6 className="text-slate-400 mb-2">
+                            <i className="bi bi-bar-chart me-2"></i>
+                            Uso
+                          </h6>
+                          <p className="mb-1 small">
+                            <i className="bi bi-wallet2 text-slate-400 me-2"></i>
+                            <span className="text-white">{editingUser.usage?.accounts || 0}</span> cuentas
+                          </p>
+                          <p className="mb-1 small">
+                            <i className="bi bi-tags text-slate-400 me-2"></i>
+                            <span className="text-white">{editingUser.usage?.categories || 0}</span> categorías
+                          </p>
+                          <p className="mb-0 small">
+                            <i className="bi bi-arrow-left-right text-slate-400 me-2"></i>
+                            <span className="text-white">{editingUser.usage?.transactions || 0}</span> transacciones
+                          </p>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                  
+                  {/* Change Plan Section */}
+                  <div className="card bg-secondary bg-opacity-25 border-secondary mb-3">
+                    <div className="card-body">
+                      <h6 className="text-slate-400 mb-3">
+                        <i className="bi bi-credit-card me-2"></i>
+                        Cambiar Plan de Suscripción
+                      </h6>
+                      <div className="d-flex gap-2 flex-wrap">
+                        <button
+                          type="button"
+                          className={`btn ${!editingUser.subscription || editingUser.subscription.status === 'canceled' ? 'btn-secondary' : 'btn-outline-secondary'}`}
+                          onClick={() => handleChangePlan('free')}
+                          disabled={changingPlan || !editingUser.subscription || editingUser.subscription.status === 'canceled'}
+                        >
+                          {changingPlan ? (
+                            <span className="spinner-border spinner-border-sm me-2"></span>
+                          ) : (
+                            <i className="bi bi-person me-2"></i>
+                          )}
+                          Free
+                          {(!editingUser.subscription || editingUser.subscription.status === 'canceled') && (
+                            <i className="bi bi-check-lg ms-2 text-success"></i>
+                          )}
+                        </button>
+                        <button
+                          type="button"
+                          className={`btn ${editingUser.subscription && editingUser.subscription.status === 'active' ? 'btn-success' : 'btn-outline-success'}`}
+                          onClick={() => handleChangePlan('pro')}
+                          disabled={changingPlan || (editingUser.subscription && editingUser.subscription.status === 'active')}
+                        >
+                          {changingPlan ? (
+                            <span className="spinner-border spinner-border-sm me-2"></span>
+                          ) : (
+                            <i className="bi bi-star me-2"></i>
+                          )}
+                          Pro
+                          {editingUser.subscription && editingUser.subscription.status === 'active' && (
+                            <i className="bi bi-check-lg ms-2"></i>
+                          )}
+                        </button>
+                      </div>
+                      <div className="text-slate-500 small mt-2">
+                        {editingUser.subscription && editingUser.subscription.status === 'active' ? (
+                          <>Plan Pro activo hasta: {formatDate(editingUser.subscription.current_period_end)}</>
+                        ) : (
+                          <>El usuario está en plan Free. Clic en "Pro" para activar suscripción Pro.</>
+                        )}
+                      </div>
+                    </div>
+                  </div>
+                  
+                  {/* Admin Toggle - Only show if not the main admin */}
+                  {editingUser.email !== 'marco@cnxifly.com' && (
+                    <div className="form-check form-switch mb-3">
+                      <input
+                        className="form-check-input"
+                        type="checkbox"
+                        id="isAdminSwitch"
+                        checked={editForm.is_admin}
+                        onChange={(e) => setEditForm(prev => ({ ...prev, is_admin: e.target.checked }))}
+                      />
+                      <label className="form-check-label text-white" htmlFor="isAdminSwitch">
+                        <i className="bi bi-shield-check me-2 text-danger"></i>
+                        Permisos de Administrador
+                      </label>
+                      <div className="text-slate-500 small mt-1">
+                        Los administradores tienen acceso completo al sistema y gestión de usuarios.
+                      </div>
+                    </div>
+                  )}
+                </div>
+                
+                <div className="modal-footer border-secondary">
+                  <button 
+                    type="button" 
+                    className="btn btn-secondary" 
+                    onClick={resetEditModal}
+                    disabled={editing}
+                  >
+                    Cancelar
+                  </button>
+                  <button 
+                    type="submit" 
+                    className="btn btn-info"
+                    disabled={editing || !editForm.name || !editForm.email}
+                  >
+                    {editing ? (
+                      <>
+                        <span className="spinner-border spinner-border-sm me-2"></span>
+                        Guardando...
+                      </>
+                    ) : (
+                      <>
+                        <i className="bi bi-check-lg me-2"></i>
+                        Guardar Cambios
+                      </>
+                    )}
+                  </button>
+                </div>
+              </form>
+            </div>
+          </div>
+        </div>
+      )}
     </div>
   );
 }

landing/maintenance.html

@@ -0,0 +1,190 @@
+<!DOCTYPE html>
+<html lang="es">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>ConneXiFly - En Mantenimiento</title>
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.css" rel="stylesheet">
+    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap" rel="stylesheet">
+    <style>
+        :root {
+            --primary: #3b82f6;
+            --secondary: #10b981;
+            --dark: #0f172a;
+            --dark-lighter: #1e293b;
+            --text: #f1f5f9;
+            --text-muted: #94a3b8;
+        }
+
+        * {
+            margin: 0;
+            padding: 0;
+            box-sizing: border-box;
+        }
+
+        body {
+            font-family: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;
+            background: radial-gradient(ellipse at 20% 20%, rgba(59, 130, 246, 0.15), transparent 50%),
+                        radial-gradient(ellipse at 80% 80%, rgba(16, 185, 129, 0.1), transparent 50%),
+                        var(--dark);
+            color: var(--text);
+            min-height: 100vh;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            -webkit-font-smoothing: antialiased;
+        }
+
+        .container {
+            text-align: center;
+            padding: 2rem;
+            max-width: 600px;
+        }
+
+        .logo-container {
+            margin-bottom: 3rem;
+        }
+
+        .logo {
+            font-size: 3rem;
+            font-weight: 800;
+            background: linear-gradient(135deg, var(--primary), var(--secondary));
+            -webkit-background-clip: text;
+            -webkit-text-fill-color: transparent;
+            background-clip: text;
+            display: inline-flex;
+            align-items: center;
+            gap: 0.75rem;
+        }
+
+        .logo i {
+            font-size: 2.5rem;
+            color: var(--primary);
+            -webkit-text-fill-color: var(--primary);
+        }
+
+        .maintenance-icon {
+            font-size: 5rem;
+            margin-bottom: 2rem;
+            animation: pulse 2s ease-in-out infinite;
+        }
+
+        @keyframes pulse {
+            0%, 100% { transform: scale(1); opacity: 1; }
+            50% { transform: scale(1.05); opacity: 0.8; }
+        }
+
+        .maintenance-icon i {
+            background: linear-gradient(135deg, var(--primary), var(--secondary));
+            -webkit-background-clip: text;
+            -webkit-text-fill-color: transparent;
+            background-clip: text;
+        }
+
+        h1 {
+            font-size: 2.5rem;
+            font-weight: 800;
+            margin-bottom: 1rem;
+        }
+
+        .subtitle {
+            font-size: 1.25rem;
+            color: var(--text-muted);
+            margin-bottom: 2rem;
+            line-height: 1.6;
+        }
+
+        .products-preview {
+            display: flex;
+            justify-content: center;
+            gap: 1.5rem;
+            margin-top: 3rem;
+            flex-wrap: wrap;
+        }
+
+        .product-link {
+            display: flex;
+            align-items: center;
+            gap: 0.75rem;
+            padding: 1rem 1.5rem;
+            background: var(--dark-lighter);
+            border: 1px solid rgba(255, 255, 255, 0.1);
+            border-radius: 1rem;
+            color: var(--text);
+            text-decoration: none;
+            transition: all 0.3s ease;
+        }
+
+        .product-link:hover {
+            transform: translateY(-3px);
+            border-color: var(--primary);
+            box-shadow: 0 10px 30px rgba(59, 130, 246, 0.2);
+        }
+
+        .product-link i {
+            font-size: 1.5rem;
+        }
+
+        .product-link.webmoney i {
+            color: var(--primary);
+        }
+
+        .product-link.ezpool i {
+            color: var(--secondary);
+        }
+
+        .product-link span {
+            font-weight: 600;
+        }
+
+        .contact {
+            margin-top: 3rem;
+            color: var(--text-muted);
+        }
+
+        .contact a {
+            color: var(--primary);
+            text-decoration: none;
+        }
+
+        .contact a:hover {
+            text-decoration: underline;
+        }
+    </style>
+</head>
+<body>
+    <div class="container">
+        <div class="logo-container">
+            <div class="logo">
+                <i class="bi bi-lightning-charge-fill"></i>
+                ConneXiFly
+            </div>
+        </div>
+        
+        <div class="maintenance-icon">
+            <i class="bi bi-gear-wide-connected"></i>
+        </div>
+        
+        <h1>Estamos en Mantenimiento</h1>
+        <p class="subtitle">
+            Estamos trabajando para traerte una mejor experiencia. 
+            Volveremos muy pronto con novedades increíbles.
+        </p>
+        
+        <div class="products-preview">
+            <a href="https://webmoney.cnxifly.com" class="product-link webmoney">
+                <i class="bi bi-wallet2"></i>
+                <span>WebMoney</span>
+            </a>
+            <a href="https://ezpool.cnxifly.com" class="product-link ezpool">
+                <i class="bi bi-droplet-half"></i>
+                <span>EZPool</span>
+            </a>
+        </div>
+        
+        <div class="contact">
+            <p>¿Necesitas ayuda? <a href="mailto:admin@cnxifly.com">admin@cnxifly.com</a></p>
+        </div>
+    </div>
+</body>
+</html>