SearchView: Removed the dynamic collection-tile grid (e.g. "پرفروش‌های این هفته") and the "نتایج / N محصول" section header from the UI. Underlying data/filtering logic untouched.

DashboardView ("میز کار"): Rebuilt from scratch with a new structure, distinct from the old card+grid layout but visually aligned with HomeView (same blurred bar, @ink/@wine palette, staged reveal animation on mount):

Single hero card (ink→wine gradient) showing balance, gold/fiat debt, and identity — no quick-action icons inside it anymore.

Live gold rate folded into a slim inline row at the bottom instead of a titled section.
Iterated shadow/spacing on the hero card per feedback (softer, less clipped).
DialogVant / DialogVantOneButton (shared modal components, used in 7+ call sites: Dashboard, Cart, SingleProduct, Register, App): Replaced Vant's default dialog chrome with the app's own rounded-card language — circular icon badge for the illustration, pill-shaped primary/secondary buttons. No call-site markup changed.

LoginView: Rebuilt from scratch — full-bleed dark hero (brand + step copy) overlapped by a floating white form sheet, animated crossfade transition between the mobile-number and OTP steps, same staged entrance animation as Home/Dashboard. All auth logic (API check, OTP stub, session login) unchanged.

apps/user-app/src/components/product/SingleProduct.vue

@@ -148,12 +148,12 @@
           </button>
         </section>
 
-        <!-- Trust -->
+        <!-- Trust
         <div class="pd__trust">
           <span><Icon icon="vuesax-linear:shield-tick" size="16" /> خرید امن</span>
           <span><Icon icon="vuesax-linear:verify" size="16" /> اصالت کالا</span>
         </div>
-      </div>
+      </div> -->
 
       <!-- Action bar -->
       <div class="pd__bar">

apps/user-app/src/views/search/SearchView.vue

@@ -69,7 +69,7 @@
         <template #success><span /></template>
       <container class="search__body">
         <div v-if="availableCollections.length" class="search__collections">
-          <button
+          <button 
             v-for="item in availableCollections"
             :key="item.id"
             type="button"

apps/user-app/vite.config.ts

@@ -1,9 +1,18 @@
-import { defineConfig } from 'vite';
+import { fileURLToPath, URL } from 'node:url';
+import { defineConfig, loadEnv } from 'vite';
 import vue from '@vitejs/plugin-vue';
 import { VitePWA } from 'vite-plugin-pwa';
 import { $themeLessVars } from './themeConfig/themeConfig';
 
+// Ports are defined once in the repo-root .env (USER_APP_PORT / API_PORT) —
+// see that file's comment block.
+const rootDir = fileURLToPath(new URL('../..', import.meta.url));
+const rootEnv = loadEnv('development', rootDir, '');
+const port = Number(rootEnv.USER_APP_PORT ?? 5181);
+const apiPort = Number(rootEnv.API_PORT ?? 3000);
+
 export default defineConfig({
+  envDir: rootDir,
   plugins: [
     vue(),
     // Ported from legacy vite.config.ts:18-52. Same injectManifest strategy,
@@ -34,10 +43,13 @@ export default defineConfig({
   ],
   server: {
     host: '0.0.0.0',
-    port: 5176,
+    port,
+    // Never silently fall back to another port — fail loudly instead so a
+    // stuck dev server is obvious rather than moving to a random port.
+    strictPort: true,
     proxy: {
-      '/api': 'http://localhost:3000',
-      '/uploads': 'http://localhost:3000',
+      '/api': `http://localhost:${apiPort}`,
+      '/uploads': `http://localhost:${apiPort}`,
     },
   },
   css: {