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/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>