diff --git a/resources/views/super-admin/layouts/master.blade.php b/resources/views/super-admin/layouts/master.blade.php
new file mode 100644
index 0000000..446c15c
--- /dev/null
+++ b/resources/views/super-admin/layouts/master.blade.php
@@ -0,0 +1,50 @@
+<!DOCTYPE html>
+<html class="{{ request()->cookie('dark_mode') ? 'dark' : '' }}" lang="{{ app()->getLocale() }}" dir="{{ in_array(app()->getLocale(), ['fa', 'ar']) ? 'rtl' : 'ltr' }}">
+<head>
+    <title>Super Admin</title>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <meta name="base-url" content="{{ url()->to('/') }}">
+    
+    {{ vite()->set(['src/Resources/assets/css/app.css', 'src/Resources/assets/js/app.js']) }}
+    
+    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap" rel="stylesheet" />
+    <link type="image/x-icon" href="{{ vite()->asset('images/favicon.ico') }}" rel="shortcut icon" sizes="16x16" />
+    
+    <style>
+        :root { --brand-color: #0E90D9; }
+    </style>
+</head>
+<body class="h-full font-inter dark:bg-gray-950">
+    <div id="app" class="h-full">
+        <x-admin::flash-group />
+        <x-admin::modal.confirm />
+
+        @include('super-admin.layouts.header')
+
+        <div class="group/container sidebar-collapsed flex h-[calc(100vh-62px)]">
+            @include('super-admin.layouts.sidebar')
+
+            <div class="flex flex-1 flex-col overflow-y-auto bg-gray-100 pt-3 transition-all duration-300 dark:bg-gray-950">
+                <div class="px-4 pb-6 flex-1">
+                    @yield('content')
+                </div>
+
+                <div class="mt-auto pt-6">
+                    <div class="border-t bg-white py-5 text-center text-sm font-normal dark:border-gray-800 dark:bg-gray-900 dark:text-white max-md:py-3">
+                        <p>Desenvolvido por <a href="https://blyzer.com.br" style="color: #0E90D9;" class="hover:underline" target="_blank">Blyzer</a></p>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+
+    @stack('scripts')
+    <script>
+        window.addEventListener("load", function(event) {
+            app.mount("#app");
+        });
+    </script>
+</body>
+</html>
