staff chnages and customer chnages

resources/views/admin/staff/create.blade.php

@@ -4,7 +4,47 @@
 
 @section('content')
 <style>
-    
+
+    /* Hide scrollbar but keep scroll functionality */
+    html,
+    body {
+        overflow-x: hidden !important;
+        width: 100%;
+        max-width: 100%;
+    }
+
+    *,
+    *::before,
+    *::after {
+        box-sizing: border-box;
+    }
+
+        html, body {
+            scrollbar-width: none;          /* Firefox */
+            -ms-overflow-style: none;       /* IE & Edge */
+        }
+
+        html::-webkit-scrollbar,
+        body::-webkit-scrollbar {
+            display: none;                  /* Chrome, Safari */
+        }
+
+        /* GLOBAL scrollbar hide – keeps scrolling */
+        html,
+        body,
+        .staff-add-container,
+        .staff-add-card {
+            scrollbar-width: none;          /* Firefox */
+            -ms-overflow-style: none;       /* IE / Edge */
+        }
+
+        html::-webkit-scrollbar,
+        body::-webkit-scrollbar,
+        .staff-add-container::-webkit-scrollbar,
+        .staff-add-card::-webkit-scrollbar {
+            display: none;                  /* Chrome / Safari */
+        }
+
     :root {
         --primary-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
         --secondary-gradient: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
@@ -15,11 +55,16 @@
     }
 
     body {
-        background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
-        min-height: 100vh;
-        padding: 20px;
-        font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
-    }
+        
+    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+    min-height: 100vh;
+    margin: 0;
+    padding: clamp(12px, 2vw, 30px);
+    box-sizing: border-box;
+    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
+      overflow-x: hidden;   /* hide horizontal only */
+    overflow-y: auto; 
+}
 
     /* Main Container - FLUID LIKE SHIPMENT PAGE */
     .staff-add-container {
@@ -29,16 +74,7 @@
 
     /* Decorative Elements */
     .decorative-circle {
-        position: absolute;
-        width: 300px;
-        height: 300px;
-        border-radius: 50%;
-        background: var(--secondary-gradient);
-        opacity: 0.05;
-        filter: blur(40px);
-        z-index: 0;
-        top: -100px;
-        right: -100px;
+       display: none;
     }
 
     /* Main Card - FLUID BEHAVIOR */
@@ -950,6 +986,23 @@
             font-size: 0.75rem;
         }
     }
+    .header-flex {
+    display: flex;
+    align-items: center;
+    gap: 20px;
+    text-align: left; /* override center */
+}
+
+.header-icon {
+    flex-shrink: 0;
+    font-size: 48px;
+}
+
+.header-text {
+    display: flex;
+    flex-direction: column;
+}
+
 </style>
 
 <div class="staff-add-container">
@@ -960,13 +1013,18 @@
     <div class="staff-add-card">
         <!-- Header -->
         <div class="staff-add-header">
-            <div class="header-content">
-                <div class="header-icon">👨‍💼</div>
+            <div class="header-content header-flex">
+            <div class="header-icon">👨‍💼</div>
+            <div class="header-text">
                 <h1 class="header-title">Add New Staff Member</h1>
-                <p class="header-subtitle">Complete all the steps below to add a new staff member to your team</p>
+                <p class="header-subtitle">
+                    Complete all the steps below to add a new staff member to your team
+                </p>
             </div>
         </div>
 
+        </div>
+
         <!-- Progress Steps -->
         <div class="progress-steps">
             <div class="step active" data-step="1">