diff --git a/src/Core/Front/Admin/Blade/layouts/app.blade.php b/src/Core/Front/Admin/Blade/layouts/app.blade.php
index a5ebd5b..1a649bc 100644
--- a/src/Core/Front/Admin/Blade/layouts/app.blade.php
+++ b/src/Core/Front/Admin/Blade/layouts/app.blade.php
@@ -18,12 +18,12 @@
     <title>{{ $title }}</title>
 
     {{-- Critical CSS: Prevents white flash during page load/navigation --}}
-    <style>
+    <style @cspnonce>
         html { background-color: #f3f4f6; }
         html.dark { background-color: #111827; }
     </style>
 
-    <script>
+    <script @cspnonce>
         (function () {
             var darkMode = localStorage.getItem('dark-mode');
             if (darkMode === 'true') {
@@ -56,7 +56,7 @@
     x-init="$watch('sidebarExpanded', value => localStorage.setItem('sidebar-expanded', value))"
 >
 
-<script>
+<script @cspnonce>
     if (localStorage.getItem('sidebar-expanded') == 'true') {
         document.querySelector('body').classList.add('sidebar-expanded');
     } else {
@@ -91,7 +91,7 @@
 
 {{ $scripts ?? '' }}
 
-<script>
+<script @cspnonce>
     // Light/Dark mode toggle (guarded for Livewire navigation)
     (function() {
         if (window.__lightSwitchInitialized) return;
diff --git a/src/Core/Front/Components/View/Blade/layouts/partials/fonts.blade.php b/src/Core/Front/Components/View/Blade/layouts/partials/fonts.blade.php
index c87f48b..0dd4d23 100644
--- a/src/Core/Front/Components/View/Blade/layouts/partials/fonts.blade.php
+++ b/src/Core/Front/Components/View/Blade/layouts/partials/fonts.blade.php
@@ -1,5 +1,5 @@
 {{-- Self-hosted Inter variable font --}}
-<style>
+<style @cspnonce>
     @font-face {
         font-family: 'Inter';
         src: url('/fonts/InterVariable.woff2') format('woff2-variations');
diff --git a/src/Core/Front/Web/Blade/layouts/app.blade.php b/src/Core/Front/Web/Blade/layouts/app.blade.php
index 2f46afe..bdd07a9 100644
--- a/src/Core/Front/Web/Blade/layouts/app.blade.php
+++ b/src/Core/Front/Web/Blade/layouts/app.blade.php
@@ -16,7 +16,7 @@
     <title>{{ $title }}</title>
 
     {{-- Critical CSS: Prevents white flash during page load/navigation --}}
-    <style>
+    <style @cspnonce>
         html { background-color: #ffffff; }
         html.dark { background-color: #111827; }
     </style>
diff --git a/src/Core/Headers/CspNonceService.php b/src/Core/Headers/CspNonceService.php
index 75c785a..e4c6451 100644
--- a/src/Core/Headers/CspNonceService.php
+++ b/src/Core/Headers/CspNonceService.php
@@ -11,6 +11,8 @@ declare(strict_types=1);
 
 namespace Core\Headers;
 
+use Illuminate\Support\Facades\Vite;
+
 /**
  * Service for generating and managing CSP nonces.
  *
@@ -84,10 +86,17 @@ class CspNonceService
 
     /**
      * Generate a cryptographically secure nonce.
+     *
+     * Also registers it with Vite so Livewire and Vite-generated tags
+     * automatically include the nonce attribute.
      */
     protected function generateNonce(): string
     {
-        return base64_encode(random_bytes($this->nonceLength));
+        $nonce = base64_encode(random_bytes($this->nonceLength));
+
+        Vite::useCspNonce($nonce);
+
+        return $nonce;
     }
 
     /**