From 85c59862c8796ee35bbe57b6892a6dc9751adea1 Mon Sep 17 00:00:00 2001
From: subhajit <subhajit.pal@sentientgeeks.com>
Date: Tue, 14 Jul 2026 16:24:43 +0530
Subject: [PATCH] change desing

---
 resources/views/dashboard.blade.php | 66 ++++++++++++-----------------
 1 file changed, 26 insertions(+), 40 deletions(-)

diff --git a/resources/views/dashboard.blade.php b/resources/views/dashboard.blade.php
index b2ebd2e..a4ea4e7 100644
--- a/resources/views/dashboard.blade.php
+++ b/resources/views/dashboard.blade.php
@@ -31,6 +31,11 @@
         body {
             font-family: 'Inter', sans-serif;
             background-color: var(--bg-color);
+            background-image: 
+                radial-gradient(circle at 85% 15%, rgba(99, 102, 241, 0.15) 0%, transparent 45%),
+                radial-gradient(circle at 15% 85%, rgba(6, 182, 212, 0.12) 0%, transparent 45%),
+                radial-gradient(circle at 50% 50%, rgba(99, 102, 241, 0.07) 0%, transparent 50%);
+            background-attachment: fixed;
             color: var(--text-main);
             min-height: 100vh;
             display: flex;
@@ -39,45 +44,20 @@
             position: relative;
         }
 
-        /* Glowing background circles */
-        body::before {
-            content: '';
-            position: absolute;
-            width: 500px;
-            height: 500px;
-            border-radius: 50%;
-            background: radial-gradient(circle, rgba(79, 70, 229, 0.12) 0%, rgba(0, 0, 0, 0) 70%);
-            top: -200px;
-            right: -100px;
-            z-index: -1;
-        }
-
-        body::after {
-            content: '';
-            position: absolute;
-            width: 400px;
-            height: 400px;
-            border-radius: 50%;
-            background: radial-gradient(circle, rgba(6, 182, 212, 0.12) 0%, rgba(0, 0, 0, 0) 70%);
-            bottom: -100px;
-            left: -100px;
-            z-index: -1;
-        }
-
         /* Top Profile-Integrated Navigation Bar */
         .navbar {
             display: flex;
             align-items: center;
             justify-content: space-between;
             padding: 12px 5%;
-            background: rgba(17, 24, 39, 0.45);
-            border-bottom: 1px solid var(--card-border);
-            backdrop-filter: blur(16px);
-            -webkit-backdrop-filter: blur(16px);
+            background: rgba(10, 15, 26, 0.35); /* Translucent glass dark */
+            border-bottom: 1px solid rgba(255, 255, 255, 0.05); /* Very fine glass border */
+            backdrop-filter: blur(20px);
+            -webkit-backdrop-filter: blur(20px);
             z-index: 100;
             position: sticky;
             top: 0;
-            box-shadow: 0 4px 30px rgba(0, 0, 0, 0.15);
+            box-shadow: 0 4px 30px rgba(0, 0, 0, 0.25);
         }
 
         .nav-profile {
@@ -190,17 +170,19 @@
         }
 
         .nav-action-btn.logout {
-            color: #ffffff;
-            background: #ef4444;
-            border: 1.5px solid #ef4444;
-            box-shadow: 0 0 12px rgba(239, 68, 68, 0.2);
+            color: #f87171; /* Translucent glass red text */
+            background: rgba(239, 68, 68, 0.06); /* Translucent red glass background */
+            border: 1.5px solid rgba(239, 68, 68, 0.25); /* Translucent red glass border */
+            backdrop-filter: blur(8px);
+            -webkit-backdrop-filter: blur(8px);
+            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15), 0 0 10px rgba(239, 68, 68, 0.05);
         }
 
         .nav-action-btn.logout:hover {
             color: #ffffff;
-            background: #dc2626;
-            border-color: #dc2626;
-            box-shadow: 0 0 18px rgba(239, 68, 68, 0.45);
+            background: #ef4444; /* Solid red background on hover */
+            border-color: #ef4444;
+            box-shadow: 0 0 20px rgba(239, 68, 68, 0.45);
             transform: translateY(-1px);
         }
 
@@ -260,7 +242,7 @@
             text-decoration: none;
         }
 
-        /* Prioritized Service Logo/Icon Wrapper - 90px x 90px with defined border */
+        /* Prioritized Service Logo/Icon Wrapper - 90px x 90px with defined border & glassmorphism */
         .service-logo-wrapper {
             width: 90px;
             height: 90px;
@@ -268,9 +250,13 @@
             display: flex;
             align-items: center;
             justify-content: center;
-            background: rgba(17, 24, 39, 0.4); /* Dark semitransparent background */
+            background: rgba(15, 23, 42, 0.45); /* Dark semitransparent background */
             border: 1.5px solid rgba(255, 255, 255, 0.08); /* Distinct visible border */
-            box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
+            backdrop-filter: blur(12px); /* Frosted glass effect */
+            -webkit-backdrop-filter: blur(12px);
+            box-shadow: 
+                0 4px 12px rgba(0, 0, 0, 0.25),
+                inset 0 1px 1px rgba(255, 255, 255, 0.05);
             margin-bottom: 12px;
             transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
             color: var(--service-color);