diff --git a/src/components/DashboardLayout.tsx b/src/components/DashboardLayout.tsx
index 1ad68cb..9029618 100644
--- a/src/components/DashboardLayout.tsx
+++ b/src/components/DashboardLayout.tsx
@@ -167,7 +167,7 @@ const DashboardLayout = ({ children }: { children: React.ReactNode }) => {
                           : 'text-gray-700 hover:text-red-500 border-transparent rounded-r-full'
                       } ${sidebarCollapsed ? 'justify-center px-2' : ''}`}
                       style={{
-                        backgroundColor: isActive ? 'rgba(248, 69, 37, 0.1)' : 'transparent',
+                        backgroundColor: isActive ? 'rgba(248, 69, 37, 1)' : 'transparent',
                         borderLeftColor: isActive ? '#F84525' : 'transparent',
                         color: isActive ? '#F84525' : '#433c3a'
                       }}
@@ -196,7 +196,7 @@ const DashboardLayout = ({ children }: { children: React.ReactNode }) => {
                           
                           return (
                             <div key={sub.tab}>
-                              <div className={`flex items-center justify-between px-3 py-2 rounded-md text-sm ${activeSub ? 'bg-orange-50 text-orange-600' : 'text-gray-600 hover:text-orange-600 hover:bg-gray-50'}`}>
+                              <div className={`flex items-center justify-between px-3 py-2 rounded-md text-sm ${activeSub ? 'bg-orange-50 text-orange-800' : 'text-gray-600 hover:text-orange-600 hover:bg-gray-50'}`}>
                                 <Link 
                                   to={`/dashboard/admin?tab=${sub.tab}`}
                                   className="flex items-center space-x-2 flex-1"
diff --git a/src/index.css b/src/index.css
index 2e6824e..353ae80 100644
--- a/src/index.css
+++ b/src/index.css
@@ -6,56 +6,56 @@
 
 @layer base {
   :root {
-    --background: 255 255 255;
-    --foreground: 67 60 58;
-    --card: 255 255 255;
-    --card-foreground: 67 60 58;
-    --popover: 255 255 255;
-    --popover-foreground: 67 60 58;
-    --primary: 248 69 37;
-    --primary-foreground: 255 255 255;
-    --secondary: 240 244 248;
-    --secondary-foreground: 15 23 42;
-    --muted: 240 244 248;
-    --muted-foreground: 0 0 0;
-    --accent: 240 244 248;
-    --accent-foreground: 15 23 42;
-    --destructive: 239 68 68;
-    --destructive-foreground: 248 250 252;
-    --border: 226 232 240;
-    --input: 226 232 240;
-    --ring: 248 69 37;
+    --background: #ffffff;
+    --foreground: #433c3a;
+    --card: #ffffff;
+    --card-foreground: #433c3a;
+    --popover: #ffffff;
+    --popover-foreground: #433c3a;
+    --primary: #f84525;
+    --primary-foreground: #ffffff;
+    --secondary: #f0f4f8;
+    --secondary-foreground: #0f172a;
+    --muted: #f0f4f8;
+    --muted-foreground: #000000;
+    --accent: #f0f4f8;
+    --accent-foreground: #0f172a;
+    --destructive: #ef4444;
+    --destructive-foreground: #f8fafc;
+    --border: #e2e8f0;
+    --input: #e2e8f0;
+    --ring: #f84525;
     --radius: 0.5rem;
-    --primary-glow: 248 125 87;
-    --gradient-primary: linear-gradient(135deg, hsl(var(--primary)), hsl(var(--primary-glow)));
-    --shadow-elegant: 0 10px 30px -10px hsl(var(--primary) / 0.1);
+    --primary-glow: #f87d57;
+    --gradient-primary: linear-gradient(135deg, #f84525, #f87d57);
+    --shadow-elegant: 0 10px 30px -10px #f845251a;
     --transition-smooth: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
     --font-caveat: 'Caveat', cursive;
     --font-sans: "Wix Madefor Display", sans-serif;
   }
 
   .dark {
-    --background: 20 25 33;
-    --foreground: 212 212 213;
-    --card: 27 32 39;
-    --card-foreground: 212 212 213;
-    --popover: 27 32 39;
-    --popover-foreground: 212 212 213;
-    --primary: 248 69 37;
-    --primary-foreground: 255 255 255;
-    --secondary: 45 49 53;
-    --secondary-foreground: 212 212 213;
-    --muted: 45 49 53;
-    --muted-foreground: 145 152 158;
-    --accent: 45 49 53;
-    --accent-foreground: 212 212 213;
-    --destructive: 239 68 68;
-    --destructive-foreground: 248 250 252;
-    --border: 45 49 53;
-    --input: 45 49 53;
-    --ring: 248 69 37;
-    --gradient-primary: linear-gradient(135deg, hsl(var(--primary)), hsl(var(--primary-glow)));
-    --shadow-elegant: 0 10px 30px -10px hsl(var(--primary) / 0.2);
+    --background: #141921;
+    --foreground: #d4d4d5;
+    --card: #1b2027;
+    --card-foreground: #d4d4d5;
+    --popover: #1b2027;
+    --popover-foreground: #d4d4d5;
+    --primary: #f84525;
+    --primary-foreground: #ffffff;
+    --secondary: #2d3135;
+    --secondary-foreground: #d4d4d5;
+    --muted: #2d3135;
+    --muted-foreground: #91989e;
+    --accent: #2d3135;
+    --accent-foreground: #d4d4d5;
+    --destructive: #ef4444;
+    --destructive-foreground: #f8fafc;
+    --border: #2d3135;
+    --input: #2d3135;
+    --ring: #f84525;
+    --gradient-primary: linear-gradient(135deg, #f84525, #f87d57);
+    --shadow-elegant: 0 10px 30px -10px #f8452533;
   }
 }
 
diff --git a/vite.config.ts b/vite.config.ts
index 5081b66..268c891 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -9,12 +9,7 @@ export default defineConfig(({ mode }) => ({
   server: {
     host: "::",
     port: 8080,
-    // Ya no necesitas 'https: true' directamente aquí, el plugin lo gestiona
-    // Si tienes certificados personalizados, usarías:
-    // https: {
-    //   key: path.resolve(__dirname, './certs/localhost-key.pem'),
-    //   cert: path.resolve(__dirname, './certs/localhost.pem'),
-    // },
+   
   },
   plugins: [
     react(),