diff --git a/client/src/App.tsx b/client/src/App.tsx
index 0f7004e..3972b9d 100644
--- a/client/src/App.tsx
+++ b/client/src/App.tsx
@@ -44,6 +44,7 @@ export default function App() {
               <ProtectedRoute path="/settings" component={SettingsPage} />
               <ProtectedRoute path="/user-management" component={UserManagementPage} />
               <ProtectedRoute path="/sites" component={SitesPage} />
+              <ProtectedRoute path="/reporting/dashboards" component={DashboardPage} />
               <Route>
                 <NotFound />
               </Route>
diff --git a/client/src/layouts/dashboard-layout.tsx b/client/src/layouts/dashboard-layout.tsx
index d829315..b4e595b 100644
--- a/client/src/layouts/dashboard-layout.tsx
+++ b/client/src/layouts/dashboard-layout.tsx
@@ -31,6 +31,8 @@ import {
   Filter,
   ClipboardList,
   Building2,
+  BarChart3,
+  LineChart,
 } from "lucide-react";
 import { useMobile } from "@/hooks/use-mobile";
 import { useToast } from "@/hooks/use-toast";
@@ -60,6 +62,12 @@ const menuSections: MenuSection[] = [
       { title: "Sites & Subnets", path: "/sites", icon: <Building2 className="h-4 w-4" /> },
     ],
   },
+  {
+    title: "Reporting",
+    items: [
+      { title: "Custom Dashboards", path: "/reporting/dashboards", icon: <BarChart3 className="h-4 w-4" /> },
+    ],
+  },
   {
     title: "Administration",
     items: [
diff --git a/client/src/pages/dashboard-page.tsx b/client/src/pages/dashboard-page.tsx
index de63b4d..5c78c1f 100644
--- a/client/src/pages/dashboard-page.tsx
+++ b/client/src/pages/dashboard-page.tsx
@@ -378,35 +378,15 @@ export default function DashboardPage() {
     <div className="container mx-auto py-6">
       <div className="flex justify-between items-center mb-6">
         <div className="flex items-center gap-4">
-          <div className="flex space-x-2">
-            <Button 
-              variant="outline" 
-              size="sm" 
-              onClick={() => setLocation("/users")}
-              className="text-xs"
-            >
-              <ArrowLeft className="h-3 w-3 mr-1" />
-              Users
-            </Button>
-            <Button 
-              variant="outline" 
-              size="sm" 
-              onClick={() => setLocation("/groups")}
-              className="text-xs"
-            >
-              <ArrowLeft className="h-3 w-3 mr-1" />
-              Groups
-            </Button>
-            <Button 
-              variant="outline" 
-              size="sm" 
-              onClick={() => setLocation("/computers")}
-              className="text-xs"
-            >
-              <ArrowLeft className="h-3 w-3 mr-1" />
-              Computers
-            </Button>
-          </div>
+          <Button 
+            variant="outline" 
+            size="sm" 
+            onClick={() => window.history.back()}
+            className="mr-2"
+          >
+            <ArrowLeft className="h-4 w-4 mr-2" />
+            Back
+          </Button>
           <h1 className="text-3xl font-bold">Dashboards</h1>
         </div>
         <div className="flex gap-2">