Updates to pull in analytics.

theme/partials/dashboard.scss

@@ -1,8 +1,8 @@
 #dashboard {
   .dashboard-container {
-    max-width: 800px;
+    max-width: 1200px;
     margin: auto;
-    padding-bottom: 100px;
+    padding: 0 24px 100px;
   }
 
   h1.page-title {
@@ -15,11 +15,71 @@
     justify-content: flex-start;
     list-style: none;
     padding: 0;
-
     li {
       display: flex;
       align-items: center;
       gap: 1rem;
     }
-  } 
+  }
+
+  #pageviews {
+    margin-top: 2rem;
+
+    h2 {
+      margin-bottom: 1rem;
+      color: var(--color-text-primary);
+      font-weight: var(--font-weight-bold);
+    }
+
+    .table-wrapper {
+      overflow-x: auto;
+      border-radius: 8px;
+      border: 1px solid var(--color-light-gray);
+    }
+
+    table.data-table {
+      width: 100%;
+      border-collapse: collapse;
+      font-size: var(--font-size-small);
+      white-space: nowrap;
+
+      thead tr {
+        background: var(--color-primary);
+        color: var(--color-soft-cream);
+
+        th {
+          padding: 0.75rem 1rem;
+          text-align: left;
+          font-weight: var(--font-weight-bold);
+        }
+      }
+
+      tbody {
+        tr {
+          border-bottom: 1px solid var(--color-light-gray);
+          transition: background 0.15s ease;
+
+          &:nth-child(even) {
+            background: var(--color-light-gray);
+          }
+
+          &:nth-child(odd) {
+            background: var(--color-soft-cream);
+          }
+
+          &:hover {
+            background: var(--color-surface);
+          }
+
+          td {
+            padding: 0.65rem 1rem;
+            color: var(--color-text-primary);
+            max-width: 200px;
+            overflow: hidden;
+            text-overflow: ellipsis;
+          }
+        }
+      }
+    }
+  }
 }