Update dashboard styles and branding to reflect HexaHost theme. Change primary colors, background gradients, and text styles across various components. Enhance layout and navigation elements for improved user experience.

dashboard/public/favicon.svg

@@ -0,0 +1,11 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64">
+  <defs>
+    <linearGradient id="g" x1="0%" y1="0%" x2="100%" y2="100%">
+      <stop offset="0%" stop-color="#ff51f9"/>
+      <stop offset="100%" stop-color="#a348ff"/>
+    </linearGradient>
+  </defs>
+  <polygon points="32,4 56,18 56,46 32,60 8,46 8,18" fill="url(#g)" stroke="#3978ff" stroke-width="2" stroke-linejoin="round"/>
+  <path d="M32 16 L45 48 H39.2 L36 39 H28 L24.8 48 H19 Z M27.2 35 H36.8 L32 23 Z" fill="#fff"/>
+  <rect x="26.5" y="34" width="11" height="2.5" rx="1" fill="#00cfff"/>
+</svg>

dashboard/public/logo.svg

@@ -0,0 +1,42 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128" role="img" aria-label="Axiom">
+  <defs>
+    <linearGradient id="axiomGrad" x1="0%" y1="0%" x2="100%" y2="100%">
+      <stop offset="0%" stop-color="#ff51f9"/>
+      <stop offset="55%" stop-color="#a348ff"/>
+      <stop offset="100%" stop-color="#3978ff"/>
+    </linearGradient>
+    <linearGradient id="axiomSheen" x1="0%" y1="0%" x2="0%" y2="100%">
+      <stop offset="0%" stop-color="#ffffff" stop-opacity="0.22"/>
+      <stop offset="45%" stop-color="#ffffff" stop-opacity="0"/>
+    </linearGradient>
+    <filter id="softGlow" x="-20%" y="-20%" width="140%" height="140%">
+      <feGaussianBlur stdDeviation="2.5" result="blur"/>
+      <feMerge>
+        <feMergeNode in="blur"/>
+        <feMergeNode in="SourceGraphic"/>
+      </feMerge>
+    </filter>
+  </defs>
+
+  <!-- Hexagon  HexaHost DNA -->
+  <polygon
+    points="64,8 112,36 112,92 64,120 16,92 16,36"
+    fill="url(#axiomGrad)"
+    stroke="#00cfff"
+    stroke-width="2.5"
+    stroke-linejoin="round"
+    filter="url(#softGlow)"
+  />
+  <polygon
+    points="64,8 112,36 112,92 64,120 16,92 16,36"
+    fill="url(#axiomSheen)"
+  />
+
+  <!-- Stylized A for Axiom -->
+  <path
+    d="M64 34 L88 94 H77.2 L71.4 78 H56.6 L50.8 94 H40 Z M59.2 70 H68.8 L64 56 Z"
+    fill="#ffffff"
+  />
+  <!-- Crossbar accent in neon -->
+  <rect x="54" y="68" width="20" height="4.5" rx="1.5" fill="#00cfff"/>
+</svg>