feat: implement custom Citrus design stylesheet for admin dashboard layout and component styling

resources/views/admin/inc/citrus-design.blade.php

@@ -5,7 +5,7 @@
 <style>
     /* Global Reset and Font */
     :root {
-        --citrus-primary: #3b82f6;
+        --citrus-primary: #1e3b69ff;
         --citrus-sidebar: #1a233a;
         --citrus-sidebar-hover: rgba(255, 255, 255, 0.05);
         --citrus-body: #f4f7fe;
@@ -24,6 +24,14 @@
         box-shadow: none !important;
     }
 
+    .content {
+        margin: 0 auto;
+        padding: 0px;
+        margin-left: 10px !important
+    }
+
+
+
     .sidebar-content {
         background-color: var(--citrus-sidebar) !important;
     }
@@ -193,10 +201,14 @@
     #page-header .btn-dual-secondary {
         background: transparent !important;
         border: none !important;
-        width: 36px !important;
+        min-width: 36px !important;
         height: 36px !important;
+        padding: 0 10px !important;
         border-radius: 8px !important;
         color: #475569 !important;
+        display: inline-flex !important;
+        align-items: center !important;
+        justify-content: center !important;
     }
 
 
@@ -226,6 +238,7 @@
     .content-header-section {
         display: flex !important;
         align-items: center !important;
+        gap: 8px !important;
     }
 
 
@@ -235,7 +248,7 @@
     }
 
     .content-ajax {
-        padding: 15px !important;
+        padding: 0px !important;
         /* Reduced from 25px */
         margin-top: 50px !important;
         /* Match header height */