Add store items pagination and fix modal backdrop blur across dashboards.

Co-authored-by: Cursor <cursoragent@cursor.com>

packages/dashboard-core/src/styles/tokens.css

@@ -24,6 +24,8 @@
   --glass-border: rgba(255, 255, 255, 0.7);
   --glass-shadow: 0 8px 32px rgba(31, 38, 135, 0.08);
   --blur-glass: 28px;
+  --modal-overlay-bg: rgba(15, 23, 42, 0.4);
+  --modal-overlay-blur: 12px;
   --text-primary: #1e293b;
   --text-secondary: #64748b;
   --text-muted: #94a3b8;

packages/dashboard-ui/src/components/PasswordResetModal.module.css

@@ -1,9 +1,8 @@
 .overlay {
   position: fixed;
   inset: 0;
-  background: rgba(15, 23, 42, 0.25);
-  backdrop-filter: blur(8px);
-  -webkit-backdrop-filter: blur(8px);
+  isolation: isolate;
+  background: transparent;
   display: flex;
   align-items: center;
   justify-content: center;
@@ -11,6 +10,19 @@
   padding: 20px;
 }
 
+/* Tint + blur on ::before so opacity animations on .overlay cannot disable backdrop-filter. */
+.overlay::before {
+  content: '';
+  position: absolute;
+  inset: 0;
+  z-index: -1;
+  pointer-events: none;
+  background: var(--modal-overlay-bg);
+  backdrop-filter: blur(var(--modal-overlay-blur));
+  -webkit-backdrop-filter: blur(var(--modal-overlay-blur));
+}
+
+
 .modal {
   position: relative;
   width: 100%;
@@ -245,13 +257,8 @@
   color: var(--primary);
 }
 
-.overlayIn { animation: overlayFadeIn 0.22s ease forwards; }
-.overlayOut { animation: overlayFadeOut 0.22s ease forwards; }
 .modalIn { animation: modalFadeIn 0.25s ease forwards; }
 .modalOut { animation: modalFadeOut 0.22s ease forwards; }
-
-@keyframes overlayFadeIn { from { opacity: 0; } to { opacity: 1; } }
-@keyframes overlayFadeOut { from { opacity: 1; } to { opacity: 0; } }
 @keyframes modalFadeIn {
   from { opacity: 0; transform: translateY(12px) scale(0.98); }
   to { opacity: 1; transform: translateY(0) scale(1); }