diff --git a/app/Config/SiteConfig.php b/app/Config/SiteConfig.php
index 532a983..f61de90 100644
--- a/app/Config/SiteConfig.php
+++ b/app/Config/SiteConfig.php
@@ -3,7 +3,7 @@ namespace App\Config;
 
 class SiteConfig {
     const APP_NAME = 'MIVO';
-    const APP_VERSION = 'v1.2.2';
+    const APP_VERSION = 'v1.2.3';
     const APP_FULL_NAME = 'MIVO - Mikrotik Voucher';
     const CREDIT_NAME = 'MivoDev';
     const CREDIT_URL = 'https://github.com/mivodev';
diff --git a/app/Core/Router.php b/app/Core/Router.php
index e894311..fdc89e6 100644
--- a/app/Core/Router.php
+++ b/app/Core/Router.php
@@ -27,6 +27,34 @@ class Router {
         return $this->addRoute('POST', $path, $callback);
     }
 
+    /**
+     * Add a OPTIONS route (Crucial for CORS Preflight)
+     */
+    public function options($path, $callback) {
+        return $this->addRoute('OPTIONS', $path, $callback);
+    }
+
+    /**
+     * Add a PUT route
+     */
+    public function put($path, $callback) {
+        return $this->addRoute('PUT', $path, $callback);
+    }
+
+    /**
+     * Add a PATCH route
+     */
+    public function patch($path, $callback) {
+        return $this->addRoute('PATCH', $path, $callback);
+    }
+
+    /**
+     * Add a DELETE route
+     */
+    public function delete($path, $callback) {
+        return $this->addRoute('DELETE', $path, $callback);
+    }
+
     /**
      * Add route to collection and return $this for chaining
      */
diff --git a/app/Views/layouts/footer_main.php b/app/Views/layouts/footer_main.php
index 13ca5a5..0f15a21 100644
--- a/app/Views/layouts/footer_main.php
+++ b/app/Views/layouts/footer_main.php
@@ -30,6 +30,10 @@
     </footer>
     <?php endif; ?>
 
+    <script>
+        window.MIVO_VERSION = "<?= \App\Config\SiteConfig::APP_VERSION ?>";
+    </script>
+    <script src="/assets/js/modules/update-checker.js"></script>
     <script>
         // Global Theme Toggle Logic (Class-based for multiple instances)
         document.addEventListener('DOMContentLoaded', () => {
diff --git a/package.json b/package.json
index fe6dde8..a884ff5 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "mivo",
-  "version": "1.2.2",
+  "version": "1.2.3",
   "description": "This is a complete rewrite of Mivo using a modern MVC architecture.\r It runs on a lightweight custom core designed for performance on low-end devices (STB/Android).",
   "main": "index.js",
   "scripts": {
diff --git a/public/assets/js/modules/update-checker.js b/public/assets/js/modules/update-checker.js
new file mode 100644
index 0000000..b705ff1
--- /dev/null
+++ b/public/assets/js/modules/update-checker.js
@@ -0,0 +1,108 @@
+/**
+ * Mivo Update Checker
+ * Checks GitHub for latest release and notifies user.
+ * Caches result for 24 hours to avoid rate limits.
+ */
+document.addEventListener('DOMContentLoaded', () => {
+    const REPO = 'mivodev/mivo';
+    const CHECK_INTERVAL = 24 * 60 * 60 * 1000; // 24 Hours
+    const CACHE_KEY = 'mivo_update_cache';
+    
+    // UI Elements
+    const badge = document.getElementById('update-badge');
+    const content = document.getElementById('notification-content');
+    const dropdown = document.getElementById('notification-dropdown');
+
+    if (!badge || !content) return;
+
+    // Current Version from PHP (injected in footer)
+    const currentVersion = window.MIVO_VERSION || 'v0.0.0';
+
+    const checkUpdate = async () => {
+        try {
+            // Check Cache
+            const cached = localStorage.getItem(CACHE_KEY);
+            if (cached) {
+                const data = JSON.parse(cached);
+                const age = Date.now() - data.timestamp;
+                if (age < CHECK_INTERVAL && data.version) {
+                    processUpdate(data);
+                    return;
+                }
+            }
+
+            // Fetch from GitHub
+            // console.log('Checking for updates...');
+            const res = await fetch(`https://api.github.com/repos/${REPO}/releases/latest`);
+            if (!res.ok) throw new Error('GitHub API Error');
+            
+            const json = await res.json();
+            const latestVersion = json.tag_name; // e.g., "v1.3.0"
+            const body = json.body || 'No release notes.';
+            const htmlUrl = json.html_url;
+
+            const cacheData = {
+                version: latestVersion,
+                body: body,
+                url: htmlUrl,
+                timestamp: Date.now()
+            };
+
+            localStorage.setItem(CACHE_KEY, JSON.stringify(cacheData));
+            processUpdate(cacheData);
+
+        } catch (error) {
+            console.warn('Update check failed:', error);
+        }
+    };
+
+    const processUpdate = (data) => {
+        // Simple string comparison for now. Ideally semver.
+        if (data.version !== currentVersion && compareVersions(data.version, currentVersion) > 0) {
+            // Show Badge
+            badge.classList.remove('hidden');
+            
+            // Update Dropdown Content
+            content.innerHTML = `
+                <div class="text-left space-y-2">
+                    <div class="flex items-center justify-between">
+                        <span class="font-bold text-foreground">New Version Available!</span>
+                        <span class="text-xs bg-accents-2 px-1.5 py-0.5 rounded text-foreground">${data.version}</span>
+                    </div>
+                    <p class="text-xs text-accents-5 line-clamp-3">${data.body.substring(0, 100)}...</p>
+                    <a href="${data.url}" target="_blank" class="block w-full text-center px-3 py-2 bg-foreground text-background font-bold rounded-lg text-xs hover:bg-foreground/90 transition-colors mt-2">
+                        View Release
+                    </a>
+                </div>
+            `;
+        } else {
+            // Up to date
+            content.innerHTML = `
+                <div class="py-2">
+                    <i data-lucide="check-circle" class="w-8 h-8 text-emerald-500 mx-auto mb-2"></i>
+                    <p>You are using the latest version.</p>
+                    <p class="text-xs text-accents-4 mt-1">Current: ${currentVersion}</p>
+                </div>
+            `;
+            if (typeof lucide !== 'undefined') lucide.createIcons();
+        }
+    };
+
+    // Helper: Compare "v1.2.0" vs "v1.1.0"
+    const compareVersions = (v1, v2) => {
+        const clean = v => v.replace(/^v/, '').split('.').map(Number);
+        const a = clean(v1);
+        const b = clean(v2);
+
+        for (let i = 0; i < Math.max(a.length, b.length); i++) {
+            const valA = a[i] || 0;
+            const valB = b[i] || 0;
+            if (valA > valB) return 1;
+            if (valA < valB) return -1;
+        }
+        return 0;
+    };
+
+    // Init
+    checkUpdate();
+});
diff --git a/routes/api.php b/routes/api.php
index 8674710..25edf72 100644
--- a/routes/api.php
+++ b/routes/api.php
@@ -15,5 +15,6 @@ $router->group(['middleware' => 'cors'], function($router) {
     // Voucher Check (Code/Username in URL) - Support GET (Status Page) and POST (Login Page Check)
     $router->post('/api/voucher/check/{code}', [App\Controllers\PublicStatusController::class, 'check']);
     $router->get('/api/voucher/check/{code}', [App\Controllers\PublicStatusController::class, 'check']);
+    $router->options('/api/voucher/check/{code}', function() { return; }); // CORS Middleware handles this
 
 });