diff --git a/resources/views/components/layout.blade.php b/resources/views/components/layout.blade.php
index b6f852c..2c69596 100644
--- a/resources/views/components/layout.blade.php
+++ b/resources/views/components/layout.blade.php
@@ -5,6 +5,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta name="csrf-token" content="{{ csrf_token() }}">
     <title>{{ $title ?? 'Lauck Dashboard' }}</title>
+    @stack('styles')
     
     <!-- VITE: Esto carga tu Tailwind compilado y JS -->
     @vite(['resources/css/app.css', 'resources/js/app.js'])
diff --git a/resources/views/sales/create.blade.php b/resources/views/sales/create.blade.php
index 50e6630..bfdacea 100644
--- a/resources/views/sales/create.blade.php
+++ b/resources/views/sales/create.blade.php
@@ -52,7 +52,7 @@
         <form action="{{ route('sales.store') }}" method="POST">
             @csrf
 
-            <div class="grid grid-cols-1 md:grid-cols-12 gap-6 mb-8 border-b border-neutral-800 pb-8">
+            <div class="grid grid-cols-1 md:grid-cols-12 gap-6 mb-4 border-b border-neutral-700 pb-8">
                 <div class="md:col-span-10">
                     <x-forms.label for="client_id" value="Cliente" />
                     <div class="relative">
@@ -64,14 +64,14 @@
                         </select>
                     </div>
                 </div>
-                <div class="md:col-span-2 flex items-end">
-                    <a href="{{ route('clients.create', ['origin' => 'sales']) }}" target="_blank" class="bg-indigo-100 text-indigo-700 hover:bg-indigo-200 px-4 py-2 rounded-md font-bold flex items-center border border-indigo-200" title="Crear nuevo cliente">
-                        +
-                    </a>
+                <div class="md:col-span-2 flex items-end mb-1">
+                    <a href="{{ route('clients.create', ['origin' => 'sales']) }}" target="_blank" 
+                        class="inline-flex items-center text-neon-lime hover:text-[#b3e600] font-bold text-sm transition-colors"
+                        title="Crear nuevo cliente">+ Nuevo Cliente</a>
                 </div>
             </div>
 
-            <div class="mb-8">
+            <div class="mb-4">
                 <div class="flex justify-between items-end mb-4">
                     <x-forms.label value="Detalle de Productos" />
                     <div class="text-sm text-gray-400">
@@ -98,7 +98,7 @@
                         <div class="md:col-span-2">
                             <label class="block text-gray-400 text-xs mb-1.5 uppercase tracking-wider font-semibold">Cant.</label>
                             <input type="number" name="items[0][quantity]" value="1" min="1" 
-                                   class="quantity-input bg-neutral-800 border-neutral-700 text-white text-sm rounded-lg focus:ring-neon-lime focus:border-neon-lime block w-full p-2.5 h-[42px]">
+                                   class="quantity-input bg-neutral-800 border-neutral-700 border rounded-lg text-white text-sm focus:ring-neon-lime focus:border-neon-lime block w-full p-1 px-2 h-7">
                         </div>
 
                         <div class="md:col-span-3 text-right flex flex-col justify-center h-[42px] mt-6">
@@ -146,7 +146,7 @@
                 </div>
 
                 <div class="flex justify-end gap-4">
-                    <a href="{{ route('sales.create') }}" class="px-6 py-2.5 text-gray-400 hover:text-white font-medium text-sm transition-colors flex items-center">
+                    <a href="{{ route('sales.index') }}" class="px-6 py-2.5 text-gray-400 hover:text-white font-medium text-sm transition-colors flex items-center">
                         Cancelar
                     </a>
                     <button type="submit" class="px-8 py-2.5 bg-neon-lime text-neutral-900 font-bold rounded-lg hover:bg-[#b3e600] transition-colors shadow-lg shadow-neon-lime/20 transform hover:scale-105">