diff --git a/apps/admin/package.json b/apps/admin/package.json
index 9a14f7c..9f52aab 100644
--- a/apps/admin/package.json
+++ b/apps/admin/package.json
@@ -15,10 +15,12 @@
     "@types/papaparse": "^5.5.2",
     "@uiw/react-md-editor": "^4.1.1",
     "d3-geo": "^3.1.1",
+    "i18next": "^26.0.4",
     "lucide-react": "^1.7.0",
     "papaparse": "^5.5.3",
     "react": "^19.2.4",
     "react-dom": "^19.2.4",
+    "react-i18next": "^17.0.2",
     "react-quill-new": "^3.8.3",
     "react-router-dom": "^7.14.0",
     "recharts": "^3.8.1",
diff --git a/apps/admin/src/components/AdminLayout.tsx b/apps/admin/src/components/AdminLayout.tsx
index 036eef3..12c926a 100644
--- a/apps/admin/src/components/AdminLayout.tsx
+++ b/apps/admin/src/components/AdminLayout.tsx
@@ -1,6 +1,7 @@
 import { useState } from 'react'
 import { Outlet } from 'react-router-dom'
 import Sidebar from './Sidebar'
+import LanguageSelector from './LanguageSelector'
 
 export default function AdminLayout() {
   const [isCollapsed, setIsCollapsed] = useState(false)
@@ -8,11 +9,28 @@ export default function AdminLayout() {
   return (
     <div className="flex min-h-screen bg-night-950">
       <Sidebar isCollapsed={isCollapsed} onToggle={() => setIsCollapsed(!isCollapsed)} />
-      <main className={`flex-1 p-10 transition-all duration-300 ${isCollapsed ? 'ml-20' : 'ml-72'}`}>
-        <div className="w-full max-w-[1600px] mx-auto space-y-10">
-          <Outlet />
-        </div>
-      </main>
+      <div className={`flex-1 flex flex-col min-w-0 transition-all duration-300 ${isCollapsed ? 'ml-20' : 'ml-72'}`}>
+        {/* Top Header Bar */}
+        <header className="sticky top-0 z-40 h-16 border-b border-white/5 bg-night-950/80 backdrop-blur-xl px-8 flex items-center justify-between">
+          <div className="flex items-center gap-3">
+            <div className="flex items-center gap-2">
+              <span className="w-2 h-2 rounded-full bg-emerald-400 animate-pulse" />
+              <span className="text-xs text-slate-400 font-medium hidden sm:inline">HomAroma Control Center</span>
+            </div>
+          </div>
+          
+          <div className="flex items-center gap-4">
+            <LanguageSelector />
+          </div>
+        </header>
+
+        {/* Main Content Area */}
+        <main className="flex-1 p-8 lg:p-10">
+          <div className="w-full max-w-[1600px] mx-auto space-y-10">
+            <Outlet />
+          </div>
+        </main>
+      </div>
     </div>
   )
 }
diff --git a/apps/admin/src/components/ContentLanguageTabs.tsx b/apps/admin/src/components/ContentLanguageTabs.tsx
new file mode 100644
index 0000000..782acd4
--- /dev/null
+++ b/apps/admin/src/components/ContentLanguageTabs.tsx
@@ -0,0 +1,96 @@
+import { Copy } from 'lucide-react'
+
+export interface LanguageOption {
+  code: string
+  label: string
+  flag: string
+  nativeName: string
+}
+
+export const DEFAULT_CONTENT_LANGUAGES: LanguageOption[] = [
+  { code: 'th', label: 'TH', nativeName: 'ภาษาไทย', flag: '🇹🇭' },
+  { code: 'en', label: 'EN', nativeName: 'English', flag: '🇬🇧' },
+  { code: 'ja', label: 'JA', nativeName: '日本語', flag: '🇯🇵' },
+  { code: 'zh', label: 'ZH', nativeName: '简体中文', flag: '🇨🇳' },
+]
+
+interface ContentLanguageTabsProps {
+  activeLang: string
+  onSelectLang: (lang: string) => void
+  translationsMap?: Record<string, any>
+  onCopyFrom?: (fromLang: string) => void
+  languages?: LanguageOption[]
+  className?: string
+}
+
+export default function ContentLanguageTabs({
+  activeLang,
+  onSelectLang,
+  translationsMap = {},
+  onCopyFrom,
+  languages = DEFAULT_CONTENT_LANGUAGES,
+  className = '',
+}: ContentLanguageTabsProps) {
+  return (
+    <div className={`flex flex-wrap items-center justify-between gap-3 p-2 bg-night-900/60 backdrop-blur-md rounded-2xl border border-white/10 ${className}`}>
+      {/* Language Tabs */}
+      <div className="flex flex-wrap items-center gap-1.5">
+        {languages.map((lang) => {
+          const isActive = activeLang === lang.code
+          const rawVal = translationsMap[lang.code]
+          const isTranslated =
+            rawVal !== undefined &&
+            rawVal !== null &&
+            (typeof rawVal === 'string' ? rawVal.trim().length > 0 : Object.keys(rawVal).length > 0)
+
+          return (
+            <button
+              key={lang.code}
+              type="button"
+              onClick={() => onSelectLang(lang.code)}
+              className={`flex items-center gap-2 px-3.5 py-2 rounded-xl text-xs font-semibold transition-all cursor-pointer ${
+                isActive
+                  ? 'bg-cyan-500 text-night-950 shadow-lg shadow-cyan-500/25 scale-[1.02]'
+                  : 'bg-white/5 hover:bg-white/10 text-slate-300 hover:text-white border border-white/5'
+              }`}
+            >
+              <span className="text-sm">{lang.flag}</span>
+              <span>{lang.nativeName}</span>
+              <span className={`text-[10px] px-1.5 py-0.5 rounded-md font-bold uppercase ${
+                isActive ? 'bg-night-950/20 text-night-950' : 'bg-white/10 text-slate-400'
+              }`}>
+                {lang.label}
+              </span>
+
+              {/* Status Indicator */}
+              {isTranslated && (
+                <span className={`w-2 h-2 rounded-full ${isActive ? 'bg-night-950' : 'bg-emerald-400'}`} title="Translated" />
+              )}
+            </button>
+          )
+        })}
+      </div>
+
+      {/* Quick Action: Copy from other lang */}
+      {onCopyFrom && (
+        <div className="flex items-center gap-1.5 text-xs text-slate-400">
+          <Copy className="w-3.5 h-3.5 text-slate-500" />
+          <span className="text-[11px]">Copy from:</span>
+          {languages
+            .filter((l) => l.code !== activeLang)
+            .map((lang) => (
+              <button
+                key={lang.code}
+                type="button"
+                onClick={() => onCopyFrom(lang.code)}
+                className="px-2 py-1 rounded-lg bg-white/5 hover:bg-white/10 text-slate-300 text-[11px] font-medium border border-white/5 transition-all cursor-pointer"
+                title={`Copy data from ${lang.nativeName}`}
+              >
+                {lang.flag} {lang.label}
+              </button>
+            ))}
+        </div>
+      )}
+    </div>
+  )
+}
diff --git a/apps/admin/src/components/LanguageSelector.tsx b/apps/admin/src/components/LanguageSelector.tsx
new file mode 100644
index 0000000..f6eb86c
--- /dev/null
+++ b/apps/admin/src/components/LanguageSelector.tsx
@@ -0,0 +1,117 @@
+import { useState, useRef, useEffect } from 'react'
+import { useTranslation } from 'react-i18next'
+import { Globe, ChevronDown, Check } from 'lucide-react'
+import { SUPPORTED_LANGUAGES, type SupportedLanguageCode } from '../i18n'
+
+interface LanguageSelectorProps {
+  isCompact?: boolean
+  className?: string
+}
+
+export default function LanguageSelector({ isCompact = false, className = '' }: LanguageSelectorProps) {
+  const { i18n } = useTranslation()
+  const [isOpen, setIsOpen] = useState(false)
+  const dropdownRef = useRef<HTMLDivElement>(null)
+
+  const currentLang = SUPPORTED_LANGUAGES.find((l) => l.code === i18n.language) || SUPPORTED_LANGUAGES[0]
+
+  useEffect(() => {
+    function handleClickOutside(event: MouseEvent) {
+      if (dropdownRef.current && !dropdownRef.current.contains(event.target as Node)) {
+        setIsOpen(false)
+      }
+    }
+    document.addEventListener('mousedown', handleClickOutside)
+    return () => document.removeEventListener('mousedown', handleClickOutside)
+  }, [])
+
+  const handleSelectLanguage = (code: SupportedLanguageCode) => {
+    i18n.changeLanguage(code)
+    localStorage.setItem('admin_lang', code)
+    setIsOpen(false)
+  }
+
+  if (isCompact) {
+    return (
+      <div className={`relative ${className}`} ref={dropdownRef}>
+        <button
+          type="button"
+          onClick={() => setIsOpen(!isOpen)}
+          title={`Language: ${currentLang.label}`}
+          className="w-10 h-10 rounded-xl bg-white/5 hover:bg-white/10 border border-white/10 flex items-center justify-center text-sm transition-all cursor-pointer"
+        >
+          <span>{currentLang.flag}</span>
+        </button>
+
+        {isOpen && (
+          <div className="absolute left-full bottom-0 ml-2 w-44 rounded-xl bg-night-900 border border-white/10 shadow-2xl p-1.5 z-50 animate-in fade-in zoom-in-95 duration-150">
+            <div className="text-[10px] uppercase font-semibold text-slate-400 px-2 py-1 tracking-wider">
+              Select Language
+            </div>
+            {SUPPORTED_LANGUAGES.map((lang) => {
+              const isSelected = i18n.language === lang.code
+              return (
+                <button
+                  key={lang.code}
+                  type="button"
+                  onClick={() => handleSelectLanguage(lang.code)}
+                  className={`w-full flex items-center gap-2.5 px-2.5 py-2 rounded-lg text-xs font-medium transition-all text-left cursor-pointer ${
+                    isSelected
+                      ? 'bg-cyan-500/20 text-cyan-400 border border-cyan-500/30 font-semibold'
+                      : 'text-slate-300 hover:bg-white/5 hover:text-white'
+                  }`}
+                >
+                  <span className="text-base">{lang.flag}</span>
+                  <span className="flex-1">{lang.label}</span>
+                  {isSelected && <Check className="w-3.5 h-3.5 text-cyan-400" />}
+                </button>
+              )
+            })}
+          </div>
+        )}
+      </div>
+    )
+  }
+
+  return (
+    <div className={`relative ${className}`} ref={dropdownRef}>
+      <button
+        type="button"
+        onClick={() => setIsOpen(!isOpen)}
+        className="flex items-center gap-2 px-3 py-2 rounded-xl bg-white/5 hover:bg-white/10 border border-white/10 text-xs font-medium text-slate-200 transition-all cursor-pointer"
+      >
+        <Globe className="w-3.5 h-3.5 text-slate-400" />
+        <span className="text-sm">{currentLang.flag}</span>
+        <span className="font-medium text-slate-200">{currentLang.label}</span>
+        <ChevronDown className={`w-3.5 h-3.5 text-slate-400 transition-transform duration-200 ${isOpen ? 'rotate-180' : ''}`} />
+      </button>
+
+      {isOpen && (
+        <div className="absolute right-0 top-full mt-2 w-48 rounded-xl bg-night-900 border border-white/10 shadow-2xl p-1.5 z-50 animate-in fade-in zoom-in-95 duration-150">
+          <div className="text-[10px] uppercase font-semibold text-slate-400 px-2 py-1 tracking-wider">
+            Language / ภาษา
+          </div>
+          {SUPPORTED_LANGUAGES.map((lang) => {
+            const isSelected = i18n.language === lang.code
+            return (
+              <button
+                key={lang.code}
+                type="button"
+                onClick={() => handleSelectLanguage(lang.code)}
+                className={`w-full flex items-center gap-2.5 px-3 py-2 rounded-lg text-xs font-medium transition-all text-left cursor-pointer ${
+                  isSelected
+                    ? 'bg-cyan-500/20 text-cyan-400 border border-cyan-500/30 font-semibold'
+                    : 'text-slate-300 hover:bg-white/5 hover:text-white'
+                }`}
+              >
+                <span className="text-base">{lang.flag}</span>
+                <span className="flex-1">{lang.label}</span>
+                {isSelected && <Check className="w-3.5 h-3.5 text-cyan-400" />}
+              </button>
+            )
+          })}
+        </div>
+      )}
+    </div>
+  )
+}
diff --git a/apps/admin/src/components/Sidebar.tsx b/apps/admin/src/components/Sidebar.tsx
index 3ebeda0..b7d493a 100644
--- a/apps/admin/src/components/Sidebar.tsx
+++ b/apps/admin/src/components/Sidebar.tsx
@@ -1,5 +1,6 @@
 import { useState } from 'react'
 import { NavLink, useNavigate, useLocation } from 'react-router-dom'
+import { useTranslation } from 'react-i18next'
 import { 
   LayoutDashboard, 
   Package, 
@@ -36,105 +37,16 @@ import {
   Map,
 } from 'lucide-react'
 
-const MAIN_MENU = [
-  { icon: LayoutDashboard, label: 'Dashboard', to: '/' },
-]
-
-const PRODUCT_MENU = [
-  { icon: Tags, label: 'Categories', to: '/categories' },
-  { icon: Package, label: 'Products', to: '/products' },
-  { icon: Ruler, label: 'Product Attributes', to: '/product-attributes' },
-  { icon: PackageOpen, label: 'Raw Materials', to: '/raw-materials' },
-]
-
-const SALES_MENU = [
-  { icon: ShoppingCart, label: 'Orders', to: '/orders' },
-  { icon: Ticket, label: 'Promotions', to: '/promotions' },
-  { icon: Ticket, label: 'Coupons', to: '/coupons' },
-  { icon: Globe2, label: 'All Analytics', to: '/global-analytics' },
-]
-
-const BUSINESS_ANALYTICS_MENU = [
-  { icon: Globe2, label: 'Omnichannel Sales Map', to: '/business-analytics/sales-map' },
-  { icon: Package, label: 'Product Sales Map', to: '/business-analytics/sales-map-products' },
-]
-
-const TOOL_MENU = [
-  { icon: Package, label: 'Marketplace Products', to: '/tools/marketplace-products' },
-]
-
-const TIKTOK_MENU = [
-  { icon: ShoppingCart, label: 'TikTok Orders', to: '/tiktok-order' },
-  { icon: Map, label: 'Thailand Sales Map', to: '/tiktok-sales-map' },
-  { icon: BarChart3, label: 'TikTok Analytics', to: '/tiktok-analytics' },
-  { icon: Layers, label: 'TikTok ทุกร้าน', to: '/tiktok-overview' },
-  { icon: Calculator, label: 'TikTok Price Simulator', to: '/tiktok-price-simulator' },
-  { icon: Info, label: 'TikTok Shop Case', to: '/tiktok-shop-case' },
-]
-
-const TIKTOK_LEGACY_MENU = [
-  { icon: TrendingUp, label: 'TikTok Report Import', to: '/tiktok' },
-  { icon: TrendingUp, label: 'Product SKU Analysis', to: '/tiktok-analysis' },
-]
-
-const SHOPEE_MENU = [
-  { icon: ShoppingBag, label: 'Shopee (Hom Aroma)', to: '/shopee' },
-  { icon: Map, label: 'Thailand Sales Map', to: '/shopee-sales-map' },
-  { icon: BarChart3, label: 'Shopee Analytics', to: '/shopee-analytics' },
-  { icon: Layers, label: 'Shopee ทุกร้าน', to: '/shopee-overview' },
-  { icon: Info, label: 'Shopee Shop Case', to: '/shopee-shop-case' },
-]
-
-const LAZADA_MENU = [
-  { icon: ShoppingCart, label: 'Lazada Orders', to: '/lazada-order' },
-  { icon: BarChart3, label: 'Lazada Analytics', to: '/lazada-analytics' },
-  { icon: Layers, label: 'Lazada ทุกร้าน', to: '/lazada-overview' },
-]
-
-const CMS_MENU = [
-  { icon: Layers, label: 'Page Builder (CMS)', to: '/page-builder' },
-  { icon: Sparkles, label: 'CMS Block Showcase', to: '/cms-mockup' },
-  { icon: ImageIcon, label: 'Media Library', to: '/media' },
-  { icon: BookOpen, label: 'Scent Guide', to: '/articles' },
-]
-
-const CUSTOMER_MENU = [
-  { icon: Users, label: 'LINE Customers', to: '/customers' },
-  { icon: Users, label: 'Subscribers', to: '/subscribers' },
-  { icon: MessageSquare, label: 'Contact Messages', to: '/contacts' },
-]
-
-const MENU_MANAGER_MENU = [
-  { icon: Layers, label: 'Main Navigation', to: '/menu-manager/main-navigation' },
-  { icon: FileText, label: 'Footer Explore', to: '/menu-manager/footer-explore' },
-  { icon: MessageSquare, label: 'Footer Support', to: '/menu-manager/footer-support' },
-  { icon: Store, label: 'Footer Brand', to: '/menu-manager/footer-brand' },
-]
-
-const BACKUP_MENU = [
-  { icon: DatabaseBackup, label: 'Database Backup', to: '/backup/database' },
-  { icon: Package,        label: 'Catalog Export',  to: '/backup/catalog' },
-  { icon: ShoppingCart,   label: 'Orders Export',   to: '/backup/orders' },
-  { icon: FileJson,       label: 'CMS Export',      to: '/backup/cms' },
-  { icon: FolderArchive,  label: 'Media Files',     to: '/backup/media' },
-]
-
-const SETTINGS_MENU = [
-  { icon: Store,      label: 'Store Settings',   to: '/settings' },
-  { icon: CreditCard, label: 'Payment & Shipping',to: '/settings/payments' },
-  { icon: Palette,    label: 'Theme & Design',    to: '/settings/theme' },
-  { icon: FileText,   label: 'Content',           to: '/settings/content' },
-  { icon: Wrench,     label: 'System',            to: '/settings/system' },
-]
-
 interface SidebarProps {
   isCollapsed: boolean
   onToggle: () => void
 }
 
 export default function Sidebar({ isCollapsed, onToggle }: SidebarProps) {
+  const { t } = useTranslation()
   const navigate = useNavigate()
   const location = useLocation()
+
   const isInProduct = ['/categories', '/products', '/product-attributes', '/raw-materials'].some(p => location.pathname.startsWith(p))
   const isInSales = ['/orders', '/promotions', '/coupons', '/global-analytics'].some(p => location.pathname.startsWith(p))
   const isInBusinessAnalytics = location.pathname.startsWith('/business-analytics')
@@ -163,6 +75,97 @@ export default function Sidebar({ isCollapsed, onToggle }: SidebarProps) {
   const [backupOpen, setBackupOpen] = useState(isInBackup)
   const [settingsOpen, setSettingsOpen] = useState(isInSettings)
 
+  const MAIN_MENU = [
+    { icon: LayoutDashboard, label: t('nav.dashboard', 'Dashboard'), to: '/' },
+  ]
+
+  const PRODUCT_MENU = [
+    { icon: Tags, label: t('nav.categories', 'Categories'), to: '/categories' },
+    { icon: Package, label: t('nav.products', 'Products'), to: '/products' },
+    { icon: Ruler, label: t('nav.productAttributes', 'Product Attributes'), to: '/product-attributes' },
+    { icon: PackageOpen, label: t('nav.rawMaterials', 'Raw Materials'), to: '/raw-materials' },
+  ]
+
+  const SALES_MENU = [
+    { icon: ShoppingCart, label: t('nav.orders', 'Orders'), to: '/orders' },
+    { icon: Ticket, label: t('nav.promotions', 'Promotions'), to: '/promotions' },
+    { icon: Ticket, label: t('nav.coupons', 'Coupons'), to: '/coupons' },
+    { icon: Globe2, label: t('nav.globalAnalytics', 'All Analytics'), to: '/global-analytics' },
+  ]
+
+  const BUSINESS_ANALYTICS_MENU = [
+    { icon: Globe2, label: t('nav.omnichannelSalesMap', 'Omnichannel Sales Map'), to: '/business-analytics/sales-map' },
+    { icon: Package, label: t('nav.productSalesMap', 'Product Sales Map'), to: '/business-analytics/sales-map-products' },
+  ]
+
+  const TOOL_MENU = [
+    { icon: Package, label: t('nav.marketplaceProducts', 'Marketplace Products'), to: '/tools/marketplace-products' },
+  ]
+
+  const TIKTOK_MENU = [
+    { icon: ShoppingCart, label: t('nav.tiktokOrders', 'TikTok Orders'), to: '/tiktok-order' },
+    { icon: Map, label: t('nav.thailandSalesMap', 'Thailand Sales Map'), to: '/tiktok-sales-map' },
+    { icon: BarChart3, label: t('nav.tiktokAnalytics', 'TikTok Analytics'), to: '/tiktok-analytics' },
+    { icon: Layers, label: t('nav.tiktokOverview', 'TikTok All Shops'), to: '/tiktok-overview' },
+    { icon: Calculator, label: t('nav.tiktokPriceSimulator', 'TikTok Price Simulator'), to: '/tiktok-price-simulator' },
+    { icon: Info, label: t('nav.tiktokShopCase', 'TikTok Shop Case'), to: '/tiktok-shop-case' },
+  ]
+
+  const TIKTOK_LEGACY_MENU = [
+    { icon: TrendingUp, label: t('nav.tiktokReportImport', 'TikTok Report Import'), to: '/tiktok' },
+    { icon: TrendingUp, label: t('nav.productSkuAnalysis', 'Product SKU Analysis'), to: '/tiktok-analysis' },
+  ]
+
+  const SHOPEE_MENU = [
+    { icon: ShoppingBag, label: t('nav.shopeeHomAroma', 'Shopee (Hom Aroma)'), to: '/shopee' },
+    { icon: Map, label: t('nav.shopeeSalesMap', 'Thailand Sales Map'), to: '/shopee-sales-map' },
+    { icon: BarChart3, label: t('nav.shopeeAnalytics', 'Shopee Analytics'), to: '/shopee-analytics' },
+    { icon: Layers, label: t('nav.shopeeOverview', 'Shopee All Shops'), to: '/shopee-overview' },
+    { icon: Info, label: t('nav.shopeeShopCase', 'Shopee Shop Case'), to: '/shopee-shop-case' },
+  ]
+
+  const LAZADA_MENU = [
+    { icon: ShoppingCart, label: t('nav.lazadaOrders', 'Lazada Orders'), to: '/lazada-order' },
+    { icon: BarChart3, label: t('nav.lazadaAnalytics', 'Lazada Analytics'), to: '/lazada-analytics' },
+    { icon: Layers, label: t('nav.lazadaOverview', 'Lazada All Shops'), to: '/lazada-overview' },
+  ]
+
+  const CMS_MENU = [
+    { icon: Layers, label: t('nav.pageBuilder', 'Page Builder (CMS)'), to: '/page-builder' },
+    { icon: Sparkles, label: t('nav.cmsBlockShowcase', 'CMS Block Showcase'), to: '/cms-mockup' },
+    { icon: ImageIcon, label: t('nav.mediaLibrary', 'Media Library'), to: '/media' },
+    { icon: BookOpen, label: t('nav.scentGuide', 'Scent Guide'), to: '/articles' },
+  ]
+
+  const CUSTOMER_MENU = [
+    { icon: Users, label: t('nav.customerList', 'Customers'), to: '/customers' },
+    { icon: Users, label: t('nav.newsletterSubscribers', 'Subscribers'), to: '/subscribers' },
+    { icon: MessageSquare, label: t('nav.contactMessages', 'Contact Messages'), to: '/contacts' },
+  ]
+
+  const MENU_MANAGER_MENU = [
+    { icon: Layers, label: t('nav.mainNavigation', 'Main Navigation'), to: '/menu-manager/main-navigation' },
+    { icon: FileText, label: t('nav.footerExplore', 'Footer Explore'), to: '/menu-manager/footer-explore' },
+    { icon: MessageSquare, label: t('nav.footerSupport', 'Footer Support'), to: '/menu-manager/footer-support' },
+    { icon: Store, label: t('nav.footerBrand', 'Footer Brand'), to: '/menu-manager/footer-brand' },
+  ]
+
+  const BACKUP_MENU = [
+    { icon: DatabaseBackup, label: t('nav.backupDatabase', 'Database Backup'), to: '/backup/database' },
+    { icon: Package,        label: t('nav.backupCatalog', 'Catalog Backup'),  to: '/backup/catalog' },
+    { icon: ShoppingCart,   label: t('nav.backupOrders', 'Orders Backup'),   to: '/backup/orders' },
+    { icon: FileJson,       label: t('nav.backupCms', 'CMS Pages Backup'),      to: '/backup/cms' },
+    { icon: FolderArchive,  label: t('nav.backupMedia', 'Media Backup'),     to: '/backup/media' },
+  ]
+
+  const SETTINGS_MENU = [
+    { icon: Store,      label: t('nav.storeSettings', 'Store Settings'),   to: '/settings' },
+    { icon: CreditCard, label: t('nav.paymentSettings', 'Payment & Shipping'), to: '/settings/payments' },
+    { icon: Palette,    label: t('nav.themeSettings', 'Theme & Design'),    to: '/settings/theme' },
+    { icon: FileText,   label: t('nav.contentSettings', 'Content'),           to: '/settings/content' },
+    { icon: Wrench,     label: t('nav.systemMaintenance', 'System'),            to: '/settings/system' },
+  ]
+
   const handleLogout = () => {
     localStorage.removeItem('homaroma_admin_token')
     localStorage.removeItem('homaroma_admin_user')
@@ -189,7 +192,7 @@ export default function Sidebar({ isCollapsed, onToggle }: SidebarProps) {
         )}
         <button 
           onClick={onToggle}
-          title={isCollapsed ? 'ขยายเมนู' : 'ย่อเมนู'}
+          title={isCollapsed ? 'Expand' : 'Collapse'}
           className="p-1.5 rounded-lg bg-white/5 border border-white/10 text-slate-400 hover:text-white transition-colors cursor-pointer"
         >
           {isCollapsed ? <ChevronRight className="w-4 h-4" /> : <ChevronLeft className="w-4 h-4" />}
@@ -218,11 +221,11 @@ export default function Sidebar({ isCollapsed, onToggle }: SidebarProps) {
         <div className="pt-1">
           <button
             onClick={() => handleGroupClick(setProductOpen)}
-            title={isCollapsed ? 'Catalog' : undefined}
+            title={isCollapsed ? t('nav.catalog', 'Catalog & Products') : undefined}
             className={`sidebar-link sidebar-link-inactive w-full ${isInProduct ? 'text-white' : ''} ${isCollapsed ? 'justify-center px-0' : ''}`}
           >
             <Package className="w-5 h-5 shrink-0" />
-            {!isCollapsed && <span className="flex-1 text-left">Catalog</span>}
+            {!isCollapsed && <span className="flex-1 text-left">{t('nav.catalog', 'Catalog & Products')}</span>}
             {!isCollapsed && <ChevronDown className={`w-4 h-4 transition-transform duration-200 ${productOpen ? 'rotate-180' : ''}`} />}
           </button>
 
@@ -248,11 +251,11 @@ export default function Sidebar({ isCollapsed, onToggle }: SidebarProps) {
         <div className="pt-1">
           <button
             onClick={() => handleGroupClick(setSalesOpen)}
-            title={isCollapsed ? 'Sales & Marketing' : undefined}
+            title={isCollapsed ? t('nav.sales', 'Sales & Marketing') : undefined}
             className={`sidebar-link sidebar-link-inactive w-full ${isInSales ? 'text-white' : ''} ${isCollapsed ? 'justify-center px-0' : ''}`}
           >
             <ShoppingCart className="w-5 h-5 shrink-0" />
-            {!isCollapsed && <span className="flex-1 text-left">Sales & Marketing</span>}
+            {!isCollapsed && <span className="flex-1 text-left">{t('nav.sales', 'Sales & Marketing')}</span>}
             {!isCollapsed && <ChevronDown className={`w-4 h-4 transition-transform duration-200 ${salesOpen ? 'rotate-180' : ''}`} />}
           </button>
 
@@ -278,11 +281,11 @@ export default function Sidebar({ isCollapsed, onToggle }: SidebarProps) {
         <div className="pt-1">
           <button
             onClick={() => handleGroupClick(setBusinessAnalyticsOpen)}
-            title={isCollapsed ? 'Business Analytics' : undefined}
+            title={isCollapsed ? t('nav.businessAnalytics', 'Business Analytics') : undefined}
             className={`sidebar-link sidebar-link-inactive w-full ${isInBusinessAnalytics ? 'text-white' : ''} ${isCollapsed ? 'justify-center px-0' : ''}`}
           >
             <BarChart3 className="w-5 h-5 shrink-0 text-orange-400" />
-            {!isCollapsed && <span className="flex-1 text-left font-bold text-orange-300">Business Analytics</span>}
+            {!isCollapsed && <span className="flex-1 text-left font-bold text-orange-300">{t('nav.businessAnalytics', 'Business Analytics')}</span>}
             {!isCollapsed && <ChevronDown className={`w-4 h-4 transition-transform duration-200 ${businessAnalyticsOpen ? 'rotate-180' : ''}`} />}
           </button>
 
@@ -308,17 +311,107 @@ export default function Sidebar({ isCollapsed, onToggle }: SidebarProps) {
         <div className="pt-1">
           <button
             onClick={() => handleGroupClick(setToolsOpen)}
-            title={isCollapsed ? 'Tool' : undefined}
+            title={isCollapsed ? t('nav.tools', 'Tools') : undefined}
             className={`sidebar-link sidebar-link-inactive w-full ${isInTools ? 'text-white' : ''} ${isCollapsed ? 'justify-center px-0' : ''}`}
           >
-            <Wrench className="w-5 h-5 shrink-0 text-amber-400" />
-            {!isCollapsed && <span className="flex-1 text-left font-bold text-amber-300">Tool</span>}
+            <Wrench className="w-5 h-5 shrink-0 text-emerald-400" />
+            {!isCollapsed && <span className="flex-1 text-left font-bold text-emerald-300">{t('nav.tools', 'Tools')}</span>}
             {!isCollapsed && <ChevronDown className={`w-4 h-4 transition-transform duration-200 ${toolsOpen ? 'rotate-180' : ''}`} />}
           </button>
 
           {!isCollapsed && toolsOpen && (
             <div className="mt-1 ml-4 pl-4 border-l border-white/10 space-y-1">
               {TOOL_MENU.map((item) => (
+                <NavLink
+                  key={item.to}
+                  to={item.to}
+                  className={({ isActive }) =>
+                    `sidebar-link text-sm ${isActive ? 'sidebar-link-active' : 'sidebar-link-inactive'}`
+                  }
+                >
+                  <item.icon className="w-4 h-4 shrink-0 text-emerald-400" />
+                  <span className="flex-1">{item.label}</span>
+                </NavLink>
+              ))}
+            </div>
+          )}
+        </div>
+
+        {/* TikTok Channel Group */}
+        <div className="pt-1">
+          <button
+            onClick={() => handleGroupClick(setTiktokOpen)}
+            title={isCollapsed ? t('nav.tiktok', 'TikTok Channel') : undefined}
+            className={`sidebar-link sidebar-link-inactive w-full ${isInTiktok ? 'text-white' : ''} ${isCollapsed ? 'justify-center px-0' : ''}`}
+          >
+            <ShoppingCart className="w-5 h-5 shrink-0 text-pink-400" />
+            {!isCollapsed && <span className="flex-1 text-left font-bold text-pink-300">{t('nav.tiktok', 'TikTok Channel')}</span>}
+            {!isCollapsed && <ChevronDown className={`w-4 h-4 transition-transform duration-200 ${tiktokOpen ? 'rotate-180' : ''}`} />}
+          </button>
+
+          {!isCollapsed && tiktokOpen && (
+            <div className="mt-1 ml-4 pl-4 border-l border-white/10 space-y-1">
+              {TIKTOK_MENU.map((item) => (
+                <NavLink
+                  key={item.to}
+                  to={item.to}
+                  className={({ isActive }) =>
+                    `sidebar-link text-sm ${isActive ? 'sidebar-link-active' : 'sidebar-link-inactive'}`
+                  }
+                >
+                  <item.icon className="w-4 h-4 shrink-0 text-pink-400" />
+                  <span className="flex-1">{item.label}</span>
+                </NavLink>
+              ))}
+            </div>
+          )}
+        </div>
+
+        {/* TikTok Report / Analysis (Legacy) */}
+        <div className="pt-1">
+          <button
+            onClick={() => handleGroupClick(setTiktokLegacyOpen)}
+            title={isCollapsed ? 'TikTok Legacy' : undefined}
+            className={`sidebar-link sidebar-link-inactive w-full ${isInTiktokLegacy ? 'text-white' : ''} ${isCollapsed ? 'justify-center px-0' : ''}`}
+          >
+            <TrendingUp className="w-5 h-5 shrink-0 text-pink-300/80" />
+            {!isCollapsed && <span className="flex-1 text-left text-pink-200/80">TikTok Report/Analysis</span>}
+            {!isCollapsed && <ChevronDown className={`w-4 h-4 transition-transform duration-200 ${tiktokLegacyOpen ? 'rotate-180' : ''}`} />}
+          </button>
+
+          {!isCollapsed && tiktokLegacyOpen && (
+            <div className="mt-1 ml-4 pl-4 border-l border-white/10 space-y-1">
+              {TIKTOK_LEGACY_MENU.map((item) => (
+                <NavLink
+                  key={item.to}
+                  to={item.to}
+                  className={({ isActive }) =>
+                    `sidebar-link text-sm ${isActive ? 'sidebar-link-active' : 'sidebar-link-inactive'}`
+                  }
+                >
+                  <item.icon className="w-4 h-4 shrink-0 text-pink-300/80" />
+                  <span className="flex-1">{item.label}</span>
+                </NavLink>
+              ))}
+            </div>
+          )}
+        </div>
+
+        {/* Shopee Channel Group */}
+        <div className="pt-1">
+          <button
+            onClick={() => handleGroupClick(setShopeeOpen)}
+            title={isCollapsed ? t('nav.shopee', 'Shopee Channel') : undefined}
+            className={`sidebar-link sidebar-link-inactive w-full ${isInShopee ? 'text-white' : ''} ${isCollapsed ? 'justify-center px-0' : ''}`}
+          >
+            <ShoppingBag className="w-5 h-5 shrink-0 text-amber-400" />
+            {!isCollapsed && <span className="flex-1 text-left font-bold text-amber-300">{t('nav.shopee', 'Shopee Channel')}</span>}
+            {!isCollapsed && <ChevronDown className={`w-4 h-4 transition-transform duration-200 ${shopeeOpen ? 'rotate-180' : ''}`} />}
+          </button>
+
+          {!isCollapsed && shopeeOpen && (
+            <div className="mt-1 ml-4 pl-4 border-l border-white/10 space-y-1">
+              {SHOPEE_MENU.map((item) => (
                 <NavLink
                   key={item.to}
                   to={item.to}
@@ -334,105 +427,15 @@ export default function Sidebar({ isCollapsed, onToggle }: SidebarProps) {
           )}
         </div>
 
-        {/* TikTok Group */}
-        <div className="pt-1">
-          <button
-            onClick={() => handleGroupClick(setTiktokOpen)}
-            title={isCollapsed ? 'TikTok' : undefined}
-            className={`sidebar-link sidebar-link-inactive w-full ${isInTiktok ? 'text-white' : ''} ${isCollapsed ? 'justify-center px-0' : ''}`}
-          >
-            <TrendingUp className="w-5 h-5 shrink-0" />
-            {!isCollapsed && <span className="flex-1 text-left">TikTok</span>}
-            {!isCollapsed && <ChevronDown className={`w-4 h-4 transition-transform duration-200 ${tiktokOpen ? 'rotate-180' : ''}`} />}
-          </button>
-
-          {!isCollapsed && tiktokOpen && (
-            <div className="mt-1 ml-4 pl-4 border-l border-white/10 space-y-1">
-              {TIKTOK_MENU.map((item) => (
-                <NavLink
-                  key={item.to}
-                  to={item.to}
-                  className={({ isActive }) =>
-                    `sidebar-link text-sm ${isActive ? 'sidebar-link-active' : 'sidebar-link-inactive'}`
-                  }
-                >
-                  <item.icon className="w-4 h-4 shrink-0" />
-                  <span className="flex-1">{item.label}</span>
-                </NavLink>
-              ))}
-            </div>
-          )}
-        </div>
-
-        {/* TikTok Legacy Group */}
-        <div className="pt-1">
-          <button
-            onClick={() => handleGroupClick(setTiktokLegacyOpen)}
-            title={isCollapsed ? 'TikTok Legacy' : undefined}
-            className={`sidebar-link sidebar-link-inactive w-full ${isInTiktokLegacy ? 'text-white' : ''} ${isCollapsed ? 'justify-center px-0' : ''}`}
-          >
-            <TrendingUp className="w-5 h-5 shrink-0" />
-            {!isCollapsed && <span className="flex-1 text-left">TikTok Legacy</span>}
-            {!isCollapsed && <ChevronDown className={`w-4 h-4 transition-transform duration-200 ${tiktokLegacyOpen ? 'rotate-180' : ''}`} />}
-          </button>
-
-          {!isCollapsed && tiktokLegacyOpen && (
-            <div className="mt-1 ml-4 pl-4 border-l border-white/10 space-y-1">
-              {TIKTOK_LEGACY_MENU.map((item) => (
-                <NavLink
-                  key={item.to}
-                  to={item.to}
-                  className={({ isActive }) =>
-                    `sidebar-link text-sm ${isActive ? 'sidebar-link-active' : 'sidebar-link-inactive'}`
-                  }
-                >
-                  <item.icon className="w-4 h-4 shrink-0" />
-                  <span className="flex-1">{item.label}</span>
-                </NavLink>
-              ))}
-            </div>
-          )}
-        </div>
-
-        {/* Shopee Group */}
-        <div className="pt-1">
-          <button
-            onClick={() => handleGroupClick(setShopeeOpen)}
-            title={isCollapsed ? 'Shopee' : undefined}
-            className={`sidebar-link sidebar-link-inactive w-full ${isInShopee ? 'text-white' : ''} ${isCollapsed ? 'justify-center px-0' : ''}`}
-          >
-            <ShoppingBag className="w-5 h-5 shrink-0" />
-            {!isCollapsed && <span className="flex-1 text-left">Shopee</span>}
-            {!isCollapsed && <ChevronDown className={`w-4 h-4 transition-transform duration-200 ${shopeeOpen ? 'rotate-180' : ''}`} />}
-          </button>
-
-          {!isCollapsed && shopeeOpen && (
-            <div className="mt-1 ml-4 pl-4 border-l border-white/10 space-y-1">
-              {SHOPEE_MENU.map((item) => (
-                <NavLink
-                  key={item.to}
-                  to={item.to}
-                  className={({ isActive }) =>
-                    `sidebar-link text-sm ${isActive ? 'sidebar-link-active' : 'sidebar-link-inactive'}`
-                  }
-                >
-                  <item.icon className="w-4 h-4 shrink-0" />
-                  <span className="flex-1">{item.label}</span>
-                </NavLink>
-              ))}
-            </div>
-          )}
-        </div>
-
-        {/* Lazada Group */}
+        {/* Lazada Channel Group */}
         <div className="pt-1">
           <button
             onClick={() => handleGroupClick(setLazadaOpen)}
-            title={isCollapsed ? 'Lazada' : undefined}
+            title={isCollapsed ? t('nav.lazada', 'Lazada Channel') : undefined}
             className={`sidebar-link sidebar-link-inactive w-full ${isInLazada ? 'text-white' : ''} ${isCollapsed ? 'justify-center px-0' : ''}`}
           >
-            <ShoppingCart className="w-5 h-5 shrink-0" />
-            {!isCollapsed && <span className="flex-1 text-left">Lazada</span>}
+            <ShoppingCart className="w-5 h-5 shrink-0 text-blue-400" />
+            {!isCollapsed && <span className="flex-1 text-left font-bold text-blue-300">{t('nav.lazada', 'Lazada Channel')}</span>}
             {!isCollapsed && <ChevronDown className={`w-4 h-4 transition-transform duration-200 ${lazadaOpen ? 'rotate-180' : ''}`} />}
           </button>
 
@@ -446,7 +449,7 @@ export default function Sidebar({ isCollapsed, onToggle }: SidebarProps) {
                     `sidebar-link text-sm ${isActive ? 'sidebar-link-active' : 'sidebar-link-inactive'}`
                   }
                 >
-                  <item.icon className="w-4 h-4 shrink-0" />
+                  <item.icon className="w-4 h-4 shrink-0 text-blue-400" />
                   <span className="flex-1">{item.label}</span>
                 </NavLink>
               ))}
@@ -454,15 +457,15 @@ export default function Sidebar({ isCollapsed, onToggle }: SidebarProps) {
           )}
         </div>
 
-        {/* Content (CMS) Group */}
+        {/* CMS Group */}
         <div className="pt-1">
           <button
             onClick={() => handleGroupClick(setCmsOpen)}
-            title={isCollapsed ? 'Content (CMS)' : undefined}
+            title={isCollapsed ? t('nav.cms', 'Content & CMS') : undefined}
             className={`sidebar-link sidebar-link-inactive w-full ${isInCms ? 'text-white' : ''} ${isCollapsed ? 'justify-center px-0' : ''}`}
           >
             <Layers className="w-5 h-5 shrink-0" />
-            {!isCollapsed && <span className="flex-1 text-left">Content (CMS)</span>}
+            {!isCollapsed && <span className="flex-1 text-left">{t('nav.cms', 'Content & CMS')}</span>}
             {!isCollapsed && <ChevronDown className={`w-4 h-4 transition-transform duration-200 ${cmsOpen ? 'rotate-180' : ''}`} />}
           </button>
 
@@ -484,15 +487,15 @@ export default function Sidebar({ isCollapsed, onToggle }: SidebarProps) {
           )}
         </div>
 
-        {/* Customers & Messages Group */}
+        {/* Customers Group */}
         <div className="pt-1">
           <button
             onClick={() => handleGroupClick(setCustomerOpen)}
-            title={isCollapsed ? 'Customers & Messages' : undefined}
+            title={isCollapsed ? t('nav.customers', 'Customers') : undefined}
             className={`sidebar-link sidebar-link-inactive w-full ${isInCustomer ? 'text-white' : ''} ${isCollapsed ? 'justify-center px-0' : ''}`}
           >
             <Users className="w-5 h-5 shrink-0" />
-            {!isCollapsed && <span className="flex-1 text-left">Customers & Messages</span>}
+            {!isCollapsed && <span className="flex-1 text-left">{t('nav.customers', 'Customers')}</span>}
             {!isCollapsed && <ChevronDown className={`w-4 h-4 transition-transform duration-200 ${customerOpen ? 'rotate-180' : ''}`} />}
           </button>
 
@@ -518,11 +521,11 @@ export default function Sidebar({ isCollapsed, onToggle }: SidebarProps) {
         <div className="pt-1">
           <button
             onClick={() => handleGroupClick(setMenuManagerOpen)}
-            title={isCollapsed ? 'Menu Manager' : undefined}
+            title={isCollapsed ? t('nav.menuManager', 'Menu Manager') : undefined}
             className={`sidebar-link sidebar-link-inactive w-full ${isInMenuManager ? 'text-white' : ''} ${isCollapsed ? 'justify-center px-0' : ''}`}
           >
             <Layers className="w-5 h-5 shrink-0" />
-            {!isCollapsed && <span className="flex-1 text-left">Menu Manager</span>}
+            {!isCollapsed && <span className="flex-1 text-left">{t('nav.menuManager', 'Menu Manager')}</span>}
             {!isCollapsed && <ChevronDown className={`w-4 h-4 transition-transform duration-200 ${menuManagerOpen ? 'rotate-180' : ''}`} />}
           </button>
 
@@ -548,11 +551,11 @@ export default function Sidebar({ isCollapsed, onToggle }: SidebarProps) {
         <div className="pt-1">
           <button
             onClick={() => handleGroupClick(setBackupOpen)}
-            title={isCollapsed ? 'Backup & Restore' : undefined}
+            title={isCollapsed ? t('nav.backup', 'Backup & Restore') : undefined}
             className={`sidebar-link sidebar-link-inactive w-full ${isInBackup ? 'text-white' : ''} ${isCollapsed ? 'justify-center px-0' : ''}`}
           >
             <DatabaseBackup className="w-5 h-5 shrink-0" />
-            {!isCollapsed && <span className="flex-1 text-left">Backup & Restore</span>}
+            {!isCollapsed && <span className="flex-1 text-left">{t('nav.backup', 'Backup & Restore')}</span>}
             {!isCollapsed && <ChevronDown className={`w-4 h-4 transition-transform duration-200 ${backupOpen ? 'rotate-180' : ''}`} />}
           </button>
 
@@ -578,11 +581,11 @@ export default function Sidebar({ isCollapsed, onToggle }: SidebarProps) {
         <div className="pt-1">
           <button
             onClick={() => handleGroupClick(setSettingsOpen)}
-            title={isCollapsed ? 'Settings' : undefined}
+            title={isCollapsed ? t('nav.settings', 'Settings') : undefined}
             className={`sidebar-link sidebar-link-inactive w-full ${isInSettings ? 'text-white' : ''} ${isCollapsed ? 'justify-center px-0' : ''}`}
           >
             <Settings className="w-5 h-5 shrink-0" />
-            {!isCollapsed && <span className="flex-1 text-left">Settings</span>}
+            {!isCollapsed && <span className="flex-1 text-left">{t('nav.settings', 'Settings')}</span>}
             {!isCollapsed && <ChevronDown className={`w-4 h-4 transition-transform duration-200 ${settingsOpen ? 'rotate-180' : ''}`} />}
           </button>
 
@@ -608,25 +611,26 @@ export default function Sidebar({ isCollapsed, onToggle }: SidebarProps) {
 
       {/* User / Bottom */}
       <div className={`p-4 border-t border-white/5 space-y-2 ${isCollapsed ? 'items-center justify-center' : ''}`}>
-        <div className={`flex items-center gap-3 px-4 py-3 rounded-xl hover:bg-white/5 transition-all group ${isCollapsed ? 'justify-center px-0' : ''}`} title={isCollapsed ? 'Admin Account' : undefined}>
+
+        <div className={`flex items-center gap-3 px-4 py-3 rounded-xl hover:bg-white/5 transition-all group ${isCollapsed ? 'justify-center px-0' : ''}`} title={isCollapsed ? t('common.adminAccount', 'Admin Account') : undefined}>
           <div className="w-9 h-9 rounded-full bg-cyan-glow/20 flex items-center justify-center text-cyan-glow font-bold text-xs border border-cyan-glow/30 shrink-0">
             A
           </div>
           {!isCollapsed && (
             <div className="flex-1 overflow-hidden">
-              <p className="text-sm font-bold text-white truncate">Admin Account</p>
-              <p className="text-[10px] uppercase tracking-wider text-slate-500">System Manager</p>
+              <p className="text-sm font-bold text-white truncate">{t('common.adminAccount', 'Admin Account')}</p>
+              <p className="text-[10px] uppercase tracking-wider text-slate-500">{t('common.systemManager', 'System Manager')}</p>
             </div>
           )}
         </div>
         
         <button 
           onClick={handleLogout}
-          title={isCollapsed ? 'Logout' : undefined}
+          title={isCollapsed ? t('common.logout', 'Logout') : undefined}
           className={`w-full flex items-center gap-3 px-4 py-3 rounded-xl text-sm font-medium text-rose-500 hover:bg-rose-500/10 transition-all cursor-pointer ${isCollapsed ? 'justify-center px-0' : ''}`}
         >
           <LogOut className="w-5 h-5 shrink-0" />
-          {!isCollapsed && <span>Logout</span>}
+          {!isCollapsed && <span>{t('common.logout', 'Logout')}</span>}
         </button>
       </div>
     </aside>
diff --git a/apps/admin/src/components/analytics/OmnichannelDistrictModal.tsx b/apps/admin/src/components/analytics/OmnichannelDistrictModal.tsx
index 86d147f..bacd3f4 100644
--- a/apps/admin/src/components/analytics/OmnichannelDistrictModal.tsx
+++ b/apps/admin/src/components/analytics/OmnichannelDistrictModal.tsx
@@ -1,7 +1,8 @@
 import { useEffect, useState, useMemo, useRef } from 'react';
 import * as d3Geo from 'd3-geo';
 import { X, Search, RotateCcw, MapPin, ExternalLink } from 'lucide-react';
-import { fmtBaht, fmtNum, getDistrictColor } from '../../utils/thaiGeoUtils';
+import { useTranslation } from 'react-i18next';
+import { fmtBaht, fmtNum, getDistrictColor, getLocalizedProvinceName, getLocalizedDistrictName } from '../../utils/thaiGeoUtils';
 import { API_BASE } from '@homaroma/types';
 import { Link } from 'react-router-dom';
 
@@ -28,6 +29,7 @@ export default function OmnichannelDistrictModal({
   dateTo,
   onClose,
 }: OmnichannelDistrictModalProps) {
+  const { t, i18n } = useTranslation();
   const [districtGeo, setDistrictGeo] = useState<any>(null);
   const [loadingMap, setLoadingMap] = useState(true);
   const [loadingData, setLoadingData] = useState(true);
@@ -118,6 +120,7 @@ export default function OmnichannelDistrictModal({
 
     return provinceDistrictsGeo.map((feature: any) => {
       const dName = (feature.properties.amp_th || feature.properties.amp_en || '').replace(/^(อำเภอ|เขต)/, '').trim();
+      const dEn = feature.properties.amp_en || '';
       const pathData = generator(feature);
       const sales = districtSalesMap.get(dName);
       const revenue = sales?.revenue || 0;
@@ -131,6 +134,7 @@ export default function OmnichannelDistrictModal({
         feature,
         pathData,
         districtName: dName,
+        districtEn: dEn,
         revenue,
         orders,
         tiktokRevenue,
@@ -209,13 +213,15 @@ export default function OmnichannelDistrictModal({
             </div>
             <div>
               <div className="flex items-center gap-2">
-                <h2 className="text-xl font-bold text-white tracking-tight">จังหวัด{provinceName}</h2>
+                <h2 className="text-xl font-bold text-white tracking-tight">
+                  {i18n.language === 'th' ? `จังหวัด${provinceName}` : getLocalizedProvinceName(provinceName, i18n.language)}
+                </h2>
                 <span className="px-2.5 py-0.5 rounded-full text-xs font-mono bg-gradient-to-r from-rose-500/20 via-orange-500/20 to-blue-500/20 text-orange-300 border border-orange-500/30">
                   Omnichannel (TikTok + Shopee + Lazada)
                 </span>
               </div>
               <p className="text-xs text-slate-400">
-                วิเคราะห์ยอดขายแยกรายอำเภอ และตรวจสอบคำสั่งซื้อข้ามแพลตฟอร์ม
+                {t('salesMap.subtitle', 'วิเคราะห์ยอดขายแยกรายอำเภอ และตรวจสอบคำสั่งซื้อข้ามแพลตฟอร์ม')}
               </p>
             </div>
           </div>
@@ -233,9 +239,8 @@ export default function OmnichannelDistrictModal({
           <div className="lg:col-span-5 p-5 border-b lg:border-b-0 lg:border-r border-white/10 flex flex-col bg-slate-950/40 relative">
             <div className="flex items-center justify-between mb-3">
               <span className="text-xs font-semibold uppercase tracking-wider text-slate-400 flex items-center gap-1.5">
-                <MapPin className="w-3.5 h-3.5 text-orange-400" /> แผนที่รายอำเภอ ({paths.length} อำเภอ)
+                <MapPin className="w-3.5 h-3.5 text-orange-400" /> {t('salesMap.districtBreakdown', 'แผนที่รายอำเภอ')} ({paths.length})
               </span>
-              <span className="text-[11px] text-slate-500">คลิกที่อำเภอเพื่อเลือกหลายพื้นที่</span>
             </div>
 
             <div
@@ -245,11 +250,11 @@ export default function OmnichannelDistrictModal({
             >
               {loadingMap || loadingData ? (
                 <div className="text-center text-slate-400 text-sm">
-                  <span className="animate-spin inline-block mr-2">⏳</span> กำลังโหลดแผนที่อำเภอ...
+                  {t('salesMap.loadingDistricts', 'กำลังโหลดแผนที่อำเภอ...')}
                 </div>
               ) : paths.length === 0 ? (
                 <div className="text-center text-slate-500 text-xs p-6">
-                  ไม่พบข้อมูลภูมิศาสตร์อำเภอของจังหวัดนี้
+                  {t('salesMap.noData', 'ไม่พบข้อมูลภูมิศาสตร์อำเภอของจังหวัดนี้')}
                 </div>
               ) : (
                 <svg viewBox={`0 0 ${width} ${height}`} className="w-full h-full max-h-[380px] p-2">
@@ -285,10 +290,10 @@ export default function OmnichannelDistrictModal({
                 >
                   <p className="font-bold text-white flex items-center gap-1.5">
                     <span className="w-2 h-2 rounded-full" style={{ backgroundColor: hoveredDistrict.color }} />
-                    อ.{hoveredDistrict.districtName}
+                    {getLocalizedDistrictName(hoveredDistrict.districtName, hoveredDistrict.districtEn, i18n.language)}
                   </p>
                   <p className="text-emerald-400 font-mono font-bold mt-1">
-                    {fmtBaht(hoveredDistrict.revenue)} <span className="text-slate-400 font-normal">({hoveredDistrict.orders} ออเดอร์)</span>
+                    {fmtBaht(hoveredDistrict.revenue)} <span className="text-slate-400 font-normal">({hoveredDistrict.orders} {t('salesMap.orders', 'ออเดอร์')})</span>
                   </p>
                   {(hoveredDistrict.tiktokRevenue > 0 || hoveredDistrict.shopeeRevenue > 0 || hoveredDistrict.lazadaRevenue > 0) && (
                     <div className="flex items-center gap-1.5 text-[10px] text-slate-400 mt-1 pt-1 border-t border-white/10 font-mono flex-wrap">
@@ -315,7 +320,7 @@ export default function OmnichannelDistrictModal({
               </div>
               <div className="flex items-center gap-1.5">
                 <span className="w-2.5 h-2.5 rounded bg-orange-500" />
-                <span>เลือกอยู่</span>
+                <span>Active</span>
               </div>
             </div>
           </div>
@@ -334,7 +339,7 @@ export default function OmnichannelDistrictModal({
                         : 'bg-white/5 text-slate-400 border-white/5 hover:text-white'
                     }`}
                   >
-                    ทุกช่องทาง
+                    {t('salesMap.allChannels', 'ทุกช่องทาง')}
                   </button>
                   <button
                     onClick={() => setChannelFilter('tiktok')}
@@ -373,7 +378,7 @@ export default function OmnichannelDistrictModal({
                     onClick={clearSelectedDistricts}
                     className="flex items-center gap-1 text-xs text-orange-400 hover:text-orange-300 transition-colors"
                   >
-                    <RotateCcw className="w-3.5 h-3.5" /> ล้างพื้นที่ที่เลือก ({selectedDistricts.size})
+                    <RotateCcw className="w-3.5 h-3.5" /> {t('salesMap.clear', 'ล้าง')} ({selectedDistricts.size})
                   </button>
                 )}
               </div>
@@ -381,12 +386,12 @@ export default function OmnichannelDistrictModal({
               {/* KPI Cards for Selection */}
               <div className="grid grid-cols-2 sm:grid-cols-5 gap-2">
                 <div className="bg-white/5 border border-white/10 rounded-xl p-2.5">
-                  <p className="text-[10px] text-slate-400 uppercase tracking-wider">ยอดขายรวม</p>
+                  <p className="text-[10px] text-slate-400 uppercase tracking-wider">{t('salesMap.totalRevenue', 'ยอดขายรวม')}</p>
                   <p className="text-base font-bold text-emerald-400 font-mono">{fmtBaht(selectionSummary.revenue)}</p>
                 </div>
                 <div className="bg-white/5 border border-white/10 rounded-xl p-2.5">
-                  <p className="text-[10px] text-slate-400 uppercase tracking-wider">คำสั่งซื้อ</p>
-                  <p className="text-base font-bold text-white font-mono">{selectionSummary.orders} ออเดอร์</p>
+                  <p className="text-[10px] text-slate-400 uppercase tracking-wider">{t('salesMap.totalOrders', 'คำสั่งซื้อ')}</p>
+                  <p className="text-base font-bold text-white font-mono">{selectionSummary.orders} {t('salesMap.orders', 'ออเดอร์')}</p>
                 </div>
                 <div className="bg-rose-500/10 border border-rose-500/20 rounded-xl p-2.5">
                   <p className="text-[10px] text-rose-300 uppercase tracking-wider">TikTok</p>
@@ -405,13 +410,13 @@ export default function OmnichannelDistrictModal({
               {/* District Tags */}
               {selectedDistricts.size > 0 && (
                 <div className="flex items-center gap-1.5 flex-wrap">
-                  <span className="text-xs text-slate-400">กรองเฉพาะ:</span>
+                  <span className="text-xs text-slate-400">Filter:</span>
                   {Array.from(selectedDistricts).map((dName) => (
                     <span
                       key={dName}
                       className="inline-flex items-center gap-1 px-2.5 py-0.5 rounded-lg text-xs bg-orange-500/20 text-orange-300 border border-orange-500/30"
                     >
-                      อ.{dName}
+                      {getLocalizedDistrictName(dName, undefined, i18n.language)}
                       <button onClick={() => toggleDistrict(dName)} className="hover:text-white">
                         <X className="w-3 h-3" />
                       </button>
@@ -425,7 +430,7 @@ export default function OmnichannelDistrictModal({
                 <Search className="w-4 h-4 text-slate-500 absolute left-3 top-1/2 -translate-y-1/2" />
                 <input
                   type="text"
-                  placeholder="ค้นหาหมายเลขคำสั่งซื้อ, ผู้ซื้อ, หรือชื่อสินค้า..."
+                  placeholder={t('salesMap.searchDistrict', 'ค้นหาหมายเลขคำสั่งซื้อ, ผู้ซื้อ, หรือชื่อสินค้า...')}
                   value={searchQuery}
                   onChange={(e) => setSearchQuery(e.target.value)}
                   className="w-full pl-9 pr-4 py-1.5 rounded-xl bg-white/5 border border-white/10 text-xs text-white placeholder-slate-500 focus:outline-none focus:border-orange-500/40"
@@ -436,10 +441,10 @@ export default function OmnichannelDistrictModal({
             {/* Orders Table */}
             <div className="flex-1 overflow-y-auto p-4">
               {loadingData ? (
-                <div className="py-12 text-center text-slate-500 text-sm">กำลังโหลดข้อมูลคำสั่งซื้อ...</div>
+                <div className="py-12 text-center text-slate-500 text-sm">{t('salesMap.loadingMap', 'กำลังโหลดข้อมูลคำสั่งซื้อ...')}</div>
               ) : filteredOrders.length === 0 ? (
                 <div className="py-12 text-center text-slate-500 text-xs">
-                  ไม่พบคำสั่งซื้อตามเงื่อนไขที่เลือก
+                  {t('salesMap.noData', 'ไม่พบคำสั่งซื้อตามเงื่อนไขที่เลือก')}
                 </div>
               ) : (
                 <div className="space-y-2.5">
diff --git a/apps/admin/src/components/analytics/ProductDistrictModal.tsx b/apps/admin/src/components/analytics/ProductDistrictModal.tsx
index 5704b58..76ea9d6 100644
--- a/apps/admin/src/components/analytics/ProductDistrictModal.tsx
+++ b/apps/admin/src/components/analytics/ProductDistrictModal.tsx
@@ -1,7 +1,8 @@
 import { useEffect, useState, useMemo, useRef } from 'react';
 import * as d3Geo from 'd3-geo';
 import { X, Search, RotateCcw, MapPin, ExternalLink, Package } from 'lucide-react';
-import { fmtBaht, fmtNum, getDistrictColor } from '../../utils/thaiGeoUtils';
+import { useTranslation } from 'react-i18next';
+import { fmtBaht, fmtNum, getDistrictColor, getLocalizedProvinceName, getLocalizedDistrictName } from '../../utils/thaiGeoUtils';
 import { API_BASE } from '@homaroma/types';
 import { Link } from 'react-router-dom';
 
@@ -30,6 +31,7 @@ export default function ProductDistrictModal({
   dateTo,
   onClose,
 }: ProductDistrictModalProps) {
+  const { t, i18n } = useTranslation();
   const [districtGeo, setDistrictGeo] = useState<any>(null);
   const [loadingMap, setLoadingMap] = useState(true);
   const [loadingData, setLoadingData] = useState(true);
@@ -119,6 +121,7 @@ export default function ProductDistrictModal({
 
     return provinceDistrictsGeo.map((feature: any) => {
       const dName = (feature.properties.amp_th || feature.properties.amp_en || '').replace(/^(อำเภอ|เขต)/, '').trim();
+      const dEn = feature.properties.amp_en || '';
       const pathData = generator(feature);
       const sales = districtSalesMap.get(dName);
       const revenue = sales?.revenue || 0;
@@ -133,6 +136,7 @@ export default function ProductDistrictModal({
         feature,
         pathData,
         districtName: dName,
+        districtEn: dEn,
         revenue,
         unitsSold,
         orders,
@@ -210,14 +214,16 @@ export default function ProductDistrictModal({
             </div>
             <div>
               <div className="flex items-center gap-2 flex-wrap">
-                <h2 className="text-xl font-bold text-white tracking-tight">จังหวัด{provinceName}</h2>
+                <h2 className="text-xl font-bold text-white tracking-tight">
+                  {i18n.language === 'th' ? `จังหวัด${provinceName}` : getLocalizedProvinceName(provinceName, i18n.language)}
+                </h2>
                 <span className="px-2.5 py-0.5 rounded-full text-xs font-bold bg-indigo-500/20 text-indigo-300 border border-indigo-500/30 flex items-center gap-1">
                   <Package className="w-3 h-3" />
                   {productName} {variantName ? `(${variantName})` : ''}
                 </span>
               </div>
               <p className="text-xs text-slate-400">
-                สถิติยอดสั่งซื้อสินค้านี้แยกรายอำเภอ และตรวจสอบคำสั่งซื้อจริงข้ามแพลตฟอร์ม
+                {t('salesMap.productSubtitle', 'สถิติยอดสั่งซื้อสินค้านี้แยกรายอำเภอ และตรวจสอบคำสั่งซื้อจริงข้ามแพลตฟอร์ม')}
               </p>
             </div>
           </div>
@@ -235,9 +241,8 @@ export default function ProductDistrictModal({
           <div className="lg:col-span-5 p-5 border-b lg:border-b-0 lg:border-r border-white/10 flex flex-col bg-slate-950/40 relative">
             <div className="flex items-center justify-between mb-3">
               <span className="text-xs font-semibold uppercase tracking-wider text-slate-400 flex items-center gap-1.5">
-                <MapPin className="w-3.5 h-3.5 text-indigo-400" /> แผนที่รายอำเภอ ({paths.length} อำเภอ)
+                <MapPin className="w-3.5 h-3.5 text-indigo-400" /> {t('salesMap.districtBreakdown', 'แผนที่รายอำเภอ')} ({paths.length})
               </span>
-              <span className="text-[11px] text-slate-500">คลิกที่อำเภอเพื่อเลือกหลายพื้นที่</span>
             </div>
 
             <div
@@ -247,11 +252,11 @@ export default function ProductDistrictModal({
             >
               {loadingMap || loadingData ? (
                 <div className="text-center text-slate-400 text-sm">
-                  <span className="animate-spin inline-block mr-2">⏳</span> กำลังโหลดแผนที่อำเภอ...
+                  {t('salesMap.loadingDistricts', 'กำลังโหลดแผนที่อำเภอ...')}
                 </div>
               ) : paths.length === 0 ? (
                 <div className="text-center text-slate-500 text-xs p-6">
-                  ไม่พบข้อมูลภูมิศาสตร์อำเภอของจังหวัดนี้
+                  {t('salesMap.noData', 'ไม่พบข้อมูลภูมิศาสตร์อำเภอของจังหวัดนี้')}
                 </div>
               ) : (
                 <svg viewBox={`0 0 ${width} ${height}`} className="w-full h-full max-h-[380px] p-2">
@@ -287,10 +292,10 @@ export default function ProductDistrictModal({
                 >
                   <p className="font-bold text-white flex items-center gap-1.5">
                     <span className="w-2 h-2 rounded-full" style={{ backgroundColor: hoveredDistrict.color }} />
-                    อ.{hoveredDistrict.districtName}
+                    {getLocalizedDistrictName(hoveredDistrict.districtName, hoveredDistrict.districtEn, i18n.language)}
                   </p>
                   <p className="text-emerald-400 font-mono font-bold mt-1">
-                    {fmtBaht(hoveredDistrict.revenue)} <span className="text-slate-400 font-normal">({hoveredDistrict.unitsSold} ชิ้น)</span>
+                    {fmtBaht(hoveredDistrict.revenue)} <span className="text-slate-400 font-normal">({hoveredDistrict.unitsSold} {t('salesMap.unitsSold', 'ชิ้น')})</span>
                   </p>
                   {(hoveredDistrict.tiktokRevenue > 0 || hoveredDistrict.shopeeRevenue > 0 || hoveredDistrict.lazadaRevenue > 0) && (
                     <div className="flex items-center gap-1.5 text-[10px] text-slate-400 mt-1 pt-1 border-t border-white/10 font-mono flex-wrap">
@@ -317,7 +322,7 @@ export default function ProductDistrictModal({
               </div>
               <div className="flex items-center gap-1.5">
                 <span className="w-2.5 h-2.5 rounded bg-indigo-500" />
-                <span>เลือกอยู่</span>
+                <span>Active</span>
               </div>
             </div>
           </div>
@@ -336,7 +341,7 @@ export default function ProductDistrictModal({
                         : 'bg-white/5 text-slate-400 border-white/5 hover:text-white'
                     }`}
                   >
-                    ทุกช่องทาง
+                    {t('salesMap.allChannels', 'ทุกช่องทาง')}
                   </button>
                   <button
                     onClick={() => setChannelFilter('tiktok')}
@@ -375,7 +380,7 @@ export default function ProductDistrictModal({
                     onClick={clearSelectedDistricts}
                     className="flex items-center gap-1 text-xs text-indigo-400 hover:text-indigo-300 transition-colors"
                   >
-                    <RotateCcw className="w-3.5 h-3.5" /> ล้างพื้นที่ที่เลือก ({selectedDistricts.size})
+                    <RotateCcw className="w-3.5 h-3.5" /> {t('salesMap.clear', 'ล้าง')} ({selectedDistricts.size})
                   </button>
                 )}
               </div>
@@ -383,12 +388,12 @@ export default function ProductDistrictModal({
               {/* KPI Cards for Selection */}
               <div className="grid grid-cols-2 sm:grid-cols-5 gap-2">
                 <div className="bg-white/5 border border-white/10 rounded-xl p-2.5">
-                  <p className="text-[10px] text-slate-400 uppercase tracking-wider">ยอดขายรวม</p>
+                  <p className="text-[10px] text-slate-400 uppercase tracking-wider">{t('salesMap.totalRevenue', 'ยอดขายรวม')}</p>
                   <p className="text-base font-bold text-emerald-400 font-mono">{fmtBaht(selectionSummary.revenue)}</p>
                 </div>
                 <div className="bg-white/5 border border-white/10 rounded-xl p-2.5">
-                  <p className="text-[10px] text-slate-400 uppercase tracking-wider">จำนวนชิ้นที่ขาย</p>
-                  <p className="text-base font-bold text-amber-400 font-mono">{selectionSummary.units} ชิ้น</p>
+                  <p className="text-[10px] text-slate-400 uppercase tracking-wider">{t('salesMap.unitsSold', 'จำนวนชิ้นที่ขาย')}</p>
+                  <p className="text-base font-bold text-amber-400 font-mono">{selectionSummary.units} {t('salesMap.unitsSold', 'ชิ้น')}</p>
                 </div>
                 <div className="bg-rose-500/10 border border-rose-500/20 rounded-xl p-2.5">
                   <p className="text-[10px] text-rose-300 uppercase tracking-wider">TikTok</p>
@@ -407,13 +412,13 @@ export default function ProductDistrictModal({
               {/* District Tags */}
               {selectedDistricts.size > 0 && (
                 <div className="flex items-center gap-1.5 flex-wrap">
-                  <span className="text-xs text-slate-400">กรองเฉพาะ:</span>
+                  <span className="text-xs text-slate-400">Filter:</span>
                   {Array.from(selectedDistricts).map((dName) => (
                     <span
                       key={dName}
                       className="inline-flex items-center gap-1 px-2.5 py-0.5 rounded-lg text-xs bg-indigo-500/20 text-indigo-300 border border-indigo-500/30"
                     >
-                      อ.{dName}
+                      {getLocalizedDistrictName(dName, undefined, i18n.language)}
                       <button onClick={() => toggleDistrict(dName)} className="hover:text-white">
                         <X className="w-3 h-3" />
                       </button>
@@ -427,7 +432,7 @@ export default function ProductDistrictModal({
                 <Search className="w-4 h-4 text-slate-500 absolute left-3 top-1/2 -translate-y-1/2" />
                 <input
                   type="text"
-                  placeholder="ค้นหาหมายเลขคำสั่งซื้อ, ผู้ซื้อ, หรือ SKU..."
+                  placeholder={t('salesMap.searchDistrict', 'ค้นหาหมายเลขคำสั่งซื้อ, ผู้ซื้อ, หรือ SKU...')}
                   value={searchQuery}
                   onChange={(e) => setSearchQuery(e.target.value)}
                   className="w-full pl-9 pr-4 py-1.5 rounded-xl bg-white/5 border border-white/10 text-xs text-white placeholder-slate-500 focus:outline-none focus:border-indigo-500/40"
@@ -438,10 +443,10 @@ export default function ProductDistrictModal({
             {/* Orders Table */}
             <div className="flex-1 overflow-y-auto p-4">
               {loadingData ? (
-                <div className="py-12 text-center text-slate-500 text-sm">กำลังโหลดข้อมูลคำสั่งซื้อ...</div>
+                <div className="py-12 text-center text-slate-500 text-sm">{t('salesMap.loadingMap', 'กำลังโหลดข้อมูลคำสั่งซื้อ...')}</div>
               ) : filteredOrders.length === 0 ? (
                 <div className="py-12 text-center text-slate-500 text-xs">
-                  ไม่พบคำสั่งซื้อที่มีสินค้านี้ตามเงื่อนไขที่เลือก
+                  {t('salesMap.noData', 'ไม่พบคำสั่งซื้อที่มีสินค้านี้ตามเงื่อนไขที่เลือก')}
                 </div>
               ) : (
                 <div className="space-y-2.5">
diff --git a/apps/admin/src/components/tiktok-map/DistrictMapModal.tsx b/apps/admin/src/components/tiktok-map/DistrictMapModal.tsx
index 18b3d32..c28c273 100644
--- a/apps/admin/src/components/tiktok-map/DistrictMapModal.tsx
+++ b/apps/admin/src/components/tiktok-map/DistrictMapModal.tsx
@@ -1,7 +1,8 @@
 import { useEffect, useState, useMemo, useRef } from 'react';
 import * as d3Geo from 'd3-geo';
 import { X, Search, Package, ShoppingBag, RotateCcw, MapPin, Tag } from 'lucide-react';
-import { fmtBaht, fmtNum, getDistrictColor } from '../../utils/thaiGeoUtils';
+import { useTranslation } from 'react-i18next';
+import { fmtBaht, fmtNum, getDistrictColor, getLocalizedDistrictName, getLocalizedProvinceName, getLocalizedRegionName } from '../../utils/thaiGeoUtils';
 import { API_BASE } from '@homaroma/types';
 
 interface DistrictMapModalProps {
@@ -23,6 +24,7 @@ export default function DistrictMapModal({
   apiEndpoint = '/tiktok-order/sales-map/district',
   onClose,
 }: DistrictMapModalProps) {
+  const { t, i18n } = useTranslation();
   const [districtGeo, setDistrictGeo] = useState<any>(null);
   const [loadingMap, setLoadingMap] = useState(true);
   const [loadingData, setLoadingData] = useState(true);
@@ -182,6 +184,9 @@ export default function DistrictMapModal({
     return sum;
   }, [selectedDistricts, districtSalesMap]);
 
+  const locProvinceName = getLocalizedProvinceName(provinceName, i18n.language);
+  const locRegionName = getLocalizedRegionName(districtData?.province?.regionTh, i18n.language);
+
   return (
     <div className="fixed inset-0 z-50 flex items-center justify-center p-3 md:p-6 bg-black/80 backdrop-blur-md animate-fade-in">
       <div className="bg-slate-900 border border-white/10 rounded-3xl w-full max-w-7xl max-h-[92vh] flex flex-col shadow-2xl overflow-hidden">
@@ -190,19 +195,19 @@ export default function DistrictMapModal({
           <div>
             <div className="flex items-center gap-2">
               <span className="text-xs text-emerald-400 font-bold uppercase tracking-wider">
-                จังหวัดที่เลือก • {districtData?.province?.regionTh || 'ภาคอีสาน'}
+                {t('districtModal.selectedProvinceRegion', { region: locRegionName || '' })}
               </span>
             </div>
             <h2 className="text-xl md:text-2xl font-bold text-white tracking-tight flex items-center gap-2 mt-0.5">
-              แผนที่อำเภอ & คำสั่งซื้อ {platformName} • <span className="text-emerald-400">{provinceName}</span>
+              {t('districtModal.title', { platform: platformName, province: locProvinceName })}
             </h2>
             <p className="text-xs text-slate-400 mt-0.5">
-              คลิกอำเภอบนแผนที่เพื่อไฮไลต์และกรองข้อมูลฝั่งขวาอัตโนมัติ (สีส้มคืออำเภอที่ถูกเลือก)
+              {t('districtModal.subtitle')}
             </p>
           </div>
           <button
             onClick={onClose}
-            className="p-2 rounded-xl bg-white/5 hover:bg-white/10 text-slate-400 hover:text-white transition-colors"
+            className="p-2 rounded-xl bg-white/5 hover:bg-white/10 text-slate-400 hover:text-white transition-colors cursor-pointer"
           >
             <X className="w-5 h-5" />
           </button>
@@ -216,10 +221,10 @@ export default function DistrictMapModal({
               <div className="flex items-center gap-2">
                 <MapPin className="w-4 h-4 text-emerald-400" />
                 <span className="text-sm font-bold text-white">
-                  แผนที่อำเภอ ({provinceFeatures.length} อำเภอ)
+                  {t('districtModal.districtMapTitle', { count: provinceFeatures.length })}
                 </span>
               </div>
-              <span className="text-[11px] text-slate-400">คลิกเพื่อเลือกหลายพื้นที่</span>
+              <span className="text-[11px] text-slate-400">{t('districtModal.multiSelectHint')}</span>
             </div>
 
             <div
@@ -236,11 +241,11 @@ export default function DistrictMapModal({
               {loadingMap || loadingData ? (
                 <div className="flex flex-col items-center gap-2 text-slate-500 animate-pulse">
                   <div className="w-6 h-6 border-2 border-emerald-400 border-t-transparent rounded-full animate-spin" />
-                  <span className="text-xs">กำลังเตรียมแผนที่อำเภอ...</span>
+                  <span className="text-xs">{t('districtModal.loadingMap')}</span>
                 </div>
               ) : provinceFeatures.length === 0 ? (
                 <div className="text-xs text-slate-500 text-center px-4">
-                  ไม่พบข้อมูลพิกัดอำเภอของจังหวัด {provinceName}
+                  {t('districtModal.geoNotFound', { province: locProvinceName })}
                 </div>
               ) : (
                 <svg viewBox={`0 0 ${width} ${height}`} className="w-full h-full max-h-[380px]">
@@ -277,18 +282,18 @@ export default function DistrictMapModal({
                   }}
                 >
                   <span className="font-bold text-white">
-                    อ.{hoveredDistrict.properties.amp_th}
+                    {t('tiktokOrders.districtPrefix')}{getLocalizedDistrictName(hoveredDistrict.properties.amp_th, hoveredDistrict.properties.amp_en, i18n.language)}
                   </span>
                   <div className="flex items-center justify-between gap-3 text-[11px]">
-                    <span className="text-slate-400">ยอดขาย:</span>
+                    <span className="text-slate-400">{t('districtModal.revenueLabel')}</span>
                     <span className="font-bold text-emerald-400 font-mono">
                       {fmtBaht(districtSalesMap.get(hoveredDistrict.properties.amp_th)?.revenue || 0)}
                     </span>
                   </div>
                   <div className="flex items-center justify-between gap-3 text-[11px]">
-                    <span className="text-slate-400">คำสั่งซื้อ:</span>
+                    <span className="text-slate-400">{t('districtModal.ordersLabel')}</span>
                     <span className="font-bold text-white font-mono">
-                      {districtSalesMap.get(hoveredDistrict.properties.amp_th)?.orders || 0} ออเดอร์
+                      {t('districtModal.ordersCount', { count: districtSalesMap.get(hoveredDistrict.properties.amp_th)?.orders || 0 })}
                     </span>
                   </div>
                 </div>
@@ -298,17 +303,17 @@ export default function DistrictMapModal({
             {/* Bottom Scale & Attribution */}
             <div className="mt-3 flex items-center justify-between text-[10px] text-slate-500">
               <div className="flex items-center gap-2">
-                <span>ยอดน้อย</span>
+                <span>{t('districtModal.lowSales')}</span>
                 <div className="w-20 h-2 rounded bg-gradient-to-r from-slate-800 via-emerald-600 to-emerald-400" />
-                <span>ยอดมาก</span>
+                <span>{t('districtModal.highSales')}</span>
               </div>
               <div className="flex items-center gap-1.5">
                 <span className="w-2.5 h-2.5 rounded bg-orange-500 inline-block" />
-                <span className="text-orange-400 font-medium">เลือกแล้ว</span>
+                <span className="text-orange-400 font-medium">{t('districtModal.selected')}</span>
               </div>
             </div>
             <p className="text-[9px] text-slate-600 text-center mt-2 font-mono">
-              ขอบเขต ADM2: mapthai / OCHA CODs - CC BY 4.0
+              {t('districtModal.attribution')}
             </p>
           </div>
 
@@ -317,16 +322,16 @@ export default function DistrictMapModal({
             <div className="flex items-center justify-between pb-3 border-b border-white/10">
               <div>
                 <p className="text-sm font-bold text-white">
-                  {selectedDistricts.size} อำเภอที่เลือก
+                  {t('districtModal.selectedDistrictsCount', { count: selectedDistricts.size })}
                 </p>
-                <p className="text-[11px] text-slate-400">แตะพื้นที่เพื่อดูข้อมูล</p>
+                <p className="text-[11px] text-slate-400">{t('districtModal.touchHint')}</p>
               </div>
               {selectedDistricts.size > 0 && (
                 <button
                   onClick={handleClearSelected}
-                  className="flex items-center gap-1 text-xs text-rose-400 hover:text-rose-300 transition-colors bg-rose-500/10 px-2.5 py-1 rounded-lg border border-rose-500/20"
+                  className="flex items-center gap-1 text-xs text-rose-400 hover:text-rose-300 transition-colors bg-rose-500/10 px-2.5 py-1 rounded-lg border border-rose-500/20 cursor-pointer"
                 >
-                  <RotateCcw className="w-3 h-3" /> ล้าง
+                  <RotateCcw className="w-3 h-3" /> {t('common.clear')}
                 </button>
               )}
             </div>
@@ -335,12 +340,13 @@ export default function DistrictMapModal({
               {selectedDistricts.size === 0 ? (
                 <div className="h-full flex flex-col items-center justify-center text-center p-6 text-slate-500 text-xs gap-2">
                   <Tag className="w-6 h-6 opacity-30 text-emerald-400" />
-                  <p>ยังไม่ได้เลือกอำเภอ</p>
-                  <p className="text-[11px] text-slate-600">คลิกบนแผนที่เพื่อกรองข้อมูลเฉพาะอำเภอ</p>
+                  <p>{t('districtModal.noDistrictsSelected')}</p>
+                  <p className="text-[11px] text-slate-600">{t('districtModal.clickMapToFilter')}</p>
                 </div>
               ) : (
                 Array.from(selectedDistricts).map((dist) => {
                   const st = districtSalesMap.get(dist) || { revenue: 0, orders: 0 };
+                  const locDist = getLocalizedDistrictName(dist, undefined, i18n.language);
                   return (
                     <div
                       key={dist}
@@ -348,9 +354,9 @@ export default function DistrictMapModal({
                     >
                       <div className="flex items-center gap-2">
                         <span className="w-2 h-2 rounded-full bg-orange-500" />
-                        <span className="font-bold text-white">อ.{dist}</span>
+                        <span className="font-bold text-white">{t('tiktokOrders.districtPrefix')}{locDist}</span>
                         <span className="text-[10px] text-slate-400 font-mono">
-                          ({st.orders} ออเดอร์)
+                          {t('districtModal.ordersCountSub', { orders: st.orders })}
                         </span>
                       </div>
                       <div className="flex items-center gap-2">
@@ -359,7 +365,7 @@ export default function DistrictMapModal({
                         </span>
                         <button
                           onClick={() => handleToggleDistrict(dist)}
-                          className="text-slate-500 hover:text-rose-400 transition-colors"
+                          className="text-slate-500 hover:text-rose-400 transition-colors cursor-pointer"
                         >
                           <X className="w-3.5 h-3.5" />
                         </button>
@@ -372,7 +378,7 @@ export default function DistrictMapModal({
 
             {selectedDistricts.size > 0 && (
               <div className="pt-3 border-t border-white/10 flex items-center justify-between text-xs">
-                <span className="text-slate-400 font-medium">รวมยอดที่เลือก:</span>
+                <span className="text-slate-400 font-medium">{t('districtModal.totalSelectedRevenue')}</span>
                 <span className="text-sm font-bold text-orange-400 font-mono">
                   {fmtBaht(selectedDistrictsRevenue)}
                 </span>
@@ -386,12 +392,12 @@ export default function DistrictMapModal({
               <div className="flex items-center gap-2">
                 <ShoppingBag className="w-4 h-4 text-emerald-400" />
                 <span className="text-sm font-bold text-white">
-                  คำสั่งซื้อ {platformName} ในพื้นที่ ({filteredOrders.length})
+                  {t('districtModal.platformOrdersTitle', { platform: platformName, count: filteredOrders.length })}
                 </span>
               </div>
               {selectedDistricts.size > 0 && (
                 <span className="text-[10px] bg-orange-500/20 text-orange-400 px-2 py-0.5 rounded-full border border-orange-500/30 font-bold">
-                  กรอง {selectedDistricts.size} อำเภอ
+                  {t('districtModal.filterDistrictsBadge', { count: selectedDistricts.size })}
                 </span>
               )}
             </div>
@@ -403,7 +409,7 @@ export default function DistrictMapModal({
                 type="text"
                 value={searchQuery}
                 onChange={(e) => setSearchQuery(e.target.value)}
-                placeholder="ค้นหา Order ID, สินค้า, SKU..."
+                placeholder={t('districtModal.searchOrdersPlaceholder')}
                 className="w-full bg-slate-950/80 border border-white/10 rounded-xl pl-9 pr-3 py-1.5 text-xs text-white placeholder-slate-500 focus:outline-none focus:border-emerald-500/50"
               />
             </div>
@@ -413,7 +419,7 @@ export default function DistrictMapModal({
               {filteredOrders.length === 0 ? (
                 <div className="h-full flex flex-col items-center justify-center text-center p-8 text-slate-500 text-xs gap-2">
                   <Package className="w-6 h-6 opacity-30 text-slate-400" />
-                  <p>ไม่พบรายการคำสั่งซื้อในเงื่อนไขที่เลือก</p>
+                  <p>{t('districtModal.noOrdersFound')}</p>
                 </div>
               ) : (
                 filteredOrders.map((o: any) => (
@@ -431,7 +437,7 @@ export default function DistrictMapModal({
                     </div>
 
                     <div className="text-slate-300 line-clamp-2 text-[11px] leading-relaxed">
-                      {o.items?.[0]?.productName || 'คำสั่งซื้อสินค้า'}
+                      {o.items?.[0]?.productName || t('districtModal.defaultItemTitle')}
                       {o.items?.[0]?.variation && (
                         <span className="text-slate-400 ml-1 font-mono text-[10px]">
                           ({o.items[0].variation})
@@ -442,7 +448,7 @@ export default function DistrictMapModal({
                     <div className="flex items-center justify-between pt-1 border-t border-white/5 text-[10px] text-slate-400">
                       <span className="flex items-center gap-1 text-emerald-400/90">
                         <MapPin className="w-3 h-3" />
-                        อ.{o.district || 'ไม่ระบุ'}
+                        {t('tiktokOrders.districtPrefix')}{getLocalizedDistrictName(o.district, undefined, i18n.language) || o.district || t('tiktokOrderDetail.unspecified')}
                       </span>
                       <span className="font-mono">
                         {o.createdTime?.slice(0, 16) || ''}
@@ -459,27 +465,27 @@ export default function DistrictMapModal({
         <div className="flex items-center justify-between px-6 py-4 border-t border-white/10 bg-white/[0.02]">
           <div className="flex items-center gap-4 text-xs">
             <span className="text-slate-400">
-              ยอดรวมทั้งจังหวัด:{' '}
+              {t('districtModal.provinceTotalLabel')}{' '}
               <span className="text-emerald-400 font-bold font-mono">
                 {fmtBaht(districtData?.summary?.totalRevenue || 0)}
               </span>{' '}
-              ({fmtNum(districtData?.summary?.totalOrders || 0)} คำสั่งซื้อ)
+              {t('districtModal.ordersCountParen', { count: fmtNum(districtData?.summary?.totalOrders || 0) })}
             </span>
             <span className="text-slate-500 hidden sm:inline">•</span>
             <span className="text-slate-400 hidden sm:inline">
-              คำสั่งซื้อทั้งหมดที่ดึงมา:{' '}
+              {t('districtModal.totalFetchedOrdersLabel')}{' '}
               <span className="text-white font-bold font-mono">
                 {fmtNum(districtData?.orders?.length || 0)}
               </span>{' '}
-              รายการ
+              {t('districtModal.itemsUnit')}
             </span>
           </div>
 
           <button
             onClick={onClose}
-            className="px-6 py-2 rounded-xl bg-white/10 hover:bg-white/15 text-white font-bold text-xs transition-colors"
+            className="px-6 py-2 rounded-xl bg-white/10 hover:bg-white/15 text-white font-bold text-xs transition-colors cursor-pointer"
           >
-            ปิดหน้าต่าง
+            {t('common.close')}
           </button>
         </div>
       </div>
diff --git a/apps/admin/src/components/tiktok-map/ThailandMapSvg.tsx b/apps/admin/src/components/tiktok-map/ThailandMapSvg.tsx
index b0c4172..0928637 100644
--- a/apps/admin/src/components/tiktok-map/ThailandMapSvg.tsx
+++ b/apps/admin/src/components/tiktok-map/ThailandMapSvg.tsx
@@ -1,7 +1,8 @@
 import { useEffect, useState, useMemo, useRef } from 'react';
 import * as d3Geo from 'd3-geo';
 import { ZoomIn, ZoomOut, RotateCcw } from 'lucide-react';
-import { fmtBaht, fmtNum, getChoroplethColor } from '../../utils/thaiGeoUtils';
+import { useTranslation } from 'react-i18next';
+import { fmtBaht, fmtNum, getChoroplethColor, getLocalizedProvinceName, getLocalizedRegionName } from '../../utils/thaiGeoUtils';
 
 interface ProvinceData {
   code: string;
@@ -24,6 +25,7 @@ export default function ThailandMapSvg({
   selectedProvince,
   onSelectProvince,
 }: ThailandMapSvgProps) {
+  const { t, i18n } = useTranslation();
   const [geoData, setGeoData] = useState<any>(null);
   const [loading, setLoading] = useState(true);
   const [hoveredFeature, setHoveredFeature] = useState<any>(null);
@@ -100,13 +102,6 @@ export default function ThailandMapSvg({
   };
 
   const handleMouseMove = (e: React.MouseEvent) => {
-    if (isDragging) {
-      setPan({
-        x: e.clientX - dragStartRef.current.x,
-        y: e.clientY - dragStartRef.current.y,
-      });
-    }
-
     if (containerRef.current) {
       const rect = containerRef.current.getBoundingClientRect();
       setTooltipPos({
@@ -114,9 +109,17 @@ export default function ThailandMapSvg({
         y: e.clientY - rect.top,
       });
     }
+
+    if (!isDragging) return;
+    setPan({
+      x: e.clientX - dragStartRef.current.x,
+      y: e.clientY - dragStartRef.current.y,
+    });
   };
 
-  const handleMouseUp = () => setIsDragging(false);
+  const handleMouseUp = () => {
+    setIsDragging(false);
+  };
 
   if (loading) {
     return (
@@ -143,21 +146,21 @@ export default function ThailandMapSvg({
       <div className="absolute top-4 right-4 z-20 flex flex-col gap-1.5 bg-slate-900/80 backdrop-blur-md p-1.5 rounded-xl border border-white/10 shadow-xl">
         <button
           onClick={handleZoomIn}
-          title="ซูมเข้า"
+          title={t('salesMap.zoomIn', 'Zoom In')}
           className="p-2 rounded-lg bg-white/5 hover:bg-emerald-500/20 text-slate-300 hover:text-emerald-400 transition-colors"
         >
           <ZoomIn className="w-4 h-4" />
         </button>
         <button
           onClick={handleZoomOut}
-          title="ซูมออก"
+          title={t('salesMap.zoomOut', 'Zoom Out')}
           className="p-2 rounded-lg bg-white/5 hover:bg-emerald-500/20 text-slate-300 hover:text-emerald-400 transition-colors"
         >
           <ZoomOut className="w-4 h-4" />
         </button>
         <button
           onClick={handleResetZoom}
-          title="รีเซ็ตมุมมอง"
+          title={t('salesMap.resetZoom', 'Reset View')}
           className="p-2 rounded-lg bg-white/5 hover:bg-rose-500/20 text-slate-300 hover:text-rose-400 transition-colors"
         >
           <RotateCcw className="w-4 h-4" />
@@ -214,40 +217,50 @@ export default function ThailandMapSvg({
       </svg>
 
       {/* Hover Tooltip */}
-      {hoveredFeature && tooltipPos && (
-        <div
-          className="absolute pointer-events-none z-30 bg-slate-900/95 backdrop-blur-md border border-emerald-500/30 rounded-xl px-3.5 py-2.5 shadow-2xl text-xs flex flex-col gap-1 transition-transform duration-75"
-          style={{
-            left: `${Math.min(tooltipPos.x + 15, (containerRef.current?.clientWidth || 500) - 170)}px`,
-            top: `${Math.min(tooltipPos.y - 10, (containerRef.current?.clientHeight || 600) - 90)}px`,
-          }}
-        >
-          <div className="flex items-center justify-between gap-3">
-            <span className="font-bold text-white text-sm">
-              {hoveredFeature.properties.pro_th}
-            </span>
-            <span className="text-[10px] text-slate-400 font-mono">
-              {hoveredFeature.properties.pro_en}
-            </span>
+      {hoveredFeature && tooltipPos && (() => {
+        const rawTh = hoveredFeature.properties.pro_th;
+        const localizedName = getLocalizedProvinceName(rawTh, i18n.language);
+        const subName = i18n.language === 'th' ? hoveredFeature.properties.pro_en : rawTh;
+        const regionRaw = provincesData[rawTh]?.region || hoveredFeature.properties.reg_royin || '';
+        const localizedRegion = getLocalizedRegionName(regionRaw, i18n.language);
+
+        return (
+          <div
+            className="absolute pointer-events-none z-30 bg-slate-900/95 backdrop-blur-md border border-emerald-500/30 rounded-xl px-3.5 py-2.5 shadow-2xl text-xs flex flex-col gap-1 transition-transform duration-75"
+            style={{
+              left: `${Math.min(tooltipPos.x + 15, (containerRef.current?.clientWidth || 500) - 170)}px`,
+              top: `${Math.min(tooltipPos.y - 10, (containerRef.current?.clientHeight || 600) - 90)}px`,
+            }}
+          >
+            <div className="flex items-center justify-between gap-3">
+              <span className="font-bold text-white text-sm">
+                {localizedName}
+              </span>
+              <span className="text-[10px] text-slate-400 font-mono">
+                {subName}
+              </span>
+            </div>
+            {localizedRegion && (
+              <div className="text-[10px] text-emerald-400 font-medium">
+                {localizedRegion}
+              </div>
+            )}
+            <div className="h-px bg-white/10 my-0.5" />
+            <div className="flex items-center justify-between gap-4">
+              <span className="text-slate-400">{t('salesMap.revenue', 'Revenue')}:</span>
+              <span className="font-bold text-emerald-400 font-mono">
+                {fmtBaht(provincesData[rawTh]?.revenue || 0)}
+              </span>
+            </div>
+            <div className="flex items-center justify-between gap-4">
+              <span className="text-slate-400">{t('salesMap.orders', 'Orders')}:</span>
+              <span className="font-bold text-white font-mono">
+                {fmtNum(provincesData[rawTh]?.orders || 0)} {t('salesMap.orders', 'orders')}
+              </span>
+            </div>
           </div>
-          <div className="text-[10px] text-emerald-400 font-medium">
-            {provincesData[hoveredFeature.properties.pro_th]?.regionTh || hoveredFeature.properties.reg_royin || 'ไม่ระบุภาค'}
-          </div>
-          <div className="h-px bg-white/10 my-0.5" />
-          <div className="flex items-center justify-between gap-4">
-            <span className="text-slate-400">ยอดขาย:</span>
-            <span className="font-bold text-emerald-400 font-mono">
-              {fmtBaht(provincesData[hoveredFeature.properties.pro_th]?.revenue || 0)}
-            </span>
-          </div>
-          <div className="flex items-center justify-between gap-4">
-            <span className="text-slate-400">คำสั่งซื้อ:</span>
-            <span className="font-bold text-white font-mono">
-              {fmtNum(provincesData[hoveredFeature.properties.pro_th]?.orders || 0)} ออเดอร์
-            </span>
-          </div>
-        </div>
-      )}
+        );
+      })()}
     </div>
   );
 }
diff --git a/apps/admin/src/i18n/index.ts b/apps/admin/src/i18n/index.ts
new file mode 100644
index 0000000..f000255
--- /dev/null
+++ b/apps/admin/src/i18n/index.ts
@@ -0,0 +1,37 @@
+import i18n from 'i18next'
+import { initReactI18next } from 'react-i18next'
+
+import enTranslation from '../locales/en/translation.json'
+import thTranslation from '../locales/th/translation.json'
+import jaTranslation from '../locales/ja/translation.json'
+import zhTranslation from '../locales/zh/translation.json'
+
+export const SUPPORTED_LANGUAGES = [
+  { code: 'th', label: 'ไทย', flag: '🇹🇭' },
+  { code: 'en', label: 'English', flag: '🇬🇧' },
+  { code: 'ja', label: '日本語', flag: '🇯🇵' },
+  { code: 'zh', label: '中文', flag: '🇨🇳' },
+] as const
+
+export type SupportedLanguageCode = typeof SUPPORTED_LANGUAGES[number]['code']
+
+// Retrieve default lang from localStorage if set, default to 'th'
+const savedLang = localStorage.getItem('admin_lang') || 'th'
+
+i18n
+  .use(initReactI18next)
+  .init({
+    resources: {
+      en: { translation: enTranslation },
+      th: { translation: thTranslation },
+      ja: { translation: jaTranslation },
+      zh: { translation: zhTranslation },
+    },
+    lng: savedLang,
+    fallbackLng: 'en',
+    interpolation: {
+      escapeValue: false, // react already escapes from xss
+    },
+  })
+
+export default i18n
diff --git a/apps/admin/src/locales/en/translation.json b/apps/admin/src/locales/en/translation.json
new file mode 100644
index 0000000..944fd83
--- /dev/null
+++ b/apps/admin/src/locales/en/translation.json
@@ -0,0 +1,1207 @@
+{
+  "common": {
+    "save": "Save",
+    "saving": "Saving...",
+    "saveChanges": "Save Changes",
+    "cancel": "Cancel",
+    "delete": "Delete",
+    "deleting": "Deleting...",
+    "edit": "Edit",
+    "create": "Create",
+    "add": "Add",
+    "addNew": "Add New",
+    "search": "Search",
+    "searchPlaceholder": "Search...",
+    "filter": "Filter",
+    "all": "All",
+    "export": "Export",
+    "import": "Import",
+    "upload": "Upload",
+    "uploading": "Uploading...",
+    "actions": "Actions",
+    "status": "Status",
+    "back": "Back",
+    "refresh": "Refresh",
+    "confirm": "Confirm",
+    "confirmDelete": "Are you sure you want to delete this item?",
+    "yes": "Yes",
+    "no": "No",
+    "view": "View",
+    "details": "Details",
+    "loading": "Loading...",
+    "success": "Success",
+    "error": "Error",
+    "required": "Required",
+    "optional": "Optional",
+    "logout": "Logout",
+    "adminAccount": "Admin Account",
+    "systemManager": "System Manager",
+    "language": "Language",
+    "selectLanguage": "Select Language",
+    "noData": "No data available",
+    "total": "Total",
+    "date": "Date",
+    "close": "Close"
+  },
+  "nav": {
+    "dashboard": "Dashboard",
+    "catalog": "Catalog & Products",
+    "categories": "Categories",
+    "products": "Products",
+    "productAttributes": "Product Attributes",
+    "rawMaterials": "Raw Materials",
+    "sales": "Sales & Marketing",
+    "orders": "Orders",
+    "promotions": "Promotions",
+    "coupons": "Coupons",
+    "globalAnalytics": "All Analytics",
+    "businessAnalytics": "Business Analytics",
+    "omnichannelSalesMap": "Omnichannel Sales Map",
+    "productSalesMap": "Product Sales Map",
+    "tools": "Tools",
+    "marketplaceProducts": "Marketplace Products",
+    "tiktok": "TikTok Channel",
+    "tiktokOrders": "TikTok Orders",
+    "thailandSalesMap": "Thailand Sales Map",
+    "tiktokAnalytics": "TikTok Analytics",
+    "tiktokOverview": "TikTok All Shops",
+    "tiktokPriceSimulator": "TikTok Price Simulator",
+    "tiktokShopCase": "TikTok Shop Case",
+    "tiktokReportImport": "TikTok Report Import",
+    "productSkuAnalysis": "Product SKU Analysis",
+    "shopee": "Shopee Channel",
+    "shopeeHomAroma": "Shopee (Hom Aroma)",
+    "shopeeSalesMap": "Thailand Sales Map",
+    "shopeeAnalytics": "Shopee Analytics",
+    "shopeeOverview": "Shopee All Shops",
+    "shopeeShopCase": "Shopee Shop Case",
+    "lazada": "Lazada Channel",
+    "lazadaOrders": "Lazada Orders",
+    "lazadaAnalytics": "Lazada Analytics",
+    "lazadaOverview": "Lazada All Shops",
+    "cms": "Content & CMS",
+    "pageBuilder": "Page Builder (CMS)",
+    "cmsBlockShowcase": "CMS Block Showcase",
+    "mediaLibrary": "Media Library",
+    "scentGuide": "Scent Guide",
+    "customers": "Customers",
+    "customerList": "Customers",
+    "newsletterSubscribers": "Subscribers",
+    "contactMessages": "Contact Messages",
+    "menuManager": "Menu Manager",
+    "mainNavigation": "Main Navigation",
+    "footerExplore": "Footer Explore",
+    "footerSupport": "Footer Support",
+    "footerBrand": "Footer Brand",
+    "backup": "Backup & Restore",
+    "backupDashboard": "Backup Dashboard",
+    "backupDatabase": "Database Backup",
+    "backupCatalog": "Catalog Backup",
+    "backupOrders": "Orders Backup",
+    "backupCms": "CMS Pages Backup",
+    "backupMedia": "Media Backup",
+    "settings": "Settings",
+    "storeSettings": "Store Settings",
+    "paymentSettings": "Payment Settings",
+    "themeSettings": "Theme Settings",
+    "contentSettings": "Content Settings",
+    "systemMaintenance": "System Maintenance"
+  },
+  "contentTabs": {
+    "th": "Thai",
+    "en": "English",
+    "ja": "Japanese",
+    "zh": "Chinese",
+    "translated": "Translated",
+    "untranslated": "Untranslated",
+    "copyFrom": "Copy from",
+    "language": "Content Language"
+  },
+  "dashboard": {
+    "title": "Executive Dashboard",
+    "subtitle": "Overview of sales, inventory, and multichannel performance",
+    "totalRevenue": "Total Revenue",
+    "totalOrders": "Total Orders",
+    "totalProducts": "Total Products",
+    "totalCustomers": "Total Customers",
+    "recentOrders": "Recent Orders",
+    "popularProducts": "Popular Products",
+    "salesTrend": "Sales Trend"
+  },
+  "products": {
+    "title": "Product Management",
+    "subtitle": "Manage catalog, pricing, variants, and localized content",
+    "addNew": "Add Product",
+    "searchPlaceholder": "Search products by name or SKU...",
+    "category": "Category",
+    "price": "Price",
+    "stock": "Stock",
+    "sku": "SKU",
+    "name": "Product Name",
+    "image": "Image",
+    "variants": "Variants",
+    "status": "Status",
+    "editProduct": "Edit Product",
+    "cmsBuilder": "CMS Builder",
+    "bom": "BOM & Formula"
+  },
+  "categories": {
+    "title": "Categories Management",
+    "subtitle": "Organize products into multilingual categories",
+    "addNew": "Add Category",
+    "editCategory": "Edit Category",
+    "name": "Category Name",
+    "image": "Category Image",
+    "itemCount": "Products Count"
+  },
+  "orders": {
+    "title": "Order Management",
+    "subtitle": "Review incoming orders and verify payments",
+    "searchPlaceholder": "Search order ID, customer, phone...",
+    "statusAll": "All",
+    "statusPending": "Pending Payment",
+    "statusPaid": "Paid",
+    "statusShipped": "Shipped",
+    "statusCancelled": "Cancelled",
+    "orderId": "Order ID",
+    "customer": "Customer",
+    "totalAmount": "Total Amount",
+    "payment": "Payment",
+    "fulfillment": "Fulfillment",
+    "date": "Date",
+    "total": "Total",
+    "status": "Status",
+    "action": "Action",
+    "review": "Review",
+    "noOrders": "No orders found.",
+    "orderItems": "Order Items",
+    "customerDetails": "Customer Details",
+    "paymentSlip": "Payment Proof / Slip",
+    "updateStatus": "Update Status",
+    "markPaid": "Mark as Paid",
+    "markShipped": "Mark as Shipped",
+    "markCancelled": "Cancel Order"
+  },
+  "login": {
+    "title": "Admin Portal",
+    "subtitle": "Sign in to manage your e-commerce platform",
+    "email": "Email Address",
+    "password": "Password",
+    "signIn": "Sign In",
+    "signingIn": "Signing In...",
+    "invalidCredentials": "Invalid email or password",
+    "rememberMe": "Remember me"
+  },
+  "analytics": {
+    "globalOverview": "Global Overview",
+    "allPlatformsOverview": "All Platforms Overview",
+    "loadingGlobal": "Aggregating global platform data...",
+    "preset7d": "7 Days",
+    "preset30d": "30 Days",
+    "preset90d": "90 Days",
+    "presetThisMonth": "This Month",
+    "presetLastMonth": "Last Month",
+    "presetThisYear": "This Year",
+    "presetLastYear": "Last Year",
+    "presetLast12m": "Last 12 Months",
+    "presetAll": "All Time",
+    "customRange": "Custom:",
+    "to": "to",
+    "apply": "Apply",
+    "clear": "Clear",
+    "totalCompanyRevenue": "Total Company Revenue",
+    "orders": "orders",
+    "averageOrderValue": "Overall AOV (Avg)",
+    "fromCompletedOrders": "From completed orders",
+    "totalCancelRate": "Total Cancel Rate",
+    "cancelledOrders": "cancelled orders",
+    "totalShipping": "Total Shipping Fee",
+    "allPlatformsShipping": "Across all platforms",
+    "revenueShareByPlatform": "Revenue Share by Platform",
+    "platformComparison": "Platform Comparison",
+    "platform": "Platform",
+    "revenue": "Revenue",
+    "share": "Share",
+    "monthlyRevenueByPlatform": "Monthly Revenue (by Platform)",
+    "noMonthlyData": "No monthly data available"
+  },
+  "salesMap": {
+    "title": "Omnichannel Sales Map",
+    "productTitle": "Product Sales Map",
+    "badge": "Geo-Intelligence Heatmap",
+    "productBadge": "Geo-Intelligence by Product",
+    "subtitle": "Cross-Platform Intelligence • 77 Provinces & 928 Districts across Thailand (TikTok, Shopee, Lazada)",
+    "productSubtitle": "Analyze sales density and regional distribution for each product across 77 provinces and 928 districts",
+    "viewByRevenue": "฿ View by Revenue",
+    "viewByQuantity": "📦 View by Units Sold",
+    "mapView": "Map View",
+    "listView": "Table View",
+    "allChannels": "All Channels",
+    "tiktok": "TikTok Shop",
+    "shopee": "Shopee",
+    "lazada": "Lazada",
+    "tiktokOnly": "TikTok Only",
+    "shopeeOnly": "Shopee Only",
+    "lazadaOnly": "Lazada Only",
+    "allShops": "All Shops",
+    "allStatuses": "All Statuses",
+    "completedOnly": "Completed Only",
+    "cancelledOnly": "Cancelled Only",
+    "totalRevenue": "Total Revenue",
+    "totalUnits": "Total Units Sold",
+    "totalOrders": "Total Orders",
+    "topProvince": "Top Performing Province",
+    "activeProvinces": "Active Provinces",
+    "aov": "Average Order Value (AOV)",
+    "penetration": "National Coverage",
+    "searchProvince": "Search province, region...",
+    "searchProduct": "Search product name, SKU...",
+    "selectProduct": "Select Product to Analyze",
+    "allVariants": "All Variants (Whole Product)",
+    "province": "Province",
+    "region": "Region",
+    "revenue": "Revenue",
+    "unitsSold": "Units Sold",
+    "orders": "Orders",
+    "share": "Share",
+    "actions": "Actions",
+    "viewDistricts": "View Districts",
+    "loadingMap": "Loading Geo-Intelligence map...",
+    "loadingDistricts": "Loading district breakdown...",
+    "noData": "No sales data found for the selected filter",
+    "districtBreakdown": "District Breakdown",
+    "allDistricts": "All Districts",
+    "ordersList": "Recent Orders in",
+    "searchDistrict": "Search district...",
+    "close": "Close",
+    "backToProvinces": "Back to Provinces",
+    "zoomIn": "Zoom In",
+    "zoomOut": "Zoom Out",
+    "resetZoom": "Reset View",
+    "dragHint": "Drag to pan, scroll or click +/- to zoom",
+    "regionalBreakdown": "Regional Sales Breakdown",
+    "tiktokShopLabel": "TikTok Shop:",
+    "allTiktokShops": "All TikTok Shops",
+    "shopeeShopLabel": "Shopee Shop:",
+    "allShopeeShops": "All Shopee Shops",
+    "lazadaShopLabel": "Lazada Shop:",
+    "allLazadaShops": "All Lazada Shops",
+    "productTotalRevenue": "Total Product Revenue",
+    "totalUnitsSold": "Total Units Sold",
+    "provinceCoverage": "Province Distribution",
+    "topSellingProvince": "Top Selling Province",
+    "topSellingRegion": "Top Selling Region",
+    "densityMap": "Density Map",
+    "less": "Low",
+    "more": "High",
+    "selectMasterProduct": "Select Master Product:",
+    "variantOptions": "Variants/Options:",
+    "allVariantsTotal": "All Variants Combined"
+  },
+  "marketplaceProducts": {
+    "title": "Marketplace Products & SKU Manager",
+    "badge": "Tool • TikTok + Shopee + Lazada",
+    "subtitle": "Aggregate sold marketplace products and link (SKU Mapping) with Master Catalog for BOM cost and profit analysis",
+    "autoMatch": "⚡ Auto-Match SKUs",
+    "syncFromOrders": "🔄 Sync All from Orders",
+    "syncing": "Syncing marketplace data...",
+    "kpiTotalSkus": "Marketplace Products",
+    "skuUnit": "Items/SKUs",
+    "kpiTotalSkusSub": "All sold product variations across channels",
+    "kpiMappingProgress": "Master SKU Mapping",
+    "unmappedLabel": "Unmapped:",
+    "itemUnit": "items",
+    "kpiTotalSold": "Total Units Sold",
+    "unitsSold": "units",
+    "kpiTotalSoldSub": "Cumulative sold items across all orders",
+    "kpiTotalRevenue": "Gross Revenue",
+    "kpiTotalRevenueSub": "Total payments received from customers",
+    "kpiEstProfit": "Est. Gross Profit (BOM)",
+    "marginLabel": "Overall Margin:",
+    "allChannels": "🌐 All Channels",
+    "tiktok": "🔴 TikTok",
+    "shopee": "🟠 Shopee",
+    "lazada": "🔵 Lazada",
+    "shopLabel": "Shop:",
+    "allShops": "All Shops",
+    "statusAll": "All",
+    "statusMapped": "Mapped",
+    "statusUnmapped": "Unmapped",
+    "searchPlaceholder": "Search product name, SKU, variation, or master variant...",
+    "sortBy": "Sort by:",
+    "sortRevenue": "Highest Revenue",
+    "sortSold": "Highest Units Sold",
+    "sortName": "Product Name (A-Z)",
+    "sortRecent": "Recently Sold",
+    "thChannelShop": "Channel / Shop",
+    "thProductName": "Product & Variation (Marketplace)",
+    "thSku": "Seller SKU",
+    "thSoldQty": "Sold Qty",
+    "thTotalRevenue": "Total Revenue (฿)",
+    "thAvgPrice": "Avg Price",
+    "thMasterProduct": "Master Product (Core Catalog)",
+    "thBomCost": "BOM Cost (฿)",
+    "thEstProfit": "Est. Profit",
+    "thActions": "Actions",
+    "loading": "Loading marketplace products...",
+    "noData": "No marketplace products match the selected criteria",
+    "clickToSync": "Click to sync products from orders",
+    "variationPrefix": "Variation:",
+    "unmappedBadge": "Unmapped SKU",
+    "perUnit": "/unit",
+    "totalPrefix": "Total",
+    "noBom": "No BOM Cost",
+    "changeMapping": "Change Mapping",
+    "mapProduct": "Map SKU",
+    "modalTitle": "Map Marketplace Item to Master Catalog",
+    "modalSubtitle": "Select matching master product and variant from core catalog",
+    "productOn": "Product on",
+    "soldLabel": "Sold:",
+    "revenueLabel": "Revenue:",
+    "avgPriceLabel": "Avg Price:",
+    "modalSearchPlaceholder": "Type to search master product, SKU code, or variant option...",
+    "noMasterFound": "No matching master catalog products found",
+    "bomCostLabel": "BOM Cost:",
+    "unlink": "Unlink SKU",
+    "saveMapping": "Save Mapping",
+    "toastLoadError": "Failed to load marketplace products",
+    "toastSyncSuccess": "Marketplace products synced! Total {{total}} items ({{matched}} auto-matched)",
+    "toastSyncError": "Unable to sync products",
+    "toastSyncConnError": "Connection error during product sync",
+    "toastAutoMatchSuccess": "Auto-Match completed! {{matched}} additional SKUs matched ({{remaining}} unmapped)",
+    "toastAutoMatchError": "Failed to run Auto-Match",
+    "toastMapSuccess": "Product successfully linked to Master Catalog",
+    "toastUnlinkSuccess": "Product mapping removed",
+    "toastMapError": "Failed to save product mapping"
+  },
+  "tiktokOrders": {
+    "title": "TikTok Orders",
+    "viewData": "View Orders",
+    "importData": "Import CSV / XLSX",
+    "ordersTitle": "Orders — {{shop}}",
+    "importTitle": "Import Data from TikTok Shop",
+    "importSubtitle": "Upload Orders Report (.csv)",
+    "kpiTotalOrders": "Total Orders",
+    "skuCount": "{{count}} SKU Items",
+    "kpiGrossSales": "Total Sales (Gross)",
+    "skuRevenue": "SKU Revenue ฿{{amount}}",
+    "kpiTotalBomCost": "Total BOM Cost",
+    "estProfit": "Est. Profit ฿{{amount}} ({{margin}}%)",
+    "kpiCommissionAffiliate": "Commission & Affiliate",
+    "commAffBreakdown": "Comm: ฿{{comm}} | Aff: ฿{{aff}}",
+    "waitingSettlement": "Awaiting Settlement Statement Import",
+    "kpiBomStatus": "BOM Cost Status",
+    "missingBomOrders": "{{count}} orders missing BOM",
+    "bomComplete100": "BOM 100% Complete",
+    "missingBomWarning": "🔴 Some items are missing BOM cost",
+    "bomCostCalculated": "✓ All orders have BOM cost calculated",
+    "searchPlaceholder": "Search Order ID, Buyer, Tracking, SKU, Product Name...",
+    "bomFilterAll": "All BOM",
+    "bomFilterMissing": "Missing BOM",
+    "bomFilterComplete": "BOM Complete",
+    "statusFilterAll": "All Status",
+    "statusCompleted": "Completed",
+    "statusShipped": "Shipped",
+    "statusToShip": "To Ship",
+    "statusCancelled": "Cancelled",
+    "clearFilters": "Clear all filters",
+    "foundOrders": "Found <1>{{count}}</1> orders",
+    "fromSearch": "(matching <1>\"{{search}}\"</1>)",
+    "filteredMissingBom": "[filtered by Missing BOM]",
+    "totalOrdersCount": "Total <1>{{count}}</1> orders",
+    "thOrderId": "Order ID",
+    "thStatus": "Status",
+    "thBuyerArea": "Buyer / Area",
+    "thCreatedDate": "Created Date",
+    "thSkusBom": "SKUs & BOM",
+    "thOrderAmount": "Sales (฿)",
+    "thBomCost": "BOM Cost (฿)",
+    "thCommission": "Commission (฿)",
+    "thAffiliate": "Affiliate (฿)",
+    "thNetProfit": "Net Profit",
+    "thActions": "Actions",
+    "processingData": "Processing data...",
+    "noOrders": "No data available",
+    "settledTransferred": "Settled ฿{{amount}}",
+    "waitingSettlementTransfer": "Pending Settlement",
+    "missingBomCount": "Missing BOM ({{count}})",
+    "bomComplete": "BOM Complete",
+    "bomUnspecified": "Unspecified",
+    "bomPartial": "Partial ฿{{amount}}",
+    "waitingBomPrice": "Awaiting BOM cost",
+    "viewOrder": "View Order",
+    "districtPrefix": "Dist. ",
+    "provincePrefix": "Prov. ",
+    "targetShop": "Import to Shop:",
+    "tabOrdersCsv": "1. Orders (CSV)",
+    "tabSettlementXlsx": "2. Financial Settlement (XLSX)",
+    "csvDropzoneTitle": "Click to select Orders CSV files (multiple files supported)",
+    "csvDropzoneSub": "Hold Ctrl or Shift to select multiple files (.csv from TikTok Seller Center)",
+    "readingCsv": "Processing all CSV files...",
+    "selectedFilesCount": "Selected Files ({{count}} files)",
+    "totalRowsToOrders": "Total {{rows}} item rows → {{orders}} unique orders",
+    "rowsUnit": "rows",
+    "ordersUnit": "orders",
+    "duplicateOrdersAlertTitle": "{{count}} duplicate orders detected across files",
+    "duplicateOrdersAlertDesc": "The system will merge and upsert automatically by Order ID without creating duplicate entries or inflating sales revenue.",
+    "noCrossFileDuplicates": "No cross-file duplicate Order IDs detected",
+    "previewTitle": "Combined Data Preview (first 5 rows):",
+    "clearShopData": "Clear all data for {{shop}}",
+    "clearing": "Clearing data...",
+    "confirmClearData": "Are you sure you want to delete all TikTok data (both orders and settlement statements) for \"{{shop}}\"?\nThis action cannot be undone.",
+    "importOrdersButton": "Import {{orders}} Orders ({{rows}} items) → {{shop}}",
+    "importingFiles": "Importing {{count}} files...",
+    "xlsxDropzoneTitle": "Click to select Income / Settlement XLSX file",
+    "xlsxDropzoneSub": "Supports income_*.xlsx exported from Finance ➔ Statements ➔ Export Details",
+    "readingXlsx": "Reading financial data and calculating fees from Excel...",
+    "settlementSummaryTitle": "Financial Statement Summary ({{file}})",
+    "sheetLabel": "Sheet: {{sheet}}",
+    "transactionsFound": "{{count}} transactions found",
+    "netPayout": "Net Payout",
+    "revenue": "Total Product Revenue",
+    "tiktokCommission": "TikTok Commission",
+    "partnerAffiliate": "Partner Affiliate Fee",
+    "settlementPreviewTitle": "Settlement Statement Preview (first 5 rows):",
+    "thSettledDate": "Settled Date",
+    "thNetSettlement": "Net Settlement",
+    "thOrderFee": "Order Fee",
+    "confirmImportSettlement": "Confirm Import Settlement ({{count}} items) → {{shop}}"
+,
+    "savingSettlement": "Saving settlement data...",
+    "noOrdersInCsv": "No order data found in selected CSV file",
+    "cannotReadFile": "Cannot read file: {{error}}",
+    "noOrdersInSheet": "No order data found in Sheet \"{{sheet}}\"",
+    "cannotReadXlsx": "Failed to read XLSX file: {{error}}",
+    "errorReadingFile": "An error occurred while reading the file"
+  },
+  "tiktokOrderDetail": {
+    "loading": "Loading TikTok order details and calculating BOM cost...",
+    "notFound": "Order not found",
+    "backToList": "Back to Orders",
+    "missingBomPill": "Missing BOM ({{count}} items)",
+    "bomCompletePill": "BOM Complete",
+    "shopLabel": "Shop: {{shop}}",
+    "orderedAt": "Ordered at: {{time}}",
+    "viewInSalesMap": "View in Sales Map",
+    "missingBomAlertTitle": "Detected {{count}} items missing BOM recipe or cost prices",
+    "missingBomAlertSub": "Click the red button on the item below to configure BOM recipe or link to master catalog.",
+    "checkMappingTable": "Review SKU Mapping",
+    "orderItemsTitle": "Order Items ({{count}} SKUs)",
+    "totalBomCostLabel": "Total BOM Cost:",
+    "itemMissingBomBadge": "🔴 Missing BOM / Pricing Needed",
+    "itemHasBomBadge": "✓ BOM Recipe Available",
+    "variationLabel": "Variation: {{variation}}",
+    "linkedMasterLabel": "Linked: {{product}} ({{sku}})",
+    "thUnitPrice": "Unit Price",
+    "thQuantity": "Quantity",
+    "thSubtotal": "Subtotal",
+    "unitBomCostLabel": "BOM Cost/Unit:",
+    "totalBomCostItemLabel": "Total BOM Cost:",
+    "grossProfitLabel": "Gross Profit:",
+    "bomNotFoundWarning": "No BOM cost found for this item (unable to calculate profit)",
+    "editBom": "Edit BOM Recipe",
+    "addBom": "➕ Add BOM Recipe",
+    "mapMasterSku": "🔗 Map to Master SKU",
+    "rawMaterialBreakdown": "BOM Raw Materials ({{count}} items):",
+    "shippingTitle": "Shipping & Logistics Info",
+    "shippingProvider": "Shipping Provider",
+    "deliveryOption": "Delivery Option",
+    "warehouseName": "Warehouse",
+    "orderType": "Order Type",
+    "timelineTitle": "Order Timeline",
+    "createdDate": "Created Date",
+    "paidDate": "Paid Date",
+    "rtsTime": "RTS Time",
+    "shippedTime": "Shipped Time",
+    "deliveredTime": "Delivered Time",
+    "cancelledTime": "Cancelled Time",
+    "bomSummaryTitle": "Cost & Profit Summary (BOM)",
+    "revenueLabel": "Revenue (Gross)",
+    "totalBomCostSummary": "Total BOM Cost",
+    "commissionSummary": "Commission",
+    "affiliateSummary": "Affiliate Fee",
+    "netProfitSummary": "Net Profit",
+    "marginLabel": "Margin: {{margin}}%",
+    "incompleteWarningTitle": "Warning: Financials Incomplete",
+    "incompleteWarningDesc": "{{count}} items are missing BOM recipes or cost prices. Please input BOM costs for accurate profit calculation.",
+    "customerTitle": "Customer & Destination",
+    "tiktokUsername": "TikTok Username",
+    "paymentMethod": "Payment Method",
+    "destination": "Destination",
+    "unspecified": "Unspecified",
+    "financialsTitle": "Financial Breakdown",
+    "itemsSubtotal": "Items Subtotal",
+    "platformDiscount": "Platform Discount",
+    "sellerDiscount": "Seller Discount",
+    "shippingFee": "Shipping Fee",
+    "taxes": "Taxes",
+    "refundAmount": "Refund Amount",
+    "totalOrderAmount": "Net Order Amount"
+  },
+  "tiktokSalesMap": {
+    "title": "Thailand Sales Map (TikTok)",
+    "subtitle": "Analyze TikTok sales distribution and customer coverage across 77 provinces",
+    "mapView": "Map View",
+    "listView": "List View",
+    "allShops": "All Shops",
+    "periodAll": "All Time",
+    "period30Days": "Last 30 Days",
+    "periodThisYear": "This Year",
+    "periodCustom": "Custom Range",
+    "kpiTotalRevenue": "Total Revenue",
+    "kpiTotalOrders": "Total Orders",
+    "allStatusesSub": "Across all order statuses",
+    "kpiCoverage": "Province Coverage",
+    "outOf77Provinces": "/ 77 provinces",
+    "nationwideCoverage": "Nationwide reach",
+    "kpiAov": "Average Order Value",
+    "aovSub": "AOV calculated across orders",
+    "kpiTopRegion": "Top Performing Region",
+    "topRegionSub": "{{count}} orders ({{amount}})",
+    "mapCardTitle": "Thailand Sales Map",
+    "mapCardSub": "Darker shades indicate higher sales. Click a province to view its complete analytics.",
+    "provinceLabel": "Province",
+    "viewNationwide": "View Nationwide",
+    "nationwide": "Nationwide",
+    "coverageCountText": "{{count}} active provinces",
+    "provinceCardSub": "{{orders}} orders • {{region}}",
+    "noSales": "No Sales",
+    "highSales": "High Sales",
+    "btnDistrictFocus": "View District Details & Map Focus",
+    "selectProvinceHint": "Select a province above to synchronize district breakdowns, rankings, and trends.",
+    "topProvincesTitle": "Top Selling Provinces",
+    "rankingItemSub": "{{orders}} orders • {{region}}",
+    "rankingAov": "AOV {{amount}}",
+    "tableTitle": "77 Provinces Sales Summary Table",
+    "searchPlaceholder": "Search province or region...",
+    "thCode": "Code",
+    "thProvince": "Province",
+    "thRegion": "Region",
+    "thRevenue": "Total Revenue (฿)",
+    "thOrders": "Orders",
+    "thAov": "AOV (฿/order)",
+    "thActions": "Actions",
+    "btnDistrictMap": "District Map"
+  },
+  "districtModal": {
+    "selectedProvinceRegion": "Selected Province • {{region}}",
+    "title": "District Map & {{platform}} Orders • {{province}}",
+    "subtitle": "Click a district on the map to highlight and filter orders on the right panel (orange indicates selected districts)",
+    "districtMapTitle": "District Map ({{count}} districts)",
+    "multiSelectHint": "Click to select multiple districts",
+    "loadingMap": "Preparing district map...",
+    "geoNotFound": "No district coordinate data found for {{province}}",
+    "revenueLabel": "Revenue:",
+    "ordersLabel": "Orders:",
+    "ordersCount": "{{count}} orders",
+    "lowSales": "Low",
+    "highSales": "High",
+    "selected": "Selected",
+    "attribution": "ADM2 Boundary: mapthai / OCHA CODs - CC BY 4.0",
+    "selectedDistrictsCount": "{{count}} Districts Selected",
+    "touchHint": "Click map area to inspect data",
+    "noDistrictsSelected": "No districts selected",
+    "clickMapToFilter": "Click districts on the map to filter specific areas",
+    "ordersCountSub": "({{orders}} orders)",
+    "totalSelectedRevenue": "Selected Total:",
+    "platformOrdersTitle": "{{platform}} Orders in Area ({{count}})",
+    "filterDistrictsBadge": "Filtered {{count}} Districts",
+    "searchOrdersPlaceholder": "Search Order ID, product, SKU...",
+    "noOrdersFound": "No orders found matching selected filters",
+    "defaultItemTitle": "Product Order",
+    "provinceTotalLabel": "Province Total:",
+    "ordersCountParen": "({{count}} orders)",
+    "totalFetchedOrdersLabel": "Total Fetched Orders:",
+    "itemsUnit": "items"
+  },
+  "tiktokAnalytics": {
+    "loading": "Calculating analytics data...",
+    "noData": "No data available — Please import TikTok orders first",
+    "backToOrders": "Back to TikTok Orders",
+    "title": "Sales Analytics — {{shop}}",
+    "grossRevenue": "Gross Revenue",
+    "ordersCount": "{{count}} Orders",
+    "settlementPayout": "Settlement Payout",
+    "settlementPayoutSub": "Net payout deposited by TikTok",
+    "bomCost": "BOM Cost",
+    "bomCostSub": "Calculated from bill of materials",
+    "netProfit": "Net Profit",
+    "marginOfSales": "Margin {{margin}}% of sales",
+    "tiktokCommission": "TikTok Shop Commission",
+    "tiktokCommissionSub": "TikTok Platform Commission Fee",
+    "affiliateCommission": "Affiliate Commission",
+    "affiliateCommissionSub": "Affiliate Partner & Creator Fee",
+    "platformDiscount": "Platform Discount (TikTok Paid)",
+    "platformDiscountSub": "Subsidized by TikTok",
+    "sellerDiscount": "Seller Discount",
+    "sellerDiscountSub": "Discount funded by seller",
+    "completedOrders": "Completed Orders",
+    "outOfTotal": "out of {{total}} total",
+    "cancelledOrders": "Cancelled Orders",
+    "percentOfTotal": "{{rate}}% of total",
+    "totalShipping": "Total Shipping Collected",
+    "shippingCollectedSub": "Shipping fees collected from buyers",
+    "aov": "AOV (Avg. Order Value)",
+    "aovSub": "Average revenue per order",
+    "breadcrumb": "Analytics",
+    "monthlyFinancialsTitle": "Monthly Revenue, Fees & Net Profit",
+    "monthlyFinancialsSub": "Compare Gross Revenue, Settlement, Commissions, and Net Profit",
+    "barGrossRevenue": "฿ Gross Revenue",
+    "barSettlement": "฿ Settlement Payout",
+    "barCommission": "฿ TikTok Comm.",
+    "barAffiliate": "฿ Affiliate Fee",
+    "barNetProfit": "฿ Net Profit",
+    "noMonthlyData": "No monthly trend data available",
+    "monthlyOrdersTitle": "Monthly Order Volume",
+    "lineOrders": "Orders",
+    "lineItems": "Items Sold (Units)",
+    "statusShareTitle": "Order Status Breakdown",
+    "paymentMethodTitle": "Payment Methods",
+    "ordersPercent": "{{count}} orders · {{pct}}%",
+    "topProductsTitle": "Top 10 Best Selling Products (by Revenue)",
+    "thProduct": "Product",
+    "thVariation": "Variation",
+    "thUnits": "Units",
+    "thRevenue": "Revenue",
+    "thPercentTotal": "% of Total",
+    "waterfallTitle": "Financial Waterfall & Cost Structure",
+    "waterfallSub": "Revenue breakdown and deductions leading to Net Profit",
+    "step1Gross": "1. Gross Revenue",
+    "step2SellerDisc": "2. Less: Seller Discount",
+    "step3Comm": "3. Less: TikTok Commission",
+    "step4Aff": "4. Less: Affiliate Fee",
+    "step5Bom": "5. Less: Product BOM Cost",
+    "step6Net": "6. Net Profit",
+    "percentOfSales": "{{pct}}% of gross sales",
+    "platformSubsidyTitle": "Platform Funded Discounts (Subsidized by TikTok)",
+    "platformSubsidySub": "Coupons and discounts funded entirely by TikTok without deducting from seller payout"
+  },
+  "tiktokOverview": {
+    "loading": "Aggregating all shop data...",
+    "noData": "No data available — Please import TikTok data first",
+    "backToOrders": "Back to TikTok Orders",
+    "title": "All Shops Overview",
+    "viewAnalytics": "View Analytics",
+    "grandRevenue": "Total Revenue (All Shops)",
+    "ordersCount": "{{count}} Orders",
+    "grandNetRevenue": "Total Net Revenue",
+    "marginSub": "Margin {{margin}}%",
+    "grandPlatformDiscount": "Total Platform Discount",
+    "platformDiscountSub": "Subsidized by TikTok",
+    "grandAov": "Overall AOV",
+    "cancelRateSub": "Cancelled {{rate}}%",
+    "percentOfTotal": "{{pct}}% of total",
+    "statSales": "Sales",
+    "statPlatformDiscount": "TikTok Disc.",
+    "statOrders": "Orders",
+    "statSellerDiscount": "Seller Disc.",
+    "statCancelled": "Cancelled",
+    "statShipping": "Shipping",
+    "monthlySalesTitle": "Monthly Revenue (by Shop)",
+    "noMonthlyData": "No monthly data available",
+    "salesShareTitle": "Revenue Share by Shop",
+    "shopComparisonTitle": "Shop Comparison",
+    "thShop": "Shop",
+    "thRevenue": "Revenue",
+    "thPlatformDiscount": "Platform Discount",
+    "thOrders": "Orders",
+    "thCancelled": "Cancelled",
+    "totalAll": "Total",
+    "topProductsTitle": "Top 10 Best Selling Products — All Shops",
+    "thProduct": "Product",
+    "thVariation": "Variation",
+    "thUnits": "Units",
+    "thProductRevenue": "Revenue",
+    "thPercentTotal": "% of Total"
+  },
+  "tiktokPriceSimulator": {
+    "pageTitle": "TikTok Price Simulator",
+    "pageSubtitle": "Calculate List Price, Break-even point, and Campaign pricing buffers to protect your bottom line.",
+    "reset": "Reset",
+    "resetTitle": "Reset all values",
+    "step1Title": "Pricing",
+    "step1Desc": "Calculate List, Selling, and Campaign Price with safety buffers",
+    "step2Title": "Volume vs Margin",
+    "step2Desc": "Compare normal vs. campaign total profit volume",
+    "step3Title": "Product Strategy",
+    "step3Desc": "Classify Hero, Profit Maker, and Bundle products",
+    "step4Title": "Break-even Check",
+    "step4Desc": "Verify TikTok mandatory discount viability",
+    "sec1Title": "Section 1 — Price Buffer Calculator",
+    "sec1Subtitle": "Determine list price with built-in buffer for future campaign discounts",
+    "sec2Title": "Section 2 — Volume vs Margin Simulator",
+    "sec2Subtitle": "Evaluate profit tradeoffs between normal days and campaign surges",
+    "sec3Title": "Section 3 — Product Strategy Classifier",
+    "sec3Subtitle": "Classify products into 3 tiers based on profit margin %",
+    "sec4Title": "Section 4 — Break-even Alert",
+    "sec4Subtitle": "Instantly verify if TikTok mandatory promo prices breach break-even",
+    "footerTipTitle": "💡 Golden Rule: Don't get misled by GMV",
+    "footerTipBody": "High gross sales (GMV) does not equal cash in the bank. Always prioritize",
+    "footerTipBodyHighlight": "Net Profit after all deductions",
+    "footerTipBodyEnd": "If a campaign forces a negative margin, decline it or participate only with high-buffer SKUs.",
+    "costLabel": "Product Cost (COGS)",
+    "costHint": "Unit purchase or BOM cost",
+    "commLabel": "TikTok Commission",
+    "commHint": "Typically 8–12% depending on category",
+    "shippingLabel": "Shipping Fee",
+    "shippingHint": "Per order (if covered by seller)",
+    "sellerPays": "Seller Pays",
+    "targetProfitLabel": "Target Profit",
+    "targetProfitPctHint": "% Profit based on normal selling price",
+    "targetProfitAmountHint": "Net profit amount per unit (THB)",
+    "campaignDiscLabel": "Max Campaign Discount",
+    "campaignDiscHint": "% Mandatory discount during mega sales (e.g. 9.9)",
+    "platformVoucherLabel": "Platform Voucher (TikTok Funded)",
+    "platformVoucherHint": "% TikTok subsidy — does not deduct from seller",
+    "calcResults": "Calculation Results",
+    "listPriceLabel": "List Price (MSRP)",
+    "listPriceSub": "System price listed on TikTok Shop",
+    "listPriceFormula": "[Break-even] ÷ (1 - Campaign% - TikTok Voucher%) × 5% buffer",
+    "sellingPriceLabel": "Normal Selling Price",
+    "profitMarginSub": "Profit {{margin}} / unit {{profit}}",
+    "campaignPriceLabel": "Campaign Price",
+    "breakEvenLabel": "Break-even Point (Floor Price)",
+    "breakEvenSub": "Selling below this price creates a loss",
+    "normalProfitLabel": "Normal Profit / Unit",
+    "campaignProfitLabel": "Campaign Profit / Unit",
+    "formulaHelpTitle": "Formulas Used",
+    "formulaBreakEven": "Break-even = (Cost + Shipping) ÷ (1 − Commission%)",
+    "formulaSelling": "Selling Price = Break-even ÷ (1 − Profit%)",
+    "formulaList": "List Price = Break-even ÷ (1 − Campaign% − Platform%) × 1.05 (5% safety buffer)",
+    "normalDay": "Normal Day",
+    "units": "units",
+    "unitQty": "Unit Quantity",
+    "profitPerUnit": "Profit / Unit",
+    "totalProfit": "Total Profit",
+    "campaignDay": "Campaign / Mega Sale Day",
+    "campaignForecastQty": "Forecasted Quantity",
+    "campaignProfitPerUnit": "Profit / Unit (Discounted)",
+    "shouldJoinCampaign": "✅ Recommended to Join Campaign",
+    "shouldNotJoinCampaign": "❌ Do Not Join Campaign",
+    "joinReasonProfitUp": "Total profit increases by {{diff}} ({{mult}}× normal day) — Worth trading unit margin for volume",
+    "joinReasonNegative": "Unit profit is negative → High sales will drain cash. Strictly avoid!",
+    "joinReasonLower": "Campaign total profit ({{camp}}) is lower than normal days ({{norm}}) — Not profitable",
+    "diffLabel": "Profit Change",
+    "thProductName": "Product Name",
+    "thCost": "Cost (฿)",
+    "thListPrice": "List Price (฿)",
+    "thMargin": "Margin %",
+    "thGroup": "Tier",
+    "addProduct": "Add Product",
+    "noProductsInGroup": "No products in this group yet",
+    "groupHeroLabel": "🚀 Hero (Traffic Driver)",
+    "groupHeroDesc": "Drives store traffic — thin margin but huge volume",
+    "groupProfitLabel": "💎 Profit Maker",
+    "groupProfitDesc": "Primary profit driver — healthy margin, low discount",
+    "groupBundleLabel": "🎁 Bundle / Add-on",
+    "groupBundleDesc": "Increases AOV — bundled with core products",
+    "groupUnclassifiedLabel": "— Unclassified",
+    "groupUnclassifiedDesc": "Please fill in cost and list price",
+    "groupCriteriaTitle": "Classification Criteria",
+    "groupCriteriaHero": "🚀 Hero: Margin < 15% — Lower profit to capture traffic",
+    "groupCriteriaProfit": "💎 Profit Maker: Margin ≥ 30% — Main profit generator",
+    "groupCriteriaBundle": "🎁 Bundle: Margin 15–29% — Bundled to lift basket size",
+    "tiktokForcedPriceLabel": "TikTok Campaign Price",
+    "tiktokForcedPriceHint": "Mandatory campaign price set by TikTok",
+    "gaugeTitle": "Campaign Price Position vs. Break-even",
+    "gaugeBreakEven": "Break-even: {{breakEven}}",
+    "alertSafeLabel": "✅ Safe to Join Campaign",
+    "alertSafeDesc": "Healthy margin {{margin}} remaining — Unit profit {{profit}}",
+    "alertWarnLabel": "⚠️ Caution — Thin Margin",
+    "alertWarnDesc": "Margin drops to {{margin}} — Unit profit {{profit}} may not cover overhead",
+    "alertDangerLabel": "🚫 Strictly Avoid This Campaign!",
+    "alertDangerDesc": "Price {{price}} is below break-even {{breakEven}} — Every order loses money!",
+    "alertDangerAlt": "💡 Alternative: Opt out or submit only SKUs with sufficient margin buffer",
+    "alertBreakEvenSub": "Never sell below this price",
+    "profitPerUnitIfJoin": "Profit / Unit (If Joined)",
+    "lossAlert": "Loss!"
+  },
+  "tiktokShopCase": {
+    "pageTitle": "TikTok Shop Case",
+    "pageSubtitle": "Analyze real settlement bill breakdowns from TikTok Shop, simulate list prices, shop vouchers, COGS, and evaluate Net Profit & ROI before selling.",
+    "reset": "Reset",
+    "resetTitle": "Reset all values",
+    "case1Btn": "Case 1 (฿79 Bill)",
+    "case2Btn": "Case 2 (฿190 Bill)",
+    "case3Btn": "Case 3 (฿190 Bill + Affiliate)",
+    "case1Name": "Case 1",
+    "case2Name": "Case 2",
+    "case3Name": "Case 3",
+    "useDefaultBtn": "Use Default Sample Values",
+    "sectionTitle": "Real Case Study & Fee Simulator Tool",
+    "billDetailSubtitle": "Original real bill details for {{caseName}}:",
+    "grossBeforeDiscount": "Total item price before discount",
+    "shopDiscountWithPct": "Shop discount (reduced by %)",
+    "netBaseForCommission": "Net bill after discount (Commission base)",
+    "step1ControlTitle": "1. Simulate Pricing, Discounts & Product Cost (Customizable):",
+    "listPriceLabel": "Price before discount (List Price)",
+    "costLabel": "Product Cost (COGS)",
+    "shopDiscountsLabel": "Shop Discounts (Vouchers 1-3)",
+    "couponIndex": "Coupon #{{index}}",
+    "step2ControlTitle": "2. Simulate Fee Percentage Changes (%):",
+    "feeTransaction": "Transaction (%)",
+    "feeCommission": "TikTok Commission (%)",
+    "feeGrowth": "Growth Support (%)",
+    "feeAffiliate": "Affiliate Commission (%)",
+    "tableBeforeTitle": "Before Simulation (Original Bill)",
+    "tableAfterTitle": "After Simulation (New Scenario)",
+    "totalPctHeader": "Total {{pct}}%",
+    "rowGross": "Gross item total before discount",
+    "rowShopDiscount": "Shop discount",
+    "rowShopDiscountTotal": "Shop discount (Total)",
+    "rowCouponItem": "- Coupon #{{index}} ({{val}})",
+    "rowNetBase": "Net item total (Commission base)",
+    "rowFeeTrans": "- Transaction fee ({{pct}}%)",
+    "rowFeeComm": "- TikTok Shop commission ({{pct}}%)",
+    "rowFeeGrowth": "- Growth support fee ({{pct}}%)",
+    "rowFeeAffiliate": "- Affiliate commission ({{pct}}%)",
+    "rowTotalFees": "Total deducted fees",
+    "rowNetPayout": "Net settlement payout to bank",
+    "rowCost": "- Product cost (COGS)",
+    "rowNetProfit": "Net Profit",
+    "rowMargin": "Profit margin on sales (Margin %)",
+    "rowRoi": "Return on Investment (ROI %)",
+    "diffProfitUp": "Payout increased by ฿{{diff}} with new fee structure",
+    "diffPayoutChanged": "Net bank payout differs by ฿{{diff}} ({{sign}}{{pct}}%) compared to original bill"
+  },
+  "shopeeSalesMap": {
+    "pageTitle": "Thailand Sales Map (Shopee)",
+    "pageSubtitle": "Analyze Shopee sales distribution and customer market potential across 77 provinces",
+    "viewMap": "Map View",
+    "viewList": "List View",
+    "allShops": "All Shops",
+    "periodAll": "All Time",
+    "period30Days": "Last 30 Days",
+    "periodThisYear": "This Year",
+    "periodCustom": "Custom",
+    "loading": "Loading...",
+    "filter": "Filter",
+    "kpiTotalRevenue": "Total Revenue",
+    "kpiTotalRevenueSub": "Shopee Total Revenue",
+    "kpiTotalOrders": "Total Orders",
+    "kpiTotalOrdersSub": "All Shopee Orders",
+    "kpiCoverage": "Province Coverage",
+    "outOf77Provinces": "/ 77 Provinces",
+    "nationwideCoverage": "Nationwide Coverage",
+    "kpiAov": "Average Order Value (AOV)",
+    "aovSub": "AOV calculated across all orders",
+    "kpiTopRegion": "Top Performing Region",
+    "topRegionBadge": "Top Region",
+    "topRegionSub": "{{count}} Orders ({{amount}})",
+    "mapCardTitle": "Thailand Sales Map (Shopee)",
+    "mapCardSub": "Darker shades represent higher revenue. Click a province to view its regional details.",
+    "provinceLabel": "Province",
+    "viewNationwide": "View Nationwide",
+    "nationwide": "Nationwide",
+    "coverageCountText": "{{count}} Provinces with sales",
+    "provinceCardSub": "{{orders}} orders • {{region}}",
+    "noSales": "No Sales",
+    "highSales": "High Sales",
+    "btnDistrictFocus": "View District Map Details (Map Focus)",
+    "selectProvinceHint": "Select a province to dynamically filter regional trends, categories, and top shops.",
+    "topProvincesTitle": "Top Provinces by Revenue (Shopee)",
+    "rankingItemSub": "{{orders}} orders • {{region}}",
+    "rankingAov": "AOV {{amount}}",
+    "tableTitle": "Shopee 77-Province Revenue Summary Table",
+    "searchPlaceholder": "Search by province or region...",
+    "thCode": "Code",
+    "thProvince": "Province",
+    "thRegion": "Region",
+    "thRevenue": "Revenue (฿)",
+    "thOrders": "Orders",
+    "thAov": "AOV (฿/Order)",
+    "thActions": "Actions",
+    "btnDistrictMap": "District Map"
+  },
+  "shopeeAnalytics": {
+    "loading": "Calculating analytics data...",
+    "noData": "No data available — Please import Shopee files first",
+    "backToShopee": "Back to Shopee",
+    "breadcrumb": "Analytics",
+    "title": "Sales Analytics — {{shop}}",
+    "kpiGrossRevenue": "Gross Revenue",
+    "kpiGrossOrdersSub": "{{count}} Orders",
+    "kpiNetRevenue": "Net Revenue",
+    "kpiNetSub": "After deducting Commission + Shipping",
+    "kpiCommission": "Total Commission",
+    "kpiCommissionSub": "{{rate}}% of gross sales",
+    "kpiAov": "AOV (Avg. Order Value)",
+    "kpiAovSub": "Average Order Value",
+    "kpiCompletedOrders": "Completed Orders",
+    "kpiCompletedSub": "out of {{total}} total",
+    "kpiCancelledOrders": "Cancelled Orders",
+    "kpiCancelledSub": "{{rate}}% of total",
+    "kpiShipping": "Shipping Paid by Buyer",
+    "kpiShippingSub": "Shipping fee paid by buyer",
+    "kpiEffectiveMargin": "Effective Net Margin",
+    "kpiEffectiveMarginSub": "Net / Gross Revenue",
+    "monthlyRevenueTitle": "Monthly Sales",
+    "monthlyRevenueSub": "Gross Revenue vs Net Revenue",
+    "barGrossRevenue": "฿ Gross Revenue",
+    "barNetRevenue": "฿ Net Revenue",
+    "barCommission": "฿ Commission",
+    "noMonthlyData": "No monthly trend data available",
+    "monthlyOrdersTitle": "Monthly Order Volume",
+    "lineOrders": "Orders",
+    "lineItems": "Items Sold (Units)",
+    "statusBreakdownTitle": "Order Status Breakdown",
+    "paymentMethodTitle": "Payment Methods",
+    "ordersCountAndPct": "{{count}} orders · {{pct}}%",
+    "topProductsTitle": "Top 10 Best Selling Products (by Revenue)",
+    "thProduct": "Product",
+    "thVariation": "Variation",
+    "thUnits": "Units",
+    "thOrders": "Orders",
+    "thRevenue": "Revenue",
+    "thPercentTotal": "% of Total",
+    "costBreakdownTitle": "Cost Structure Breakdown",
+    "stepGross": "Gross Revenue",
+    "stepCommission": "Less: Commission",
+    "stepShipping": "Less: Buyer Shipping Fee",
+    "stepNet": "= Net Revenue",
+    "percentOfSales": "{{pct}}% of gross sales",
+    "legendCommission": "Commission ({{rate}}%)",
+    "legendShipping": "Shipping ({{rate}}%)",
+    "legendNet": "Net ({{rate}}%)"
+  },
+  "shopeeOverview": {
+    "loading": "Aggregating all shop data...",
+    "noData": "No data available — Please import files first",
+    "backToShopee": "Back to Shopee",
+    "headerTitle": "All Shops Overview",
+    "grandRevenue": "Total Revenue (All Shops)",
+    "ordersCount": "{{count}} Orders",
+    "grandNetRevenue": "Total Net Revenue",
+    "marginSub": "Margin {{margin}}%",
+    "grandCommission": "Total Commission",
+    "commissionRateSub": "{{rate}}% of gross sales",
+    "grandAov": "Overall AOV",
+    "cancelRateSub": "Cancelled {{rate}}%",
+    "percentOfTotal": "{{pct}}% of total",
+    "statRevenue": "Sales",
+    "statNet": "Net",
+    "statOrders": "Orders",
+    "statCommission": "Commission",
+    "statCancelled": "Cancelled",
+    "statAov": "AOV",
+    "viewAnalytics": "View Analytics",
+    "monthlySalesTitle": "Monthly Revenue (by Shop)",
+    "noMonthlyData": "No monthly trend data available",
+    "salesShareTitle": "Revenue Share by Shop",
+    "shopComparisonTitle": "Shop Performance Comparison",
+    "thShop": "Shop",
+    "thRevenue": "Revenue",
+    "thNet": "Net",
+    "thOrders": "Orders",
+    "thCancelled": "Cancelled",
+    "totalAll": "Total",
+    "topProductsTitle": "Top 10 Best Selling Products — All Shops",
+    "thProduct": "Product",
+    "thVariation": "Variation",
+    "thUnits": "Units",
+    "thProductRevenue": "Revenue",
+    "thPercentTotal": "% of Total"
+  },
+  "shopeeShopCase": {
+    "pageTitle": "Shopee Shop Case",
+    "pageSubtitle": "Analyze real settlement payout bills from Shopee, and simulate prices, coupons, costs, profit margins, and ROI before selling live.",
+    "reset": "Reset",
+    "resetTitle": "Reset all values",
+    "case1Btn": "Case 1 (฿79 Bill)",
+    "case2Btn": "Case 2 (฿79 Bill + AMS)",
+    "case3Btn": "Case 3 (฿190 Bill + AMS)",
+    "case1Name": "Case 1",
+    "case2Name": "Case 2",
+    "case3Name": "Case 3",
+    "useDefaultBtn": "Use Default Sample Values",
+    "sectionTitle": "Real Case Study & Fee Simulator Tool (Shopee)",
+    "billDetailSubtitle": "Original real bill details for {{caseName}}:",
+    "grossBeforeDiscount": "Total item price before discount",
+    "shopDiscountWithPct": "Shop discount",
+    "netBaseForCommission": "Net bill after discount (Commission base)",
+    "step1ControlTitle": "1. Simulate Pricing, Discounts & Product Cost (Customizable):",
+    "listPriceLabel": "Price before discount (List Price)",
+    "costLabel": "Product Cost (Cost)",
+    "shopDiscountsLabel": "Shop discount vouchers (Coupons 1-3)",
+    "couponIndex": "Coupon #{{index}}",
+    "step2ControlTitle": "2. Simulate Shopee Fee Adjustments (%):",
+    "feeCommission": "Commission (%)",
+    "feeService": "Service Fee (%)",
+    "feeTransaction": "Transaction Fee (%)",
+    "feeAms": "AMS Commission (%)",
+    "tableBeforeTitle": "Before Adjustment (Original Bill)",
+    "tableAfterTitle": "After Adjustment (Simulation Result)",
+    "totalPctHeader": "Total {{pct}}%",
+    "rowGross": "Total item price before discount",
+    "rowShopDiscount": "Shop discount",
+    "rowShopDiscountTotal": "Shop discount (Total)",
+    "rowCouponItem": "- Coupon #{{index}} ({{val}})",
+    "rowNetBase": "Net bill after discount (Commission base)",
+    "rowFeeComm": "- Commission Fee",
+    "rowFeeCommWithPct": "- Commission Fee ({{pct}}%)",
+    "rowFeeService": "- Service Fee",
+    "rowFeeServiceWithPct": "- Service Fee ({{pct}}%)",
+    "rowFeeTrans": "- Payment Transaction Fee",
+    "rowFeeTransWithPct": "- Payment Transaction Fee ({{pct}}%)",
+    "rowFeeAms": "- AMS Affiliate Commission",
+    "rowFeeAmsWithPct": "- AMS Affiliate Commission ({{pct}}%)",
+    "rowTotalFees": "Total fees deducted",
+    "rowNetPayout": "Net settlement payout",
+    "rowCost": "- Product Cost (Cost)",
+    "rowNetProfit": "Net Profit",
+    "rowMargin": "Profit Margin (Margin %)",
+    "rowRoi": "Return on Investment (ROI %)",
+    "diffProfitUp": "Payout increased by ฿{{diff}} under the simulated fee structure",
+    "diffPayoutChanged": "Net payout varies by ฿{{diff}} ({{sign}}{{pct}}%) compared to original bill"
+  },
+  "lazadaOrder": {
+    "breadcrumb": "Orders",
+    "title": "Orders — {{shop}}",
+    "totalOrders": "Total Orders",
+    "grossSales": "Gross Revenue",
+    "totalShipping": "Total Shipping",
+    "totalCount": "Total {{total}} orders",
+    "thOrderId": "Order ID",
+    "thStatus": "Status",
+    "thCustomer": "Buyer",
+    "thDate": "Created Date",
+    "thSkus": "SKUs",
+    "thTotal": "Total (฿)",
+    "thShipping": "Shipping (฿)",
+    "btnDetails": "Details",
+    "loading": "Loading...",
+    "noData": "No data available — Please import files first",
+    "tabList": "View Orders",
+    "tabImport": "Upload Excel",
+    "importTitle": "Import Lazada Sales File (Excel)",
+    "importSubtitle": "Download export file from Lazada Seller Center (.xlsx or .xls)",
+    "importProcessing": "Processing...",
+    "importBtn": "Import Data into Database",
+    "clearPrompt": "Do you want to clear all data for this shop to re-upload?",
+    "clearing": "Clearing data...",
+    "clearBtn": "Clear all data for {{shop}}",
+    "clearConfirm": "Are you sure you want to delete all Lazada data for shop \"{{shop}}\"?\nThis action cannot be undone.",
+    "errNoData": "File contains no data",
+    "errReadExcel": "Error reading Excel file",
+    "errReadFile": "Error reading file",
+    "errImportFail": "Import failed",
+    "errClearFail": "Failed to clear data",
+    "errConn": "Connection error occurred"
+  },
+  "lazadaAnalytics": {
+    "loading": "Calculating Lazada analytics data...",
+    "noData": "No data found — Please import Lazada file first",
+    "backToOrders": "Back to Lazada Orders",
+    "breadcrumb": "Analytics",
+    "title": "Sales Analytics — {{shop}}",
+    "presets": {
+      "7d": "7 Days",
+      "30d": "30 Days",
+      "90d": "90 Days",
+      "thisMonth": "This Month",
+      "lastMonth": "Last Month",
+      "year": "This Year",
+      "lastYear": "Last Year",
+      "last12m": "Last 12 Months",
+      "all": "All Time"
+    },
+    "customRange": "Custom:",
+    "to": "to",
+    "btnApply": "Apply",
+    "btnClear": "✕ Clear",
+    "kpiGrossRevenue": "Gross Revenue (Paid Price)",
+    "kpiGrossSub": "{{count}} Orders",
+    "kpiNetRevenue": "Net Revenue (Excl. Shipping)",
+    "kpiNetSub": "Revenue after deducting shipping fees",
+    "kpiPlatformDiscount": "Platform Discount (Lazada)",
+    "kpiPlatformDiscSub": "Subsidized by Lazada",
+    "kpiSellerDiscount": "Seller Discount",
+    "kpiSellerDiscSub": "Discounts funded by seller",
+    "kpiCompletedOrders": "Completed Orders",
+    "kpiCompletedSub": "Out of {{total}} total",
+    "kpiCancelledOrders": "Cancelled Orders",
+    "kpiCancelledSub": "{{rate}}% of total",
+    "kpiShipping": "Total Shipping",
+    "kpiShippingSub": "All shipping fees",
+    "kpiAov": "AOV (Average Order Value)",
+    "kpiAovSub": "Average Order Value",
+    "monthlyRevenueTitle": "Monthly Revenue",
+    "barGrossRevenue": "฿ Gross Revenue",
+    "barPlatformDiscount": "฿ Platform Discount",
+    "barSellerDiscount": "฿ Seller Discount",
+    "noMonthlyData": "No monthly data available",
+    "monthlyOrdersTitle": "Monthly Orders & Items",
+    "lineOrders": "Orders",
+    "lineItems": "Items Sold",
+    "statusBreakdownTitle": "Order Status Breakdown",
+    "paymentMethodTitle": "Payment Methods",
+    "unspecifiedPayment": "Unspecified",
+    "ordersCountAndPct": "{{count}} orders · {{pct}}%",
+    "topProductsTitle": "Top 10 Best Sellers (by Revenue)",
+    "thIndex": "#",
+    "thProduct": "Product",
+    "thVariation": "Variation",
+    "thUnits": "Units",
+    "thRevenue": "Revenue",
+    "thPercentTotal": "% of Total"
+  },
+  "lazadaOverview": {
+    "loading": "Aggregating all shops data...",
+    "noData": "No data found — Please import files first",
+    "backToOrders": "← Back to Lazada Orders",
+    "breadcrumb": "Lazada",
+    "title": "All Shops Overview",
+    "presets": {
+      "7d": "7 Days",
+      "30d": "30 Days",
+      "90d": "90 Days",
+      "thisMonth": "This Month",
+      "lastMonth": "Last Month",
+      "year": "This Year",
+      "lastYear": "Last Year",
+      "last12m": "Last 12 Months",
+      "all": "All Time"
+    },
+    "customRange": "Custom:",
+    "to": "to",
+    "btnApply": "Apply",
+    "btnClear": "✕ Clear",
+    "grandRevenue": "Total Revenue (All Shops)",
+    "ordersCount": "{{count}} Orders",
+    "grandNetRevenue": "Total Net Revenue (Excl. Shipping)",
+    "marginSub": "Margin {{margin}}%",
+    "grandPlatformDiscount": "Total Platform Discount",
+    "platformSub": "Subsidized by Lazada",
+    "grandAov": "Overall AOV",
+    "cancelRateSub": "Cancelled {{rate}}%",
+    "percentOfTotal": "{{pct}}% of total",
+    "statRevenue": "Revenue",
+    "statPlatformDiscount": "Lazada Discount",
+    "statOrders": "Orders",
+    "statSellerDiscount": "Shop Discount",
+    "statCancelled": "Cancelled",
+    "statShipping": "Total Shipping",
+    "viewAnalytics": "View Analytics",
+    "monthlySalesTitle": "Monthly Revenue (by Shop)",
+    "noMonthlyData": "No monthly data available",
+    "salesShareTitle": "Revenue Share by Shop",
+    "shopComparisonTitle": "Shop Comparison",
+    "thShop": "Shop",
+    "thRevenue": "Revenue",
+    "thPlatformDiscount": "Platform Discount",
+    "thOrders": "Orders",
+    "thCancelled": "Cancelled",
+    "totalAll": "Total",
+    "topProductsTitle": "Top 10 Best Sellers — All Shops",
+    "thIndex": "#",
+    "thProduct": "Product",
+    "thVariation": "Variation",
+    "thUnits": "Units",
+    "thRevenueCol": "Revenue",
+    "thPercentTotal": "% Total"
+  }
+}
+
+
+
+
diff --git a/apps/admin/src/locales/ja/translation.json b/apps/admin/src/locales/ja/translation.json
new file mode 100644
index 0000000..f60a088
--- /dev/null
+++ b/apps/admin/src/locales/ja/translation.json
@@ -0,0 +1,1206 @@
+{
+  "common": {
+    "save": "保存",
+    "saving": "保存中...",
+    "saveChanges": "変更を保存",
+    "cancel": "キャンセル",
+    "delete": "削除",
+    "deleting": "削除中...",
+    "edit": "編集",
+    "create": "作成",
+    "add": "追加",
+    "addNew": "新規追加",
+    "search": "検索",
+    "searchPlaceholder": "検索...",
+    "filter": "フィルター",
+    "all": "すべて",
+    "export": "エクスポート",
+    "import": "インポート",
+    "upload": "アップロード",
+    "uploading": "アップロード中...",
+    "actions": "操作",
+    "status": "ステータス",
+    "back": "戻る",
+    "refresh": "更新",
+    "confirm": "確認",
+    "confirmDelete": "このアイテムを削除してもよろしいですか？",
+    "yes": "はい",
+    "no": "いいえ",
+    "view": "表示",
+    "details": "詳細",
+    "loading": "読み込み中...",
+    "success": "成功",
+    "error": "エラー",
+    "required": "必須",
+    "optional": "任意",
+    "logout": "ログアウト",
+    "adminAccount": "管理者アカウント",
+    "systemManager": "システム管理者",
+    "language": "言語",
+    "selectLanguage": "言語を選択",
+    "noData": "データがありません",
+    "total": "合計",
+    "date": "日付",
+    "close": "閉じる"
+  },
+  "nav": {
+    "dashboard": "ダッシュボード",
+    "catalog": "カタログ＆商品",
+    "categories": "カテゴリー",
+    "products": "商品管理",
+    "productAttributes": "商品属性 (Attributes)",
+    "rawMaterials": "原材料・配合レシピ",
+    "sales": "売上＆マーケティング",
+    "orders": "注文管理",
+    "promotions": "プロモーション",
+    "coupons": "クーポン",
+    "globalAnalytics": "総合分析",
+    "businessAnalytics": "ビジネス分析",
+    "omnichannelSalesMap": "オムニチャネル売上マップ",
+    "productSalesMap": "商品別売上マップ",
+    "tools": "ツール",
+    "marketplaceProducts": "マーケットプレイス商品",
+    "tiktok": "TikTokチャネル",
+    "tiktokOrders": "TikTok注文",
+    "thailandSalesMap": "タイ売上マップ",
+    "tiktokAnalytics": "TikTok分析",
+    "tiktokOverview": "TikTok全店舗",
+    "tiktokPriceSimulator": "TikTok価格シミュレーター",
+    "tiktokShopCase": "TikTok Shop事例",
+    "tiktokReportImport": "TikTokレポート取込",
+    "productSkuAnalysis": "商品SKU分析",
+    "shopee": "Shopeeチャネル",
+    "shopeeHomAroma": "Shopee (Hom Aroma)",
+    "shopeeSalesMap": "タイ売上マップ",
+    "shopeeAnalytics": "Shopee分析",
+    "shopeeOverview": "Shopee全店舗",
+    "shopeeShopCase": "Shopee Shop事例",
+    "lazada": "Lazadaチャネル",
+    "lazadaOrders": "Lazada注文",
+    "lazadaAnalytics": "Lazada分析",
+    "lazadaOverview": "Lazada全店舗",
+    "cms": "コンテンツ＆CMS",
+    "pageBuilder": "ページビルダー (CMS)",
+    "cmsBlockShowcase": "CMSブロック見本",
+    "mediaLibrary": "メディアライブラリ",
+    "scentGuide": "香りガイド・記事",
+    "customers": "顧客管理",
+    "customerList": "顧客一覧",
+    "newsletterSubscribers": "メルマガ購読者",
+    "contactMessages": "お問い合わせ",
+    "menuManager": "メニュー管理",
+    "mainNavigation": "メインナビゲーション",
+    "footerExplore": "フッター探索メニュー",
+    "footerSupport": "フッターサポートメニュー",
+    "footerBrand": "フッターブランド情報",
+    "backup": "バックアップ＆復元",
+    "backupDashboard": "バックアップ概要",
+    "backupDatabase": "データベースバックアップ",
+    "backupCatalog": "カタログバックアップ",
+    "backupOrders": "注文バックアップ",
+    "backupCms": "CMSページバックアップ",
+    "backupMedia": "メディアバックアップ",
+    "settings": "設定",
+    "storeSettings": "店舗設定",
+    "paymentSettings": "決済設定",
+    "themeSettings": "テーマ・カラー設定",
+    "contentSettings": "コンテンツ設定",
+    "systemMaintenance": "システムメンテナンス"
+  },
+  "contentTabs": {
+    "th": "タイ語 (Thai)",
+    "en": "英語 (English)",
+    "ja": "日本語 (Japanese)",
+    "zh": "中国語 (Chinese)",
+    "translated": "翻訳済",
+    "untranslated": "未翻訳",
+    "copyFrom": "コピー元:",
+    "language": "コンテンツ言語"
+  },
+  "dashboard": {
+    "title": "エグゼクティブダッシュボード",
+    "subtitle": "売上、在庫、マルチチャネル実績の概要",
+    "totalRevenue": "総売上",
+    "totalOrders": "総注文数",
+    "totalProducts": "総商品数",
+    "totalCustomers": "総顧客数",
+    "recentOrders": "最近の注文",
+    "popularProducts": "人気商品",
+    "salesTrend": "売上推移"
+  },
+  "products": {
+    "title": "商品管理",
+    "subtitle": "カタログ、価格設定、バリエーション、多言語コンテンツの管理",
+    "addNew": "新規商品追加",
+    "searchPlaceholder": "商品名またはSKUで検索...",
+    "category": "カテゴリー",
+    "price": "価格",
+    "stock": "在庫数",
+    "sku": "SKUコード",
+    "name": "商品名",
+    "image": "画像",
+    "variants": "バリエーション",
+    "status": "ステータス",
+    "editProduct": "商品編集",
+    "cmsBuilder": "CMSビルダー",
+    "bom": "BOM・配合レシピ"
+  },
+  "categories": {
+    "title": "カテゴリー管理",
+    "subtitle": "商品の多言語カテゴリー分類と整理",
+    "addNew": "新規カテゴリー追加",
+    "editCategory": "カテゴリー編集",
+    "name": "カテゴリー名",
+    "image": "カテゴリー画像",
+    "itemCount": "商品数"
+  },
+  "orders": {
+    "title": "注文管理",
+    "subtitle": "新規注文の確認と決済の照合",
+    "searchPlaceholder": "注文番号、顧客名、電話番号で検索...",
+    "statusAll": "すべて",
+    "statusPending": "入金待ち",
+    "statusPaid": "支払済",
+    "statusShipped": "発送済",
+    "statusCancelled": "キャンセル済",
+    "orderId": "注文ID",
+    "customer": "顧客",
+    "totalAmount": "合計金額",
+    "payment": "決済状況",
+    "fulfillment": "発送状況",
+    "date": "注文日時",
+    "total": "合計",
+    "status": "ステータス",
+    "action": "操作",
+    "review": "詳細確認",
+    "noOrders": "注文が見つかりません。",
+    "orderItems": "注文商品一覧",
+    "customerDetails": "顧客情報",
+    "paymentSlip": "決済証明・振込明細",
+    "updateStatus": "ステータス更新",
+    "markPaid": "支払済にする",
+    "markShipped": "発送済にする",
+    "markCancelled": "注文をキャンセル"
+  },
+  "login": {
+    "title": "管理者ポータル",
+    "subtitle": "ストアとコンテンツ管理のためにログインしてください",
+    "email": "メールアドレス",
+    "password": "パスワード",
+    "signIn": "ログイン",
+    "signingIn": "ログイン中...",
+    "invalidCredentials": "メールアドレスまたはパスワードが正しくありません",
+    "rememberMe": "ログイン状態を保持する"
+  },
+  "analytics": {
+    "globalOverview": "グローバル全体概要",
+    "allPlatformsOverview": "全プラットフォーム概要",
+    "loadingGlobal": "全プラットフォームのグローバルデータを集計中...",
+    "preset7d": "過去7日間",
+    "preset30d": "過去30日間",
+    "preset90d": "過去90日間",
+    "presetThisMonth": "今月",
+    "presetLastMonth": "先月",
+    "presetThisYear": "今年",
+    "presetLastYear": "去年",
+    "presetLast12m": "過去12ヶ月",
+    "presetAll": "全期間",
+    "customRange": "期間指定:",
+    "to": "〜",
+    "apply": "適用",
+    "clear": "クリア",
+    "totalCompanyRevenue": "全社総売上高",
+    "orders": "件の注文",
+    "averageOrderValue": "全体平均注文額 (AOV)",
+    "fromCompletedOrders": "完了注文より算出",
+    "totalCancelRate": "全体キャンセル率",
+    "cancelledOrders": "件のキャンセル",
+    "totalShipping": "総送料",
+    "allPlatformsShipping": "全プラットフォーム合計",
+    "revenueShareByPlatform": "プラットフォーム別売上構成比",
+    "platformComparison": "プラットフォーム別比較",
+    "platform": "プラットフォーム",
+    "revenue": "売上高",
+    "share": "構成比",
+    "monthlyRevenueByPlatform": "月別売上推移 (プラットフォーム別)",
+    "noMonthlyData": "月別データがありません"
+  },
+  "salesMap": {
+    "title": "オムニチャネル売上マップ",
+    "productTitle": "商品別売上マップ",
+    "badge": "地理情報ヒートマップ",
+    "productBadge": "商品別地域インテリジェンス",
+    "subtitle": "クロスプラットフォーム分析 • タイ全77県および928郡の売上分布 (TikTok, Shopee, Lazada)",
+    "productSubtitle": "ビジネス分析 • 各商品のタイ全77県・928郡における売上密度と地域分布を分析",
+    "viewByRevenue": "฿ 売上高で表示",
+    "viewByQuantity": "📦 販売数量で表示",
+    "mapView": "地図表示",
+    "listView": "リスト表示",
+    "allChannels": "すべてのチャネル",
+    "tiktok": "TikTok Shop",
+    "shopee": "Shopee",
+    "lazada": "Lazada",
+    "tiktokOnly": "TikTok のみ",
+    "shopeeOnly": "Shopee のみ",
+    "lazadaOnly": "Lazada のみ",
+    "allShops": "すべての店舗",
+    "allStatuses": "すべてのステータス",
+    "completedOnly": "完了のみ",
+    "cancelledOnly": "キャンセルのみ",
+    "totalRevenue": "総売上高",
+    "totalUnits": "総販売数量",
+    "totalOrders": "総注文数",
+    "topProvince": "最高売上県",
+    "activeProvinces": "売上実績県数",
+    "aov": "平均注文額 (AOV)",
+    "penetration": "全国カバー率",
+    "searchProvince": "県名・地域を検索...",
+    "searchProduct": "商品名・SKUを検索...",
+    "selectProduct": "分析対象商品を選択",
+    "allVariants": "すべてのバリエーション (商品全体)",
+    "province": "県 (Province)",
+    "region": "地域 (Region)",
+    "revenue": "売上高",
+    "unitsSold": "販売数量",
+    "orders": "注文数",
+    "share": "構成比",
+    "actions": "操作",
+    "viewDistricts": "郡別データを見る",
+    "loadingMap": "地図データを読み込み中...",
+    "loadingDistricts": "郡別データを読み込み中...",
+    "noData": "選択した条件の売上データがありません",
+    "districtBreakdown": "郡別詳細データ",
+    "allDistricts": "すべての郡",
+    "ordersList": "最近の注文一覧:",
+    "searchDistrict": "郡・地区を検索...",
+    "close": "閉じる",
+    "backToProvinces": "県別一覧に戻る",
+    "zoomIn": "拡大",
+    "zoomOut": "縮小",
+    "resetZoom": "全体表示に戻す",
+    "dragHint": "ドラッグして移動、ホイールまたは+/-で拡大縮小",
+    "regionalBreakdown": "地域別売上構成",
+    "tiktokShopLabel": "TikTok 店舗:",
+    "allTiktokShops": "TikTok 全店舗",
+    "shopeeShopLabel": "Shopee 店舗:",
+    "allShopeeShops": "Shopee 全店舗",
+    "lazadaShopLabel": "Lazada 店舗:",
+    "allLazadaShops": "Lazada 全店舗",
+    "productTotalRevenue": "商品合計売上",
+    "totalUnitsSold": "総販売数量",
+    "provinceCoverage": "県別カバー状況",
+    "topSellingProvince": "最多販売県",
+    "topSellingRegion": "最多販売地域",
+    "densityMap": "密度マップ",
+    "less": "少",
+    "more": "多",
+    "selectMasterProduct": "マスター商品を選択:",
+    "variantOptions": "バリエーション/オプション:",
+    "allVariantsTotal": "全バリエーション合計"
+  },
+  "marketplaceProducts": {
+    "title": "マーケットプレイス商品・SKUマネージャー",
+    "badge": "ツール • TikTok + Shopee + Lazada",
+    "subtitle": "各モールの販売商品を統合し、マスターカタログとSKUマッピングして原価(BOM)と利益を分析",
+    "autoMatch": "⚡ SKU自動照合",
+    "syncFromOrders": "🔄 注文データから同期",
+    "syncing": "商品データを取得・処理中...",
+    "kpiTotalSkus": "モール登録商品数",
+    "skuUnit": "件/SKU",
+    "kpiTotalSkusSub": "販売実績のある全商品・バリエーション",
+    "kpiMappingProgress": "マスターSKU紐付け進捗",
+    "unmappedLabel": "未紐付け:",
+    "itemUnit": "件",
+    "kpiTotalSold": "総販売数量",
+    "unitsSold": "点",
+    "kpiTotalSoldSub": "全注文の累計販売点数",
+    "kpiTotalRevenue": "総売上高 (Gross)",
+    "kpiTotalRevenueSub": "顧客からの総売上受取額",
+    "kpiEstProfit": "推定粗利益 (BOM)",
+    "marginLabel": "全体マージン:",
+    "allChannels": "🌐 全チャネル",
+    "tiktok": "🔴 TikTok",
+    "shopee": "🟠 Shopee",
+    "lazada": "🔵 Lazada",
+    "shopLabel": "店舗:",
+    "allShops": "全店舗 (All Shops)",
+    "statusAll": "すべて",
+    "statusMapped": "紐付け済 (Mapped)",
+    "statusUnmapped": "未紐付け (Unmapped)",
+    "searchPlaceholder": "商品名、SKU、バリエーション、マスター商品を検索...",
+    "sortBy": "並び替え:",
+    "sortRevenue": "売上高順 (Revenue)",
+    "sortSold": "販売数量順 (Sold Qty)",
+    "sortName": "商品名順 (A-Z)",
+    "sortRecent": "最近の販売順 (Recent)",
+    "thChannelShop": "モール / 店舗",
+    "thProductName": "商品名 & バリエーション (モール)",
+    "thSku": "セラーSKU",
+    "thSoldQty": "販売数量",
+    "thTotalRevenue": "総売上高 (฿)",
+    "thAvgPrice": "平均単価",
+    "thMasterProduct": "マスター商品 (コアカタログ)",
+    "thBomCost": "BOM原価 (฿)",
+    "thEstProfit": "推定利益",
+    "thActions": "操作",
+    "loading": "商品データを読み込み中...",
+    "noData": "条件に一致する商品が見つかりません",
+    "clickToSync": "注文データから同期する",
+    "variationPrefix": "オプション:",
+    "unmappedBadge": "SKU未紐付け",
+    "perUnit": "/個",
+    "totalPrefix": "合計",
+    "noBom": "BOM未設定",
+    "changeMapping": "紐付け変更",
+    "mapProduct": "SKU紐付け",
+    "modalTitle": "モール商品をマスターカタログに紐付け",
+    "modalSubtitle": "コアカタログから該当する商品・規格を選択してください",
+    "productOn": "モール商品:",
+    "soldLabel": "販売数:",
+    "revenueLabel": "売上:",
+    "avgPriceLabel": "平均単価:",
+    "modalSearchPlaceholder": "マスター商品名、SKUコード、容量(例: 50ml)を入力して検索...",
+    "noMasterFound": "該当するマスター商品が見つかりません",
+    "bomCostLabel": "BOM原価:",
+    "unlink": "紐付け解除",
+    "saveMapping": "紐付けを保存",
+    "toastLoadError": "商品データの読み込みに失敗しました",
+    "toastSyncSuccess": "商品データを同期しました！全 {{total}} 件 ({{matched}} 件を新規自動紐付け)",
+    "toastSyncError": "商品データの同期に失敗しました",
+    "toastSyncConnError": "同期通信エラーが発生しました",
+    "toastAutoMatchSuccess": "自動照合完了！{{matched}} 件のSKUを追加紐付け (未紐付け残り {{remaining}} 件)",
+    "toastAutoMatchError": "自動照合の実行に失敗しました",
+    "toastMapSuccess": "マスターカタログへの紐付けを完了しました",
+    "toastUnlinkSuccess": "商品の紐付けを解除しました",
+    "toastMapError": "紐付けの保存に失敗しました"
+  },
+  "tiktokOrders": {
+    "title": "TikTok 注文管理",
+    "viewData": "データ表示",
+    "importData": "CSV / XLSX インポート",
+    "ordersTitle": "注文一覧 — {{shop}}",
+    "importTitle": "TikTok Shop データインポート",
+    "importSubtitle": "注文レポート (.csv) ファイルをアップロード",
+    "kpiTotalOrders": "総注文数",
+    "skuCount": "{{count}} SKU品目",
+    "kpiGrossSales": "総売上高 (Gross)",
+    "skuRevenue": "SKU売上 ฿{{amount}}",
+    "kpiTotalBomCost": "総BOM原価",
+    "estProfit": "見積粗利 ฿{{amount}} ({{margin}}%)",
+    "kpiCommissionAffiliate": "手数料 & アフィリエイト",
+    "commAffBreakdown": "手数料: ฿{{comm}} | アフィリエイト: ฿{{aff}}",
+    "waitingSettlement": "精算明細 (Settlement) インポート待ち",
+    "kpiBomStatus": "BOM登録ステータス",
+    "missingBomOrders": "未設定 {{count}} 件",
+    "bomComplete100": "BOM 100% 完了",
+    "missingBomWarning": "🔴 BOM原価未設定の商品があります",
+    "bomCostCalculated": "✓ すべての注文で原価計算完了",
+    "searchPlaceholder": "Order ID、購入者、追跡番号、SKU、商品名で検索...",
+    "bomFilterAll": "すべてのBOM",
+    "bomFilterMissing": "BOM未登録",
+    "bomFilterComplete": "BOM完了",
+    "statusFilterAll": "すべてのステータス",
+    "statusCompleted": "完了",
+    "statusShipped": "発送済み",
+    "statusToShip": "発送待ち",
+    "statusCancelled": "キャンセル",
+    "clearFilters": "すべてのフィルターを解除",
+    "foundOrders": "<1>{{count}}</1> 件見つかりました",
+    "fromSearch": "(検索語 <1>\"{{search}}\"</1>)",
+    "filteredMissingBom": "[BOM未登録のみ]",
+    "totalOrdersCount": "合計 <1>{{count}}</1> 件の注文",
+    "thOrderId": "Order ID",
+    "thStatus": "ステータス",
+    "thBuyerArea": "購入者 / 地域",
+    "thCreatedDate": "作成日時",
+    "thSkusBom": "SKUs & BOM",
+    "thOrderAmount": "売上金額 (฿)",
+    "thBomCost": "BOM原価 (฿)",
+    "thCommission": "Commission (฿)",
+    "thAffiliate": "Affiliate (฿)",
+    "thNetProfit": "純利益",
+    "thActions": "操作",
+    "processingData": "データを処理中...",
+    "noOrders": "データがありません",
+    "settledTransferred": "振込済 ฿{{amount}}",
+    "waitingSettlementTransfer": "振込待ち",
+    "missingBomCount": "BOM不足 ({{count}})",
+    "bomComplete": "BOM完了",
+    "bomUnspecified": "未設定",
+    "bomPartial": "一部あり ฿{{amount}}",
+    "waitingBomPrice": "BOM原価入力待ち",
+    "viewOrder": "注文詳細",
+    "districtPrefix": "郡 ",
+    "provincePrefix": "県 ",
+    "targetShop": "対象ショップ:",
+    "tabOrdersCsv": "1. 注文データ (Orders CSV)",
+    "tabSettlementXlsx": "2. 精算・財務明細 (Settlement XLSX)",
+    "csvDropzoneTitle": "クリックして注文CSVファイルを選択 (複数選択可能)",
+    "csvDropzoneSub": "Ctrl または Shift キーを押しながら複数ファイルを選択 (.csv)",
+    "readingCsv": "すべてのCSVファイルを処理中...",
+    "selectedFilesCount": "選択中のファイル ({{count}} 件)",
+    "totalRowsToOrders": "合計 {{rows}} 行の商品データ → {{orders}} 件の一意の注文",
+    "rowsUnit": "行",
+    "ordersUnit": "件",
+    "duplicateOrdersAlertTitle": "ファイル間で重複する注文が {{count}} 件検出されました",
+    "duplicateOrdersAlertDesc": "システムは Order ID に基づいて自動的に Upsert (更新) を行い、重複カウントや売上の二重計上を防ぎます。",
+    "noCrossFileDuplicates": "ファイル間で重複する注文番号はありません",
+    "previewTitle": "結合データプレビュー (先頭5行):",
+    "clearShopData": "{{shop}} のすべてのデータを削除",
+    "clearing": "データを削除中...",
+    "confirmClearData": "ショップ「{{shop}}」のTikTokデータ（注文および精算明細）をすべて削除してもよろしいですか？\nこの操作は取り消せません。",
+    "importOrdersButton": "{{orders}} 件の注文 ({{rows}} 行) をインポート → {{shop}}",
+    "importingFiles": "{{count}} ファイルをインポート中...",
+    "xlsxDropzoneTitle": "クリックして財務レポートを選択 (Income / Settlement XLSX)",
+    "xlsxDropzoneSub": "TikTok Seller Center > 財務 > 精算明細 > 詳細エクスポート の income_*.xlsx に対応",
+    "readingXlsx": "Excelファイルからデータを読み込み、手数料を集計中...",
+    "settlementSummaryTitle": "財務レポート概要 ({{file}})",
+    "sheetLabel": "シート: {{sheet}}",
+    "transactionsFound": "{{count}} 件の取引を検出",
+    "netPayout": "受取純額 (Net Payout)",
+    "revenue": "商品売上総額 (Revenue)",
+    "tiktokCommission": "TikTok販売手数料",
+    "partnerAffiliate": "パートナーアフィリエイト費用",
+    "settlementPreviewTitle": "精算明細プレビュー (先頭5行):",
+    "thSettledDate": "決済日時",
+    "thNetSettlement": "精算金額",
+    "thOrderFee": "注文手数料",
+    "confirmImportSettlement": "精算明細 ({{count}} 件) のインポートを確定 → {{shop}}",
+    "savingSettlement": "精算明細データを保存中...",
+    "noOrdersInCsv": "選択したCSVファイルに注文データが見つかりません",
+    "cannotReadFile": "ファイルを読み込めません: {{error}}",
+    "noOrdersInSheet": "シート「{{sheet}}」に注文データが見つかりません",
+    "cannotReadXlsx": "XLSXファイルの読み込みに失敗しました: {{error}}",
+    "errorReadingFile": "ファイルの読み込み中にエラーが発生しました"
+  },
+  "tiktokOrderDetail": {
+    "loading": "TikTok 注文詳細を読み込み、BOM原価を計算中...",
+    "notFound": "該当する注文が見つかりません",
+    "backToList": "注文一覧に戻る",
+    "missingBomPill": "BOM未登録 ({{count}} 件)",
+    "bomCompletePill": "BOM完了",
+    "shopLabel": "ショップ: {{shop}}",
+    "orderedAt": "注文日時: {{time}}",
+    "viewInSalesMap": "Sales Mapで確認",
+    "missingBomAlertTitle": "BOMレシピまたは原価が未設定の商品が {{count}} 件検出されました",
+    "missingBomAlertSub": "以下の商品行のボタンからBOMレシピの登録または商品紐付けを即座に行えます。",
+    "checkMappingTable": "SKU紐付け一覧を確認",
+    "orderItemsTitle": "注文商品一覧 ({{count}} SKU)",
+    "totalBomCostLabel": "総BOM原価:",
+    "itemMissingBomBadge": "🔴 BOM未登録 / 原価入力待ち",
+    "itemHasBomBadge": "✓ BOM設定済み",
+    "variationLabel": "規格: {{variation}}",
+    "linkedMasterLabel": "紐付け: {{product}} ({{sku}})",
+    "thUnitPrice": "単価",
+    "thQuantity": "数量",
+    "thSubtotal": "小計 (SKU)",
+    "unitBomCostLabel": "BOM原価/個:",
+    "totalBomCostItemLabel": "合計原価:",
+    "grossProfitLabel": "粗利:",
+    "bomNotFoundWarning": "この商品のBOM原価が見つかりません (利益計算不可)",
+    "editBom": "BOMレシピを編集",
+    "addBom": "➕ BOMレシピを登録",
+    "mapMasterSku": "🔗 マスターSKUに紐付け",
+    "rawMaterialBreakdown": "BOM原材料内訳 ({{count}} 項目):",
+    "shippingTitle": "配送・物流情報",
+    "shippingProvider": "配送業者",
+    "deliveryOption": "配送種別",
+    "warehouseName": "倉庫",
+    "orderType": "注文種別",
+    "timelineTitle": "注文タイムライン",
+    "createdDate": "注文作成日時",
+    "paidDate": "決済日時",
+    "rtsTime": "RTS日時",
+    "shippedTime": "発送日時",
+    "deliveredTime": "配達完了日時",
+    "cancelledTime": "キャンセル日時",
+    "bomSummaryTitle": "原価・利益サマリー (BOM)",
+    "revenueLabel": "売上総額 (Revenue)",
+    "totalBomCostSummary": "原材料BOM原価",
+    "commissionSummary": "販売手数料 (Commission)",
+    "affiliateSummary": "アフィリエイト費用 (Affiliate)",
+    "netProfitSummary": "純利益 (Net Profit)",
+    "marginLabel": "マージン率: {{margin}}%",
+    "incompleteWarningTitle": "警告: 未完了の数値があります",
+    "incompleteWarningDesc": "{{count}} 件の商品にBOMレシピまたは原価が設定されていません。正確な利益を計算するためにBOM原価を入力してください。",
+    "customerTitle": "購入者・お届け先情報",
+    "tiktokUsername": "TikTok ユーザー名",
+    "paymentMethod": "決済方法",
+    "destination": "配送先地域",
+    "unspecified": "未指定",
+    "financialsTitle": "決済・財務明細 (Financials)",
+    "itemsSubtotal": "商品合計金額",
+    "platformDiscount": "プラットフォーム割引",
+    "sellerDiscount": "ショップ割引",
+    "shippingFee": "送料",
+    "taxes": "税金 (Taxes)",
+    "refundAmount": "返金額 (Refund)",
+    "totalOrderAmount": "決済総額 (Order Amount)"
+  },
+  "tiktokSalesMap": {
+    "title": "タイ全国売上マップ (TikTok)",
+    "subtitle": "77県別のTikTok売上分布および顧客カバレッジを詳細分析",
+    "mapView": "地図表示",
+    "listView": "一覧表示",
+    "allShops": "すべて (全ショップ)",
+    "periodAll": "全期間 (All Time)",
+    "period30Days": "直近30日間",
+    "periodThisYear": "今年",
+    "periodCustom": "期間指定",
+    "kpiTotalRevenue": "総売上高",
+    "kpiTotalOrders": "累計注文数",
+    "allStatusesSub": "全注文ステータス合算",
+    "kpiCoverage": "県別カバレッジ",
+    "outOf77Provinces": "/ 77 県",
+    "nationwideCoverage": "全国カバー率",
+    "kpiAov": "平均注文額 (AOV)",
+    "aovSub": "全注文から算出した平均注文単価",
+    "kpiTopRegion": "最高売上地域",
+    "topRegionSub": "{{count}} 注文 ({{amount}})",
+    "mapCardTitle": "タイ全国売上マップ",
+    "mapCardSub": "色の濃さは売上高の高さを表します。県をクリックすると詳細データを表示します。",
+    "provinceLabel": "県名",
+    "viewNationwide": "全国表示に戻る",
+    "nationwide": "全国",
+    "coverageCountText": "売上発生 {{count}} 県",
+    "provinceCardSub": "{{orders}} 件の注文 • {{region}}",
+    "noSales": "売上なし",
+    "highSales": "高売上",
+    "btnDistrictFocus": "郡別詳細・マップフォーカスを表示",
+    "selectProvinceHint": "県を選択すると、下部の郡別詳細、ランキング、トレンドが連動して切り替わります。",
+    "topProvincesTitle": "売上上位県",
+    "rankingItemSub": "{{orders}} 注文 • {{region}}",
+    "rankingAov": "AOV {{amount}}",
+    "tableTitle": "全国77県 売上集計表",
+    "searchPlaceholder": "県名または地域名で検索...",
+    "thCode": "コード",
+    "thProvince": "県名",
+    "thRegion": "地域",
+    "thRevenue": "総売上 (฿)",
+    "thOrders": "注文数",
+    "thAov": "AOV (฿/注文)",
+    "thActions": "操作",
+    "btnDistrictMap": "郡別マップ"
+  },
+  "districtModal": {
+    "selectedProvinceRegion": "選択中の県 • {{region}}",
+    "title": "郡別マップ & {{platform}} 注文一覧 • {{province}}",
+    "subtitle": "地図上の郡をクリックすると選択され、右側の注文一覧が自動的に絞り込まれます（オレンジ色は選択中の郡）",
+    "districtMapTitle": "郡別マップ ({{count}} 郡)",
+    "multiSelectHint": "複数エリアを選択可能",
+    "loadingMap": "郡別マップを読み込み中...",
+    "geoNotFound": "{{province}} の郡座標データが見つかりません",
+    "revenueLabel": "売上:",
+    "ordersLabel": "注文数:",
+    "ordersCount": "{{count}} 件",
+    "lowSales": "少",
+    "highSales": "多",
+    "selected": "選択中",
+    "attribution": "ADM2 境界データ: mapthai / OCHA CODs - CC BY 4.0",
+    "selectedDistrictsCount": "{{count}} 郡を選択中",
+    "touchHint": "エリアをタップしてデータを表示",
+    "noDistrictsSelected": "郡が選択されていません",
+    "clickMapToFilter": "地図上の郡をクリックして絞り込みを行ってください",
+    "ordersCountSub": "({{orders}} 注文)",
+    "totalSelectedRevenue": "選択エリア合計:",
+    "platformOrdersTitle": "エリア内の {{platform}} 注文 ({{count}})",
+    "filterDistrictsBadge": "{{count}} 郡で絞り込み中",
+    "searchOrdersPlaceholder": "Order ID、商品名、SKUで検索...",
+    "noOrdersFound": "選択した条件に一致する注文がありません",
+    "defaultItemTitle": "注文商品",
+    "provinceTotalLabel": "県内総売上:",
+    "ordersCountParen": "({{count}} 注文)",
+    "totalFetchedOrdersLabel": "取得注文総数:",
+    "itemsUnit": "件"
+  },
+  "tiktokAnalytics": {
+    "loading": "分析データを集計中...",
+    "noData": "データがありません — 最初にTikTokデータをインポートしてください",
+    "backToOrders": "TikTok注文管理に戻る",
+    "title": "売上分析 — {{shop}}",
+    "grossRevenue": "総売上高 (Gross Revenue)",
+    "ordersCount": "{{count}} 件の注文",
+    "settlementPayout": "受取純額 (Settlement Payout)",
+    "settlementPayoutSub": "TikTokからの実入金金額",
+    "bomCost": "商品BOM原価",
+    "bomCostSub": "製造レシピに基づいて算出",
+    "netProfit": "実質純利益 (Net Profit)",
+    "marginOfSales": "売上対比マージン {{margin}}%",
+    "tiktokCommission": "TikTok Shop販売手数料",
+    "tiktokCommissionSub": "TikTok プラットフォーム手数料",
+    "affiliateCommission": "アフィリエイト報酬手数料",
+    "affiliateCommissionSub": "クリエイター・提携パートナー報酬",
+    "platformDiscount": "プラットフォーム割引 (TikTok負担)",
+    "platformDiscountSub": "TikTok側が全額負担した割引",
+    "sellerDiscount": "ショップ割引 (店舗負担)",
+    "sellerDiscountSub": "店舗が顧客に提供した割引",
+    "completedOrders": "完了した注文",
+    "outOfTotal": "全 {{total}} 件中",
+    "cancelledOrders": "キャンセル注文",
+    "percentOfTotal": "全体の {{rate}}%",
+    "totalShipping": "受取送料合計",
+    "shippingCollectedSub": "購入者から受領した送料",
+    "aov": "AOV (平均注文額)",
+    "aovSub": "注文あたりの平均売上",
+    "breadcrumb": "分析",
+    "monthlyFinancialsTitle": "月別売上・手数料・純利益推移",
+    "monthlyFinancialsSub": "総売上、精算金額、手数料、純利益の月次比較",
+    "barGrossRevenue": "฿ 総売上高",
+    "barSettlement": "฿ 受取純額",
+    "barCommission": "฿ TikTok手数料",
+    "barAffiliate": "฿ アフィリエイト",
+    "barNetProfit": "฿ 純利益",
+    "noMonthlyData": "月次データがありません",
+    "monthlyOrdersTitle": "月別注文数推移",
+    "lineOrders": "注文数",
+    "lineItems": "販売商品数 (個)",
+    "statusShareTitle": "注文ステータス別構成比",
+    "paymentMethodTitle": "決済方法",
+    "ordersPercent": "{{count}} 注文 · {{pct}}%",
+    "topProductsTitle": "売上上位10商品 (金額順)",
+    "thProduct": "商品名",
+    "thVariation": "規格/容量",
+    "thUnits": "数量",
+    "thRevenue": "売上金額",
+    "thPercentTotal": "売上構成比",
+    "waterfallTitle": "収支構造・コストウォーターフォール (Financial Breakdown)",
+    "waterfallSub": "総売上から各費用を差し引いた実質純利益の内訳",
+    "step1Gross": "1. 総売上 (Gross)",
+    "step2SellerDisc": "2. 控除: ショップ割引",
+    "step3Comm": "3. 控除: TikTok販売手数料",
+    "step4Aff": "4. 控除: アフィリエイト費用",
+    "step5Bom": "5. 控除: 商品BOM原価",
+    "step6Net": "6. 実質純利益 (Net Profit)",
+    "percentOfSales": "総売上の {{pct}}%",
+    "platformSubsidyTitle": "プラットフォーム負担割引 (TikTok負担)",
+    "platformSubsidySub": "店舗売上から差し引かれないTikTok公式の支援クーポン"
+  },
+  "tiktokOverview": {
+    "loading": "全店舗のデータを集計中...",
+    "noData": "データがありません — 最初にファイルをインポートしてください",
+    "backToOrders": "TikTok注文管理に戻る",
+    "title": "全店舗概要",
+    "viewAnalytics": "分析を見る",
+    "grandRevenue": "全店総売上高",
+    "ordersCount": "{{count}} 件の注文",
+    "grandNetRevenue": "全店純収益",
+    "marginSub": "マージン {{margin}}%",
+    "grandPlatformDiscount": "全店プラットフォーム割引",
+    "platformDiscountSub": "TikTok負担割引",
+    "grandAov": "全体AOV (平均注文額)",
+    "cancelRateSub": "キャンセル率 {{rate}}%",
+    "percentOfTotal": "全体の {{pct}}%",
+    "statSales": "売上高",
+    "statPlatformDiscount": "TikTok割引",
+    "statOrders": "注文数",
+    "statSellerDiscount": "店舗割引",
+    "statCancelled": "キャンセル",
+    "statShipping": "送料合計",
+    "monthlySalesTitle": "月別売上高 (店舗別)",
+    "noMonthlyData": "月次データがありません",
+    "salesShareTitle": "店舗別売上構成比",
+    "shopComparisonTitle": "店舗間比較",
+    "thShop": "店舗",
+    "thRevenue": "売上高",
+    "thPlatformDiscount": "PF割引",
+    "thOrders": "注文数",
+    "thCancelled": "キャンセル率",
+    "totalAll": "総合計",
+    "topProductsTitle": "売上上位10商品 — 全店舗合計",
+    "thProduct": "商品名",
+    "thVariation": "規格/バリエーション",
+    "thUnits": "数量",
+    "thProductRevenue": "売上金額",
+    "thPercentTotal": "構成比"
+  },
+  "tiktokPriceSimulator": {
+    "pageTitle": "TikTok価格シミュレーター",
+    "pageSubtitle": "出品価格、損益分岐点 (Break-even)、キャンペーン価格バッファーを計算し、売上増による赤字転落を防止します",
+    "reset": "リセット",
+    "resetTitle": "すべての数値をリセット",
+    "step1Title": "価格設定",
+    "step1Desc": "バッファー付きの定価・通常売価・セール価格を算出",
+    "step2Title": "販売量と利益率",
+    "step2Desc": "通常日とキャンペーン日の総利益ボリュームを比較",
+    "step3Title": "商品ポートフォリオ",
+    "step3Desc": "利益率に応じて主力(Hero)・高収益(Profit)・セット品に分類",
+    "step4Title": "損益分岐点チェック",
+    "step4Desc": "TikTok強制値引き価格の採算性を判定",
+    "sec1Title": "第1部 — 価格バッファー計算機 (Price Buffer Calculator)",
+    "sec1Subtitle": "将来のキャンペーン値引きを見越した出品定価を最初から設計",
+    "sec2Title": "第2部 — 販売量・利益率シミュレーター (Volume vs Margin)",
+    "sec2Subtitle": "通常時と大型セール時の総利益を比較して参加判断を支援",
+    "sec3Title": "第3部 — 商品戦略分類 (Product Strategy Classifier)",
+    "sec3Subtitle": "マージン率に応じて商品を3グループに分類し戦略を差別化",
+    "sec4Title": "第4部 — 損益分岐点アラート (Break-even Alert)",
+    "sec4Subtitle": "TikTok提示の強制セール価格が損益分岐点を下回っていないか即座に判定",
+    "footerTipTitle": "💡 鉄則: GMV (総売上高) の数字に惑わされないこと",
+    "footerTipBody": "売上高 (GMV) がいくら大きくても、手元に残る現金とは異なります。常に",
+    "footerTipBodyHighlight": "全費用控除後の実質純利益 (Net Profit)",
+    "footerTipBodyEnd": "を重視してください。赤字になるキャンペーンには参加しないか、十分なバッファーを持つSKUのみに限定しましょう。",
+    "costLabel": "商品原価 (Cost)",
+    "costHint": "1個あたりの仕入・製造原価",
+    "commLabel": "TikTok販売手数料",
+    "commHint": "カテゴリーにより通常 8〜12%",
+    "shippingLabel": "送料",
+    "shippingHint": "1注文あたり (出店者負担の場合)",
+    "sellerPays": "店舗負担",
+    "targetProfitLabel": "目標利益",
+    "targetProfitPctHint": "通常売価に対する目標利益率 (%)",
+    "targetProfitAmountHint": "1個あたりの目標純利益額 (THB)",
+    "campaignDiscLabel": "最大キャンペーン割引率",
+    "campaignDiscHint": "メガセール等での最大強制値引き率 (%)",
+    "platformVoucherLabel": "プラットフォームクーポン (TikTok負担)",
+    "platformVoucherHint": "TikTokが負担する支援割引率 (%) — 店舗負担なし",
+    "calcResults": "計算結果",
+    "listPriceLabel": "出品定価 (List Price)",
+    "listPriceSub": "TikTok Shopに登録する基準価格",
+    "listPriceFormula": "[損益分岐点] ÷ (1 - キャンペーン% - TikTokクーポン%) × 5%バッファー",
+    "sellingPriceLabel": "通常販売価格",
+    "profitMarginSub": "利益率 {{margin}} / 1個 {{profit}}",
+    "campaignPriceLabel": "キャンペーン価格",
+    "breakEvenLabel": "損益分岐点 (最低販売価格)",
+    "breakEvenSub": "これ未満で販売すると赤字になります",
+    "normalProfitLabel": "通常時 1個あたり利益",
+    "campaignProfitLabel": "セール時 1個あたり利益",
+    "formulaHelpTitle": "使用計算式",
+    "formulaBreakEven": "損益分岐点 = (原価 + 送料) ÷ (1 − 手数料%)",
+    "formulaSelling": "販売価格 = 損益分岐点 ÷ (1 − 利益率%)",
+    "formulaList": "出品定価 = 損益分岐点 ÷ (1 − キャンペーン% − プラットフォーム%) × 1.05 (安全バッファー5%)",
+    "normalDay": "通常販売日",
+    "units": "個",
+    "unitQty": "販売数量",
+    "profitPerUnit": "1個あたり利益",
+    "totalProfit": "総利益額",
+    "campaignDay": "キャンペーン / メガセール日",
+    "campaignForecastQty": "予測販売数量",
+    "campaignProfitPerUnit": "1個あたり利益 (割引後)",
+    "shouldJoinCampaign": "✅ キャンペーン参加を推奨",
+    "shouldNotJoinCampaign": "❌ キャンペーン参加は非推奨",
+    "joinReasonProfitUp": "総利益が {{diff}} 増加 (通常日の {{mult}}倍) — 単価利益を削って量を狙う価値あり",
+    "joinReasonNegative": "1個あたり利益がマイナス → 売れれば売れるほど赤字拡大！絶対に参加不可！",
+    "joinReasonLower": "キャンペーン総利益 ({{camp}}) が通常日 ({{norm}}) を下回ります — 参加メリット薄",
+    "diffLabel": "利益増減",
+    "thProductName": "商品名",
+    "thCost": "原価 (฿)",
+    "thListPrice": "定価 (฿)",
+    "thMargin": "マージン %",
+    "thGroup": "分類",
+    "addProduct": "商品を追加",
+    "noProductsInGroup": "該当する商品がありません",
+    "groupHeroLabel": "🚀 Hero (集客主力商品)",
+    "groupHeroDesc": "店舗への流入を獲得 — 薄利多売で大量販売",
+    "groupProfitLabel": "💎 Profit Maker (高収益商品)",
+    "groupProfitDesc": "収益の柱 — 高マージンで過度な値引きは避ける",
+    "groupBundleLabel": "🎁 Bundle / Add-on (セット・合わせ買い)",
+    "groupBundleDesc": "客単価(AOV)向上 — 他商品とのセット販売向け",
+    "groupUnclassifiedLabel": "— 未分類",
+    "groupUnclassifiedDesc": "原価と定価を入力してください",
+    "groupCriteriaTitle": "分類判定基準",
+    "groupCriteriaHero": "🚀 Hero: マージン < 15% — 利益を抑えてトラフィック獲得",
+    "groupCriteriaProfit": "💎 Profit Maker: マージン ≥ 30% — 主な収益源",
+    "groupCriteriaBundle": "🎁 Bundle: マージン 15〜29% — セット組で客単価向上",
+    "tiktokForcedPriceLabel": "TikTok指定セール価格",
+    "tiktokForcedPriceHint": "システムから提示された強制価格",
+    "gaugeTitle": "セール価格位置 vs. 損益分岐点",
+    "gaugeBreakEven": "損益分岐点: {{breakEven}}",
+    "alertSafeLabel": "✅ キャンペーン参加可能",
+    "alertSafeDesc": "マージン {{margin}} を確保 — 1個あたり利益 {{profit}}",
+    "alertWarnLabel": "⚠️ 注意 — マージン極小",
+    "alertWarnDesc": "マージンが {{margin}} に低下 — 1個利益 {{profit}} では経費を賄えない可能性あり",
+    "alertDangerLabel": "🚫 このキャンペーンへの参加は厳禁！",
+    "alertDangerDesc": "指定価格 {{price}} は損益分岐点 {{breakEven}} を下回っています — 全件赤字！",
+    "alertDangerAlt": "💡 対策: 参加を見送るか、十分なバッファーを持つSKUのみに絞って申請",
+    "alertBreakEvenSub": "これ未満の販売は厳禁",
+    "profitPerUnitIfJoin": "参加時 1個あたり利益",
+    "lossAlert": "赤字！"
+  },
+  "tiktokShopCase": {
+    "pageTitle": "TikTok Shop事例分析",
+    "pageSubtitle": "TikTok Shopの実入金明細の内訳構造を分析し、販売価格、店舗クーポン、商品原価をシミュレーションして純利益とROIを事前評価します。",
+    "reset": "リセット",
+    "resetTitle": "すべての数値をリセット",
+    "case1Btn": "事例 1 (฿79 明細)",
+    "case2Btn": "事例 2 (฿190 明細)",
+    "case3Btn": "事例 3 (฿190 明細 + アフィリエイト)",
+    "case1Name": "事例 1",
+    "case2Name": "事例 2",
+    "case3Name": "事例 3",
+    "useDefaultBtn": "事例のデフォルト値に戻す",
+    "sectionTitle": "事例研究 ＆ 実手数料シミュレーター",
+    "billDetailSubtitle": "{{caseName}} の原本明細データ:",
+    "grossBeforeDiscount": "割引前商品合計",
+    "shopDiscountWithPct": "ショップ割引 (割引率 %)",
+    "netBaseForCommission": "割引後純請求額 (手数料算出基準額)",
+    "step1ControlTitle": "1. 価格・割引・商品原価のシミュレーション (自由設定):",
+    "listPriceLabel": "割引前出品価格 (List Price)",
+    "costLabel": "商品原価 (Cost)",
+    "shopDiscountsLabel": "ショップ割引 (店舗クーポン 1〜3)",
+    "couponIndex": "クーポン #{{index}}",
+    "step2ControlTitle": "2. 手数料率 (%) のシミュレーション:",
+    "feeTransaction": "取引手数料 (%)",
+    "feeCommission": "TikTok手数料 (%)",
+    "feeGrowth": "成長支援手数料 (%)",
+    "feeAffiliate": "アフィリエイト報酬 (%)",
+    "tableBeforeTitle": "シミュレーション前 (原本明細)",
+    "tableAfterTitle": "シミュレーション後 (新シナリオ)",
+    "totalPctHeader": "合計 {{pct}}%",
+    "rowGross": "割引前商品合計",
+    "rowShopDiscount": "ショップ割引",
+    "rowShopDiscountTotal": "ショップ割引 (合計)",
+    "rowCouponItem": "- クーポン #{{index}} ({{val}})",
+    "rowNetBase": "純請求額 (手数料基準)",
+    "rowFeeTrans": "- 取引手数料 ({{pct}}%)",
+    "rowFeeComm": "- TikTok販売手数料 ({{pct}}%)",
+    "rowFeeGrowth": "- 成長支援手数料 ({{pct}}%)",
+    "rowFeeAffiliate": "- アフィリエイト報酬 ({{pct}}%)",
+    "rowTotalFees": "控除手数料合計",
+    "rowNetPayout": "銀行振込純受取額",
+    "rowCost": "- 商品原価 (Cost)",
+    "rowNetProfit": "実質純利益 (Net Profit)",
+    "rowMargin": "売上対比マージン (Margin %)",
+    "rowRoi": "投下資本利益率 (ROI %)",
+    "diffProfitUp": "新手数料体系により受取額が ฿{{diff}} 増加",
+    "diffPayoutChanged": "原本明細と比較して受取純額が ฿{{diff}} ({{sign}}{{pct}}%) 変動します"
+  },
+  "shopeeSalesMap": {
+    "pageTitle": "タイ全国売上マップ (Shopee Sales Map)",
+    "pageSubtitle": "タイ77県のShopee売上分布と顧客ポテンシャルを可視化・分析",
+    "viewMap": "地図表示",
+    "viewList": "一覧表示",
+    "allShops": "全ショップ",
+    "periodAll": "全期間",
+    "period30Days": "過去30日間",
+    "periodThisYear": "今年",
+    "periodCustom": "期間指定",
+    "loading": "読み込み中...",
+    "filter": "絞り込み",
+    "kpiTotalRevenue": "総売上高",
+    "kpiTotalRevenueSub": "Shopee総売上高",
+    "kpiTotalOrders": "累計注文数",
+    "kpiTotalOrdersSub": "Shopee全注文合計",
+    "kpiCoverage": "県別カバレッジ",
+    "outOf77Provinces": "/ 77 県",
+    "nationwideCoverage": "全国カバー率",
+    "kpiAov": "平均注文額 (AOV)",
+    "aovSub": "全注文から算出した平均客単価",
+    "kpiTopRegion": "最高売上地域",
+    "topRegionBadge": "Top Region",
+    "topRegionSub": "{{count}} 注文 ({{amount}})",
+    "mapCardTitle": "タイ全国売上マップ (Shopee)",
+    "mapCardSub": "色が濃いほど売上高が高い地域を示します。県をクリックして詳細を表示します。",
+    "provinceLabel": "県名",
+    "viewNationwide": "全国表示",
+    "nationwide": "全国",
+    "coverageCountText": "{{count}} 県で売上実績あり",
+    "provinceCardSub": "{{orders}} 注文 • {{region}}",
+    "noSales": "実績なし",
+    "highSales": "高売上",
+    "btnDistrictFocus": "郡別詳細マップを表示 (Map Focus)",
+    "selectProvinceHint": "県を選択すると、下部のトレンド・カテゴリ構成・店舗実績が連動して切り替わります。",
+    "topProvincesTitle": "売上上位県ランキング (Shopee)",
+    "rankingItemSub": "{{orders}} 注文 • {{region}}",
+    "rankingAov": "AOV {{amount}}",
+    "tableTitle": "Shopee 77県売上集計一覧",
+    "searchPlaceholder": "県名または地域名で検索...",
+    "thCode": "コード",
+    "thProvince": "県名",
+    "thRegion": "地域",
+    "thRevenue": "総売上高 (฿)",
+    "thOrders": "注文数",
+    "thAov": "AOV (฿/注文)",
+    "thActions": "操作",
+    "btnDistrictMap": "郡別マップ"
+  },
+  "shopeeAnalytics": {
+    "loading": "分析データを計算中...",
+    "noData": "データがありません — 最初にShopee注文ファイルをインポートしてください",
+    "backToShopee": "Shopee管理へ戻る",
+    "breadcrumb": "分析",
+    "title": "売上分析 — {{shop}}",
+    "kpiGrossRevenue": "総売上高 (Gross)",
+    "kpiGrossOrdersSub": "{{count}} 件の注文",
+    "kpiNetRevenue": "純収入 (Net)",
+    "kpiNetSub": "手数料および送料差引後",
+    "kpiCommission": "手数料合計",
+    "kpiCommissionSub": "売上の {{rate}}%",
+    "kpiAov": "AOV (平均注文単価)",
+    "kpiAovSub": "Average Order Value",
+    "kpiCompletedOrders": "完了した注文",
+    "kpiCompletedSub": "全 {{total}} 件中",
+    "kpiCancelledOrders": "キャンセル注文",
+    "kpiCancelledSub": "全体の {{rate}}%",
+    "kpiShipping": "購入者負担送料",
+    "kpiShippingSub": "購入者が支払った送料",
+    "kpiEffectiveMargin": "実質純利益率 (Effective Net Margin)",
+    "kpiEffectiveMarginSub": "Net / Gross Revenue",
+    "monthlyRevenueTitle": "月別売上高",
+    "monthlyRevenueSub": "総売上高 vs 純収入",
+    "barGrossRevenue": "฿ 総売上高 (Gross)",
+    "barNetRevenue": "฿ 純収入 (Net)",
+    "barCommission": "฿ 手数料",
+    "noMonthlyData": "月別データがまだありません",
+    "monthlyOrdersTitle": "月別注文数推移",
+    "lineOrders": "注文数",
+    "lineItems": "商品販売数 (個)",
+    "statusBreakdownTitle": "注文ステータス構成",
+    "paymentMethodTitle": "決済方法",
+    "ordersCountAndPct": "{{count}} 件 · {{pct}}%",
+    "topProductsTitle": "売上上位10商品 (売上高順)",
+    "thProduct": "商品名",
+    "thVariation": "バリエーション",
+    "thUnits": "数量",
+    "thOrders": "注文数",
+    "thRevenue": "売上高",
+    "thPercentTotal": "総売上比",
+    "costBreakdownTitle": "費用構成サマリー (Cost Breakdown)",
+    "stepGross": "総売上高 (Gross)",
+    "stepCommission": "控除: 手数料",
+    "stepShipping": "控除: 購入者送料",
+    "stepNet": "= 純収入 (Net)",
+    "percentOfSales": "売上の {{pct}}%",
+    "legendCommission": "手数料 ({{rate}}%)",
+    "legendShipping": "送料 ({{rate}}%)",
+    "legendNet": "純収入 ({{rate}}%)"
+  },
+  "shopeeOverview": {
+    "loading": "全店舗データを集計中...",
+    "noData": "データがありません — 最初にファイルをインポートしてください",
+    "backToShopee": "Shopee管理へ戻る",
+    "headerTitle": "全店舗概要",
+    "grandRevenue": "全店舗総売上高",
+    "ordersCount": "{{count}} 件の注文",
+    "grandNetRevenue": "全店舗純収入",
+    "marginSub": "利益率 {{margin}}%",
+    "grandCommission": "手数料合計",
+    "commissionRateSub": "売上の {{rate}}%",
+    "grandAov": "総合 AOV",
+    "cancelRateSub": "キャンセル率 {{rate}}%",
+    "percentOfTotal": "全体比 {{pct}}%",
+    "statRevenue": "売上高",
+    "statNet": "純収入",
+    "statOrders": "注文数",
+    "statCommission": "手数料",
+    "statCancelled": "キャンセル",
+    "statAov": "AOV",
+    "viewAnalytics": "分析を表示",
+    "monthlySalesTitle": "月別売上高 (店舗別)",
+    "noMonthlyData": "月別データがまだありません",
+    "salesShareTitle": "店舗別売上構成比",
+    "shopComparisonTitle": "店舗実績比較",
+    "thShop": "店舗",
+    "thRevenue": "売上高",
+    "thNet": "純収入",
+    "thOrders": "注文数",
+    "thCancelled": "キャンセル",
+    "totalAll": "合計",
+    "topProductsTitle": "売上上位10商品 — 全店舗総合",
+    "thProduct": "商品名",
+    "thVariation": "バリエーション",
+    "thUnits": "数量",
+    "thProductRevenue": "売上高",
+    "thPercentTotal": "全体比 %"
+  },
+  "shopeeShopCase": {
+    "pageTitle": "Shopee Shop Case",
+    "pageSubtitle": "Shopeeの実入金明細の構造を分析し、販売価格・クーポン・原価・利益率・ROIをシミュレーションします。",
+    "reset": "リセット",
+    "resetTitle": "すべての値をリセット",
+    "case1Btn": "事例 1 (฿79 注文)",
+    "case2Btn": "事例 2 (฿79 注文 + AMS)",
+    "case3Btn": "事例 3 (฿190 注文 + AMS)",
+    "case1Name": "事例 1",
+    "case2Name": "事例 2",
+    "case3Name": "事例 3",
+    "useDefaultBtn": "標準サンプル値を適用",
+    "sectionTitle": "事例研究＆手数料シミュレーター (Shopee)",
+    "billDetailSubtitle": "{{caseName}} の元の実請求明細:",
+    "grossBeforeDiscount": "割引前商品合計額",
+    "shopDiscountWithPct": "ショップ負担割引",
+    "netBaseForCommission": "割引後純請求額 (手数料計算基準)",
+    "step1ControlTitle": "1. 販売価格・割引・原価のシミュレーション (カスタマイズ可能):",
+    "listPriceLabel": "割引前販売価格 (List Price)",
+    "costLabel": "商品原価 (Cost)",
+    "shopDiscountsLabel": "ショップ割引 (クーポン 1-3)",
+    "couponIndex": "クーポン #{{index}}",
+    "step2ControlTitle": "2. Shopee手数料率の調整シミュレーション (%):",
+    "feeCommission": "販売手数料 (%)",
+    "feeService": "サービス料 (%)",
+    "feeTransaction": "決済手数料 (%)",
+    "feeAms": "AMSアフィリエイト (%)",
+    "tableBeforeTitle": "調整前 (元の明細)",
+    "tableAfterTitle": "調整後 (シミュレーション結果)",
+    "totalPctHeader": "合計 {{pct}}%",
+    "rowGross": "割引前商品合計額",
+    "rowShopDiscount": "ショップ負担割引",
+    "rowShopDiscountTotal": "ショップ負担割引 (合計)",
+    "rowCouponItem": "- クーポン #{{index}} ({{val}})",
+    "rowNetBase": "純商品額 (手数料基準)",
+    "rowFeeComm": "- 販売手数料 (Commission Fee)",
+    "rowFeeCommWithPct": "- 販売手数料 ({{pct}}%)",
+    "rowFeeService": "- サービス料 (Service Fee)",
+    "rowFeeServiceWithPct": "- サービス料 ({{pct}}%)",
+    "rowFeeTrans": "- 決済手数料",
+    "rowFeeTransWithPct": "- 決済手数料 ({{pct}}%)",
+    "rowFeeAms": "- AMSアフィリエイト手数料",
+    "rowFeeAmsWithPct": "- AMSアフィリエイト手数料 ({{pct}}%)",
+    "rowTotalFees": "控除手数料合計",
+    "rowNetPayout": "最終口座振込額 (純入金額)",
+    "rowCost": "- 商品原価 (Cost)",
+    "rowNetProfit": "純利益 (Net Profit)",
+    "rowMargin": "売上高利益率 (Margin %)",
+    "rowRoi": "費用対効果 (ROI %)",
+    "diffProfitUp": "新しい手数料体系により受取額が ฿{{diff}} 増加",
+    "diffPayoutChanged": "元の実明細と比較して純入金額が ฿{{diff}} ({{sign}}{{pct}}%) 変動します"
+  },
+  "lazadaOrder": {
+    "breadcrumb": "注文管理",
+    "title": "注文一覧 — {{shop}}",
+    "totalOrders": "総注文数",
+    "grossSales": "総売上高 (Gross)",
+    "totalShipping": "送料合計",
+    "totalCount": "全 {{total}} 件の注文",
+    "thOrderId": "注文ID",
+    "thStatus": "ステータス",
+    "thCustomer": "購入者",
+    "thDate": "作成日時",
+    "thSkus": "商品SKU",
+    "thTotal": "合計 (฿)",
+    "thShipping": "送料 (฿)",
+    "btnDetails": "詳細",
+    "loading": "読み込み中...",
+    "noData": "データがありません — 最初にファイルをインポートしてください",
+    "tabList": "注文一覧を表示",
+    "tabImport": "Excelアップロード",
+    "importTitle": "Lazada売上ファイルインポート (Excel)",
+    "importSubtitle": "Lazada Seller Centerからエクスポートしたファイル (.xlsx または .xls)",
+    "importProcessing": "処理中...",
+    "importBtn": "データベースにインポート",
+    "clearPrompt": "再アップロードのためにこの店舗のデータを全削除しますか？",
+    "clearing": "データ削除中...",
+    "clearBtn": "{{shop}} の全データを削除",
+    "clearConfirm": "店舗 \"{{shop}}\" のLazadaデータをすべて削除してもよろしいですか？\nこの操作は元に戻せません。",
+    "errNoData": "ファイルにデータがありません",
+    "errReadExcel": "Excelファイルの読み込み中にエラーが発生しました",
+    "errReadFile": "ファイルの読み込み中にエラーが発生しました",
+    "errImportFail": "インポートに失敗しました",
+    "errClearFail": "データ削除に失敗しました",
+    "errConn": "通信エラーが発生しました"
+  },
+  "lazadaAnalytics": {
+    "loading": "Lazadaの分析データを集計中...",
+    "noData": "データがありません — 最初にLazadaファイルをインポートしてください",
+    "backToOrders": "Lazada注文一覧に戻る",
+    "breadcrumb": "分析",
+    "title": "売上分析 — {{shop}}",
+    "presets": {
+      "7d": "過去7日間",
+      "30d": "過去30日間",
+      "90d": "過去90日間",
+      "thisMonth": "今月",
+      "lastMonth": "先月",
+      "year": "今年",
+      "lastYear": "昨年",
+      "last12m": "過去12ヶ月",
+      "all": "全期間"
+    },
+    "customRange": "カスタム:",
+    "to": "〜",
+    "btnApply": "表示",
+    "btnClear": "✕ クリア",
+    "kpiGrossRevenue": "総売上 (Paid Price)",
+    "kpiGrossSub": "{{count}} 件の注文",
+    "kpiNetRevenue": "純売上 (送料控除後)",
+    "kpiNetSub": "送料を差し引いた純粋な売上",
+    "kpiPlatformDiscount": "プラットフォーム割引 (Lazada)",
+    "kpiPlatformDiscSub": "Lazadaによる割引負担",
+    "kpiSellerDiscount": "店舗割引 (自社負担)",
+    "kpiSellerDiscSub": "店舗が顧客に提供した割引",
+    "kpiCompletedOrders": "完了した注文",
+    "kpiCompletedSub": "全 {{total}} 件中",
+    "kpiCancelledOrders": "キャンセル注文",
+    "kpiCancelledSub": "全体の {{rate}}%",
+    "kpiShipping": "送料総額",
+    "kpiShippingSub": "すべての送料合計",
+    "kpiAov": "AOV (平均注文単価)",
+    "kpiAovSub": "Average Order Value",
+    "monthlyRevenueTitle": "月別売上推移",
+    "barGrossRevenue": "฿ 総売上",
+    "barPlatformDiscount": "฿ プラットフォーム割引",
+    "barSellerDiscount": "฿ 店舗割引",
+    "noMonthlyData": "月別データはありません",
+    "monthlyOrdersTitle": "月別注文数・商品数",
+    "lineOrders": "注文数",
+    "lineItems": "販売点数",
+    "statusBreakdownTitle": "注文ステータス内訳",
+    "paymentMethodTitle": "決済手段",
+    "unspecifiedPayment": "指定なし",
+    "ordersCountAndPct": "{{count}} 件 · {{pct}}%",
+    "topProductsTitle": "売上上位10商品 (売上高順)",
+    "thIndex": "#",
+    "thProduct": "商品名",
+    "thVariation": "バリエーション",
+    "thUnits": "数量",
+    "thRevenue": "売上高",
+    "thPercentTotal": "売上シェア"
+  },
+  "lazadaOverview": {
+    "loading": "全店舗のデータを集計中...",
+    "noData": "データがありません — 最初にファイルをインポートしてください",
+    "backToOrders": "← Lazada注文一覧に戻る",
+    "breadcrumb": "Lazada",
+    "title": "全店舗概要",
+    "presets": {
+      "7d": "過去7日間",
+      "30d": "過去30日間",
+      "90d": "過去90日間",
+      "thisMonth": "今月",
+      "lastMonth": "先月",
+      "year": "今年",
+      "lastYear": "昨年",
+      "last12m": "過去12ヶ月",
+      "all": "全期間"
+    },
+    "customRange": "カスタム:",
+    "to": "〜",
+    "btnApply": "表示",
+    "btnClear": "✕ クリア",
+    "grandRevenue": "全店舗総売上",
+    "ordersCount": "{{count}} 件の注文",
+    "grandNetRevenue": "全店舗純売上 (送料控除後)",
+    "marginSub": "利益率 {{margin}}%",
+    "grandPlatformDiscount": "プラットフォーム割引合計",
+    "platformSub": "Lazada負担割引",
+    "grandAov": "全体AOV (平均注文単価)",
+    "cancelRateSub": "キャンセル {{rate}}%",
+    "percentOfTotal": "全体比 {{pct}}%",
+    "statRevenue": "売上高",
+    "statPlatformDiscount": "Lazada割引",
+    "statOrders": "注文数",
+    "statSellerDiscount": "店舗割引",
+    "statCancelled": "キャンセル",
+    "statShipping": "送料合計",
+    "viewAnalytics": "分析を見る",
+    "monthlySalesTitle": "月別売上推移 (店舗別)",
+    "noMonthlyData": "月別データはありません",
+    "salesShareTitle": "店舗別売上シェア",
+    "shopComparisonTitle": "店舗間比較",
+    "thShop": "店舗",
+    "thRevenue": "売上高",
+    "thPlatformDiscount": "プラットフォーム割引",
+    "thOrders": "注文数",
+    "thCancelled": "キャンセル",
+    "totalAll": "総合計",
+    "topProductsTitle": "売上上位10商品 — 全店舗合計",
+    "thIndex": "#",
+    "thProduct": "商品名",
+    "thVariation": "バリエーション",
+    "thUnits": "数量",
+    "thRevenueCol": "売上高",
+    "thPercentTotal": "全体比 %"
+  }
+}
+
+
+
+
diff --git a/apps/admin/src/locales/th/translation.json b/apps/admin/src/locales/th/translation.json
new file mode 100644
index 0000000..d821971
--- /dev/null
+++ b/apps/admin/src/locales/th/translation.json
@@ -0,0 +1,1206 @@
+{
+  "common": {
+    "save": "บันทึก",
+    "saving": "กำลังบันทึก...",
+    "saveChanges": "บันทึกการเปลี่ยนแปลง",
+    "cancel": "ยกเลิก",
+    "delete": "ลบ",
+    "deleting": "กำลังลบ...",
+    "edit": "แก้ไข",
+    "create": "สร้าง",
+    "add": "เพิ่ม",
+    "addNew": "เพิ่มใหม่",
+    "search": "ค้นหา",
+    "searchPlaceholder": "ค้นหา...",
+    "filter": "ตัวกรอง",
+    "all": "ทั้งหมด",
+    "export": "ส่งออกข้อมูล",
+    "import": "นำเข้าข้อมูล",
+    "upload": "อัปโหลด",
+    "uploading": "กำลังอัปโหลด...",
+    "actions": "การกระทำ",
+    "status": "สถานะ",
+    "back": "ย้อนกลับ",
+    "refresh": "รีเฟรช",
+    "confirm": "ยืนยัน",
+    "confirmDelete": "คุณแน่ใจหรือไม่ว่าต้องการลบรายการนี้?",
+    "yes": "ใช่",
+    "no": "ไม่ใช่",
+    "view": "ดู",
+    "details": "รายละเอียด",
+    "loading": "กำลังโหลด...",
+    "success": "สำเร็จ",
+    "error": "เกิดข้อผิดพลาด",
+    "required": "จำเป็น",
+    "optional": "ไม่บังคับ",
+    "logout": "ออกจากระบบ",
+    "adminAccount": "บัญชีผู้ดูแลระบบ",
+    "systemManager": "ผู้จัดการระบบ",
+    "language": "ภาษา",
+    "selectLanguage": "เลือกภาษา",
+    "noData": "ไม่มีข้อมูล",
+    "total": "รวมทั้งหมด",
+    "date": "วันที่",
+    "close": "ปิด"
+  },
+  "nav": {
+    "dashboard": "แดชบอร์ด",
+    "catalog": "แคตตาล็อก & สินค้า",
+    "categories": "หมวดหมู่สินค้า",
+    "products": "จัดการสินค้า",
+    "productAttributes": "คุณลักษณะสินค้า (Attributes)",
+    "rawMaterials": "วัตถุดิบ & สูตรผลิต",
+    "sales": "ยอดขาย & การตลาด",
+    "orders": "รายการคำสั่งซื้อ",
+    "promotions": "โปรโมชั่น",
+    "coupons": "คูปองส่วนลด",
+    "globalAnalytics": "ภาพรวมสถิติทั้งหมด",
+    "businessAnalytics": "สถิติและการวิเคราะห์ธุรกิจ",
+    "omnichannelSalesMap": "แผนที่ยอดขาย Omnichannel",
+    "productSalesMap": "แผนที่ยอดขายรายสินค้า",
+    "tools": "เครื่องมือช่วยเหลือ",
+    "marketplaceProducts": "สินค้า Marketplace",
+    "tiktok": "ช่องทาง TikTok",
+    "tiktokOrders": "คำสั่งซื้อ TikTok",
+    "thailandSalesMap": "แผนที่ยอดขายประเทศไทย",
+    "tiktokAnalytics": "สถิติวิเคราะห์ TikTok",
+    "tiktokOverview": "TikTok ทุกร้าน",
+    "tiktokPriceSimulator": "จำลองคำนวณราคา TikTok",
+    "tiktokShopCase": "TikTok Shop Case",
+    "tiktokReportImport": "นำเข้ารายงาน TikTok",
+    "productSkuAnalysis": "วิเคราะห์ SKU สินค้า",
+    "shopee": "ช่องทาง Shopee",
+    "shopeeHomAroma": "Shopee (Hom Aroma)",
+    "shopeeSalesMap": "แผนที่ยอดขายประเทศไทย",
+    "shopeeAnalytics": "สถิติวิเคราะห์ Shopee",
+    "shopeeOverview": "Shopee ทุกร้าน",
+    "shopeeShopCase": "Shopee Shop Case",
+    "lazada": "ช่องทาง Lazada",
+    "lazadaOrders": "คำสั่งซื้อ Lazada",
+    "lazadaAnalytics": "สถิติวิเคราะห์ Lazada",
+    "lazadaOverview": "Lazada ทุกร้าน",
+    "cms": "จัดการเนื้อหา & CMS",
+    "pageBuilder": "ระบบสร้างหน้าเว็บ (Page Builder)",
+    "cmsBlockShowcase": "ตัวอย่าง CMS Block",
+    "mediaLibrary": "คลังสื่อ & รูปภาพ",
+    "scentGuide": "คู่มือกลิ่นหอม & บทความ",
+    "customers": "จัดการลูกค้า",
+    "customerList": "รายชื่อลูกค้า",
+    "newsletterSubscribers": "ผู้ติดตามจดหมายข่าว",
+    "contactMessages": "ข้อความติดต่อ",
+    "menuManager": "จัดการเมนูนำทาง",
+    "mainNavigation": "เมนูหลัก (Navigation)",
+    "footerExplore": "เมนูด้านล่าง Explore",
+    "footerSupport": "เมนูด้านล่าง Support",
+    "footerBrand": "ข้อมูลแบรนด์ท้ายเว็บ",
+    "backup": "สำรอง & กู้คืนข้อมูล",
+    "backupDashboard": "แดชบอร์ดสำรองข้อมูล",
+    "backupDatabase": "สำรองฐานข้อมูล",
+    "backupCatalog": "สำรองแคตตาล็อกสินค้า",
+    "backupOrders": "สำรองคำสั่งซื้อ",
+    "backupCms": "สำรองหน้าเว็บ CMS",
+    "backupMedia": "สำรองไฟล์สื่อ",
+    "settings": "การตั้งค่าระบบ",
+    "storeSettings": "ตั้งค่าร้านค้า",
+    "paymentSettings": "ตั้งค่าช่องทางชำระเงิน",
+    "themeSettings": "ตั้งค่าธีม & สี",
+    "contentSettings": "ตั้งค่าเนื้อหาทั่วไป",
+    "systemMaintenance": "บำรุงรักษาและจัดการระบบ"
+  },
+  "contentTabs": {
+    "th": "ภาษาไทย",
+    "en": "อังกฤษ (English)",
+    "ja": "ญี่ปุ่น (Japanese)",
+    "zh": "จีน (Chinese)",
+    "translated": "แปลแล้ว",
+    "untranslated": "ยังไม่ได้แปล",
+    "copyFrom": "คัดลอกข้อความจาก",
+    "language": "ภาษาของเนื้อหา"
+  },
+  "dashboard": {
+    "title": "แดชบอร์ดบริหาร",
+    "subtitle": "ภาพรวมยอดขาย คลังสินค้า และประสิทธิภาพแต่ละช่องทางจำหน่าย",
+    "totalRevenue": "รายได้รวมทั้งหมด",
+    "totalOrders": "คำสั่งซื้อทั้งหมด",
+    "totalProducts": "สินค้าทั้งหมด",
+    "totalCustomers": "ลูกค้าทั้งหมด",
+    "recentOrders": "คำสั่งซื้อล่าสุด",
+    "popularProducts": "สินค้ายอดนิยม",
+    "salesTrend": "แนวโน้มยอดขาย"
+  },
+  "products": {
+    "title": "จัดการสินค้า",
+    "subtitle": "จัดการข้อมูลแคตตาล็อก ราคา ตัวเลือก และเนื้อหาหลายภาษา",
+    "addNew": "เพิ่มสินค้าใหม่",
+    "searchPlaceholder": "ค้นหาสินค้าด้วยชื่อ หรือ SKU...",
+    "category": "หมวดหมู่",
+    "price": "ราคา",
+    "stock": "คงเหลือ",
+    "sku": "รหัส SKU",
+    "name": "ชื่อสินค้า",
+    "image": "รูปภาพ",
+    "variants": "ตัวเลือกย่อย",
+    "status": "สถานะ",
+    "editProduct": "แก้ไขสินค้า",
+    "cmsBuilder": "CMS Builder",
+    "bom": "BOM & สูตรผลิต"
+  },
+  "categories": {
+    "title": "จัดการหมวดหมู่สินค้า",
+    "subtitle": "จัดระเบียบหมวดหมู่สินค้าและรองรับเนื้อหาหลายภาษา",
+    "addNew": "เพิ่มหมวดหมู่ใหม่",
+    "editCategory": "แก้ไขหมวดหมู่",
+    "name": "ชื่อหมวดหมู่",
+    "image": "รูปภาพหมวดหมู่",
+    "itemCount": "จำนวนสินค้า"
+  },
+  "orders": {
+    "title": "จัดการคำสั่งซื้อ",
+    "subtitle": "ตรวจสอบรายการสั่งซื้อเข้าใหม่และการชำระเงิน",
+    "searchPlaceholder": "ค้นหารหัสคำสั่งซื้อ, ชื่อลูกค้า, เบอร์โทร...",
+    "statusAll": "ทั้งหมด",
+    "statusPending": "รอชำระเงิน",
+    "statusPaid": "ชำระแล้ว",
+    "statusShipped": "จัดส่งแล้ว",
+    "statusCancelled": "ยกเลิกแล้ว",
+    "orderId": "รหัสคำสั่งซื้อ",
+    "customer": "ลูกค้า",
+    "totalAmount": "ยอดรวม",
+    "payment": "การชำระเงิน",
+    "fulfillment": "การจัดส่ง",
+    "date": "วันที่สั่งซื้อ",
+    "total": "ยอดรวม",
+    "status": "สถานะ",
+    "action": "จัดการ",
+    "review": "ตรวจสอบ",
+    "noOrders": "ไม่พบคำสั่งซื้อ",
+    "orderItems": "รายการสินค้าในคำสั่งซื้อ",
+    "customerDetails": "ข้อมูลลูกค้า",
+    "paymentSlip": "หลักฐานการชำระเงิน (สลิป)",
+    "updateStatus": "อัปเดตสถานะ",
+    "markPaid": "ทำเครื่องหมายว่าชำระแล้ว",
+    "markShipped": "ทำเครื่องหมายว่าจัดส่งแล้ว",
+    "markCancelled": "ยกเลิกคำสั่งซื้อ"
+  },
+  "login": {
+    "title": "ระบบจัดการแอดมิน",
+    "subtitle": "เข้าสู่ระบบเพื่อจัดการระบบร้านค้าและเนื้อหา",
+    "email": "อีเมล",
+    "password": "รหัสผ่าน",
+    "signIn": "เข้าสู่ระบบ",
+    "signingIn": "กำลังเข้าสู่ระบบ...",
+    "invalidCredentials": "อีเมลหรือรหัสผ่านไม่ถูกต้อง",
+    "rememberMe": "จดจำการเข้าสู่ระบบ"
+  },
+  "analytics": {
+    "globalOverview": "ภาพรวมระดับ Global",
+    "allPlatformsOverview": "ภาพรวมทุกแพลตฟอร์ม",
+    "loadingGlobal": "กำลังรวมข้อมูลระดับ Global (ทุกแพลตฟอร์ม)...",
+    "preset7d": "7 วัน",
+    "preset30d": "30 วัน",
+    "preset90d": "90 วัน",
+    "presetThisMonth": "เดือนนี้",
+    "presetLastMonth": "เดือนที่แล้ว",
+    "presetThisYear": "ปีนี้",
+    "presetLastYear": "ปีที่แล้ว",
+    "presetLast12m": "12 เดือนที่ผ่านมา",
+    "presetAll": "ทั้งหมด",
+    "customRange": "กำหนดเอง:",
+    "to": "ถึง",
+    "apply": "ดูข้อมูล",
+    "clear": "ล้าง",
+    "totalCompanyRevenue": "ยอดขายรวมระดับบริษัท",
+    "orders": "คำสั่งซื้อ",
+    "averageOrderValue": "AOV รวม (เฉลี่ย)",
+    "fromCompletedOrders": "จากออเดอร์สำเร็จ",
+    "totalCancelRate": "อัตรายกเลิกรวม",
+    "cancelledOrders": "รายการยกเลิก",
+    "totalShipping": "ค่าจัดส่งรวม",
+    "allPlatformsShipping": "ค่าจัดส่งทุกแพลตฟอร์ม",
+    "revenueShareByPlatform": "สัดส่วนยอดขายตามแพลตฟอร์ม",
+    "platformComparison": "เปรียบเทียบแพลตฟอร์ม",
+    "platform": "แพลตฟอร์ม",
+    "revenue": "ยอดขาย",
+    "share": "สัดส่วน",
+    "monthlyRevenueByPlatform": "ยอดขายรายเดือน (แยกตามแพลตฟอร์ม)",
+    "noMonthlyData": "ยังไม่มีข้อมูลรายเดือน"
+  },
+  "salesMap": {
+    "title": "Omnichannel Sales Map",
+    "productTitle": "Product Sales Map",
+    "badge": "Geo-Intelligence Heatmap",
+    "productBadge": "Geo-Intelligence by Product",
+    "subtitle": "Cross-Platform Intelligence • วิเคราะห์พื้นที่ยอดขาย 77 จังหวัด และ 928 อำเภอทั่วไทย (TikTok, Shopee, Lazada)",
+    "productSubtitle": "Business Analytics • วิเคราะห์ความหนาแน่นและพื้นที่ยอดขายของสินค้าแต่ละรายการใน 77 จังหวัด และ 928 อำเภอ",
+    "viewByRevenue": "฿ ดูตามยอดขาย",
+    "viewByQuantity": "📦 ดูตามจำนวนชิ้น",
+    "mapView": "มุมมองแผนที่",
+    "listView": "มุมมองตาราง",
+    "allChannels": "ทุกช่องทาง",
+    "tiktok": "TikTok Shop",
+    "shopee": "Shopee",
+    "lazada": "Lazada",
+    "tiktokOnly": "เฉพาะ TikTok",
+    "shopeeOnly": "เฉพาะ Shopee",
+    "lazadaOnly": "เฉพาะ Lazada",
+    "allShops": "ทุกร้านค้า",
+    "allStatuses": "ทุกสถานะ",
+    "completedOnly": "เฉพาะสำเร็จ",
+    "cancelledOnly": "เฉพาะยกเลิก",
+    "totalRevenue": "ยอดขายรวม",
+    "totalUnits": "จำนวนชิ้นรวม",
+    "totalOrders": "จำนวนคำสั่งซื้อ",
+    "topProvince": "จังหวัดยอดขายสูงสุด",
+    "activeProvinces": "จังหวัดที่มียอดขาย",
+    "aov": "ยอดเฉลี่ยต่อออเดอร์ (AOV)",
+    "penetration": "ความครอบคลุมทั่วประเทศ",
+    "searchProvince": "ค้นหาจังหวัด หรือ ภาค...",
+    "searchProduct": "ค้นหาชื่อสินค้า หรือ รหัส SKU...",
+    "selectProduct": "เลือกสินค้าที่ต้องการวิเคราะห์",
+    "allVariants": "ทุกตัวเลือกสินค้า (รวมทั้งสินค้า)",
+    "province": "จังหวัด",
+    "region": "ภูมิภาค",
+    "revenue": "ยอดขาย",
+    "unitsSold": "จำนวนชิ้น",
+    "orders": "ออเดอร์",
+    "share": "สัดส่วน",
+    "actions": "การกระทำ",
+    "viewDistricts": "ดูข้อมูลรายอำเภอ",
+    "loadingMap": "กำลังโหลดข้อมูลแผนที่...",
+    "loadingDistricts": "กำลังโหลดข้อมูลระดับอำเภอ...",
+    "noData": "ไม่พบข้อมูลยอดขายตามเงื่อนไขที่เลือก",
+    "districtBreakdown": "ข้อมูลเจาะลึกระดับอำเภอ",
+    "allDistricts": "ทุกอำเภอ",
+    "ordersList": "รายการคำสั่งซื้อล่าสุดใน",
+    "searchDistrict": "ค้นหาอำเภอ...",
+    "close": "ปิด",
+    "backToProvinces": "กลับสู่ภาพรวมจังหวัด",
+    "zoomIn": "ขยายแผนที่",
+    "zoomOut": "ย่อแผนที่",
+    "resetZoom": "รีเซ็ตมุมมอง",
+    "dragHint": "ลากเพื่อเลื่อนแผนที่ เลื่อนเมาส์หรือคลิก +/- เพื่อซูม",
+    "regionalBreakdown": "สัดส่วนยอดขายตามภูมิภาค",
+    "tiktokShopLabel": "ร้าน TikTok:",
+    "allTiktokShops": "TikTok ทุกร้าน",
+    "shopeeShopLabel": "ร้าน Shopee:",
+    "allShopeeShops": "Shopee ทุกร้าน",
+    "lazadaShopLabel": "ร้าน Lazada:",
+    "allLazadaShops": "Lazada ทุกร้าน",
+    "productTotalRevenue": "ยอดขายสินค้านี้รวม",
+    "totalUnitsSold": "จำนวนชิ้นที่ขายได้",
+    "provinceCoverage": "การกระจายตัวในจังหวัด",
+    "topSellingProvince": "จังหวัดที่ขายดีที่สุด",
+    "topSellingRegion": "ภูมิภาคยอดขายสูงสุด",
+    "densityMap": "แผนที่ความหนาแน่น",
+    "less": "น้อย",
+    "more": "มาก",
+    "selectMasterProduct": "เลือกสินค้า Master:",
+    "variantOptions": "ขนาด/ตัวเลือก:",
+    "allVariantsTotal": "ทุกตัวเลือกรวม"
+  },
+  "marketplaceProducts": {
+    "title": "Marketplace Products & SKU Manager",
+    "badge": "Tool • TikTok + Shopee + Lazada",
+    "subtitle": "รวมรายการสินค้าที่ขายได้จากทุก Marketplace และเชื่อมโยง (SKU Mapping) เข้ากับ Master Catalog เพื่อวิเคราะห์ต้นทุนและกำไร",
+    "autoMatch": "⚡ Auto-Match SKUs",
+    "syncFromOrders": "🔄 Sync จาก Order ทั้งหมด",
+    "syncing": "กำลังประมวลผลดึงข้อมูล...",
+    "kpiTotalSkus": "สินค้าบน Marketplace",
+    "skuUnit": "รายการ/SKU",
+    "kpiTotalSkusSub": "รวมทุกรูปแบบสินค้าที่เคยขายได้",
+    "kpiMappingProgress": "สถานะการผูก Master SKU",
+    "unmappedLabel": "ยังไม่ผูก:",
+    "itemUnit": "รายการ",
+    "kpiTotalSold": "จำนวนชิ้นที่ขายได้รวม",
+    "unitsSold": "ชิ้น",
+    "kpiTotalSoldSub": "ยอดขายรวมสะสมจากทุกออเดอร์",
+    "kpiTotalRevenue": "ยอดขายรวม (Gross)",
+    "kpiTotalRevenueSub": "ยอดเงินที่ได้รับจากลูกค้า",
+    "kpiEstProfit": "กำไรขั้นต้นประเมิน (BOM)",
+    "marginLabel": "Margin รวม:",
+    "allChannels": "🌐 ทุกช่องทาง",
+    "tiktok": "🔴 TikTok",
+    "shopee": "🟠 Shopee",
+    "lazada": "🔵 Lazada",
+    "shopLabel": "ร้านค้า:",
+    "allShops": "ทุกร้านค้า (All Shops)",
+    "statusAll": "ทั้งหมด",
+    "statusMapped": "ผูกแล้ว (Mapped)",
+    "statusUnmapped": "ยังไม่ผูก (Unmapped)",
+    "searchPlaceholder": "ค้นหาชื่อสินค้า, SKU, ตัวเลือก, หรือ Master Variant...",
+    "sortBy": "เรียงตาม:",
+    "sortRevenue": "ยอดขายรวมสูงสุด (Revenue)",
+    "sortSold": "จำนวนชิ้นขายสูงสุด (Sold Qty)",
+    "sortName": "ชื่อสินค้า (A-Z)",
+    "sortRecent": "ขายล่าสุด (Recent)",
+    "thChannelShop": "ช่องทาง / ร้านค้า",
+    "thProductName": "ชื่อสินค้า & ตัวเลือก (Marketplace)",
+    "thSku": "Seller SKU",
+    "thSoldQty": "จำนวนที่ขาย",
+    "thTotalRevenue": "ยอดขายรวม (฿)",
+    "thAvgPrice": "ราคาเฉลี่ย",
+    "thMasterProduct": "สินค้า Master (Core Catalog)",
+    "thBomCost": "ต้นทุน BOM (฿)",
+    "thEstProfit": "กำไรประเมิน",
+    "thActions": "จัดการ",
+    "loading": "กำลังโหลดข้อมูลสินค้า...",
+    "noData": "ไม่พบรายการสินค้าตามเงื่อนไขที่เลือก",
+    "clickToSync": "กดเพื่อ Sync ข้อมูลจากออเดอร์",
+    "variationPrefix": "ตัวเลือก:",
+    "unmappedBadge": "ยังไม่ผูก SKU",
+    "perUnit": "/ชิ้น",
+    "totalPrefix": "รวม",
+    "noBom": "ยังไม่ตั้ง BOM",
+    "changeMapping": "เปลี่ยนผูก",
+    "mapProduct": "ผูกสินค้า",
+    "modalTitle": "ผูกสินค้า Marketplace เข้า Master Catalog",
+    "modalSubtitle": "เลือกสินค้า/ขนาดจากระบบหลักที่ตรงกับรายการนี้",
+    "productOn": "สินค้าบน",
+    "soldLabel": "ขายแล้ว:",
+    "revenueLabel": "ยอดขาย:",
+    "avgPriceLabel": "ราคาเฉลี่ย:",
+    "modalSearchPlaceholder": "พิมพ์ค้นหาชื่อสินค้าหลัก, รหัส SKU, หรือขนาด (เช่น 50ml, 120ml)...",
+    "noMasterFound": "ไม่พบรายการสินค้า Master ในระบบที่ตรงกับคำค้นหา",
+    "bomCostLabel": "ต้นทุน BOM:",
+    "unlink": "ยกเลิกการผูก",
+    "saveMapping": "บันทึกการผูกสินค้า",
+    "toastLoadError": "เกิดข้อผิดพลาดในการโหลดข้อมูลสินค้า",
+    "toastSyncSuccess": "Sync ข้อมูลสินค้าเรียบร้อย! ทั้งหมด {{total}} รายการ (จับคู่ใหม่อัตโนมัติ {{matched}} รายการ)",
+    "toastSyncError": "ไม่สามารถ Sync ข้อมูลได้",
+    "toastSyncConnError": "เกิดข้อผิดพลาดในการเชื่อมต่อ Sync",
+    "toastAutoMatchSuccess": "Auto-Match สำเร็จ! จับคู่ SKU ตรงกันได้เพิ่ม {{matched}} รายการ (คงเหลือยังไม่ผูก {{remaining}} รายการ)",
+    "toastAutoMatchError": "เกิดข้อผิดพลาดในการ Auto-Match",
+    "toastMapSuccess": "ผูกสินค้ากับ Master Catalog เรียบร้อย",
+    "toastUnlinkSuccess": "ยกเลิกการผูกสินค้าเรียบร้อย",
+    "toastMapError": "ไม่สามารถบันทึกการผูกสินค้าได้"
+  },
+  "tiktokOrders": {
+    "title": "TikTok Orders",
+    "viewData": "ดูข้อมูล",
+    "importData": "Import CSV / XLSX",
+    "ordersTitle": "คำสั่งซื้อ — {{shop}}",
+    "importTitle": "นำเข้าข้อมูลจาก TikTok Shop",
+    "importSubtitle": "อัปโหลดไฟล์ Orders Report (.csv)",
+    "kpiTotalOrders": "คำสั่งซื้อทั้งหมด",
+    "skuCount": "{{count}} รายการ SKU",
+    "kpiGrossSales": "ยอดขายรวม (Gross)",
+    "skuRevenue": "SKU Revenue ฿{{amount}}",
+    "kpiTotalBomCost": "ต้นทุน BOM รวม",
+    "estProfit": "กำไรประเมิน ฿{{amount}} ({{margin}}%)",
+    "kpiCommissionAffiliate": "Commission & Affiliate",
+    "commAffBreakdown": "Comm: ฿{{comm}} | Aff: ฿{{aff}}",
+    "waitingSettlement": "รอ Import ใบแจ้งยอด Settlement",
+    "kpiBomStatus": "สถานะ BOM สินค้า",
+    "missingBomOrders": "ขาด {{count}} ออเดอร์",
+    "bomComplete100": "BOM ครบ 100%",
+    "missingBomWarning": "🔴 มีสินค้ายังไม่ได้ใส่ราคา BOM",
+    "bomCostCalculated": "✓ คำนวณต้นทุนครบทุกออเดอร์",
+    "searchPlaceholder": "ค้นหา Order ID, ผู้ซื้อ, Tracking, SKU, ชื่อสินค้า...",
+    "bomFilterAll": "BOM ทั้งหมด",
+    "bomFilterMissing": "ขาด BOM",
+    "bomFilterComplete": "BOM ครบ",
+    "statusFilterAll": "ทุกสถานะ",
+    "statusCompleted": "เสร็จสิ้น",
+    "statusShipped": "จัดส่งแล้ว",
+    "statusToShip": "ที่ต้องจัดส่ง",
+    "statusCancelled": "ยกเลิก",
+    "clearFilters": "ล้างตัวกรองทั้งหมด",
+    "foundOrders": "พบ <1>{{count}}</1> รายการ",
+    "fromSearch": "(จากคำค้นหา <1>\"{{search}}\"</1>)",
+    "filteredMissingBom": "[กรองเฉพาะที่ขาด BOM]",
+    "totalOrdersCount": "ทั้งหมด <1>{{count}}</1> คำสั่งซื้อ",
+    "thOrderId": "Order ID",
+    "thStatus": "สถานะ",
+    "thBuyerArea": "ผู้ซื้อ / พื้นที่",
+    "thCreatedDate": "วันที่สร้าง",
+    "thSkusBom": "SKUs & BOM",
+    "thOrderAmount": "ยอดขาย (฿)",
+    "thBomCost": "ต้นทุน BOM (฿)",
+    "thCommission": "Commission (฿)",
+    "thAffiliate": "Affiliate (฿)",
+    "thNetProfit": "กำไรสุทธิ",
+    "thActions": "การกระทำ",
+    "processingData": "กำลังประมวลผลข้อมูล...",
+    "noOrders": "ยังไม่มีข้อมูล",
+    "settledTransferred": "โอนแล้ว ฿{{amount}}",
+    "waitingSettlementTransfer": "รอโอนเงิน",
+    "missingBomCount": "ขาด BOM ({{count}})",
+    "bomComplete": "BOM ครบ",
+    "bomUnspecified": "ยังไม่ระบุ",
+    "bomPartial": "มีบางส่วน ฿{{amount}}",
+    "waitingBomPrice": "รอใส่ราคา BOM",
+    "viewOrder": "ดูออเดอร์",
+    "districtPrefix": "อ.",
+    "provincePrefix": "จ.",
+    "targetShop": "Import เข้าร้าน:",
+    "tabOrdersCsv": "1. คำสั่งซื้อ (Orders CSV)",
+    "tabSettlementXlsx": "2. ใบแจ้งยอดการเงิน (Settlement XLSX)",
+    "csvDropzoneTitle": "คลิกเพื่อเลือกไฟล์คำสั่งซื้อ CSV (เลือกได้หลายไฟล์พร้อมกัน)",
+    "csvDropzoneSub": "กด Ctrl หรือ Shift ค้างไว้เพื่อเลือกหลายไฟล์ (.csv จาก TikTok Seller Center)",
+    "readingCsv": "กำลังประมวลผลไฟล์ CSV ทั้งหมด...",
+    "selectedFilesCount": "ไฟล์ที่เลือก ({{count}} ไฟล์)",
+    "totalRowsToOrders": "รวมทั้งหมด {{rows}} แถวสินค้า → {{orders}} คำสั่งซื้อไม่ซ้ำ",
+    "rowsUnit": "แถว",
+    "ordersUnit": "ออเดอร์",
+    "duplicateOrdersAlertTitle": "ตรวจพบคำสั่งซื้อซ้ำกันระหว่างไฟล์ {{count}} รายการ",
+    "duplicateOrdersAlertDesc": "ระบบจะทำการรวมข้อมูลและ Upsert (อัปเดตอัตโนมัติ) ตาม Order ID โดยไม่สร้างข้อมูลเบิ้ล และยอดขายจะไม่ทับซ้อน",
+    "noCrossFileDuplicates": "ไฟล์ทั้งหมดไม่พบหมายเลขคำสั่งซื้อที่ซ้ำกันข้ามไฟล์",
+    "previewTitle": "Preview ตัวอย่างข้อมูลรวม (5 แถวแรก):",
+    "clearShopData": "ลบข้อมูลทั้งหมดของร้าน {{shop}}",
+    "clearing": "กำลังลบข้อมูล...",
+    "confirmClearData": "ยืนยันการลบข้อมูล TikTok ทั้งหมด (ทั้งคำสั่งซื้อและใบแจ้งยอด) ของร้าน \"{{shop}}\"?\nการกระทำนี้ไม่สามารถกู้คืนได้",
+    "importOrdersButton": "Import {{orders}} คำสั่งซื้อ ({{rows}} แถวสินค้า) → {{shop}}",
+    "importingFiles": "กำลัง Import {{count}} ไฟล์...",
+    "xlsxDropzoneTitle": "คลิกเพื่อเลือกไฟล์รายงานการเงิน (Income / Settlement XLSX)",
+    "xlsxDropzoneSub": "รองรับไฟล์ income_*.xlsx จากเมนู การเงิน ➔ ใบแจ้งยอด ➔ ส่งออกรายละเอียด",
+    "readingXlsx": "กำลังอ่านข้อมูลและแจกแจงค่าคอมมิชชั่นจากไฟล์ Excel...",
+    "settlementSummaryTitle": "สรุปข้อมูลรายงานการเงิน ({{file}})",
+    "sheetLabel": "Sheet: {{sheet}}",
+    "transactionsFound": "พบ {{count}} รายการธุรกรรม",
+    "netPayout": "ยอดเงินโอนสุทธิ (Net Payout)",
+    "revenue": "ยอดขายสินค้ารวม (Revenue)",
+    "tiktokCommission": "ค่าคอมมิชชั่น TikTok",
+    "partnerAffiliate": "ค่า Affiliate พันธมิตร",
+    "settlementPreviewTitle": "ตัวอย่างรายการใบแจ้งยอด (5 แถวแรก):",
+    "thSettledDate": "วันที่ชำระ",
+    "thNetSettlement": "ยอดโอนสุทธิ",
+    "thOrderFee": "ค่าธรรมเนียมคำสั่งซื้อ",
+    "confirmImportSettlement": "ยืนยัน Import ใบแจ้งยอด ({{count}} รายการ) → {{shop}}",
+    "savingSettlement": "กำลังบันทึกข้อมูลใบแจ้งยอด...",
+    "noOrdersInCsv": "ไม่พบข้อมูลคำสั่งซื้อในไฟล์ CSV ที่เลือก",
+    "cannotReadFile": "อ่านไฟล์ไม่ได้: {{error}}",
+    "noOrdersInSheet": "ไม่พบรายการคำสั่งซื้อใน Sheet \"{{sheet}}\"",
+    "cannotReadXlsx": "อ่านไฟล์ XLSX ไม่สำเร็จ: {{error}}",
+    "errorReadingFile": "เกิดข้อผิดพลาดในการอ่านไฟล์"
+  },
+  "tiktokOrderDetail": {
+    "loading": "กำลังโหลดรายละเอียดคำสั่งซื้อ TikTok และคำนวณต้นทุน BOM...",
+    "notFound": "ไม่พบคำสั่งซื้อนี้",
+    "backToList": "กลับหน้ารายการ",
+    "missingBomPill": "ขาด BOM ({{count}} รายการ)",
+    "bomCompletePill": "BOM ครบถ้วน",
+    "shopLabel": "ร้าน: {{shop}}",
+    "orderedAt": "สั่งซื้อเมื่อ: {{time}}",
+    "viewInSalesMap": "ดูใน Sales Map",
+    "missingBomAlertTitle": "ตรวจพบสินค้าขาดสูตร BOM หรือยังไม่ได้ใส่ราคาต้นทุน ({{count}} รายการ)",
+    "missingBomAlertSub": "พนักงานสามารถคลิกปุ่มสีแดงที่รายการสินค้าด้านล่าง เพื่อเข้าไปกรอกสูตร BOM หรือเชื่อมโยงสินค้าได้ทันที",
+    "checkMappingTable": "ตรวจสอบตาราง Mapping",
+    "orderItemsTitle": "รายการสินค้าในคำสั่งซื้อ ({{count}} SKU)",
+    "totalBomCostLabel": "ต้นทุนรวม BOM:",
+    "itemMissingBomBadge": "🔴 ขาด BOM / รอใส่ราคา",
+    "itemHasBomBadge": "✓ มีสูตร BOM",
+    "variationLabel": "ตัวเลือก: {{variation}}",
+    "linkedMasterLabel": "เชื่อมโยง: {{product}} ({{sku}})",
+    "thUnitPrice": "ราคา/หน่วย",
+    "thQuantity": "จำนวน",
+    "thSubtotal": "ยอดขาย (SKU)",
+    "unitBomCostLabel": "ต้นทุน BOM/ชิ้น:",
+    "totalBomCostItemLabel": "ต้นทุนรวม:",
+    "grossProfitLabel": "กำไรขั้นต้น:",
+    "bomNotFoundWarning": "ไม่พบต้นทุน BOM สำหรับสินค้านี้ (ทำให้คำนวณกำไรไม่ได้)",
+    "editBom": "แก้ไขสูตร BOM",
+    "addBom": "➕ ไปใส่สูตร BOM",
+    "mapMasterSku": "🔗 ไปเชื่อมโยง Master SKU",
+    "rawMaterialBreakdown": "สูตรวัตถุดิบ BOM ({{count}} รายการ):",
+    "shippingTitle": "ข้อมูลการจัดส่งและขนส่ง",
+    "shippingProvider": "ผู้ให้บริการขนส่ง",
+    "deliveryOption": "ประเภทการส่ง",
+    "warehouseName": "คลังสินค้า",
+    "orderType": "ประเภทออเดอร์",
+    "timelineTitle": "ไทม์ไลน์คำสั่งซื้อ",
+    "createdDate": "วันที่สร้างออเดอร์",
+    "paidDate": "วันที่ชำระเงิน",
+    "rtsTime": "เวลา RTS",
+    "shippedTime": "เวลาจัดส่งออก",
+    "deliveredTime": "เวลาส่งถึงลูกค้า",
+    "cancelledTime": "เวลายกเลิก",
+    "bomSummaryTitle": "สรุปต้นทุน & กำไร (BOM)",
+    "revenueLabel": "ยอดขายสุทธิ (Revenue)",
+    "totalBomCostSummary": "ต้นทุนวัตถุดิบ (Total BOM Cost)",
+    "commissionSummary": "ค่าคอมมิชชั่น (Commission)",
+    "affiliateSummary": "ค่าพันธมิตร (Affiliate)",
+    "netProfitSummary": "กำไรสุทธิ (Net Profit)",
+    "marginLabel": "Margin: {{margin}}%",
+    "incompleteWarningTitle": "คำเตือน: ตัวเลขยังไม่สมบูรณ์",
+    "incompleteWarningDesc": "มีสินค้า {{count}} รายการ ยังไม่มีสูตร BOM หรือไม่มีราคาต้นทุน กรุณาใส่ราคา BOM เพื่อให้กำไรถูกต้อง",
+    "customerTitle": "ข้อมูลลูกค้าและพื้นที่",
+    "tiktokUsername": "ชื่อผู้ใช้ TikTok",
+    "paymentMethod": "ช่องทางชำระเงิน",
+    "destination": "พิกัดปลายทาง",
+    "unspecified": "ไม่ระบุ",
+    "financialsTitle": "สรุปยอดเงิน (Financials)",
+    "itemsSubtotal": "ยอดรวมสินค้า",
+    "platformDiscount": "ส่วนลดแพลตฟอร์ม",
+    "sellerDiscount": "ส่วนลดร้านค้า",
+    "shippingFee": "ค่าจัดส่ง",
+    "taxes": "ภาษี (Taxes)",
+    "refundAmount": "ยอดคืนเงิน (Refund)",
+    "totalOrderAmount": "ยอดสุทธิ (Order Amount)"
+  },
+  "tiktokSalesMap": {
+    "title": "แผนที่ยอดขายประเทศไทย (Thailand Sales Map)",
+    "subtitle": "วิเคราะห์การกระจายตัวของยอดขาย TikTok และศักยภาพลูกค้าแยกตาม 77 จังหวัด",
+    "mapView": "มุมมองแผนที่",
+    "listView": "มุมมองรายการ",
+    "allShops": "ทั้งหมด (ทุกร้าน)",
+    "periodAll": "ทั้งหมด (All Time)",
+    "period30Days": "30 วันล่าสุด",
+    "periodThisYear": "ปีนี้",
+    "periodCustom": "กำหนดเอง",
+    "kpiTotalRevenue": "ยอดขายรวม",
+    "kpiTotalOrders": "คำสั่งซื้อสะสม",
+    "allStatusesSub": "รวมทุกสถานะคำสั่งซื้อ",
+    "kpiCoverage": "การเข้าถึงจังหวัด",
+    "outOf77Provinces": "/ 77 จังหวัด",
+    "nationwideCoverage": "ครอบคลุมทั่วประเทศ",
+    "kpiAov": "ยอดเฉลี่ย/ออเดอร์",
+    "aovSub": "AOV คำนวณจากทุกคำสั่งซื้อ",
+    "kpiTopRegion": "ภาคที่มีสัดส่วนสูงสุด",
+    "topRegionSub": "{{count}} ออเดอร์ ({{amount}})",
+    "mapCardTitle": "แผนที่ยอดขายประเทศไทย",
+    "mapCardSub": "สีเข้มหมายถึงยอดขายสูง คลิกจังหวัดเพื่อดูข้อมูลทั้งหมดของจังหวัดนั้น",
+    "provinceLabel": "จังหวัด",
+    "viewNationwide": "ดูทั่วประเทศ",
+    "nationwide": "ทั่วประเทศ",
+    "coverageCountText": "{{count}} จังหวัดที่มียอดขาย",
+    "provinceCardSub": "{{orders}} คำสั่งซื้อ • {{region}}",
+    "noSales": "ไม่มียอด",
+    "highSales": "ยอดสูง",
+    "btnDistrictFocus": "ดูรายละเอียดและแผนที่อำเภอ (Map Focus)",
+    "selectProvinceHint": "เลือกจังหวัดแล้วทุกส่วนด้านล่างจะเปลี่ยนพร้อมกัน ทั้งแนวโน้ม กลุ่มสินค้า และร้านยอดสูง",
+    "topProvincesTitle": "จังหวัดยอดขายสูง",
+    "rankingItemSub": "{{orders}} ออเดอร์ • {{region}}",
+    "rankingAov": "AOV {{amount}}",
+    "tableTitle": "ตารางสรุปยอดขายแยกราย 77 จังหวัด",
+    "searchPlaceholder": "ค้นหาชื่อจังหวัด หรือ ภาค...",
+    "thCode": "รหัส",
+    "thProvince": "จังหวัด",
+    "thRegion": "ภูมิภาค",
+    "thRevenue": "ยอดขายรวม (฿)",
+    "thOrders": "จำนวนออเดอร์",
+    "thAov": "AOV (฿/ออเดอร์)",
+    "thActions": "จัดการ",
+    "btnDistrictMap": "แผนที่อำเภอ"
+  },
+  "districtModal": {
+    "selectedProvinceRegion": "จังหวัดที่เลือก • {{region}}",
+    "title": "แผนที่อำเภอ & คำสั่งซื้อ {{platform}} • {{province}}",
+    "subtitle": "คลิกอำเภอบนแผนที่เพื่อไฮไลต์และกรองข้อมูลฝั่งขวาอัตโนมัติ (สีส้มคืออำเภอที่ถูกเลือก)",
+    "districtMapTitle": "แผนที่อำเภอ ({{count}} อำเภอ)",
+    "multiSelectHint": "คลิกเพื่อเลือกหลายพื้นที่",
+    "loadingMap": "กำลังเตรียมแผนที่อำเภอ...",
+    "geoNotFound": "ไม่พบข้อมูลพิกัดอำเภอของจังหวัด {{province}}",
+    "revenueLabel": "ยอดขาย:",
+    "ordersLabel": "คำสั่งซื้อ:",
+    "ordersCount": "{{count}} ออเดอร์",
+    "lowSales": "ยอดน้อย",
+    "highSales": "ยอดมาก",
+    "selected": "เลือกแล้ว",
+    "attribution": "ขอบเขต ADM2: mapthai / OCHA CODs - CC BY 4.0",
+    "selectedDistrictsCount": "{{count}} อำเภอที่เลือก",
+    "touchHint": "แตะพื้นที่เพื่อดูข้อมูล",
+    "noDistrictsSelected": "ยังไม่ได้เลือกอำเภอ",
+    "clickMapToFilter": "คลิกบนแผนที่เพื่อกรองข้อมูลเฉพาะอำเภอ",
+    "ordersCountSub": "({{orders}} ออเดอร์)",
+    "totalSelectedRevenue": "รวมยอดที่เลือก:",
+    "platformOrdersTitle": "คำสั่งซื้อ {{platform}} ในพื้นที่ ({{count}})",
+    "filterDistrictsBadge": "กรอง {{count}} อำเภอ",
+    "searchOrdersPlaceholder": "ค้นหา Order ID, สินค้า, SKU...",
+    "noOrdersFound": "ไม่พบรายการคำสั่งซื้อในเงื่อนไขที่เลือก",
+    "defaultItemTitle": "คำสั่งซื้อสินค้า",
+    "provinceTotalLabel": "ยอดรวมทั้งจังหวัด:",
+    "ordersCountParen": "({{count}} คำสั่งซื้อ)",
+    "totalFetchedOrdersLabel": "คำสั่งซื้อทั้งหมดที่ดึงมา:",
+    "itemsUnit": "รายการ"
+  },
+  "tiktokAnalytics": {
+    "loading": "กำลังคำนวณข้อมูลวิเคราะห์...",
+    "noData": "ไม่มีข้อมูล — กรุณา Import ไฟล์ TikTok ก่อน",
+    "backToOrders": "กลับหน้า TikTok Orders",
+    "title": "วิเคราะห์ยอดขาย — {{shop}}",
+    "grossRevenue": "ยอดขายรวม (Gross Revenue)",
+    "ordersCount": "{{count}} คำสั่งซื้อ",
+    "settlementPayout": "ยอดเงินโอนสุทธิ (Settlement Payout)",
+    "settlementPayoutSub": "ยอดเงินเข้าบัญชีจริงจาก TikTok",
+    "bomCost": "ต้นทุนสินค้า BOM (BOM Cost)",
+    "bomCostSub": "คำนวณจากสูตรการผลิต",
+    "netProfit": "กำไรสุทธิแท้จริง (Net Profit)",
+    "marginOfSales": "Margin {{margin}}% ของยอดขาย",
+    "tiktokCommission": "ค่าคอมมิชชั่น TikTok Shop",
+    "tiktokCommissionSub": "ค่าธรรมเนียมแพลตฟอร์ม TikTok",
+    "affiliateCommission": "ค่าคอมมิชชั่น Affiliate",
+    "affiliateCommissionSub": "ค่าคอมมิชชั่นพันธมิตรและครีเอเตอร์",
+    "platformDiscount": "ส่วนลด Platform (TikTok ออก)",
+    "platformDiscountSub": "TikTok อุดหนุนส่วนลดให้",
+    "sellerDiscount": "ส่วนลดร้านค้า (เราออก)",
+    "sellerDiscountSub": "ส่วนลดที่เราให้ลูกค้า",
+    "completedOrders": "คำสั่งซื้อสำเร็จ",
+    "outOfTotal": "จากทั้งหมด {{total}}",
+    "cancelledOrders": "คำสั่งซื้อยกเลิก",
+    "percentOfTotal": "{{rate}}% ของทั้งหมด",
+    "totalShipping": "ค่าจัดส่งรวม",
+    "shippingCollectedSub": "ค่าส่งที่เก็บจากผู้ซื้อ",
+    "aov": "AOV (เฉลี่ยต่อออเดอร์)",
+    "aovSub": "ยอดขายเฉลี่ยต่อหนึ่งคำสั่งซื้อ",
+    "breadcrumb": "สถิติวิเคราะห์",
+    "monthlyFinancialsTitle": "ยอดขาย ค่าธรรมเนียม และกำไรสุทธิรายเดือน",
+    "monthlyFinancialsSub": "เปรียบเทียบยอดขาย ยอดโอน ค่าคอมมิชชั่น และกำไรสุทธิ",
+    "barGrossRevenue": "฿ ยอดขายรวม",
+    "barSettlement": "฿ ยอดเงินโอนสุทธิ",
+    "barCommission": "฿ ค่าคอม TikTok",
+    "barAffiliate": "฿ ค่า Affiliate",
+    "barNetProfit": "฿ กำไรสุทธิ",
+    "noMonthlyData": "ยังไม่มีข้อมูลรายเดือน",
+    "monthlyOrdersTitle": "จำนวนคำสั่งซื้อรายเดือน",
+    "lineOrders": "คำสั่งซื้อ",
+    "lineItems": "จำนวนสินค้า (ชิ้น)",
+    "statusShareTitle": "สัดส่วนสถานะคำสั่งซื้อ",
+    "paymentMethodTitle": "ช่องทางการชำระเงิน",
+    "ordersPercent": "{{count}} ออเดอร์ · {{pct}}%",
+    "topProductsTitle": "Top 10 สินค้าขายดี (by ยอดเงิน)",
+    "thProduct": "สินค้า",
+    "thVariation": "ตัวเลือก",
+    "thUnits": "ชิ้น",
+    "thRevenue": "ยอดรายได้",
+    "thPercentTotal": "% จากยอดรวม",
+    "waterfallTitle": "โครงสร้างต้นทุน ค่าธรรมเนียม และกำไรสุทธิ (Financial Breakdown)",
+    "waterfallSub": "หักลบรายได้ตามลำดับสู่กำไรสุทธิแท้จริง",
+    "step1Gross": "1. ยอดขาย Gross",
+    "step2SellerDisc": "2. หัก: ส่วนลดร้านค้า",
+    "step3Comm": "3. หัก: ค่าคอม TikTok",
+    "step4Aff": "4. หัก: ค่า Affiliate",
+    "step5Bom": "5. หัก: ต้นทุน BOM สินค้า",
+    "step6Net": "6. กำไรสุทธิแท้จริง (Net Profit)",
+    "percentOfSales": "{{pct}}% ของยอดขาย",
+    "platformSubsidyTitle": "ส่วนลด Platform สนับสนุน (TikTok ช่วยจ่ายให้ลูกค้า)",
+    "platformSubsidySub": "ยอดเงินที่ TikTok ออกคูปองสนับสนุนให้ผู้ซื้อ โดยไม่หักเงินจากร้านค้า"
+  },
+  "tiktokOverview": {
+    "loading": "กำลังรวมข้อมูลทุกร้าน...",
+    "noData": "ยังไม่มีข้อมูล — กรุณา Import ไฟล์ก่อน",
+    "backToOrders": "กลับไปหน้า TikTok Orders",
+    "title": "ภาพรวมทุกร้าน",
+    "viewAnalytics": "ดู Analytics",
+    "grandRevenue": "ยอดขายรวมทุกร้าน",
+    "ordersCount": "{{count}} คำสั่งซื้อ",
+    "grandNetRevenue": "รายได้สุทธิรวม",
+    "marginSub": "Margin {{margin}}%",
+    "grandPlatformDiscount": "ส่วนลด Platform รวม",
+    "platformDiscountSub": "TikTok อุดหนุนส่วนลด",
+    "grandAov": "AOV รวม",
+    "cancelRateSub": "ยกเลิก {{rate}}%",
+    "percentOfTotal": "{{pct}}% ของทั้งหมด",
+    "statSales": "ยอดขาย",
+    "statPlatformDiscount": "ส่วนลด TikTok",
+    "statOrders": "คำสั่งซื้อ",
+    "statSellerDiscount": "ส่วนลดร้าน",
+    "statCancelled": "ยกเลิก",
+    "statShipping": "ค่าส่งรวม",
+    "monthlySalesTitle": "ยอดขายรายเดือน (แยกตามร้าน)",
+    "noMonthlyData": "ยังไม่มีข้อมูลรายเดือน",
+    "salesShareTitle": "สัดส่วนยอดขายตามร้าน",
+    "shopComparisonTitle": "เปรียบเทียบร้าน",
+    "thShop": "ร้าน",
+    "thRevenue": "ยอดขาย",
+    "thPlatformDiscount": "ส่วนลดแพลตฟอร์ม",
+    "thOrders": "ออเดอร์",
+    "thCancelled": "ยกเลิก",
+    "totalAll": "รวมทั้งหมด",
+    "topProductsTitle": "Top 10 สินค้าขายดี — รวมทุกร้าน",
+    "thProduct": "สินค้า",
+    "thVariation": "ตัวเลือก",
+    "thUnits": "ชิ้น",
+    "thProductRevenue": "ยอดรายได้",
+    "thPercentTotal": "% รวม"
+  },
+  "tiktokPriceSimulator": {
+    "pageTitle": "TikTok Price Simulator",
+    "pageSubtitle": "คำนวณราคาตั้ง, จุด Break-even, และกลยุทธ์โปรโมชันก่อนเข้าร่วม Campaign — ป้องกัน \"ขายดีแต่เข้าเนื้อ\" ทุกออเดอร์",
+    "reset": "Reset",
+    "resetTitle": "รีเซ็ตทุกค่า",
+    "step1Title": "ตั้งราคา",
+    "step1Desc": "คำนวณ List / Selling / Campaign Price พร้อม Buffer",
+    "step2Title": "Volume vs Margin",
+    "step2Desc": "เปรียบกำไรรวมวันปกติ vs วัน Campaign",
+    "step3Title": "จัดกลุ่มสินค้า",
+    "step3Desc": "Hero / Profit Maker / Bundle ตาม Margin %",
+    "step4Title": "เช็ค Break-even",
+    "step4Desc": "ราคาแคมเปญที่ TikTok กำหนด เข้าได้หรือไม่",
+    "sec1Title": "ส่วนที่ 1 — Price Buffer Calculator",
+    "sec1Subtitle": "คำนวณราคาตั้งที่เผื่อ Buffer สำหรับ Campaign ไว้แล้วตั้งแต่ต้น",
+    "sec2Title": "ส่วนที่ 2 — Volume vs Margin Simulator",
+    "sec2Subtitle": "เปรียบเทียบกำไรรวมวันปกติ vs วัน Campaign เพื่อตัดสินใจ",
+    "sec3Title": "ส่วนที่ 3 — Product Strategy Classifier",
+    "sec3Subtitle": "จัดกลุ่มสินค้าเป็น 3 กลุ่มตาม Margin % เพื่อวางกลยุทธ์ต่างกัน",
+    "sec4Title": "ส่วนที่ 4 — Break-even Alert",
+    "sec4Subtitle": "เช็คทันทีว่าราคาที่ TikTok บังคับ ต่ำกว่า Break-even หรือไม่",
+    "footerTipTitle": "💡 กฎเหล็ก: อย่าหลงกับตัวเลข GMV",
+    "footerTipBody": "ยอดขาย (GMV) ตัวเลขสวย ≠ เงินในบัญชี ให้โฟกัสที่",
+    "footerTipBodyHighlight": "กำไรสุทธิหลังหักทุกอย่างแล้ว (Net Profit)",
+    "footerTipBodyEnd": "เสมอ ถ้าแคมเปญไหนบังคับให้ขาดทุน → อย่าเข้า หรือส่งเฉพาะ SKU ที่มี Buffer สูงพอเท่านั้น",
+    "costLabel": "ต้นทุนสินค้า (Cost)",
+    "costHint": "ราคาซื้อต้นทุนต่อชิ้น",
+    "commLabel": "ค่าคอมมิชชัน TikTok",
+    "commHint": "ปกติ 8–12% ขึ้นอยู่กับหมวดหมู่",
+    "shippingLabel": "ค่าจัดส่ง",
+    "shippingHint": "ต่อออเดอร์ (ถ้าผู้ขายออกเอง)",
+    "sellerPays": "ผู้ขายออก",
+    "targetProfitLabel": "กำไรที่ต้องการ",
+    "targetProfitPctHint": "% กำไรจากราคาขายปกติ",
+    "targetProfitAmountHint": "กำไรสุทธิต่อชิ้น (บาท)",
+    "campaignDiscLabel": "ส่วนลด Campaign สูงสุด",
+    "campaignDiscHint": "% ที่ TikTok อาจบังคับลด (เช่น 9.9 Mega Sale)",
+    "platformVoucherLabel": "Platform Voucher (TikTok ออก)",
+    "platformVoucherHint": "% ที่ TikTok สนับสนุน — ผู้ขายไม่ต้องออก",
+    "calcResults": "ผลลัพธ์การคำนวณ",
+    "listPriceLabel": "ราคาตั้ง (List Price)",
+    "listPriceSub": "ราคาที่ลงในระบบ TikTok",
+    "listPriceFormula": "[จุดเท่าทุน] ÷ (1 - แคมเปญ% - คูปอง TikTok%) × เผื่อ 5%",
+    "sellingPriceLabel": "ราคาขายปกติ",
+    "profitMarginSub": "กำไร {{margin}} / ชิ้น {{profit}}",
+    "campaignPriceLabel": "ราคาแคมเปญ",
+    "breakEvenLabel": "จุด Break-even (ราคาต่ำสุด)",
+    "breakEvenSub": "ขายต่ำกว่านี้ = ขาดทุน",
+    "normalProfitLabel": "กำไรปกติ/ชิ้น",
+    "campaignProfitLabel": "กำไร Campaign/ชิ้น",
+    "formulaHelpTitle": "สูตรที่ใช้คำนวณ",
+    "formulaBreakEven": "Break-even = (ต้นทุน + ค่าส่ง) ÷ (1 − ค่าคอม%)",
+    "formulaSelling": "ราคาขาย = Break-even ÷ (1 − กำไร%)",
+    "formulaList": "List Price = Break-even ÷ (1 − Campaign% − Platform%) × 1.05 (safety buffer 5%)",
+    "normalDay": "วันขายปกติ",
+    "units": "ชิ้น",
+    "unitQty": "จำนวนชิ้น",
+    "profitPerUnit": "กำไรต่อชิ้น",
+    "totalProfit": "กำไรรวม",
+    "campaignDay": "วัน Campaign / Mega Sale",
+    "campaignForecastQty": "จำนวนชิ้นคาดการณ์",
+    "campaignProfitPerUnit": "กำไรต่อชิ้น (หลังลด)",
+    "shouldJoinCampaign": "✅ ควรเข้าร่วม Campaign",
+    "shouldNotJoinCampaign": "❌ ไม่แนะนำให้เข้า Campaign",
+    "joinReasonProfitUp": "กำไรรวมเพิ่มขึ้น {{diff}} ({{mult}}× เทียบวันปกติ) — คุ้มค่าที่จะยอมลดกำไรต่อชิ้น",
+    "joinReasonNegative": "กำไรต่อชิ้นติดลบ → ขายดีจนเข้าเนื้อ ห้ามเข้าเด็ดขาด!",
+    "joinReasonLower": "กำไรรวม Campaign ({{camp}}) ต่ำกว่าวันปกติ ({{norm}}) — ไม่คุ้มค่า",
+    "diffLabel": "เพิ่ม/ลด",
+    "thProductName": "ชื่อสินค้า",
+    "thCost": "ต้นทุน (฿)",
+    "thListPrice": "List Price (฿)",
+    "thMargin": "Margin %",
+    "thGroup": "กลุ่ม",
+    "addProduct": "เพิ่มสินค้า",
+    "noProductsInGroup": "ยังไม่มีสินค้า",
+    "groupHeroLabel": "🚀 Hero (Traffic Driver)",
+    "groupHeroDesc": "ดึงคนเข้าร้าน — margin บาง แต่ยอดขายมหาศาล",
+    "groupProfitLabel": "💎 Profit Maker",
+    "groupProfitDesc": "แหล่งกำไรหลัก — margin หนา ลดน้อย",
+    "groupBundleLabel": "🎁 Bundle / Add-on",
+    "groupBundleDesc": "เพิ่ม AOV — จัดชุดกับสินค้าอื่น",
+    "groupUnclassifiedLabel": "— ยังไม่ระบุ",
+    "groupUnclassifiedDesc": "กรอกข้อมูลให้ครบ",
+    "groupCriteriaTitle": "เกณฑ์การจัดกลุ่ม",
+    "groupCriteriaHero": "🚀 Hero: Margin < 15% — ตัดกำไรต่ำมากเพื่อดึง traffic",
+    "groupCriteriaProfit": "💎 Profit Maker: Margin ≥ 30% — แหล่งรายได้หลัก",
+    "groupCriteriaBundle": "🎁 Bundle: Margin 15–29% — จัดชุดเพิ่ม AOV",
+    "tiktokForcedPriceLabel": "ราคาที่ TikTok กำหนด",
+    "tiktokForcedPriceHint": "ราคาแคมเปญที่ระบบบังคับ",
+    "gaugeTitle": "ตำแหน่งราคาแคมเปญ vs Break-even",
+    "gaugeBreakEven": "Break-even: {{breakEven}}",
+    "alertSafeLabel": "✅ เข้าร่วม Campaign ได้",
+    "alertSafeDesc": "ยังมี margin {{margin}} — กำไรต่อชิ้น {{profit}}",
+    "alertWarnLabel": "⚠️ ระวัง — Margin เหลือน้อยมาก",
+    "alertWarnDesc": "Margin เหลือเพียง {{margin}} — กำไรต่อชิ้น {{profit}} อาจไม่คุ้มค่าดำเนินการ",
+    "alertDangerLabel": "🚫 ห้ามเข้า Campaign นี้เด็ดขาด!",
+    "alertDangerDesc": "ราคา {{price}} ต่ำกว่า Break-even {{breakEven}} — ขายทุกชิ้น ขาดทุนทุกออเดอร์!",
+    "alertDangerAlt": "💡 ทางเลือก: อย่าเข้า Campaign นี้ หรือส่งเฉพาะ SKU ที่มี Buffer สูงพอ",
+    "alertBreakEvenSub": "ห้ามขายต่ำกว่านี้",
+    "profitPerUnitIfJoin": "กำไรต่อชิ้น (ถ้าเข้า Campaign)",
+    "lossAlert": "ขาดทุน!"
+  },
+  "tiktokShopCase": {
+    "pageTitle": "TikTok Shop Case",
+    "pageSubtitle": "ศึกษาโครงสร้างบิลรับเงินจริงจากระบบ TikTok Shop พร้อมทั้งจำลองคำนวณราคาขาย, คูปองส่วนลดร้านค้า, ต้นทุน และประเมินสถิติกำไร & ROI ก่อนขายจริง",
+    "reset": "Reset",
+    "resetTitle": "รีเซ็ตทุกค่า",
+    "case1Btn": "ตัวอย่างที่ 1 (ยอด ฿79)",
+    "case2Btn": "ตัวอย่างที่ 2 (ยอด ฿190)",
+    "case3Btn": "ตัวอย่างที่ 3 (ยอด ฿190 + Affiliate)",
+    "case1Name": "ตัวอย่างที่ 1",
+    "case2Name": "ตัวอย่างที่ 2",
+    "case3Name": "ตัวอย่างที่ 3",
+    "useDefaultBtn": "ใช้ค่าตั้งต้นตัวอย่าง",
+    "sectionTitle": "กรณีศึกษา & เครื่องมือจำลองค่าธรรมเนียมจริง",
+    "billDetailSubtitle": "รายละเอียดบิลจริงดั้งเดิมของ {{caseName}}:",
+    "grossBeforeDiscount": "ยอดรวมสินค้าก่อนลด",
+    "shopDiscountWithPct": "ส่วนลดจากร้านค้า (ลดไป %)",
+    "netBaseForCommission": "ยอดรวมหลังหักส่วนลด (ฐานคิดค่าคอม)",
+    "step1ControlTitle": "1. จำลองการตั้งราคา ส่วนลด และต้นทุนสินค้า (ปรับแต่งเองได้):",
+    "listPriceLabel": "ราคาขายก่อนลด (List Price)",
+    "costLabel": "ต้นทุนสินค้า (Cost)",
+    "shopDiscountsLabel": "ส่วนลดจากร้านค้า (คูปองร้านค้า 1-3)",
+    "couponIndex": "คูปองที่ #{{index}}",
+    "step2ControlTitle": "2. จำลองการปรับเปลี่ยนอัตราค่าธรรมเนียม (%):",
+    "feeTransaction": "Transaction (%)",
+    "feeCommission": "ค่าคอม TikTok (%)",
+    "feeGrowth": "สนับสนุนเติบโต (%)",
+    "feeAffiliate": "ค่าคอมแอฟฟิลิเอต (%)",
+    "tableBeforeTitle": "ก่อนปรับ (บิลดั้งเดิม)",
+    "tableAfterTitle": "หลังปรับ (ผลการจำลองใหม่)",
+    "totalPctHeader": "รวม {{pct}}%",
+    "rowGross": "ยอดรวมสินค้าก่อนลด",
+    "rowShopDiscount": "ส่วนลดจากร้านค้า",
+    "rowShopDiscountTotal": "ส่วนลดจากร้านค้า (รวม)",
+    "rowCouponItem": "- คูปอง #{{index}} ({{val}})",
+    "rowNetBase": "ยอดสินค้าสุทธิ (ฐานคิดคอม)",
+    "rowFeeTrans": "- ค่าคำสั่งซื้อ (Transaction {{pct}}%)",
+    "rowFeeComm": "- ค่าคอม TikTok Shop ({{pct}}%)",
+    "rowFeeGrowth": "- ค่าสนับสนุนการเติบโต ({{pct}}%)",
+    "rowFeeAffiliate": "- ค่าคอมแอฟฟิลิเอต ({{pct}}%)",
+    "rowTotalFees": "รวมค่าธรรมเนียมโดนหัก",
+    "rowNetPayout": "ยอดเงินโอนเข้าบัญชีสุทธิ",
+    "rowCost": "- ต้นทุนสินค้า (Cost)",
+    "rowNetProfit": "กำไรสุทธิ (Net Profit)",
+    "rowMargin": "กำไรต่อยอดขาย (Margin %)",
+    "rowRoi": "กำไรต่อทุน (ROI %)",
+    "diffProfitUp": "ยอดรับเงินเพิ่มขึ้น ฿{{diff}} จากโครงสร้างธรรมเนียมใหม่",
+    "diffPayoutChanged": "ยอดเงินโอนเข้าบัญชีสุทธิจะต่างไป ฿{{diff}} ({{sign}}{{pct}}%) เมื่อเทียบกับบิลจริงดั้งเดิม"
+  },
+  "shopeeSalesMap": {
+    "pageTitle": "แผนที่ยอดขายประเทศไทย (Shopee Sales Map)",
+    "pageSubtitle": "วิเคราะห์การกระจายตัวของยอดขาย Shopee และศักยภาพลูกค้าแยกตาม 77 จังหวัด",
+    "viewMap": "มุมมองแผนที่",
+    "viewList": "มุมมองรายการ",
+    "allShops": "ทั้งหมด (ทุกร้าน)",
+    "periodAll": "ทั้งหมด (All Time)",
+    "period30Days": "30 วันล่าสุด",
+    "periodThisYear": "ปีนี้",
+    "periodCustom": "กำหนดเอง",
+    "loading": "กำลังโหลด...",
+    "filter": "กรอง",
+    "kpiTotalRevenue": "ยอดขายรวม",
+    "kpiTotalRevenueSub": "Shopee Total Revenue",
+    "kpiTotalOrders": "คำสั่งซื้อสะสม",
+    "kpiTotalOrdersSub": "รวมทุกคำสั่งซื้อ Shopee",
+    "kpiCoverage": "การเข้าถึงจังหวัด",
+    "outOf77Provinces": "/ 77 จังหวัด",
+    "nationwideCoverage": "ครอบคลุมทั่วประเทศ",
+    "kpiAov": "ยอดเฉลี่ย/ออเดอร์",
+    "aovSub": "AOV คำนวณจากทุกคำสั่งซื้อ",
+    "kpiTopRegion": "ภาคที่มีสัดส่วนสูงสุด",
+    "topRegionBadge": "Top Region",
+    "topRegionSub": "{{count}} ออเดอร์ ({{amount}})",
+    "mapCardTitle": "แผนที่ยอดขายประเทศไทย (Shopee)",
+    "mapCardSub": "สีเข้มหมายถึงยอดขายสูง คลิกจังหวัดเพื่อดูข้อมูลทั้งหมดของจังหวัดนั้น",
+    "provinceLabel": "จังหวัด",
+    "viewNationwide": "ดูทั่วประเทศ",
+    "nationwide": "ทั่วประเทศ",
+    "coverageCountText": "{{count}} จังหวัดที่มียอดขาย",
+    "provinceCardSub": "{{orders}} คำสั่งซื้อ • {{region}}",
+    "noSales": "ไม่มียอด",
+    "highSales": "ยอดสูง",
+    "btnDistrictFocus": "ดูรายละเอียดและแผนที่อำเภอ (Map Focus)",
+    "selectProvinceHint": "เลือกจังหวัดแล้วทุกส่วนด้านล่างจะเปลี่ยนพร้อมกัน ทั้งแนวโน้ม กลุ่มสินค้า และร้านยอดสูง",
+    "topProvincesTitle": "จังหวัดยอดขายสูง (Shopee)",
+    "rankingItemSub": "{{orders}} ออเดอร์ • {{region}}",
+    "rankingAov": "AOV {{amount}}",
+    "tableTitle": "ตารางสรุปยอดขาย Shopee แยกราย 77 จังหวัด",
+    "searchPlaceholder": "ค้นหาชื่อจังหวัด หรือ ภาค...",
+    "thCode": "รหัส",
+    "thProvince": "จังหวัด",
+    "thRegion": "ภูมิภาค",
+    "thRevenue": "ยอดขายรวม (฿)",
+    "thOrders": "จำนวนออเดอร์",
+    "thAov": "AOV (฿/ออเดอร์)",
+    "thActions": "จัดการ",
+    "btnDistrictMap": "แผนที่อำเภอ"
+  },
+  "shopeeAnalytics": {
+    "loading": "กำลังคำนวณข้อมูลวิเคราะห์...",
+    "noData": "ไม่มีข้อมูล — กรุณา Import ไฟล์ Shopee ก่อน",
+    "backToShopee": "กลับหน้า Shopee",
+    "breadcrumb": "Analytics",
+    "title": "วิเคราะห์ยอดขาย — {{shop}}",
+    "kpiGrossRevenue": "ยอดขายรวม (Gross)",
+    "kpiGrossOrdersSub": "{{count}} คำสั่งซื้อ",
+    "kpiNetRevenue": "รายได้สุทธิ (Net)",
+    "kpiNetSub": "หลังหัก Commission + ส่งออก",
+    "kpiCommission": "ค่าคอมมิชชั่นรวม",
+    "kpiCommissionSub": "{{rate}}% ของยอดขาย",
+    "kpiAov": "AOV (เฉลี่ยต่อออเดอร์)",
+    "kpiAovSub": "Average Order Value",
+    "kpiCompletedOrders": "คำสั่งซื้อสำเร็จ",
+    "kpiCompletedSub": "จากทั้งหมด {{total}}",
+    "kpiCancelledOrders": "คำสั่งซื้อยกเลิก",
+    "kpiCancelledSub": "{{rate}}% ของทั้งหมด",
+    "kpiShipping": "ค่าจัดส่ง (ผู้ซื้อ)",
+    "kpiShippingSub": "ค่าส่งที่ผู้ซื้อจ่าย",
+    "kpiEffectiveMargin": "Effective Net Margin",
+    "kpiEffectiveMarginSub": "Net / Gross Revenue",
+    "monthlyRevenueTitle": "ยอดขายรายเดือน",
+    "monthlyRevenueSub": "Gross Revenue vs Net Revenue",
+    "barGrossRevenue": "฿ ยอดขาย (Gross)",
+    "barNetRevenue": "฿ รายได้สุทธิ (Net)",
+    "barCommission": "฿ ค่าคอม",
+    "noMonthlyData": "ยังไม่มีข้อมูลรายเดือน",
+    "monthlyOrdersTitle": "จำนวนคำสั่งซื้อรายเดือน",
+    "lineOrders": "คำสั่งซื้อ",
+    "lineItems": "จำนวนสินค้า (ชิ้น)",
+    "statusBreakdownTitle": "สัดส่วนสถานะคำสั่งซื้อ",
+    "paymentMethodTitle": "ช่องทางการชำระเงิน",
+    "ordersCountAndPct": "{{count}} ออเดอร์ · {{pct}}%",
+    "topProductsTitle": "Top 10 สินค้าขายดี (by ยอดเงิน)",
+    "thProduct": "สินค้า",
+    "thVariation": "ตัวเลือก",
+    "thUnits": "ชิ้น",
+    "thOrders": "ออเดอร์",
+    "thRevenue": "ยอดรายได้",
+    "thPercentTotal": "% จากยอดรวม",
+    "costBreakdownTitle": "สรุปค่าใช้จ่าย (Cost Breakdown)",
+    "stepGross": "ยอดขาย Gross",
+    "stepCommission": "หัก: ค่าคอมมิชชั่น",
+    "stepShipping": "หัก: ค่าจัดส่ง (ผู้ซื้อ)",
+    "stepNet": "= รายได้สุทธิ",
+    "percentOfSales": "{{pct}}% ของยอด",
+    "legendCommission": "Commission ({{rate}}%)",
+    "legendShipping": "ค่าจัดส่ง ({{rate}}%)",
+    "legendNet": "Net ({{rate}}%)"
+  },
+  "shopeeOverview": {
+    "loading": "กำลังรวมข้อมูลทุกร้าน...",
+    "noData": "ยังไม่มีข้อมูล — กรุณา Import ไฟล์ก่อน",
+    "backToShopee": "กลับหน้า Shopee",
+    "headerTitle": "ภาพรวมทุกร้าน",
+    "grandRevenue": "ยอดขายรวมทุกร้าน",
+    "ordersCount": "{{count}} คำสั่งซื้อ",
+    "grandNetRevenue": "รายได้สุทธิรวม",
+    "marginSub": "Margin {{margin}}%",
+    "grandCommission": "ค่าคอมมิชชั่นรวม",
+    "commissionRateSub": "{{rate}}% ของยอดขาย",
+    "grandAov": "AOV รวม",
+    "cancelRateSub": "ยกเลิก {{rate}}%",
+    "percentOfTotal": "{{pct}}% of total",
+    "statRevenue": "ยอดขาย",
+    "statNet": "สุทธิ",
+    "statOrders": "คำสั่งซื้อ",
+    "statCommission": "ค่าคอม",
+    "statCancelled": "ยกเลิก",
+    "statAov": "AOV",
+    "viewAnalytics": "ดู Analytics",
+    "monthlySalesTitle": "ยอดขายรายเดือน (แยกตามร้าน)",
+    "noMonthlyData": "ยังไม่มีข้อมูลรายเดือน",
+    "salesShareTitle": "สัดส่วนยอดขายตามร้าน",
+    "shopComparisonTitle": "เปรียบเทียบร้าน",
+    "thShop": "ร้าน",
+    "thRevenue": "ยอดขาย",
+    "thNet": "สุทธิ",
+    "thOrders": "ออเดอร์",
+    "thCancelled": "ยกเลิก",
+    "totalAll": "รวมทั้งหมด",
+    "topProductsTitle": "Top 10 สินค้าขายดี — รวมทุกร้าน",
+    "thProduct": "สินค้า",
+    "thVariation": "ตัวเลือก",
+    "thUnits": "ชิ้น",
+    "thProductRevenue": "ยอดรายได้",
+    "thPercentTotal": "% รวม"
+  },
+  "shopeeShopCase": {
+    "pageTitle": "Shopee Shop Case",
+    "pageSubtitle": "ศึกษาโครงสร้างบิลรับเงินจริงจากระบบ Shopee พร้อมทั้งจำลองคำนวณราคาขาย, คูปองส่วนลดร้านค้า, ต้นทุน และประเมินสถิติกำไร & ROI ก่อนขายจริง",
+    "reset": "Reset",
+    "resetTitle": "รีเซ็ตทุกค่า",
+    "case1Btn": "ตัวอย่างที่ 1 (ยอด ฿79)",
+    "case2Btn": "ตัวอย่างที่ 2 (ยอด ฿79 + AMS)",
+    "case3Btn": "ตัวอย่างที่ 3 (ยอด ฿190 + AMS)",
+    "case1Name": "ตัวอย่างที่ 1",
+    "case2Name": "ตัวอย่างที่ 2",
+    "case3Name": "ตัวอย่างที่ 3",
+    "useDefaultBtn": "ใช้ค่าตั้งต้นตัวอย่าง",
+    "sectionTitle": "กรณีศึกษา & เครื่องมือจำลองค่าธรรมเนียมจริง (Shopee)",
+    "billDetailSubtitle": "รายละเอียดบิลจริงดั้งเดิมของ {{caseName}}:",
+    "grossBeforeDiscount": "ยอดรวมสินค้าก่อนลด",
+    "shopDiscountWithPct": "ส่วนลดจากร้านค้า",
+    "netBaseForCommission": "ยอดรวมหลังหักส่วนลด (ฐานคิดค่าคอม)",
+    "step1ControlTitle": "1. จำลองการตั้งราคา ส่วนลด และต้นทุนสินค้า (ปรับแต่งเองได้):",
+    "listPriceLabel": "ราคาขายก่อนลด (List Price)",
+    "costLabel": "ต้นทุนสินค้า (Cost)",
+    "shopDiscountsLabel": "ส่วนลดจากร้านค้า (คูปองร้านค้า 1-3)",
+    "couponIndex": "คูปองที่ #{{index}}",
+    "step2ControlTitle": "2. จำลองการปรับเปลี่ยนอัตราค่าธรรมเนียม Shopee (%):",
+    "feeCommission": "ค่าคอมมิชชั่น (%)",
+    "feeService": "ค่าบริการ (%)",
+    "feeTransaction": "ค่าธุรกรรม (%)",
+    "feeAms": "ค่าคอม AMS (%)",
+    "tableBeforeTitle": "ก่อนปรับ (บิลดั้งเดิม)",
+    "tableAfterTitle": "หลังปรับ (ผลการจำลองใหม่)",
+    "totalPctHeader": "รวม {{pct}}%",
+    "rowGross": "ยอดรวมสินค้าก่อนลด",
+    "rowShopDiscount": "ส่วนลดจากร้านค้า",
+    "rowShopDiscountTotal": "ส่วนลดจากร้านค้า (รวม)",
+    "rowCouponItem": "- คูปอง #{{index}} ({{val}})",
+    "rowNetBase": "ยอดสินค้าสุทธิ (ฐานคิดคอม)",
+    "rowFeeComm": "- ค่าคอมมิชชั่น (Commission Fee)",
+    "rowFeeCommWithPct": "- ค่าคอมมิชชั่น ({{pct}}%)",
+    "rowFeeService": "- ค่าบริการ (Service Fee)",
+    "rowFeeServiceWithPct": "- ค่าบริการ ({{pct}}%)",
+    "rowFeeTrans": "- ค่าธุรกรรมการชำระเงิน",
+    "rowFeeTransWithPct": "- ค่าธุรกรรมการชำระเงิน ({{pct}}%)",
+    "rowFeeAms": "- ค่าคอมมิชชั่น AMS",
+    "rowFeeAmsWithPct": "- ค่าคอมมิชชั่น AMS ({{pct}}%)",
+    "rowTotalFees": "รวมค่าธรรมเนียมโดนหัก",
+    "rowNetPayout": "ยอดเงินโอนเข้าบัญชีสุทธิ",
+    "rowCost": "- ต้นทุนสินค้า (Cost)",
+    "rowNetProfit": "กำไรสุทธิ (Net Profit)",
+    "rowMargin": "กำไรต่อยอดขาย (Margin %)",
+    "rowRoi": "กำไรต่อทุน (ROI %)",
+    "diffProfitUp": "ยอดรับเงินเพิ่มขึ้น ฿{{diff}} จากโครงสร้างธรรมเนียมใหม่",
+    "diffPayoutChanged": "ยอดเงินโอนเข้าบัญชีสุทธิจะต่างไป ฿{{diff}} ({{sign}}{{pct}}%) เมื่อเทียบกับบิลจริงดั้งเดิม"
+  },
+  "lazadaOrder": {
+    "breadcrumb": "Orders",
+    "title": "คำสั่งซื้อ — {{shop}}",
+    "totalOrders": "คำสั่งซื้อทั้งหมด",
+    "grossSales": "ยอดขายรวม (Gross)",
+    "totalShipping": "ค่าส่งรวม",
+    "totalCount": "ทั้งหมด {{total}} คำสั่งซื้อ",
+    "thOrderId": "Order ID",
+    "thStatus": "สถานะ",
+    "thCustomer": "ผู้ซื้อ",
+    "thDate": "วันที่สร้าง",
+    "thSkus": "SKUs",
+    "thTotal": "ยอดรวม (฿)",
+    "thShipping": "ค่าส่ง (฿)",
+    "btnDetails": "รายละเอียด",
+    "loading": "กำลังโหลด...",
+    "noData": "ยังไม่มีข้อมูล — กรุณา Import ไฟล์ก่อน",
+    "tabList": "ดูรายการคำสั่งซื้อ",
+    "tabImport": "อัปโหลด Excel",
+    "importTitle": "นำเข้าไฟล์ยอดขาย Lazada (Excel)",
+    "importSubtitle": "โหลดไฟล์ Export จาก Lazada Seller Center (ไฟล์ .xlsx หรือ .xls)",
+    "importProcessing": "กำลังประมวลผล...",
+    "importBtn": "นำเข้าข้อมูลเข้าฐานข้อมูล",
+    "clearPrompt": "ต้องการล้างข้อมูลของร้านนี้เพื่ออัปโหลดใหม่ใช่หรือไม่?",
+    "clearing": "กำลังลบข้อมูล...",
+    "clearBtn": "ลบข้อมูลทั้งหมดของร้าน {{shop}}",
+    "clearConfirm": "ยืนยันการลบข้อมูล Lazada ทั้งหมดของร้าน \"{{shop}}\"?\nการกระทำนี้ไม่สามารถกู้คืนได้",
+    "errNoData": "ไฟล์ไม่มีข้อมูล",
+    "errReadExcel": "เกิดข้อผิดพลาดในการอ่านไฟล์ Excel",
+    "errReadFile": "เกิดข้อผิดพลาดในการอ่านไฟล์",
+    "errImportFail": "นำเข้าไม่สำเร็จ",
+    "errClearFail": "ลบข้อมูลไม่สำเร็จ",
+    "errConn": "เกิดข้อผิดพลาดในการเชื่อมต่อ"
+  },
+  "lazadaAnalytics": {
+    "loading": "กำลังคำนวณข้อมูลวิเคราะห์ Lazada...",
+    "noData": "ไม่มีข้อมูล — กรุณา Import ไฟล์ Lazada ก่อน",
+    "backToOrders": "กลับหน้า Lazada Orders",
+    "breadcrumb": "Analytics",
+    "title": "วิเคราะห์ยอดขาย — {{shop}}",
+    "presets": {
+      "7d": "7 วัน",
+      "30d": "30 วัน",
+      "90d": "90 วัน",
+      "thisMonth": "เดือนนี้",
+      "lastMonth": "เดือนที่แล้ว",
+      "year": "ปีนี้",
+      "lastYear": "ปีที่แล้ว",
+      "last12m": "12 เดือนที่ผ่านมา",
+      "all": "ทั้งหมด"
+    },
+    "customRange": "กำหนดเอง:",
+    "to": "ถึง",
+    "btnApply": "ดูข้อมูล",
+    "btnClear": "✕ ล้าง",
+    "kpiGrossRevenue": "ยอดขายรวม (Paid Price)",
+    "kpiGrossSub": "{{count}} คำสั่งซื้อ",
+    "kpiNetRevenue": "ยอดสุทธิ (Net from shipping)",
+    "kpiNetSub": "รายได้หลังหักค่าส่งจัดส่ง",
+    "kpiPlatformDiscount": "ส่วนลด Platform (Lazada)",
+    "kpiPlatformDiscSub": "Lazada อุดหนุนส่วนลดให้",
+    "kpiSellerDiscount": "ส่วนลดร้านค้า (เราออก)",
+    "kpiSellerDiscSub": "ส่วนลดที่เราให้ลูกค้า",
+    "kpiCompletedOrders": "คำสั่งซื้อสำเร็จ",
+    "kpiCompletedSub": "จากทั้งหมด {{total}}",
+    "kpiCancelledOrders": "คำสั่งซื้อยกเลิก",
+    "kpiCancelledSub": "{{rate}}% ของทั้งหมด",
+    "kpiShipping": "ค่าจัดส่งรวม",
+    "kpiShippingSub": "ค่าจัดส่งทั้งหมด",
+    "kpiAov": "AOV (เฉลี่ยต่อออเดอร์)",
+    "kpiAovSub": "Average Order Value",
+    "monthlyRevenueTitle": "ยอดขายรายเดือน",
+    "barGrossRevenue": "฿ ยอดขายรวม",
+    "barPlatformDiscount": "฿ ส่วนลด Platform",
+    "barSellerDiscount": "฿ ส่วนลดร้านค้า",
+    "noMonthlyData": "ยังไม่มีข้อมูลรายเดือน",
+    "monthlyOrdersTitle": "จำนวนคำสั่งซื้อรายเดือน",
+    "lineOrders": "คำสั่งซื้อ",
+    "lineItems": "จำนวนชิ้น",
+    "statusBreakdownTitle": "สัดส่วนสถานะคำสั่งซื้อ",
+    "paymentMethodTitle": "ช่องทางการชำระเงิน",
+    "unspecifiedPayment": "ไม่ระบุ",
+    "ordersCountAndPct": "{{count}} ออเดอร์ · {{pct}}%",
+    "topProductsTitle": "Top 10 สินค้าขายดี (by ยอดเงิน)",
+    "thIndex": "#",
+    "thProduct": "สินค้า",
+    "thVariation": "ตัวเลือก",
+    "thUnits": "ชิ้น",
+    "thRevenue": "ยอดรายได้",
+    "thPercentTotal": "% จากยอดรวม"
+  },
+  "lazadaOverview": {
+    "loading": "กำลังรวมข้อมูลทุกร้าน...",
+    "noData": "ยังไม่มีข้อมูล — กรุณา Import ไฟล์ก่อน",
+    "backToOrders": "← กลับไปหน้า Lazada Orders",
+    "breadcrumb": "Lazada",
+    "title": "ภาพรวมทุกร้าน",
+    "presets": {
+      "7d": "7 วัน",
+      "30d": "30 วัน",
+      "90d": "90 วัน",
+      "thisMonth": "เดือนนี้",
+      "lastMonth": "เดือนที่แล้ว",
+      "year": "ปีนี้",
+      "lastYear": "ปีที่แล้ว",
+      "last12m": "12 เดือนที่ผ่านมา",
+      "all": "ทั้งหมด"
+    },
+    "customRange": "กำหนดเอง:",
+    "to": "ถึง",
+    "btnApply": "ดูข้อมูล",
+    "btnClear": "✕ ล้าง",
+    "grandRevenue": "ยอดขายรวมทุกร้าน",
+    "ordersCount": "{{count}} คำสั่งซื้อ",
+    "grandNetRevenue": "รายได้สุทธิรวม (หักค่าส่ง)",
+    "marginSub": "Margin {{margin}}%",
+    "grandPlatformDiscount": "ส่วนลด Platform รวม",
+    "platformSub": "Lazada อุดหนุนส่วนลด",
+    "grandAov": "AOV รวม",
+    "cancelRateSub": "ยกเลิก {{rate}}%",
+    "percentOfTotal": "{{pct}}% of total",
+    "statRevenue": "ยอดขาย",
+    "statPlatformDiscount": "ส่วนลด Lazada",
+    "statOrders": "คำสั่งซื้อ",
+    "statSellerDiscount": "ส่วนลดร้าน",
+    "statCancelled": "ยกเลิก",
+    "statShipping": "ค่าส่งรวม",
+    "viewAnalytics": "ดู Analytics",
+    "monthlySalesTitle": "ยอดขายรายเดือน (แยกตามร้าน)",
+    "noMonthlyData": "ยังไม่มีข้อมูลรายเดือน",
+    "salesShareTitle": "สัดส่วนยอดขายตามร้าน",
+    "shopComparisonTitle": "เปรียบเทียบร้าน",
+    "thShop": "ร้าน",
+    "thRevenue": "ยอดขาย",
+    "thPlatformDiscount": "ส่วนลดแพลตฟอร์ม",
+    "thOrders": "ออเดอร์",
+    "thCancelled": "ยกเลิก",
+    "totalAll": "รวมทั้งหมด",
+    "topProductsTitle": "Top 10 สินค้าขายดี — รวมทุกร้าน",
+    "thIndex": "#",
+    "thProduct": "สินค้า",
+    "thVariation": "ตัวเลือก",
+    "thUnits": "ชิ้น",
+    "thRevenueCol": "ยอดรายได้",
+    "thPercentTotal": "% รวม"
+  }
+}
+
+
+
+
diff --git a/apps/admin/src/locales/zh/translation.json b/apps/admin/src/locales/zh/translation.json
new file mode 100644
index 0000000..eea7388
--- /dev/null
+++ b/apps/admin/src/locales/zh/translation.json
@@ -0,0 +1,1207 @@
+{
+  "common": {
+    "save": "保存",
+    "saving": "保存中...",
+    "saveChanges": "保存更改",
+    "cancel": "取消",
+    "delete": "删除",
+    "deleting": "删除中...",
+    "edit": "编辑",
+    "create": "创建",
+    "add": "添加",
+    "addNew": "新增",
+    "search": "搜索",
+    "searchPlaceholder": "搜索...",
+    "filter": "筛选",
+    "all": "全部",
+    "export": "导出数据",
+    "import": "导入数据",
+    "upload": "上传",
+    "uploading": "上传中...",
+    "actions": "操作",
+    "status": "状态",
+    "back": "返回",
+    "refresh": "刷新",
+    "confirm": "确认",
+    "confirmDelete": "您确定要删除此项吗？",
+    "yes": "是",
+    "no": "否",
+    "view": "查看",
+    "details": "详情",
+    "loading": "加载中...",
+    "success": "成功",
+    "error": "发生错误",
+    "required": "必填",
+    "optional": "选填",
+    "logout": "退出登录",
+    "adminAccount": "管理员账户",
+    "systemManager": "系统管理员",
+    "language": "语言",
+    "selectLanguage": "选择语言",
+    "noData": "暂无数据",
+    "total": "总计",
+    "date": "日期",
+    "close": "关闭"
+  },
+  "nav": {
+    "dashboard": "仪表盘",
+    "catalog": "商品目录",
+    "categories": "商品分类",
+    "products": "商品管理",
+    "productAttributes": "商品属性 (Attributes)",
+    "rawMaterials": "原料与配方",
+    "sales": "销售与营销",
+    "orders": "订单管理",
+    "promotions": "促销活动",
+    "coupons": "优惠券",
+    "globalAnalytics": "综合数据分析",
+    "businessAnalytics": "商业数据分析",
+    "omnichannelSalesMap": "全渠道销售地图",
+    "productSalesMap": "商品销售地图",
+    "tools": "辅助工具",
+    "marketplaceProducts": "电商平台商品",
+    "tiktok": "TikTok 渠道",
+    "tiktokOrders": "TikTok 订单",
+    "thailandSalesMap": "泰国销售地图",
+    "tiktokAnalytics": "TikTok 数据分析",
+    "tiktokOverview": "TikTok 全部店铺",
+    "tiktokPriceSimulator": "TikTok 定价模拟器",
+    "tiktokShopCase": "TikTok 店铺案例",
+    "tiktokReportImport": "TikTok 报表导入",
+    "productSkuAnalysis": "商品 SKU 分析",
+    "shopee": "Shopee 渠道",
+    "shopeeHomAroma": "Shopee (Hom Aroma)",
+    "shopeeSalesMap": "泰国销售地图",
+    "shopeeAnalytics": "Shopee 数据分析",
+    "shopeeOverview": "Shopee 全部店铺",
+    "shopeeShopCase": "Shopee 店铺案例",
+    "lazada": "Lazada 渠道",
+    "lazadaOrders": "Lazada 订单",
+    "lazadaAnalytics": "Lazada 数据分析",
+    "lazadaOverview": "Lazada 全部店铺",
+    "cms": "内容管理 & CMS",
+    "pageBuilder": "页面构建器 (Page Builder)",
+    "cmsBlockShowcase": "CMS 组件样例",
+    "mediaLibrary": "媒体素材库",
+    "scentGuide": "香氛指南与文章",
+    "customers": "客户管理",
+    "customerList": "客户列表",
+    "newsletterSubscribers": "邮件订阅用户",
+    "contactMessages": "留言反馈",
+    "menuManager": "导航菜单管理",
+    "mainNavigation": "主导航菜单",
+    "footerExplore": "页脚探索菜单",
+    "footerSupport": "页脚支持菜单",
+    "footerBrand": "页脚品牌信息",
+    "backup": "备份与恢复",
+    "backupDashboard": "备份概览",
+    "backupDatabase": "数据库备份",
+    "backupCatalog": "商品目录备份",
+    "backupOrders": "订单数据备份",
+    "backupCms": "CMS 页面备份",
+    "backupMedia": "媒体素材备份",
+    "settings": "系统设置",
+    "storeSettings": "店铺设置",
+    "paymentSettings": "支付设置",
+    "themeSettings": "主题与配色设置",
+    "contentSettings": "常规内容设置",
+    "systemMaintenance": "系统维护"
+  },
+  "contentTabs": {
+    "th": "泰语 (Thai)",
+    "en": "英语 (English)",
+    "ja": "日语 (Japanese)",
+    "zh": "中文 (Chinese)",
+    "translated": "已翻译",
+    "untranslated": "未翻译",
+    "copyFrom": "复制内容自:",
+    "language": "内容语言"
+  },
+  "dashboard": {
+    "title": "管理仪表盘",
+    "subtitle": "销售、库存和多渠道运营表现总览",
+    "totalRevenue": "总营收",
+    "totalOrders": "总订单数",
+    "totalProducts": "商品总数",
+    "totalCustomers": "客户总数",
+    "recentOrders": "最近订单",
+    "popularProducts": "热销商品",
+    "salesTrend": "销售趋势"
+  },
+  "products": {
+    "title": "商品管理",
+    "subtitle": "管理商品目录、价格、多规格及多语言内容",
+    "addNew": "新增商品",
+    "searchPlaceholder": "通过商品名称或 SKU 搜索...",
+    "category": "分类",
+    "price": "价格",
+    "stock": "库存",
+    "sku": "SKU 编码",
+    "name": "商品名称",
+    "image": "图片",
+    "variants": "商品规格",
+    "status": "状态",
+    "editProduct": "编辑商品",
+    "cmsBuilder": "CMS 页面构建",
+    "bom": "BOM 配方"
+  },
+  "categories": {
+    "title": "分类管理",
+    "subtitle": "管理多语言商品分类结构",
+    "addNew": "新增分类",
+    "editCategory": "编辑分类",
+    "name": "分类名称",
+    "image": "分类图片",
+    "itemCount": "商品数量"
+  },
+  "orders": {
+    "title": "订单管理",
+    "subtitle": "查看待处理订单与核对支付",
+    "searchPlaceholder": "搜索订单号、客户姓名、电话...",
+    "statusAll": "全部",
+    "statusPending": "待支付",
+    "statusPaid": "已支付",
+    "statusShipped": "已发货",
+    "statusCancelled": "已取消",
+    "orderId": "订单号",
+    "customer": "客户",
+    "totalAmount": "订单金额",
+    "payment": "支付状态",
+    "fulfillment": "发货状态",
+    "date": "下单日期",
+    "total": "总计",
+    "status": "状态",
+    "action": "操作",
+    "review": "审核详情",
+    "noOrders": "未找到相关订单。",
+    "orderItems": "订单商品明细",
+    "customerDetails": "客户信息",
+    "paymentSlip": "付款凭证 / 转账水单",
+    "updateStatus": "更新状态",
+    "markPaid": "标记为已支付",
+    "markShipped": "标记为已发货",
+    "markCancelled": "取消订单"
+  },
+  "login": {
+    "title": "管理后台登录",
+    "subtitle": "登录以管理电商平台与内容",
+    "email": "电子邮箱",
+    "password": "密码",
+    "signIn": "登录",
+    "signingIn": "登录中...",
+    "invalidCredentials": "邮箱或密码错误",
+    "rememberMe": "记住登录状态"
+  },
+  "analytics": {
+    "globalOverview": "全球综合数据概览",
+    "allPlatformsOverview": "全平台数据概览",
+    "loadingGlobal": "正在汇总全平台全球数据...",
+    "preset7d": "近7天",
+    "preset30d": "近30天",
+    "preset90d": "近90天",
+    "presetThisMonth": "本月",
+    "presetLastMonth": "上月",
+    "presetThisYear": "今年",
+    "presetLastYear": "去年",
+    "presetLast12m": "近12个月",
+    "presetAll": "全部时间",
+    "customRange": "自定义时间:",
+    "to": "至",
+    "apply": "查询",
+    "clear": "清除",
+    "totalCompanyRevenue": "企业全渠道总营收",
+    "orders": "笔订单",
+    "averageOrderValue": "综合平均客单价 (AOV)",
+    "fromCompletedOrders": "基于完成订单计算",
+    "totalCancelRate": "综合退单取消率",
+    "cancelledOrders": "笔取消订单",
+    "totalShipping": "总运费收入",
+    "allPlatformsShipping": "全部平台汇总",
+    "revenueShareByPlatform": "各平台销售额占比",
+    "platformComparison": "平台综合对比",
+    "platform": "平台",
+    "revenue": "销售额",
+    "share": "占比",
+    "monthlyRevenueByPlatform": "月度销售额趋势 (按平台)",
+    "noMonthlyData": "暂无月度数据"
+  },
+  "salesMap": {
+    "title": "全渠道泰国销售地图",
+    "productTitle": "单品销售分布地图",
+    "badge": "地理商业智能热力图",
+    "productBadge": "单品地理分布洞察",
+    "subtitle": "多渠道商业智能 • 覆盖泰国77个府与928个县 (TikTok, Shopee, Lazada)",
+    "productSubtitle": "商业分析 • 深度洞察单项商品在全泰77府和928县的销量密度与区域渗透",
+    "viewByRevenue": "฿ 按销售额查看",
+    "viewByQuantity": "📦 按销量件数查看",
+    "mapView": "地图模式",
+    "listView": "表格模式",
+    "allChannels": "全部渠道",
+    "tiktok": "TikTok Shop",
+    "shopee": "Shopee",
+    "lazada": "Lazada",
+    "tiktokOnly": "仅 TikTok",
+    "shopeeOnly": "仅 Shopee",
+    "lazadaOnly": "仅 Lazada",
+    "allShops": "全部店铺",
+    "allStatuses": "全部状态",
+    "completedOnly": "仅成功订单",
+    "cancelledOnly": "仅取消订单",
+    "totalRevenue": "总销售额",
+    "totalUnits": "总销售件数",
+    "totalOrders": "总订单数",
+    "topProvince": "最高销售省府",
+    "activeProvinces": "出单省府数",
+    "aov": "平均客单价 (AOV)",
+    "penetration": "全国覆盖率",
+    "searchProvince": "搜索省府或大区...",
+    "searchProduct": "搜索商品名称或SKU...",
+    "selectProduct": "选择分析商品",
+    "allVariants": "全部规格款式 (整款商品)",
+    "province": "省/府 (Province)",
+    "region": "地理大区 (Region)",
+    "revenue": "销售额",
+    "unitsSold": "销售件数",
+    "orders": "订单数",
+    "share": "占比",
+    "actions": "操作",
+    "viewDistricts": "查看县区明细",
+    "loadingMap": "正在加载地理智能地图...",
+    "loadingDistricts": "正在加载县区明细数据...",
+    "noData": "未找到符合条件的销售数据",
+    "districtBreakdown": "县区深度分析",
+    "allDistricts": "全部县区",
+    "ordersList": "近期订单记录 -",
+    "searchDistrict": "搜索县区名称...",
+    "close": "关闭",
+    "backToProvinces": "返回省府总览",
+    "zoomIn": "放大地图",
+    "zoomOut": "缩小地图",
+    "resetZoom": "重置视角",
+    "dragHint": "可拖拽平移，滚动鼠标滚轮或点击+/-缩放",
+    "regionalBreakdown": "各地区销售占比",
+    "tiktokShopLabel": "TikTok 店铺:",
+    "allTiktokShops": "TikTok 所有店铺",
+    "shopeeShopLabel": "Shopee 店铺:",
+    "allShopeeShops": "Shopee 所有店铺",
+    "lazadaShopLabel": "Lazada 店铺:",
+    "allLazadaShops": "Lazada 所有店铺",
+    "productTotalRevenue": "该商品总销售额",
+    "totalUnitsSold": "总销售件数",
+    "provinceCoverage": "省份覆盖分布",
+    "topSellingProvince": "最畅销省份",
+    "topSellingRegion": "最畅销地区",
+    "densityMap": "热度密度地图",
+    "less": "少",
+    "more": "多",
+    "selectMasterProduct": "选择主商品:",
+    "variantOptions": "规格/选项:",
+    "allVariantsTotal": "全部规格合并"
+  },
+  "marketplaceProducts": {
+    "title": "多平台商品与 SKU 管理器",
+    "badge": "工具 • TikTok + Shopee + Lazada",
+    "subtitle": "整合各电商平台售出商品，并与主商品库关联(SKU Mapping)以精准分析 BOM 成本与利润",
+    "autoMatch": "⚡ 自动匹配 SKU",
+    "syncFromOrders": "🔄 从全部订单同步",
+    "syncing": "正在同步商品数据...",
+    "kpiTotalSkus": "平台商品总数",
+    "skuUnit": "项/SKU",
+    "kpiTotalSkusSub": "全渠道已售出的全部规格商品",
+    "kpiMappingProgress": "主 SKU 关联进度",
+    "unmappedLabel": "未关联:",
+    "itemUnit": "项",
+    "kpiTotalSold": "总销售件数",
+    "unitsSold": "件",
+    "kpiTotalSoldSub": "全订单累计售出件数",
+    "kpiTotalRevenue": "总销售额 (Gross)",
+    "kpiTotalRevenueSub": "客户实付总营业额",
+    "kpiEstProfit": "预估毛利润 (BOM)",
+    "marginLabel": "综合毛利率:",
+    "allChannels": "🌐 全部渠道",
+    "tiktok": "🔴 TikTok",
+    "shopee": "🟠 Shopee",
+    "lazada": "🔵 Lazada",
+    "shopLabel": "店铺:",
+    "allShops": "全部店铺 (All Shops)",
+    "statusAll": "全部",
+    "statusMapped": "已关联 (Mapped)",
+    "statusUnmapped": "未关联 (Unmapped)",
+    "searchPlaceholder": "搜索商品名称、SKU、规格或主商品...",
+    "sortBy": "排序方式:",
+    "sortRevenue": "最高销售额 (Revenue)",
+    "sortSold": "最高销量 (Sold Qty)",
+    "sortName": "商品名称 (A-Z)",
+    "sortRecent": "最近售出 (Recent)",
+    "thChannelShop": "渠道 / 店铺",
+    "thProductName": "商品名称与规格 (电商平台)",
+    "thSku": "卖家 SKU",
+    "thSoldQty": "售出件数",
+    "thTotalRevenue": "总销售额 (฿)",
+    "thAvgPrice": "平均售价",
+    "thMasterProduct": "主商品 (核心商品库)",
+    "thBomCost": "BOM 成本 (฿)",
+    "thEstProfit": "预估毛利",
+    "thActions": "操作",
+    "loading": "正在加载商品数据...",
+    "noData": "未找到符合条件的商品记录",
+    "clickToSync": "点击从订单同步商品",
+    "variationPrefix": "规格:",
+    "unmappedBadge": "未关联 SKU",
+    "perUnit": "/件",
+    "totalPrefix": "合计",
+    "noBom": "未设 BOM",
+    "changeMapping": "更改关联",
+    "mapProduct": "关联商品",
+    "modalTitle": "将平台商品关联至主商品库",
+    "modalSubtitle": "请从主商品库中选择与该项匹配的商品与规格",
+    "productOn": "平台商品:",
+    "soldLabel": "销量:",
+    "revenueLabel": "销售额:",
+    "avgPriceLabel": "均价:",
+    "modalSearchPlaceholder": "输入搜索主商品名、SKU 编码或容量规格(如 50ml)...",
+    "noMasterFound": "未找到匹配的主商品记录",
+    "bomCostLabel": "BOM 成本:",
+    "unlink": "取消关联",
+    "saveMapping": "保存关联",
+    "toastLoadError": "加载商品数据失败",
+    "toastSyncSuccess": "商品同步完成！共 {{total}} 项 (新自动匹配 {{matched}} 项)",
+    "toastSyncError": "同步商品失败",
+    "toastSyncConnError": "同步连接异常",
+    "toastAutoMatchSuccess": "自动匹配完成！新增匹配 {{matched}} 个 SKU (剩余未关联 {{remaining}} 项)",
+    "toastAutoMatchError": "执行自动匹配失败",
+    "toastMapSuccess": "商品已成功关联至主商品库",
+    "toastUnlinkSuccess": "已取消该商品的关联",
+    "toastMapError": "保存关联失败"
+  },
+  "tiktokOrders": {
+    "title": "TikTok 订单管理",
+    "viewData": "查看数据",
+    "importData": "导入 CSV / XLSX",
+    "ordersTitle": "订单列表 — {{shop}}",
+    "importTitle": "从 TikTok Shop 导入数据",
+    "importSubtitle": "上传订单报告文件 (.csv)",
+    "kpiTotalOrders": "全部订单数",
+    "skuCount": "{{count}} 个 SKU",
+    "kpiGrossSales": "总销售额 (Gross)",
+    "skuRevenue": "SKU 收入 ฿{{amount}}",
+    "kpiTotalBomCost": "BOM 总成本",
+    "estProfit": "预估毛利 ฿{{amount}} ({{margin}}%)",
+    "kpiCommissionAffiliate": "佣金与分销",
+    "commAffBreakdown": "佣金: ฿{{comm}} | 分销: ฿{{aff}}",
+    "waitingSettlement": "等待导入结算单 (Settlement)",
+    "kpiBomStatus": "BOM 成本状态",
+    "missingBomOrders": "缺少 {{count}} 单",
+    "bomComplete100": "BOM 完整 100%",
+    "missingBomWarning": "🔴 有商品尚未录入 BOM 成本",
+    "bomCostCalculated": "✓ 所有订单均已核算成本",
+    "searchPlaceholder": "搜索订单号、买家、物流单号、SKU、商品名称...",
+    "bomFilterAll": "全部 BOM",
+    "bomFilterMissing": "缺少 BOM",
+    "bomFilterComplete": "BOM 完整",
+    "statusFilterAll": "全部状态",
+    "statusCompleted": "已完成",
+    "statusShipped": "已发货",
+    "statusToShip": "待发货",
+    "statusCancelled": "已取消",
+    "clearFilters": "清除所有筛选",
+    "foundOrders": "找到 <1>{{count}}</1> 条记录",
+    "fromSearch": "(关键词 <1>\"{{search}}\"</1>)",
+    "filteredMissingBom": "[仅筛选缺少 BOM]",
+    "totalOrdersCount": "全部共 <1>{{count}}</1> 个订单",
+    "thOrderId": "Order ID",
+    "thStatus": "状态",
+    "thBuyerArea": "买家 / 地区",
+    "thCreatedDate": "创建时间",
+    "thSkusBom": "SKUs & BOM",
+    "thOrderAmount": "销售额 (฿)",
+    "thBomCost": "BOM成本 (฿)",
+    "thCommission": "Commission (฿)",
+    "thAffiliate": "Affiliate (฿)",
+    "thNetProfit": "净利润",
+    "thActions": "操作",
+    "processingData": "正在处理数据...",
+    "noOrders": "暂无数据",
+    "settledTransferred": "已打款 ฿{{amount}}",
+    "waitingSettlementTransfer": "等待打款",
+    "missingBomCount": "缺少 BOM ({{count}})",
+    "bomComplete": "BOM 完整",
+    "bomUnspecified": "未指定",
+    "bomPartial": "部分已有 ฿{{amount}}",
+    "waitingBomPrice": "等待录入 BOM 成本",
+    "viewOrder": "查看订单",
+    "districtPrefix": "县/区 ",
+    "provincePrefix": "府 ",
+    "targetShop": "导入至店铺:",
+    "tabOrdersCsv": "1. 订单数据 (Orders CSV)",
+    "tabSettlementXlsx": "2. 财务结算单 (Settlement XLSX)",
+    "csvDropzoneTitle": "点击选择订单 CSV 文件（可同时选择多个文件）"
+,
+    "csvDropzoneSub": "按住 Ctrl 或 Shift 键可多选文件（TikTok 卖家中心导出的 .csv）",
+    "readingCsv": "正在解析所有 CSV 文件...",
+    "selectedFilesCount": "已选文件 ({{count}} 个)",
+    "totalRowsToOrders": "共计 {{rows}} 行商品数据 → {{orders}} 个唯一订单",
+    "rowsUnit": "行",
+    "ordersUnit": "单",
+    "duplicateOrdersAlertTitle": "检测到文件间存在 {{count}} 个重复订单",
+    "duplicateOrdersAlertDesc": "系统将按订单号自动合并并执行更新 (Upsert)，不会产生重复数据且销售额不重复计算",
+    "noCrossFileDuplicates": "所有文件间未发现重复订单号",
+    "previewTitle": "合并数据预览（前 5 行）：",
+    "clearShopData": "清空店铺 {{shop}} 的所有数据",
+    "clearing": "正在清空数据...",
+    "confirmClearData": "确认清空店铺 \"{{shop}}\" 的所有 TikTok 数据（包括订单和结算单）？\n此操作不可恢复。",
+    "importOrdersButton": "导入 {{orders}} 个订单 ({{rows}} 行商品) → {{shop}}",
+    "importingFiles": "正在导入 {{count}} 个文件...",
+    "xlsxDropzoneTitle": "点击选择财务报表文件 (Income / Settlement XLSX)",
+    "xlsxDropzoneSub": "支持从 财务 ➔ 结算单 ➔ 导出明细 下载的 income_*.xlsx 文件",
+    "readingXlsx": "正在读取数据并核算佣金明细...",
+    "settlementSummaryTitle": "财务报表概览 ({{file}})",
+    "sheetLabel": "工作表: {{sheet}}",
+    "transactionsFound": "共 {{count}} 笔交易记录",
+    "netPayout": "打款净额 (Net Payout)",
+    "revenue": "商品总收入 (Revenue)",
+    "tiktokCommission": "TikTok 平台佣金",
+    "partnerAffiliate": "达人分销佣金",
+    "settlementPreviewTitle": "结算单明细预览（前 5 行）：",
+    "thSettledDate": "结算时间",
+    "thNetSettlement": "打款金额",
+    "thOrderFee": "订单服务费",
+    "confirmImportSettlement": "确认导入结算单 ({{count}} 笔) → {{shop}}",
+    "savingSettlement": "正在保存结算单数据...",
+    "noOrdersInCsv": "所选 CSV 文件中未找到订单数据",
+    "cannotReadFile": "无法读取文件: {{error}}",
+    "noOrdersInSheet": "工作表 \"{{sheet}}\" 中未找到订单记录",
+    "cannotReadXlsx": "读取 XLSX 文件失败: {{error}}",
+    "errorReadingFile": "读取文件时发生错误"
+  },
+  "tiktokOrderDetail": {
+    "loading": "正在加载 TikTok 订单详情并计算 BOM 成本...",
+    "notFound": "未找到该订单",
+    "backToList": "返回订单列表",
+    "missingBomPill": "缺少 BOM ({{count}} 项)",
+    "bomCompletePill": "BOM 完整",
+    "shopLabel": "店铺: {{shop}}",
+    "orderedAt": "下单时间: {{time}}",
+    "viewInSalesMap": "在销售地图中查看",
+    "missingBomAlertTitle": "检测到 {{count}} 项商品缺少 BOM 配方或未填写成本价",
+    "missingBomAlertSub": "您可以点击下方商品行的按钮，立即录入 BOM 配方或关联主商品。",
+    "checkMappingTable": "检查商品映射表",
+    "orderItemsTitle": "订单商品列表 ({{count}} 个 SKU)",
+    "totalBomCostLabel": "BOM 总成本:",
+    "itemMissingBomBadge": "🔴 缺少 BOM / 待录入成本",
+    "itemHasBomBadge": "✓ 已设 BOM 配方",
+    "variationLabel": "规格: {{variation}}",
+    "linkedMasterLabel": "关联: {{product}} ({{sku}})",
+    "thUnitPrice": "单价",
+    "thQuantity": "数量",
+    "thSubtotal": "销售额 (SKU)",
+    "unitBomCostLabel": "单件 BOM 成本:",
+    "totalBomCostItemLabel": "总成本:",
+    "grossProfitLabel": "毛利润:",
+    "bomNotFoundWarning": "未找到该商品的 BOM 成本（无法计算利润）",
+    "editBom": "修改 BOM 配方",
+    "addBom": "➕ 录入 BOM 配方",
+    "mapMasterSku": "🔗 关联主 SKU",
+    "rawMaterialBreakdown": "BOM 原材料明细 ({{count}} 项):",
+    "shippingTitle": "配送与物流信息",
+    "shippingProvider": "物流承运商",
+    "deliveryOption": "配送方式",
+    "warehouseName": "出货仓库",
+    "orderType": "订单类型",
+    "timelineTitle": "订单时间线",
+    "createdDate": "下单时间",
+    "paidDate": "付款时间",
+    "rtsTime": "RTS 出库时间",
+    "shippedTime": "发货时间",
+    "deliveredTime": "送达时间",
+    "cancelledTime": "取消时间",
+    "bomSummaryTitle": "成本与利润核算 (BOM)",
+    "revenueLabel": "总销售额 (Revenue)",
+    "totalBomCostSummary": "原材料 BOM 总成本",
+    "commissionSummary": "平台佣金 (Commission)",
+    "affiliateSummary": "达人分销费 (Affiliate)",
+    "netProfitSummary": "净利润 (Net Profit)",
+    "marginLabel": "利润率: {{margin}}%",
+    "incompleteWarningTitle": "警告: 数据未完整核算",
+    "incompleteWarningDesc": "有 {{count}} 项商品未设置 BOM 配方或成本价，请完善 BOM 成本以准确计算利润。",
+    "customerTitle": "买家与收货地区",
+    "tiktokUsername": "TikTok 用户名",
+    "paymentMethod": "支付方式",
+    "destination": "收货目的地",
+    "unspecified": "未指定",
+    "financialsTitle": "财务金额汇总 (Financials)",
+    "itemsSubtotal": "商品小计",
+    "platformDiscount": "平台折扣",
+    "sellerDiscount": "店铺折扣",
+    "shippingFee": "运费",
+    "taxes": "税费 (Taxes)",
+    "refundAmount": "退款金额 (Refund)",
+    "totalOrderAmount": "订单实付 (Order Amount)"
+  },
+  "tiktokSalesMap": {
+    "title": "泰国销售热力地图 (TikTok)",
+    "subtitle": "分析 TikTok 在全国 77 府的销售分布与客户覆盖潜力",
+    "mapView": "地图视图",
+    "listView": "列表视图",
+    "allShops": "全部 (所有店铺)",
+    "periodAll": "全部时间 (All Time)",
+    "period30Days": "近 30 天",
+    "periodThisYear": "今年",
+    "periodCustom": "自定义时间",
+    "kpiTotalRevenue": "总销售额",
+    "kpiTotalOrders": "累计订单数",
+    "allStatusesSub": "包含所有订单状态",
+    "kpiCoverage": "覆盖省府数",
+    "outOf77Provinces": "/ 77 府",
+    "nationwideCoverage": "全国覆盖率",
+    "kpiAov": "客单价 (AOV)",
+    "aovSub": "按所有订单核算的平均客单价",
+    "kpiTopRegion": "销量最高地区",
+    "topRegionSub": "{{count}} 笔订单 ({{amount}})",
+    "mapCardTitle": "泰国全国销售地图",
+    "mapCardSub": "颜色越深代表销售额越高。点击府名查看该地区的完整销售数据。",
+    "provinceLabel": "府名",
+    "viewNationwide": "查看全国视图",
+    "nationwide": "全国",
+    "coverageCountText": "共 {{count}} 府产生销售",
+    "provinceCardSub": "{{orders}} 笔订单 • {{region}}",
+    "noSales": "无销售",
+    "highSales": "高销售",
+    "btnDistrictFocus": "查看县区明细与地图聚焦 (Map Focus)",
+    "selectProvinceHint": "选中府后，下方的县区明细、排行榜与商品趋势将联动同步切换。",
+    "topProvincesTitle": "销售领先省府",
+    "rankingItemSub": "{{orders}} 笔订单 • {{region}}",
+    "rankingAov": "AOV {{amount}}",
+    "tableTitle": "全国 77 府销售明细汇总表",
+    "searchPlaceholder": "搜索府名或区域...",
+    "thCode": "代码",
+    "thProvince": "府名",
+    "thRegion": "大区",
+    "thRevenue": "总销售额 (฿)",
+    "thOrders": "订单数",
+    "thAov": "客单价 (฿/单)",
+    "thActions": "操作",
+    "btnDistrictMap": "县区地图"
+  },
+  "districtModal": {
+    "selectedProvinceRegion": "已选府 • {{region}}",
+    "title": "县区地图 & {{platform}} 订单明细 • {{province}}",
+    "subtitle": "点击地图上的县区即可选中高亮，并自动筛选右侧的订单明细（橙色为当前选中区域）",
+    "districtMapTitle": "县区地图 ({{count}} 县/区)",
+    "multiSelectHint": "支持多选区域",
+    "loadingMap": "正在加载县区地图...",
+    "geoNotFound": "未找到 {{province}} 的县区地理坐标数据",
+    "revenueLabel": "销售额:",
+    "ordersLabel": "订单数:",
+    "ordersCount": "{{count}} 单",
+    "lowSales": "低",
+    "highSales": "高",
+    "selected": "已选",
+    "attribution": "ADM2 边界数据: mapthai / OCHA CODs - CC BY 4.0",
+    "selectedDistrictsCount": "已选 {{count}} 个县区",
+    "touchHint": "点击区域查看详细数据",
+    "noDistrictsSelected": "尚未选择县区",
+    "clickMapToFilter": "点击地图上的县区以筛选特定区域",
+    "ordersCountSub": "({{orders}} 单)",
+    "totalSelectedRevenue": "选中区域合计:",
+    "platformOrdersTitle": "区域内 {{platform}} 订单 ({{count}})",
+    "filterDistrictsBadge": "已筛选 {{count}} 个县区",
+    "searchOrdersPlaceholder": "搜索订单号、商品名称、SKU...",
+    "noOrdersFound": "未找到符合筛选条件的订单记录",
+    "defaultItemTitle": "商品订单",
+    "provinceTotalLabel": "全府总计:",
+    "ordersCountParen": "({{count}} 笔订单)",
+    "totalFetchedOrdersLabel": "已提取订单总数:",
+    "itemsUnit": "项"
+  },
+  "tiktokAnalytics": {
+    "loading": "正在核算分析数据...",
+    "noData": "暂无数据 — 请先导入 TikTok 订单数据",
+    "backToOrders": "返回 TikTok 订单列表",
+    "title": "销售分析 — {{shop}}",
+    "grossRevenue": "总销售额 (Gross Revenue)",
+    "ordersCount": "{{count}} 笔订单",
+    "settlementPayout": "打款净额 (Settlement Payout)",
+    "settlementPayoutSub": "TikTok 实际入账金额",
+    "bomCost": "商品 BOM 成本",
+    "bomCostSub": "按生产配方成本核算",
+    "netProfit": "真实净利润 (Net Profit)",
+    "marginOfSales": "占总销售额 {{margin}}%",
+    "tiktokCommission": "TikTok 平台佣金",
+    "tiktokCommissionSub": "TikTok 平台收取的服务费",
+    "affiliateCommission": "达人分销佣金",
+    "affiliateCommissionSub": "达人合作与分销佣金支出",
+    "platformDiscount": "平台补贴折扣 (TikTok 承担)",
+    "platformDiscountSub": "TikTok 平台补贴消费者的折扣",
+    "sellerDiscount": "店铺折扣 (商家自付)",
+    "sellerDiscountSub": "商家自主让利给客户的折扣",
+    "completedOrders": "已完成订单",
+    "outOfTotal": "全部共 {{total}} 笔",
+    "cancelledOrders": "已取消订单",
+    "percentOfTotal": "占全部 {{rate}}%",
+    "totalShipping": "实收运费总额",
+    "shippingCollectedSub": "从买家收取的运费",
+    "aov": "客单价 (AOV)",
+    "aovSub": "单笔订单平均交易额",
+    "breadcrumb": "数据分析",
+    "monthlyFinancialsTitle": "月度销售、费用与净利润趋势",
+    "monthlyFinancialsSub": "对比月度总销售额、结算打款、佣金与净利润",
+    "barGrossRevenue": "฿ 总销售额",
+    "barSettlement": "฿ 打款净额",
+    "barCommission": "฿ TikTok 佣金",
+    "barAffiliate": "฿ 分销佣金",
+    "barNetProfit": "฿ 净利润",
+    "noMonthlyData": "暂无月度数据",
+    "monthlyOrdersTitle": "月度订单数量走势",
+    "lineOrders": "订单数",
+    "lineItems": "售出件数 (件)",
+    "statusShareTitle": "订单状态分布占比",
+    "paymentMethodTitle": "支付方式",
+    "ordersPercent": "{{count}} 笔订单 · {{pct}}%",
+    "topProductsTitle": "Top 10 热销商品（按销售额）",
+    "thProduct": "商品",
+    "thVariation": "规格",
+    "thUnits": "件数",
+    "thRevenue": "销售额",
+    "thPercentTotal": "占总销售额 %",
+    "waterfallTitle": "成本与净利润瀑布结构 (Financial Breakdown)",
+    "waterfallSub": "从总销售额逐层扣除费用至最终真实净利润",
+    "step1Gross": "1. 总销售额 (Gross)",
+    "step2SellerDisc": "2. 扣除: 店铺让利折扣",
+    "step3Comm": "3. 扣除: TikTok 平台佣金",
+    "step4Aff": "4. 扣除: 达人分销佣金",
+    "step5Bom": "5. 扣除: 商品 BOM 原料成本",
+    "step6Net": "6. 真实净利润 (Net Profit)",
+    "percentOfSales": "占总销售额 {{pct}}%",
+    "platformSubsidyTitle": "平台补贴折扣 (TikTok 全额补贴)",
+    "platformSubsidySub": "TikTok 官方优惠券金额，不扣除商家入账打款"
+  },
+  "tiktokOverview": {
+    "loading": "正在汇总全部店铺数据...",
+    "noData": "暂无数据 — 请先导入 TikTok 数据",
+    "backToOrders": "返回 TikTok 订单列表",
+    "title": "全部店铺总览",
+    "viewAnalytics": "查看分析",
+    "grandRevenue": "全店总销售额",
+    "ordersCount": "{{count}} 笔订单",
+    "grandNetRevenue": "全店净收益",
+    "marginSub": "净利率 {{margin}}%",
+    "grandPlatformDiscount": "全店平台补贴",
+    "platformDiscountSub": "TikTok 平台补贴",
+    "grandAov": "全店平均客单价",
+    "cancelRateSub": "取消率 {{rate}}%",
+    "percentOfTotal": "占全店 {{pct}}%",
+    "statSales": "销售额",
+    "statPlatformDiscount": "TikTok补贴",
+    "statOrders": "订单数",
+    "statSellerDiscount": "店铺折扣",
+    "statCancelled": "取消率",
+    "statShipping": "实收运费",
+    "monthlySalesTitle": "月度销售额趋势 (按店铺分层)",
+    "noMonthlyData": "暂无月度数据",
+    "salesShareTitle": "各店铺销售占比",
+    "shopComparisonTitle": "店铺数据横向对比",
+    "thShop": "店铺",
+    "thRevenue": "销售额",
+    "thPlatformDiscount": "平台补贴",
+    "thOrders": "订单数",
+    "thCancelled": "取消率",
+    "totalAll": "全部合计",
+    "topProductsTitle": "Top 10 热销商品 — 全店汇总",
+    "thProduct": "商品",
+    "thVariation": "规格",
+    "thUnits": "件数",
+    "thProductRevenue": "销售额",
+    "thPercentTotal": "占总额 %"
+  },
+  "tiktokPriceSimulator": {
+    "pageTitle": "TikTok 定价模拟器",
+    "pageSubtitle": "核算上架原价、保本点 (Break-even) 及大促安全价格缓冲，防止“爆单却亏本”。",
+    "reset": "重置",
+    "resetTitle": "重置所有数值",
+    "step1Title": "制定价格",
+    "step1Desc": "计算含安全缓冲的原价、平价与大促活动价",
+    "step2Title": "销量与利润权衡",
+    "step2Desc": "对比平时与大促日的总利润规模",
+    "step3Title": "商品分类规划",
+    "step3Desc": "按利润率将商品划分为引流款、利润款和搭配款",
+    "step4Title": "保本底线核查",
+    "step4Desc": "核算 TikTok 平台强制活动价的盈利可行性",
+    "sec1Title": "第 1 部分 — 价格缓冲计算器 (Price Buffer Calculator)",
+    "sec1Subtitle": "在前期设定上架原价时即预留大促降价缓冲空间",
+    "sec2Title": "第 2 部分 — 销量 vs 利润率模拟 (Volume vs Margin)",
+    "sec2Subtitle": "对比平时日常与大促冲量日的利润总额以作决策",
+    "sec3Title": "第 3 部分 — 商品战略分类 (Product Strategy Classifier)",
+    "sec3Subtitle": "按利润率将商品划分 3 类以制定差异化营销策略",
+    "sec4Title": "第 4 部分 — 保本底线预警 (Break-even Alert)",
+    "sec4Subtitle": "快速核验 TikTok 平台活动控价是否击穿保本底线",
+    "footerTipTitle": "💡 黄金铁律：切勿被 GMV 总流水迷失方向",
+    "footerTipBody": "GMV 流水数字漂亮并不代表实际入账收益。请始终聚焦于",
+    "footerTipBodyHighlight": "扣除全部费用后的真实净利润 (Net Profit)",
+    "footerTipBodyEnd": "若某大促活动导致亏损，请果断拒绝或仅提报具有充足利润缓冲的 SKU。",
+    "costLabel": "商品成本 (Cost)",
+    "costHint": "单件采购或生产 BOM 成本",
+    "commLabel": "TikTok 平台佣金",
+    "commHint": "按类目通常为 8–12%",
+    "shippingLabel": "物流运费",
+    "shippingHint": "单笔订单运费 (若由卖家承担)",
+    "sellerPays": "卖家包邮",
+    "targetProfitLabel": "目标利润",
+    "targetProfitPctHint": "占正常售价的目标利润率 (%)",
+    "targetProfitAmountHint": "单件目标纯利润金额 (THB)",
+    "campaignDiscLabel": "大促最高折扣率",
+    "campaignDiscHint": "大促期间平台要求的降价比例 (%)",
+    "platformVoucherLabel": "平台补贴券 (TikTok 承担)",
+    "platformVoucherHint": "TikTok 平台出资补贴比例 (%) — 不扣减商家收入",
+    "calcResults": "测算结果",
+    "listPriceLabel": "上架原价 (List Price)",
+    "listPriceSub": "录入 TikTok 后台的划线标价",
+    "listPriceFormula": "[保本价] ÷ (1 - 大促% - 平台补贴%) × 5% 缓冲",
+    "sellingPriceLabel": "日常正常售价",
+    "profitMarginSub": "利润率 {{margin}} / 单件 {{profit}}",
+    "campaignPriceLabel": "大促活动售价",
+    "breakEvenLabel": "保本底线 (最低售价)",
+    "breakEvenSub": "低于此价格销售即发生亏损",
+    "normalProfitLabel": "日常单件利润",
+    "campaignProfitLabel": "大促单件利润",
+    "formulaHelpTitle": "计算公式说明",
+    "formulaBreakEven": "保本价 = (成本 + 运费) ÷ (1 − 佣金%)",
+    "formulaSelling": "正常售价 = 保本价 ÷ (1 − 目标利润率%)",
+    "formulaList": "上架原价 = 保本价 ÷ (1 − 大促折扣% − 平台补贴%) × 1.05 (5% 安全缓冲)",
+    "normalDay": "日常经营日",
+    "units": "件",
+    "unitQty": "销售件数",
+    "profitPerUnit": "单件利润",
+    "totalProfit": "总利润额",
+    "campaignDay": "大促 / 狂欢日",
+    "campaignForecastQty": "预估销售件数",
+    "campaignProfitPerUnit": "单件利润 (折后)",
+    "shouldJoinCampaign": "✅ 建议参加大促活动",
+    "shouldNotJoinCampaign": "❌ 不建议参加该活动",
+    "joinReasonProfitUp": "总利润增加 {{diff}} (为日常的 {{mult}} 倍) — 薄利多销换取规模利润划算",
+    "joinReasonNegative": "单件利润已为负数 → 卖得越多亏得越多，严禁参加！",
+    "joinReasonLower": "大促总利润 ({{camp}}) 低于日常 ({{norm}}) — 参加活动不划算",
+    "diffLabel": "利润增减",
+    "thProductName": "商品名称",
+    "thCost": "成本 (฿)",
+    "thListPrice": "标价 (฿)",
+    "thMargin": "利润率 %",
+    "thGroup": "分组",
+    "addProduct": "添加商品",
+    "noProductsInGroup": "该分组暂无商品",
+    "groupHeroLabel": "🚀 Hero (引流爆款)",
+    "groupHeroDesc": "店铺吸客利器 — 超低利润换取庞大流量与销量",
+    "groupProfitLabel": "💎 Profit Maker (高利盈利款)",
+    "groupProfitDesc": "核心利润来源 — 保持高毛利，不做大幅打折",
+    "groupBundleLabel": "🎁 Bundle / Add-on (搭售配件款)",
+    "groupBundleDesc": "拉升客单价 (AOV) — 适合组合搭配销售",
+    "groupUnclassifiedLabel": "— 未分类",
+    "groupUnclassifiedDesc": "请完善成本与售价信息",
+    "groupCriteriaTitle": "分类评定标准",
+    "groupCriteriaHero": "🚀 Hero 引流款: 利润率 < 15% — 压低利润吸引流量",
+    "groupCriteriaProfit": "💎 Profit Maker 利润款: 利润率 ≥ 30% — 主要收益支柱",
+    "groupCriteriaBundle": "🎁 Bundle 搭配款: 利润率 15–29% — 组合提升客单价",
+    "tiktokForcedPriceLabel": "TikTok 要求的活动价格",
+    "tiktokForcedPriceHint": "平台报名强制要求的活动售价",
+    "gaugeTitle": "活动价格定位 vs. 保本底线",
+    "gaugeBreakEven": "保本底线: {{breakEven}}",
+    "alertSafeLabel": "✅ 允许参加该大促",
+    "alertSafeDesc": "仍保有利润率 {{margin}} — 单件利润 {{profit}}",
+    "alertWarnLabel": "⚠️ 警惕 — 利润极其微薄",
+    "alertWarnDesc": "利润率降至 {{margin}} — 单件利润 {{profit}} 可能无法覆盖日常杂费",
+    "alertDangerLabel": "🚫 严禁参加此活动！",
+    "alertDangerDesc": "活动价 {{price}} 低于保本线 {{breakEven}} — 卖出一单就亏一单！",
+    "alertDangerAlt": "💡 应对方案: 放弃报名或仅提报具有充足安全缓冲的 SKU",
+    "alertBreakEvenSub": "切勿低于此价格销售",
+    "profitPerUnitIfJoin": "若参加活动单件利润",
+    "lossAlert": "亏损！"
+  },
+  "tiktokShopCase": {
+    "pageTitle": "TikTok 店铺案例分析",
+    "pageSubtitle": "深入剖析 TikTok Shop 真实打款账单明细，模拟测算商品售价、店铺满减券、采购成本及利润与 ROI 指标。",
+    "reset": "重置",
+    "resetTitle": "重置所有数值",
+    "case1Btn": "案例 1 (฿79 账单)",
+    "case2Btn": "案例 2 (฿190 账单)",
+    "case3Btn": "案例 3 (฿190 账单 + 达人分销)",
+    "case1Name": "案例 1",
+    "case2Name": "案例 2",
+    "case3Name": "案例 3",
+    "useDefaultBtn": "恢复案例默认参数",
+    "sectionTitle": "案例实测 ＆ 真实扣点费用模拟器",
+    "billDetailSubtitle": "{{caseName}} 原始账单明细数据:",
+    "grossBeforeDiscount": "折前商品总额",
+    "shopDiscountWithPct": "店铺优惠折扣 (降价比例 %)",
+    "netBaseForCommission": "折后实付总额 (佣金扣点基数)",
+    "step1ControlTitle": "1. 模拟价格、店铺优惠券与商品成本 (可自定义):",
+    "listPriceLabel": "折前划线标价 (List Price)",
+    "costLabel": "商品成本 (Cost)",
+    "shopDiscountsLabel": "店铺让利折扣 (优惠券 1-3)",
+    "couponIndex": "优惠券 #{{index}}",
+    "step2ControlTitle": "2. 模拟各项平台扣费费率 (%):",
+    "feeTransaction": "交易手续费 (%)",
+    "feeCommission": "TikTok 佣金 (%)",
+    "feeGrowth": "成长支持费 (%)",
+    "feeAffiliate": "达人佣金 (%)",
+    "tableBeforeTitle": "模拟前 (原始账单)",
+    "tableAfterTitle": "模拟后 (新场景测算)",
+    "totalPctHeader": "合计 {{pct}}%",
+    "rowGross": "折前商品总额",
+    "rowShopDiscount": "店铺让利折扣",
+    "rowShopDiscountTotal": "店铺让利折扣 (合计)",
+    "rowCouponItem": "- 优惠券 #{{index}} ({{val}})",
+    "rowNetBase": "折后净额 (佣金基数)",
+    "rowFeeTrans": "- 交易手续费 ({{pct}}%)",
+    "rowFeeComm": "- TikTok 平台佣金 ({{pct}}%)",
+    "rowFeeGrowth": "- 成长支持服务费 ({{pct}}%)",
+    "rowFeeAffiliate": "- 达人分销佣金 ({{pct}}%)",
+    "rowTotalFees": "各项扣费合计",
+    "rowNetPayout": "最终银行打款入账净额",
+    "rowCost": "- 商品成本 (Cost)",
+    "rowNetProfit": "真实净利润 (Net Profit)",
+    "rowMargin": "销售利润率 (Margin %)",
+    "rowRoi": "投资回报率 (ROI %)",
+    "diffProfitUp": "新扣费结构下打款入账增加 ฿{{diff}}",
+    "diffPayoutChanged": "入账净额相较原始账单差异 ฿{{diff}} ({{sign}}{{pct}}%)"
+  },
+  "shopeeSalesMap": {
+    "pageTitle": "泰国全国销售地图 (Shopee Sales Map)",
+    "pageSubtitle": "可视化分析 Shopee 在泰国 77 府的销售分布与客户市场潜力",
+    "viewMap": "地图视图",
+    "viewList": "列表视图",
+    "allShops": "全部店铺",
+    "periodAll": "全部时间",
+    "period30Days": "近30天",
+    "periodThisYear": "今年",
+    "periodCustom": "自定义",
+    "loading": "加载中...",
+    "filter": "筛选",
+    "kpiTotalRevenue": "总销售额",
+    "kpiTotalRevenueSub": "Shopee 总销售额",
+    "kpiTotalOrders": "累计订单数",
+    "kpiTotalOrdersSub": "Shopee 订单总数",
+    "kpiCoverage": "府级覆盖率",
+    "outOf77Provinces": "/ 77 府",
+    "nationwideCoverage": "全国覆盖率",
+    "kpiAov": "平均客单价 (AOV)",
+    "aovSub": "按全部订单加权平均计算",
+    "kpiTopRegion": "最高销量区域",
+    "topRegionBadge": "Top Region",
+    "topRegionSub": "{{count}} 笔订单 ({{amount}})",
+    "mapCardTitle": "泰国全国销售地图 (Shopee)",
+    "mapCardSub": "颜色越深代表销售额越高。点击具体府份可查看该地区详细数据。",
+    "provinceLabel": "府份",
+    "viewNationwide": "查看全国",
+    "nationwide": "全国",
+    "coverageCountText": "{{count}} 个府产生销售业绩",
+    "provinceCardSub": "{{orders}} 笔订单 • {{region}}",
+    "noSales": "无销量",
+    "highSales": "高销量",
+    "btnDistrictFocus": "查看县级地图详情 (Map Focus)",
+    "selectProvinceHint": "选择府份后，下方趋势、品类构成及热销店铺将联动更新。",
+    "topProvincesTitle": "热销府份排行榜 (Shopee)",
+    "rankingItemSub": "{{orders}} 笔订单 • {{region}}",
+    "rankingAov": "AOV {{amount}}",
+    "tableTitle": "Shopee 77 府销售汇总表",
+    "searchPlaceholder": "搜索府份或区域名称...",
+    "thCode": "代码",
+    "thProvince": "府份",
+    "thRegion": "区域",
+    "thRevenue": "总销售额 (฿)",
+    "thOrders": "订单数",
+    "thAov": "AOV (฿/单)",
+    "thActions": "操作",
+    "btnDistrictMap": "县级地图"
+  },
+  "shopeeAnalytics": {
+    "loading": "正在计算分析数据...",
+    "noData": "暂无数据 — 请先导入 Shopee 订单文件",
+    "backToShopee": "返回 Shopee 管理",
+    "breadcrumb": "数据分析",
+    "title": "销售分析 — {{shop}}",
+    "kpiGrossRevenue": "总销售额 (Gross)",
+    "kpiGrossOrdersSub": "{{count}} 笔订单",
+    "kpiNetRevenue": "净收入 (Net)",
+    "kpiNetSub": "扣除佣金及买家运费后",
+    "kpiCommission": "佣金总额",
+    "kpiCommissionSub": "占销售额 {{rate}}%",
+    "kpiAov": "客单价 (AOV)",
+    "kpiAovSub": "平均每单交易金额",
+    "kpiCompletedOrders": "已完成订单",
+    "kpiCompletedSub": "共 {{total}} 笔中",
+    "kpiCancelledOrders": "已取消订单",
+    "kpiCancelledSub": "占总数 {{rate}}%",
+    "kpiShipping": "买家支付运费",
+    "kpiShippingSub": "买家承担之运费总额",
+    "kpiEffectiveMargin": "有效净利率 (Effective Net Margin)",
+    "kpiEffectiveMarginSub": "Net / Gross Revenue",
+    "monthlyRevenueTitle": "月度销售额",
+    "monthlyRevenueSub": "总销售额 (Gross) 对比 净收入 (Net)",
+    "barGrossRevenue": "฿ 总销售额 (Gross)",
+    "barNetRevenue": "฿ 净收入 (Net)",
+    "barCommission": "฿ 佣金",
+    "noMonthlyData": "暂无月度趋势数据",
+    "monthlyOrdersTitle": "月度订单量趋势",
+    "lineOrders": "订单数",
+    "lineItems": "商品件数 (件)",
+    "statusBreakdownTitle": "订单状态分布",
+    "paymentMethodTitle": "支付方式分布",
+    "ordersCountAndPct": "{{count}} 单 · {{pct}}%",
+    "topProductsTitle": "热销商品 Top 10 (按销售额)",
+    "thProduct": "商品名称",
+    "thVariation": "规格款式",
+    "thUnits": "件数",
+    "thOrders": "订单数",
+    "thRevenue": "销售额",
+    "thPercentTotal": "占总销售额 %",
+    "costBreakdownTitle": "费用结构明细 (Cost Breakdown)",
+    "stepGross": "总销售额 Gross",
+    "stepCommission": "扣除: 平台佣金",
+    "stepShipping": "扣除: 买家运费",
+    "stepNet": "= 实际净收入",
+    "percentOfSales": "占总销售额 {{pct}}%",
+    "legendCommission": "平台佣金 ({{rate}}%)",
+    "legendShipping": "运费 ({{rate}}%)",
+    "legendNet": "净收入 ({{rate}}%)"
+  },
+  "shopeeOverview": {
+    "loading": "正在汇总全部店铺数据...",
+    "noData": "暂无数据 — 请先导入文件",
+    "backToShopee": "返回 Shopee 管理",
+    "headerTitle": "全部店铺总览",
+    "grandRevenue": "全店总销售额",
+    "ordersCount": "{{count}} 笔订单",
+    "grandNetRevenue": "全店净收入",
+    "marginSub": "利润率 {{margin}}%",
+    "grandCommission": "佣金总额",
+    "commissionRateSub": "占销售额 {{rate}}%",
+    "grandAov": "全店客单价 (AOV)",
+    "cancelRateSub": "取消率 {{rate}}%",
+    "percentOfTotal": "占总量 {{pct}}%",
+    "statRevenue": "销售额",
+    "statNet": "净收入",
+    "statOrders": "订单数",
+    "statCommission": "佣金",
+    "statCancelled": "已取消",
+    "statAov": "AOV",
+    "viewAnalytics": "查看数据分析",
+    "monthlySalesTitle": "月度销售额 (分店铺)",
+    "noMonthlyData": "暂无月度趋势数据",
+    "salesShareTitle": "各店铺销售占比",
+    "shopComparisonTitle": "店铺表现对比",
+    "thShop": "店铺",
+    "thRevenue": "销售额",
+    "thNet": "净收入",
+    "thOrders": "订单数",
+    "thCancelled": "已取消",
+    "totalAll": "全部合计",
+    "topProductsTitle": "热销商品 Top 10 — 全店汇总",
+    "thProduct": "商品名称",
+    "thVariation": "规格款式",
+    "thUnits": "件数",
+    "thProductRevenue": "销售额",
+    "thPercentTotal": "总占比 %"
+  },
+  "shopeeShopCase": {
+    "pageTitle": "Shopee Shop Case",
+    "pageSubtitle": "解析 Shopee 系统真实结算账单结构，并模拟定价、优惠券、成本以评估利润率与 ROI。",
+    "reset": "重置",
+    "resetTitle": "重置所有数值",
+    "case1Btn": "案例 1 (฿79 账单)",
+    "case2Btn": "案例 2 (฿79 账单 + AMS)",
+    "case3Btn": "案例 3 (฿190 账单 + AMS)",
+    "case1Name": "案例 1",
+    "case2Name": "案例 2",
+    "case3Name": "案例 3",
+    "useDefaultBtn": "使用预设参考值",
+    "sectionTitle": "实战案例分析与费率模拟工具 (Shopee)",
+    "billDetailSubtitle": "{{caseName}} 的原始真实账单详情:",
+    "grossBeforeDiscount": "折前商品总价",
+    "shopDiscountWithPct": "店铺优惠券折扣",
+    "netBaseForCommission": "折后净额 (佣金计算基数)",
+    "step1ControlTitle": "1. 定价、优惠与商品成本模拟 (支持自定义):",
+    "listPriceLabel": "折前标价 (List Price)",
+    "costLabel": "商品成本 (Cost)",
+    "shopDiscountsLabel": "店铺优惠 (优惠券 1-3)",
+    "couponIndex": "优惠券 #{{index}}",
+    "step2ControlTitle": "2. Shopee 费率调整模拟 (%):",
+    "feeCommission": "平台佣金 (%)",
+    "feeService": "服务费 (%)",
+    "feeTransaction": "交易费 (%)",
+    "feeAms": "AMS 联盟佣金 (%)",
+    "tableBeforeTitle": "调整前 (原始账单)",
+    "tableAfterTitle": "调整后 (模拟结果)",
+    "totalPctHeader": "合计 {{pct}}%",
+    "rowGross": "折前商品总价",
+    "rowShopDiscount": "店铺优惠折扣",
+    "rowShopDiscountTotal": "店铺优惠折扣 (合计)",
+    "rowCouponItem": "- 优惠券 #{{index}} ({{val}})",
+    "rowNetBase": "净商品额 (佣金基数)",
+    "rowFeeComm": "- 平台佣金 (Commission Fee)",
+    "rowFeeCommWithPct": "- 平台佣金 ({{pct}}%)",
+    "rowFeeService": "- 平台服务费 (Service Fee)",
+    "rowFeeServiceWithPct": "- 平台服务费 ({{pct}}%)",
+    "rowFeeTrans": "- 支付交易手续费",
+    "rowFeeTransWithPct": "- 支付交易手续费 ({{pct}}%)",
+    "rowFeeAms": "- AMS 联盟佣金",
+    "rowFeeAmsWithPct": "- AMS 联盟佣金 ({{pct}}%)",
+    "rowTotalFees": "扣除费用总额",
+    "rowNetPayout": "最终实际入账金额",
+    "rowCost": "- 商品成本 (Cost)",
+    "rowNetProfit": "净利润 (Net Profit)",
+    "rowMargin": "销售利润率 (Margin %)",
+    "rowRoi": "投资回报率 (ROI %)",
+    "diffProfitUp": "在新费率结构下实际到账增加 ฿{{diff}}",
+    "diffPayoutChanged": "与原真实账单相比，实际入账金额相差 ฿{{diff}} ({{sign}}{{pct}}%)"
+  },
+  "lazadaOrder": {
+    "breadcrumb": "订单管理",
+    "title": "订单列表 — {{shop}}",
+    "totalOrders": "总订单数",
+    "grossSales": "总销售额 (Gross)",
+    "totalShipping": "运费总额",
+    "totalCount": "共 {{total}} 笔订单",
+    "thOrderId": "订单编号",
+    "thStatus": "状态",
+    "thCustomer": "买家姓名",
+    "thDate": "创建日期",
+    "thSkus": "SKU 明细",
+    "thTotal": "总额 (฿)",
+    "thShipping": "运费 (฿)",
+    "btnDetails": "查看详情",
+    "loading": "正在加载...",
+    "noData": "暂无数据 — 请先导入文件",
+    "tabList": "查看订单列表",
+    "tabImport": "上传 Excel",
+    "importTitle": "导入 Lazada 销售订单文件 (Excel)",
+    "importSubtitle": "从 Lazada Seller Center 导出的销售订单文件 (.xlsx 或 .xls)",
+    "importProcessing": "正在处理...",
+    "importBtn": "导入数据到数据库",
+    "clearPrompt": "是否需要清空当前店铺数据以重新上传？",
+    "clearing": "正在删除数据...",
+    "clearBtn": "清空店铺 {{shop}} 的所有数据",
+    "clearConfirm": "确认删除店铺 \"{{shop}}\" 的全部 Lazada 订单数据吗？\n此操作不可撤销。",
+    "errNoData": "文件中没有数据",
+    "errReadExcel": "读取 Excel 文件时发生错误",
+    "errReadFile": "读取文件时发生错误",
+    "errImportFail": "导入失败",
+    "errClearFail": "清空数据失败",
+    "errConn": "连接服务器时发生错误"
+  },
+  "lazadaAnalytics": {
+    "loading": "正在计算 Lazada 分析数据...",
+    "noData": "暂无数据 — 请先导入 Lazada 订单文件",
+    "backToOrders": "返回 Lazada 订单列表",
+    "breadcrumb": "数据分析",
+    "title": "销售分析 — {{shop}}",
+    "presets": {
+      "7d": "近7天",
+      "30d": "近30天",
+      "90d": "近90天",
+      "thisMonth": "本月",
+      "lastMonth": "上月",
+      "year": "今年",
+      "lastYear": "去年",
+      "last12m": "近12个月",
+      "all": "全部"
+    },
+    "customRange": "自定义:",
+    "to": "至",
+    "btnApply": "查询",
+    "btnClear": "✕ 清除",
+    "kpiGrossRevenue": "总销售额 (Paid Price)",
+    "kpiGrossSub": "{{count}} 笔订单",
+    "kpiNetRevenue": "净销售额 (扣除运费)",
+    "kpiNetSub": "扣除运费后的净营收",
+    "kpiPlatformDiscount": "平台补贴折扣 (Lazada)",
+    "kpiPlatformDiscSub": "Lazada 官方补贴",
+    "kpiSellerDiscount": "店铺优惠折扣 (商家承担)",
+    "kpiSellerDiscSub": "商家为买家提供的折扣",
+    "kpiCompletedOrders": "已完成订单",
+    "kpiCompletedSub": "共 {{total}} 笔订单中",
+    "kpiCancelledOrders": "已取消订单",
+    "kpiCancelledSub": "占总数 {{rate}}%",
+    "kpiShipping": "运费总额",
+    "kpiShippingSub": "全部订单运费合计",
+    "kpiAov": "客单价 (AOV)",
+    "kpiAovSub": "平均每单交易金额",
+    "monthlyRevenueTitle": "月度销售趋势",
+    "barGrossRevenue": "฿ 总销售额",
+    "barPlatformDiscount": "฿ 平台补贴折扣",
+    "barSellerDiscount": "฿ 店铺优惠折扣",
+    "noMonthlyData": "暂无月度数据",
+    "monthlyOrdersTitle": "月度订单数与商品销量",
+    "lineOrders": "订单数",
+    "lineItems": "商品件数",
+    "statusBreakdownTitle": "订单状态分布",
+    "paymentMethodTitle": "支付方式分布",
+    "unspecifiedPayment": "未指定",
+    "ordersCountAndPct": "{{count}} 笔订单 · {{pct}}%",
+    "topProductsTitle": "热销商品 Top 10 (按销售额)",
+    "thIndex": "#",
+    "thProduct": "商品名称",
+    "thVariation": "规格/款式",
+    "thUnits": "销量(件)",
+    "thRevenue": "销售额",
+    "thPercentTotal": "占总销售额 %"
+  },
+  "lazadaOverview": {
+    "loading": "正在汇总全部店铺数据...",
+    "noData": "暂无数据 — 请先导入订单文件",
+    "backToOrders": "← 返回 Lazada 订单列表",
+    "breadcrumb": "Lazada",
+    "title": "全部店铺总览",
+    "presets": {
+      "7d": "近7天",
+      "30d": "近30天",
+      "90d": "近90天",
+      "thisMonth": "本月",
+      "lastMonth": "上月",
+      "year": "今年",
+      "lastYear": "去年",
+      "last12m": "近12个月",
+      "all": "全部"
+    },
+    "customRange": "自定义:",
+    "to": "至",
+    "btnApply": "查询",
+    "btnClear": "✕ 清除",
+    "grandRevenue": "全部店铺总销售额",
+    "ordersCount": "{{count}} 笔订单",
+    "grandNetRevenue": "总净销售额 (扣除运费)",
+    "marginSub": "净利率 {{margin}}%",
+    "grandPlatformDiscount": "平台补贴折扣总额",
+    "platformSub": "Lazada 官方补贴",
+    "grandAov": "全店平均客单价 (AOV)",
+    "cancelRateSub": "取消率 {{rate}}%",
+    "percentOfTotal": "占总比 {{pct}}%",
+    "statRevenue": "销售额",
+    "statPlatformDiscount": "Lazada 补贴",
+    "statOrders": "订单数",
+    "statSellerDiscount": "店铺折扣",
+    "statCancelled": "取消率",
+    "statShipping": "运费总额",
+    "viewAnalytics": "查看分析",
+    "monthlySalesTitle": "月度销售趋势 (按店铺)",
+    "noMonthlyData": "暂无月度数据",
+    "salesShareTitle": "各店铺销售额占比",
+    "shopComparisonTitle": "店铺数据对比",
+    "thShop": "店铺",
+    "thRevenue": "销售额",
+    "thPlatformDiscount": "平台折扣",
+    "thOrders": "订单数",
+    "thCancelled": "取消率",
+    "totalAll": "全部合计",
+    "topProductsTitle": "热销商品 Top 10 — 全店汇总",
+    "thIndex": "#",
+    "thProduct": "商品名称",
+    "thVariation": "规格/款式",
+    "thUnits": "销量(件)",
+    "thRevenueCol": "销售额",
+    "thPercentTotal": "占总销售额 %"
+  }
+}
+
+
+
+
diff --git a/apps/admin/src/main.tsx b/apps/admin/src/main.tsx
index bef5202..0a27bc3 100644
--- a/apps/admin/src/main.tsx
+++ b/apps/admin/src/main.tsx
@@ -1,5 +1,6 @@
 import { StrictMode } from 'react'
 import { createRoot } from 'react-dom/client'
+import './i18n'
 import './index.css'
 import App from './App.tsx'
 
diff --git a/apps/admin/src/pages/ArticleEditPage.tsx b/apps/admin/src/pages/ArticleEditPage.tsx
index 13595e3..0124655 100644
--- a/apps/admin/src/pages/ArticleEditPage.tsx
+++ b/apps/admin/src/pages/ArticleEditPage.tsx
@@ -1,5 +1,6 @@
 import { useState, useEffect, useMemo, useRef } from 'react'
 import { useParams, useNavigate, Link } from 'react-router-dom'
+import { useTranslation } from 'react-i18next'
 import { API_BASE } from '@homaroma/types'
 import { ArrowLeft, Save, Loader2, Image as ImageIcon } from 'lucide-react'
 import ReactQuill from 'react-quill-new'
@@ -7,6 +8,7 @@ import 'react-quill-new/dist/quill.snow.css'
 import MediaLibraryModal from '../components/MediaLibraryModal'
 
 export default function ArticleEditPage() {
+  const { t } = useTranslation()
   const { id } = useParams<{ id: string }>()
   const isNew = id === 'new'
   const navigate = useNavigate()
@@ -181,10 +183,10 @@ export default function ArticleEditPage() {
             />
             <span className="text-sm font-bold uppercase tracking-widest">Publish to Website</span>
           </label>
-          <Link to="/articles" className="btn-secondary px-8 py-3 font-bold text-sm">Cancel</Link>
-          <button type="submit" disabled={saving} className="btn-primary px-10 py-3 flex items-center gap-2 text-sm font-bold">
+          <Link to="/articles" className="btn-secondary px-8 py-3 font-bold text-sm">{t('common.cancel', 'Cancel')}</Link>
+          <button type="submit" disabled={saving} className="btn-primary px-10 py-3 flex items-center gap-2 text-sm font-bold cursor-pointer">
             {saving ? <Loader2 className="w-4 h-4 animate-spin" /> : <Save className="w-4 h-4" />}
-            Save Article
+            {saving ? t('common.saving', 'Saving...') : t('common.save', 'Save Article')}
           </button>
         </div>
         
diff --git a/apps/admin/src/pages/CategoriesPage.tsx b/apps/admin/src/pages/CategoriesPage.tsx
index d5df34d..0cea99e 100644
--- a/apps/admin/src/pages/CategoriesPage.tsx
+++ b/apps/admin/src/pages/CategoriesPage.tsx
@@ -1,16 +1,18 @@
 import { useState, useEffect } from 'react'
+import { useTranslation } from 'react-i18next'
 import { API_BASE, getCategoryImage, type Category } from '@homaroma/types'
 import { Edit3, Package, Trash2, Plus, X, Image as ImageIcon, UploadCloud, Loader2, ClipboardPaste, LayoutDashboard } from 'lucide-react'
 import MediaLibraryModal from '../components/MediaLibraryModal'
+import ContentLanguageTabs from '../components/ContentLanguageTabs'
 
 export default function CategoriesPage() {
+  const { t, i18n } = useTranslation()
   const [categories, setCategories] = useState<Category[]>([])
   const [loading, setLoading] = useState(true)
   const [isModalOpen, setIsModalOpen] = useState(false)
   const [isUploading, setIsUploading] = useState(false)
   const [editingCategory, setEditingCategory] = useState<Partial<Category> | null>(null)
   const [activeLang, setActiveLang] = useState('th')
-  const languages = ['th', 'en', 'ja', 'zh', 'vi', 'ko', 'lo', 'it']
   
   const [isMediaModalOpen, setIsMediaModalOpen] = useState(false)
   const [onSelectMedia, setOnSelectMedia] = useState<((url: string) => void) | null>(null)
@@ -48,7 +50,7 @@ export default function CategoriesPage() {
         body: JSON.stringify({
           name: typeof editingCategory.name === 'string' 
             ? editingCategory.name 
-            : (editingCategory.name?.th || 'Untitled'),
+            : (editingCategory.name?.th || editingCategory.name?.en || 'Untitled'),
           imageUrl: editingCategory.imageUrl || null
         })
       })
@@ -79,7 +81,7 @@ export default function CategoriesPage() {
   }
 
   const handleDelete = async (id: number) => {
-    if (!confirm('Are you sure you want to delete this category?')) return
+    if (!confirm(t('common.confirmDelete', 'Are you sure you want to delete this category?'))) return
     try {
       const res = await fetch(`${API_BASE}/categories/${id}`, {
         method: 'DELETE'
@@ -137,7 +139,7 @@ export default function CategoriesPage() {
 
   const openAddModal = () => {
     setEditingCategory({
-      name: { th: '', en: '', ja: '', zh: '', vi: '', ko: '' } as any,
+      name: { th: '', en: '', ja: '', zh: '' } as any,
       imageUrl: ''
     })
     setActiveLang('th')
@@ -153,18 +155,37 @@ export default function CategoriesPage() {
     setIsModalOpen(true)
   }
 
+  const handleCopyName = (fromLang: string) => {
+    if (!editingCategory?.name || typeof editingCategory.name !== 'object') return
+    const sourceText = (editingCategory.name as any)[fromLang] || ''
+    if (!sourceText) return
+    setEditingCategory({
+      ...editingCategory,
+      name: {
+        ...(editingCategory.name as any),
+        [activeLang]: sourceText,
+      } as any,
+    })
+  }
+
+  const getLocalizedCategoryName = (cat: Category) => {
+    if (typeof cat.name === 'string') return cat.name
+    const lang = i18n.language
+    return cat.name?.[lang] || cat.name?.th || cat.name?.en || 'Unnamed'
+  }
+
   return (
     <div className="space-y-10 animate-fade-in">
       {!isModalOpen ? (
         <>
           <div className="flex justify-between items-end">
             <div className="space-y-1">
-              <h1 className="text-3xl font-bold">Category Management</h1>
-              <p className="text-slate-500 text-sm">Managing scent classification and product groups.</p>
+              <h1 className="text-3xl font-bold">{t('categories.title', 'Category Management')}</h1>
+              <p className="text-slate-500 text-sm">{t('categories.subtitle', 'Organize products into multilingual categories')}</p>
             </div>
             <button onClick={openAddModal} className="btn-primary flex items-center gap-2">
               <Plus className="w-4 h-4" />
-              Create Category
+              {t('categories.addNew', 'Create Category')}
             </button>
           </div>
 
@@ -187,13 +208,15 @@ export default function CategoriesPage() {
                       <div className="flex gap-2 opacity-0 group-hover:opacity-100 transition-opacity relative z-10">
                          <button 
                             onClick={() => openEditModal(cat)}
-                            className="p-2 rounded-lg bg-night-800 border border-white/5 text-slate-500 hover:text-cyan-glow hover:border-cyan-glow/30 transition-all"
+                            title={t('common.edit', 'Edit')}
+                            className="p-2 rounded-lg bg-night-800 border border-white/5 text-slate-500 hover:text-cyan-glow hover:border-cyan-glow/30 transition-all cursor-pointer"
                          >
                             <Edit3 className="w-4 h-4" />
                          </button>
                          <button 
                             onClick={() => handleDelete(cat.id)}
-                            className="p-2 rounded-lg bg-night-800 border border-white/5 text-slate-500 hover:text-rose-500 hover:border-rose-500/30 transition-all"
+                            title={t('common.delete', 'Delete')}
+                            className="p-2 rounded-lg bg-night-800 border border-white/5 text-slate-500 hover:text-rose-500 hover:border-rose-500/30 transition-all cursor-pointer"
                          >
                             <Trash2 className="w-4 h-4" />
                          </button>
@@ -202,11 +225,11 @@ export default function CategoriesPage() {
                    
                    <div className="space-y-1 relative z-10">
                       <h3 className="text-xl font-bold text-white tracking-tight">
-                        {typeof cat.name === 'string' ? cat.name : (cat.name?.th || cat.name?.en || 'Unnamed')}
+                        {getLocalizedCategoryName(cat)}
                       </h3>
                       <div className="flex items-center gap-2 text-xs font-semibold uppercase tracking-widest text-slate-500">
                         <Package className="w-3 h-3 text-cyan-glow/50" />
-                        <span>{cat._count?.products || 0} Products</span>
+                        <span>{cat._count?.products || 0} {t('categories.itemCount', 'Products')}</span>
                       </div>
                    </div>
 
@@ -222,11 +245,11 @@ export default function CategoriesPage() {
             <div className="p-6 border-b border-white/5 flex flex-shrink-0 items-center justify-between bg-white/[0.02]">
               <h3 className="text-xl font-bold flex items-center gap-2">
                  <LayoutDashboard className="w-5 h-5 text-cyan-glow" />
-                 {editingCategory.id ? 'Edit Category' : 'Create Category'}
+                 {editingCategory.id ? t('categories.editCategory', 'Edit Category') : t('categories.addNew', 'Create Category')}
               </h3>
               <button 
                 onClick={() => setIsModalOpen(false)}
-                className="p-2 rounded-xl hover:bg-white/5 text-slate-500 hover:text-white transition-all"
+                className="p-2 rounded-xl hover:bg-white/5 text-slate-500 hover:text-white transition-all cursor-pointer"
               >
                 <X className="w-6 h-6" />
               </button>
@@ -238,11 +261,11 @@ export default function CategoriesPage() {
                 {/* Image Upload Area */}
                 <div className="md:col-span-2 space-y-3">
                    <div className="flex items-center justify-between">
-                     <label className="text-[10px] uppercase font-bold tracking-widest text-slate-500">Category Image</label>
+                     <label className="text-[10px] uppercase font-bold tracking-widest text-slate-500">{t('categories.image', 'Category Image')}</label>
                      <button
                        type="button"
                        onClick={handlePasteFromClipboard}
-                       className="flex items-center gap-1.5 px-3 py-1.5 rounded-lg bg-cyan-glow/10 hover:bg-cyan-glow/20 text-cyan-glow text-[10px] font-bold uppercase tracking-wider transition-all border border-cyan-glow/20"
+                       className="flex items-center gap-1.5 px-3 py-1.5 rounded-lg bg-cyan-glow/10 hover:bg-cyan-glow/20 text-cyan-glow text-[10px] font-bold uppercase tracking-wider transition-all border border-cyan-glow/20 cursor-pointer"
                      >
                        <ClipboardPaste className="w-3.5 h-3.5" />
                        Paste Image
@@ -277,26 +300,18 @@ export default function CategoriesPage() {
                    </div>
                 </div>
 
-                <div className="md:col-span-2 space-y-2">
-                  <div className="flex justify-between items-end mb-2">
-                    <label className="text-[10px] uppercase font-bold tracking-widest text-slate-500">Category Name</label>
-                    <div className="flex bg-white/5 rounded-lg p-1">
-                      {languages.map(lang => (
-                        <button
-                          key={lang}
-                          type="button"
-                          onClick={() => setActiveLang(lang)}
-                          className={`px-3 py-1 rounded-md text-[10px] font-bold uppercase transition-all ${
-                            activeLang === lang 
-                              ? 'bg-cyan-glow text-night-900 shadow-lg' 
-                              : 'text-slate-500 hover:text-white'
-                          }`}
-                        >
-                          {lang}
-                        </button>
-                      ))}
-                    </div>
-                  </div>
+                {/* Multilingual Name Field */}
+                <div className="md:col-span-2 space-y-3">
+                  <label className="text-[10px] uppercase font-bold tracking-widest text-slate-500">
+                    {t('categories.name', 'Category Name')} (4 Languages: TH, EN, JA, ZH)
+                  </label>
+
+                  <ContentLanguageTabs
+                    activeLang={activeLang}
+                    onSelectLang={setActiveLang}
+                    translationsMap={typeof editingCategory.name === 'object' ? editingCategory.name : { th: editingCategory.name }}
+                    onCopyFrom={handleCopyName}
+                  />
                   
                   <input 
                     type="text" 
@@ -306,8 +321,8 @@ export default function CategoriesPage() {
                       ...editingCategory, 
                       name: { ...(editingCategory.name as any), [activeLang]: e.target.value } as any 
                     })}
-                    className="admin-input w-full"
-                    placeholder={`Category name in ${activeLang.toUpperCase()}`}
+                    className="admin-input w-full mt-2"
+                    placeholder={`Category name in ${activeLang.toUpperCase()} (${activeLang === 'th' ? 'เช่น เทียนหอม' : activeLang === 'en' ? 'e.g. Scented Candle' : activeLang === 'ja' ? '例: アロマキャンドル' : '例如: 香薰蜡烛'})`}
                   />
                 </div>
               </div>
@@ -316,16 +331,16 @@ export default function CategoriesPage() {
                 <button 
                   type="submit"
                   disabled={isUploading}
-                  className="flex-1 btn-primary py-3 flex items-center justify-center gap-2"
+                  className="flex-1 btn-primary py-3 flex items-center justify-center gap-2 cursor-pointer"
                 >
-                  {editingCategory.id ? 'Save Changes' : 'Create Category'}
+                  {editingCategory.id ? t('common.saveChanges', 'Save Changes') : t('categories.addNew', 'Create Category')}
                 </button>
                 <button 
                   type="button"
                   onClick={() => setIsModalOpen(false)}
-                  className="px-8 py-3 bg-white/5 hover:bg-white/10 text-white font-bold rounded-xl transition-all"
+                  className="px-8 py-3 bg-white/5 hover:bg-white/10 text-white font-bold rounded-xl transition-all cursor-pointer"
                 >
-                  Cancel
+                  {t('common.cancel', 'Cancel')}
                 </button>
               </div>
             </form>
diff --git a/apps/admin/src/pages/DashboardPage.tsx b/apps/admin/src/pages/DashboardPage.tsx
index 2716e9f..73cbeb9 100644
--- a/apps/admin/src/pages/DashboardPage.tsx
+++ b/apps/admin/src/pages/DashboardPage.tsx
@@ -1,8 +1,10 @@
 import { useState, useEffect } from 'react'
+import { useTranslation } from 'react-i18next'
 import { Package, Tag, Layers, TrendingUp } from 'lucide-react'
 import { API_BASE, type Category, type Product } from '@homaroma/types'
 
 export default function DashboardPage() {
+  const { t } = useTranslation()
   const [stats, setStats] = useState({
     products: 0,
     categories: 0,
@@ -61,18 +63,18 @@ export default function DashboardPage() {
   }, [])
 
   const cards = [
-    { label: 'Total Revenue', value: `฿${stats.revenue.toLocaleString()}`, icon: TrendingUp, color: 'text-emerald-400' },
-    { label: 'Total Orders', value: stats.orders, icon: Package, color: 'text-blue-400' },
-    { label: 'Total Customers', value: stats.customers, icon: Tag, color: 'text-purple-400' },
-    { label: 'Total Products', value: stats.products, icon: Layers, color: 'text-cyan-glow' },
+    { label: t('dashboard.totalRevenue', 'Total Revenue'), value: `฿${stats.revenue.toLocaleString()}`, icon: TrendingUp, color: 'text-emerald-400' },
+    { label: t('dashboard.totalOrders', 'Total Orders'), value: stats.orders, icon: Package, color: 'text-blue-400' },
+    { label: t('dashboard.totalCustomers', 'Total Customers'), value: stats.customers, icon: Tag, color: 'text-purple-400' },
+    { label: t('dashboard.totalProducts', 'Total Products'), value: stats.products, icon: Layers, color: 'text-cyan-glow' },
   ]
 
   return (
     <div className="space-y-10 animate-fade-in">
       <div className="flex justify-between items-end">
         <div className="space-y-1">
-          <h1 className="text-3xl font-bold">System Overview</h1>
-          <p className="text-slate-500 text-sm">Real-time stats from the HomAroma platform.</p>
+          <h1 className="text-3xl font-bold">{t('dashboard.title', 'System Overview')}</h1>
+          <p className="text-slate-500 text-sm">{t('dashboard.subtitle', 'Real-time stats from the HomAroma platform.')}</p>
         </div>
         <div className="text-right">
           <p className="text-xs uppercase tracking-widest text-slate-500">Last updated</p>
@@ -101,53 +103,67 @@ export default function DashboardPage() {
         ))}
       </div>
 
-      {/* Placeholder for recent activities */}
+      {/* Analytics Highlights */}
       <div className="grid md:grid-cols-2 gap-8">
         <div className="admin-card space-y-6">
-          <h3 className="font-bold text-lg">Inventory Summary</h3>
+          <div className="flex justify-between items-center">
+            <h3 className="font-bold text-lg text-white">{t('dashboard.salesTrend', 'Sales Channels')}</h3>
+            <span className="text-xs text-cyan-glow uppercase tracking-wider font-semibold">Live status</span>
+          </div>
           <div className="space-y-4">
-             {/* Dummy chart-like bars */}
-             {[
-               { label: 'Oil Ozone', val: 0.8 },
-               { label: 'Aroma Oil', val: 0.6 },
-               { label: 'Reed Diffuser', val: 0.4 },
-               { label: 'Car Diffuser', val: 0.2 },
-             ].map(i => (
-               <div key={i.label} className="space-y-2">
-                 <div className="flex justify-between text-xs font-bold uppercase tracking-widest">
-                   <span className="text-slate-400">{i.label}</span>
-                   <span className="text-cyan-glow">{Math.round(i.val * 100)}% Stock</span>
-                 </div>
-                 <div className="h-1.5 w-full bg-night-800 rounded-full overflow-hidden">
-                    <div 
-                      className="h-full bg-cyan-glow shadow-[0_0_10px_rgba(102,252,241,0.5)] rounded-full transition-all duration-1000" 
-                      style={{ width: `${i.val * 100}%` }}
-                    />
-                 </div>
-               </div>
-             ))}
+             <div className="flex items-center justify-between p-4 rounded-xl bg-white/[0.02] border border-white/5">
+                <span className="text-sm text-slate-300">Website & SPA Direct</span>
+                <span className="text-sm font-bold text-emerald-400">Active</span>
+             </div>
+             <div className="flex items-center justify-between p-4 rounded-xl bg-white/[0.02] border border-white/5">
+                <span className="text-sm text-slate-300">TikTok Shop Thailand</span>
+                <span className="text-sm font-bold text-pink-400">Integrated</span>
+             </div>
+             <div className="flex items-center justify-between p-4 rounded-xl bg-white/[0.02] border border-white/5">
+                <span className="text-sm text-slate-300">Shopee Mall</span>
+                <span className="text-sm font-bold text-amber-400">Connected</span>
+             </div>
+             <div className="flex items-center justify-between p-4 rounded-xl bg-white/[0.02] border border-white/5">
+                <span className="text-sm text-slate-300">Lazada Channel</span>
+                <span className="text-sm font-bold text-blue-400">Connected</span>
+             </div>
           </div>
         </div>
 
         <div className="admin-card space-y-6">
-          <h3 className="font-bold text-lg">System Health</h3>
-          <div className="space-y-5">
-            {[
-              { label: 'API Backend', status: 'Healthy', time: '12ms' },
-              { label: 'Database Service', status: 'Healthy', time: '4ms' },
-              { label: 'Admin App Bundle', status: 'Optimized', time: '128kb' },
-            ].map(i => (
-              <div key={i.label} className="flex items-center justify-between p-4 bg-night-950/50 rounded-xl border border-white/5">
-                <div className="space-y-1">
-                  <p className="text-sm font-bold text-white">{i.label}</p>
-                  <p className="text-[10px] uppercase font-bold text-emerald-500 tracking-widest">{i.status}</p>
+          <div className="flex justify-between items-center">
+            <h3 className="font-bold text-lg text-white">{t('common.language', 'Internationalization (4 Languages)')}</h3>
+            <span className="text-xs text-emerald-400 uppercase tracking-wider font-semibold">Online</span>
+          </div>
+          <div className="space-y-3">
+             <div className="flex items-center justify-between p-3.5 rounded-xl bg-white/[0.02] border border-white/5">
+                <div className="flex items-center gap-2.5">
+                   <span className="text-lg">🇹🇭</span>
+                   <span className="text-sm font-medium text-white">ภาษาไทย (Thai)</span>
                 </div>
-                <div className="text-right">
-                  <p className="text-xs text-slate-500">Performance</p>
-                  <p className="text-sm font-bold text-white">{i.time}</p>
+                <span className="text-[10px] font-bold uppercase tracking-wider px-2 py-0.5 rounded bg-emerald-500/10 text-emerald-400 border border-emerald-500/20">Primary</span>
+             </div>
+             <div className="flex items-center justify-between p-3.5 rounded-xl bg-white/[0.02] border border-white/5">
+                <div className="flex items-center gap-2.5">
+                   <span className="text-lg">🇬🇧</span>
+                   <span className="text-sm font-medium text-white">English (UK/Global)</span>
                 </div>
-              </div>
-            ))}
+                <span className="text-[10px] font-bold uppercase tracking-wider px-2 py-0.5 rounded bg-cyan-500/10 text-cyan-400 border border-cyan-500/20">Supported</span>
+             </div>
+             <div className="flex items-center justify-between p-3.5 rounded-xl bg-white/[0.02] border border-white/5">
+                <div className="flex items-center gap-2.5">
+                   <span className="text-lg">🇯🇵</span>
+                   <span className="text-sm font-medium text-white">日本語 (Japanese)</span>
+                </div>
+                <span className="text-[10px] font-bold uppercase tracking-wider px-2 py-0.5 rounded bg-cyan-500/10 text-cyan-400 border border-cyan-500/20">Supported</span>
+             </div>
+             <div className="flex items-center justify-between p-3.5 rounded-xl bg-white/[0.02] border border-white/5">
+                <div className="flex items-center gap-2.5">
+                   <span className="text-lg">🇨🇳</span>
+                   <span className="text-sm font-medium text-white">简体中文 (Chinese)</span>
+                </div>
+                <span className="text-[10px] font-bold uppercase tracking-wider px-2 py-0.5 rounded bg-cyan-500/10 text-cyan-400 border border-cyan-500/20">Supported</span>
+             </div>
           </div>
         </div>
       </div>
diff --git a/apps/admin/src/pages/GlobalAnalyticsPage.tsx b/apps/admin/src/pages/GlobalAnalyticsPage.tsx
index d506237..6c7bf8c 100644
--- a/apps/admin/src/pages/GlobalAnalyticsPage.tsx
+++ b/apps/admin/src/pages/GlobalAnalyticsPage.tsx
@@ -1,7 +1,8 @@
 import { useState, useEffect } from 'react';
+import { useTranslation } from 'react-i18next';
 import {
   BarChart, Bar, XAxis, YAxis, Tooltip, ResponsiveContainer, CartesianGrid,
-  PieChart, Pie, Cell, Legend,
+  PieChart, Pie, Cell,
 } from 'recharts';
 import {
   TrendingUp, DollarSign, Package, BadgePercent, ShoppingCart, Loader2, Store, Calendar, Globe2
@@ -9,7 +10,6 @@ import {
 
 const API_URL = (import.meta.env.VITE_API_URL || 'http://localhost:3000').replace(/\/api\/?$/, '');
 
-// We adjust TikTok to Cyan/Pink mix or just Cyan, Lazada to Blue, Shopee to Orange.
 const COLORS = {
   Shopee: '#f97316',
   TikTok: '#06b6d4',
@@ -32,17 +32,6 @@ function getPresetRange(preset: Preset): { from: string; to: string } {
   if (preset === 'last12m')   { const f = new Date(now); f.setFullYear(f.getFullYear() - 1); return { from: toISO(f), to: today }; }
   return { from: '', to: '' };
 }
-const PRESETS: { key: Preset; label: string }[] = [
-  { key: '7d', label: '7 วัน' },
-  { key: '30d', label: '30 วัน' },
-  { key: '90d', label: '90 วัน' },
-  { key: 'thisMonth', label: 'เดือนนี้' },
-  { key: 'lastMonth', label: 'เดือนที่แล้ว' },
-  { key: 'year', label: 'ปีนี้' },
-  { key: 'lastYear', label: 'ปีที่แล้ว' },
-  { key: 'last12m', label: '12 เดือนที่ผ่านมา' },
-  { key: 'all', label: 'ทั้งหมด' },
-];
 
 function authHeaders() {
   return { 'Content-Type': 'application/json', Authorization: `Bearer ${localStorage.getItem('homaroma_admin_token')}` };
@@ -82,6 +71,7 @@ const CustomTooltip = ({ active, payload, label }: any) => {
 };
 
 export default function GlobalAnalyticsPage() {
+  const { t } = useTranslation();
   const [data, setData] = useState<any>(null);
   const [loading, setLoading] = useState(true);
   const [error, setError] = useState<string | null>(null);
@@ -91,6 +81,18 @@ export default function GlobalAnalyticsPage() {
   const [dateFrom, setDateFrom] = useState('');
   const [dateTo, setDateTo] = useState('');
 
+  const PRESETS: { key: Preset; label: string }[] = [
+    { key: '7d', label: t('analytics.preset7d', '7 Days') },
+    { key: '30d', label: t('analytics.preset30d', '30 Days') },
+    { key: '90d', label: t('analytics.preset90d', '90 Days') },
+    { key: 'thisMonth', label: t('analytics.presetThisMonth', 'This Month') },
+    { key: 'lastMonth', label: t('analytics.presetLastMonth', 'Last Month') },
+    { key: 'year', label: t('analytics.presetThisYear', 'This Year') },
+    { key: 'lastYear', label: t('analytics.presetLastYear', 'Last Year') },
+    { key: 'last12m', label: t('analytics.presetLast12m', 'Last 12 Months') },
+    { key: 'all', label: t('analytics.presetAll', 'All Time') },
+  ];
+
   const loadData = async (from: string, to: string) => {
     setLoading(true); setError(null); setData(null);
     const params = new URLSearchParams();
@@ -180,7 +182,7 @@ export default function GlobalAnalyticsPage() {
     return (
       <div className="flex items-center justify-center h-[60vh] gap-3 animate-pulse">
         <Loader2 className="w-8 h-8 text-emerald-500 animate-spin" />
-        <span className="text-slate-500">กำลังรวมข้อมูลระดับ Global (ทุกแพลตฟอร์ม)...</span>
+        <span className="text-slate-500">{t('analytics.loadingGlobal', 'Aggregating global platform data...')}</span>
       </div>
     );
   }
@@ -189,7 +191,7 @@ export default function GlobalAnalyticsPage() {
     return (
       <div className="flex flex-col items-center justify-center h-[60vh] gap-4">
         <Globe2 className="w-14 h-14 text-slate-700" />
-        <p className="text-slate-500">{error || 'เกิดข้อผิดพลาดในการโหลดข้อมูล'}</p>
+        <p className="text-slate-500">{error || t('common.error', 'Error loading data')}</p>
       </div>
     );
   }
@@ -207,8 +209,8 @@ export default function GlobalAnalyticsPage() {
             <Globe2 className="w-6 h-6 text-white" />
           </div>
           <div>
-            <p className="text-xs text-slate-500 uppercase tracking-widest mb-0.5">Global Overview</p>
-            <h1 className="text-3xl font-bold text-white tracking-tight">ภาพรวมทุกแพลตฟอร์ม</h1>
+            <p className="text-xs text-slate-500 uppercase tracking-widest mb-0.5">{t('analytics.globalOverview', 'Global Overview')}</p>
+            <h1 className="text-3xl font-bold text-white tracking-tight">{t('analytics.allPlatformsOverview', 'All Platforms Overview')}</h1>
           </div>
         </div>
       </div>
@@ -221,7 +223,7 @@ export default function GlobalAnalyticsPage() {
             <button
               key={p.key}
               onClick={() => applyPreset(p.key)}
-              className={`px-3 py-1.5 rounded-lg text-xs font-medium border transition-all ${
+              className={`px-3 py-1.5 rounded-lg text-xs font-medium border transition-all cursor-pointer ${
                 preset === p.key
                   ? 'bg-emerald-500/15 text-emerald-400 border-emerald-500/30'
                   : 'bg-white/5 text-slate-400 border-white/10 hover:bg-white/10 hover:text-white'
@@ -235,21 +237,21 @@ export default function GlobalAnalyticsPage() {
         <div className="hidden sm:block h-6 w-px bg-white/10" />
 
         <div className="flex items-center gap-2 flex-wrap">
-          <span className="text-xs text-slate-500">กำหนดเอง:</span>
+          <span className="text-xs text-slate-500">{t('analytics.customRange', 'Custom:')}</span>
           <input
             type="date" value={dateFrom} onChange={e => setDateFrom(e.target.value)}
             className="px-3 py-1.5 rounded-lg bg-black/30 border border-white/10 text-slate-300 text-xs focus:border-emerald-500/40 focus:outline-none"
           />
-          <span className="text-slate-600 text-xs">ถึง</span>
+          <span className="text-slate-600 text-xs">{t('analytics.to', 'to')}</span>
           <input
             type="date" value={dateTo} onChange={e => setDateTo(e.target.value)}
             className="px-3 py-1.5 rounded-lg bg-black/30 border border-white/10 text-slate-300 text-xs focus:border-emerald-500/40 focus:outline-none"
           />
           <button
             onClick={applyCustom}
-            className="px-4 py-1.5 rounded-lg bg-emerald-500/10 border border-emerald-500/20 text-emerald-400 text-xs font-medium hover:bg-emerald-500/20 transition-all"
+            className="px-4 py-1.5 rounded-lg bg-emerald-500/10 border border-emerald-500/20 text-emerald-400 text-xs font-medium hover:bg-emerald-500/20 transition-all cursor-pointer"
           >
-            ดูข้อมูล
+            {t('analytics.apply', 'Apply')}
           </button>
         </div>
 
@@ -260,9 +262,9 @@ export default function GlobalAnalyticsPage() {
             </span>
             <button
               onClick={() => { setDateFrom(''); setDateTo(''); setPreset('all'); loadData('', ''); }}
-              className="text-[10px] text-slate-500 hover:text-rose-400 transition-colors"
+              className="text-[10px] text-slate-500 hover:text-rose-400 transition-colors cursor-pointer"
             >
-              ✕ ล้าง
+              ✕ {t('analytics.clear', 'Clear')}
             </button>
           </div>
         )}
@@ -270,10 +272,34 @@ export default function GlobalAnalyticsPage() {
 
       {/* Grand KPI Row */}
       <div className="grid grid-cols-2 lg:grid-cols-4 gap-4">
-        <KPICard label="ยอดขายรวมระดับบริษัท" value={fmtB(summary.totalRevenue)} sub={`${fmt(summary.totalOrders)} คำสั่งซื้อ`} color="text-emerald-400" icon={DollarSign} />
-        <KPICard label="AOV รวม (เฉลี่ย)" value={fmtB(summary.aov)} sub={`จากออเดอร์สำเร็จ ${fmt(summary.completedOrders)}`} color="text-blue-400" icon={ShoppingCart} />
-        <KPICard label="อัตรายกเลิกรวม" value={`${fmt(summary.cancelRate, 1)}%`} sub={`${fmt(summary.cancelledOrders)} รายการยกเลิก`} color="text-rose-400" icon={BadgePercent} />
-        <KPICard label="ค่าจัดส่งรวม" value={fmtB(summary.totalShipping)} sub="ค่าจัดส่งทุกแพลตฟอร์ม" color="text-amber-400" icon={Package} />
+        <KPICard
+          label={t('analytics.totalCompanyRevenue', 'Total Company Revenue')}
+          value={fmtB(summary.totalRevenue)}
+          sub={`${fmt(summary.totalOrders)} ${t('analytics.orders', 'orders')}`}
+          color="text-emerald-400"
+          icon={DollarSign}
+        />
+        <KPICard
+          label={t('analytics.averageOrderValue', 'Overall AOV (Avg)')}
+          value={fmtB(summary.aov)}
+          sub={`${t('analytics.fromCompletedOrders', 'From completed orders')} (${fmt(summary.completedOrders)})`}
+          color="text-blue-400"
+          icon={ShoppingCart}
+        />
+        <KPICard
+          label={t('analytics.totalCancelRate', 'Total Cancel Rate')}
+          value={`${fmt(summary.cancelRate, 1)}%`}
+          sub={`${fmt(summary.cancelledOrders)} ${t('analytics.cancelledOrders', 'cancelled orders')}`}
+          color="text-rose-400"
+          icon={BadgePercent}
+        />
+        <KPICard
+          label={t('analytics.totalShipping', 'Total Shipping Fee')}
+          value={fmtB(summary.totalShipping)}
+          sub={t('analytics.allPlatformsShipping', 'Across all platforms')}
+          color="text-amber-400"
+          icon={Package}
+        />
       </div>
 
       {/* Revenue Share Pie + Comparison table */}
@@ -283,7 +309,7 @@ export default function GlobalAnalyticsPage() {
         <div className="bg-white/5 border border-white/10 rounded-2xl p-6">
           <div className="flex items-center gap-2 mb-6">
             <Globe2 className="w-5 h-5 text-amber-400" />
-            <h2 className="text-lg font-bold text-white">สัดส่วนยอดขายตามแพลตฟอร์ม</h2>
+            <h2 className="text-lg font-bold text-white">{t('analytics.revenueShareByPlatform', 'Revenue Share by Platform')}</h2>
           </div>
           <div className="flex items-center gap-6">
             <div className="h-[220px] flex-1">
@@ -320,16 +346,16 @@ export default function GlobalAnalyticsPage() {
         <div className="bg-white/5 border border-white/10 rounded-2xl p-6">
           <div className="flex items-center gap-2 mb-6">
             <Store className="w-5 h-5 text-slate-400" />
-            <h2 className="text-lg font-bold text-white">เปรียบเทียบแพลตฟอร์ม</h2>
+            <h2 className="text-lg font-bold text-white">{t('analytics.platformComparison', 'Platform Comparison')}</h2>
           </div>
           <div className="overflow-x-auto">
             <table className="w-full text-xs">
               <thead className="text-slate-500 uppercase border-b border-white/10">
                 <tr>
-                  <th className="pb-3 text-left">แพลตฟอร์ม</th>
-                  <th className="pb-3 text-right">ยอดขาย</th>
-                  <th className="pb-3 text-right">สัดส่วน</th>
-                  <th className="pb-3 text-right">ออเดอร์</th>
+                  <th className="pb-3 text-left">{t('analytics.platform', 'Platform')}</th>
+                  <th className="pb-3 text-right">{t('analytics.revenue', 'Revenue')}</th>
+                  <th className="pb-3 text-right">{t('analytics.share', 'Share')}</th>
+                  <th className="pb-3 text-right">{t('analytics.orders', 'Orders')}</th>
                 </tr>
               </thead>
               <tbody className="divide-y divide-white/5">
@@ -360,7 +386,7 @@ export default function GlobalAnalyticsPage() {
       <div className="bg-white/5 border border-white/10 rounded-2xl p-6">
         <div className="flex items-center gap-2 mb-6">
           <TrendingUp className="w-5 h-5 text-emerald-500" />
-          <h2 className="text-lg font-bold text-white">ยอดขายรายเดือน (แยกตามแพลตฟอร์ม)</h2>
+          <h2 className="text-lg font-bold text-white">{t('analytics.monthlyRevenueByPlatform', 'Monthly Revenue (by Platform)')}</h2>
         </div>
         {monthly.length > 0 ? (
           <div className="h-[320px]">
@@ -370,9 +396,8 @@ export default function GlobalAnalyticsPage() {
                 <XAxis dataKey="month" stroke="#64748b" tick={{ fontSize: 11 }} />
                 <YAxis stroke="#64748b" tick={{ fontSize: 11 }} tickFormatter={v => v >= 1000 ? `฿${(v / 1000).toFixed(0)}k` : `฿${v}`} />
                 <Tooltip content={<CustomTooltip />} cursor={{ fill: '#ffffff06' }} />
-                <Legend wrapperStyle={{ fontSize: '11px', color: '#94a3b8' }} />
                 {platforms.map((p: any, i: number) => {
-                  const isTop = i === platforms.length - 1; // Simplification
+                  const isTop = i === platforms.length - 1;
                   return (
                     <Bar key={p.name} dataKey={p.name} name={p.name} stackId="rev" fill={COLORS[p.name as keyof typeof COLORS]} radius={isTop ? [4, 4, 0, 0] : [0, 0, 0, 0]} />
                   );
@@ -381,7 +406,7 @@ export default function GlobalAnalyticsPage() {
             </ResponsiveContainer>
           </div>
         ) : (
-          <p className="text-slate-500 text-center py-10">ยังไม่มีข้อมูลรายเดือน</p>
+          <p className="text-slate-500 text-center py-10">{t('analytics.noMonthlyData', 'No monthly data available')}</p>
         )}
       </div>
 
diff --git a/apps/admin/src/pages/LazadaAnalyticsPage.tsx b/apps/admin/src/pages/LazadaAnalyticsPage.tsx
index 572b94f..6e00d1a 100644
--- a/apps/admin/src/pages/LazadaAnalyticsPage.tsx
+++ b/apps/admin/src/pages/LazadaAnalyticsPage.tsx
@@ -1,5 +1,6 @@
 import { useState, useEffect, useCallback } from 'react';
 import { Link } from 'react-router-dom';
+import { useTranslation } from 'react-i18next';
 import {
   BarChart, Bar, XAxis, YAxis, Tooltip, ResponsiveContainer, CartesianGrid,
   PieChart, Pie, Cell, LineChart, Line, Legend,
@@ -68,17 +69,7 @@ function getPresetRange(preset: Preset): { from: string; to: string } {
   return { from: '', to: '' };
 }
 
-const PRESETS: { key: Preset; label: string }[] = [
-  { key: '7d', label: '7 วัน' },
-  { key: '30d', label: '30 วัน' },
-  { key: '90d', label: '90 วัน' },
-  { key: 'thisMonth', label: 'เดือนนี้' },
-  { key: 'lastMonth', label: 'เดือนที่แล้ว' },
-  { key: 'year', label: 'ปีนี้' },
-  { key: 'lastYear', label: 'ปีที่แล้ว' },
-  { key: 'last12m', label: '12 เดือนที่ผ่านมา' },
-  { key: 'all', label: 'ทั้งหมด' },
-];
+const PRESET_KEYS: Preset[] = ['7d', '30d', '90d', 'thisMonth', 'lastMonth', 'year', 'lastYear', 'last12m', 'all'];
 
 function StatCard({
   label, value, sub, icon: Icon, color = 'text-white', bgColor = 'from-white/5',
@@ -112,6 +103,7 @@ const CustomTooltip = ({ active, payload, label }: any) => {
 };
 
 export default function LazadaAnalyticsPage() {
+  const { t } = useTranslation();
   const [data, setData] = useState<any>(null);
   const [loading, setLoading] = useState(true);
   const [error, setError] = useState<string | null>(null);
@@ -166,7 +158,7 @@ export default function LazadaAnalyticsPage() {
     return (
       <div className="flex items-center justify-center h-[60vh] gap-3 animate-pulse">
         <Loader2 className={`w-8 h-8 ${shopCfg.color} animate-spin`} />
-        <span className="text-slate-500">กำลังคำนวณข้อมูลวิเคราะห์ Lazada...</span>
+        <span className="text-slate-500">{t('lazadaAnalytics.loading', 'กำลังคำนวณข้อมูลวิเคราะห์ Lazada...')}</span>
       </div>
     );
   }
@@ -175,9 +167,9 @@ export default function LazadaAnalyticsPage() {
     return (
       <div className="flex flex-col items-center justify-center h-[60vh] gap-4">
         <ShoppingBag className="w-14 h-14 text-slate-700" />
-        <p className="text-slate-500">{error || 'ไม่มีข้อมูล — กรุณา Import ไฟล์ Lazada ก่อน'}</p>
+        <p className="text-slate-500">{error || t('lazadaAnalytics.noData', 'ไม่มีข้อมูล — กรุณา Import ไฟล์ Lazada ก่อน')}</p>
         <Link to="/lazada-order" className="flex items-center gap-2 px-4 py-2 rounded-xl bg-white/5 border border-white/10 text-slate-300 hover:text-white text-sm">
-          <ArrowLeft className="w-4 h-4" /> กลับหน้า Lazada Orders
+          <ArrowLeft className="w-4 h-4" /> {t('lazadaAnalytics.backToOrders', 'กลับหน้า Lazada Orders')}
         </Link>
       </div>
     );
@@ -204,12 +196,11 @@ export default function LazadaAnalyticsPage() {
             <div className="flex items-center gap-2 text-xs text-slate-500 uppercase tracking-widest mb-1">
               <Link to="/lazada-order" className={`hover:${shopCfg.color} transition-colors`}>Lazada</Link>
               <span>/</span>
-              <span className="text-white">Analytics</span>
+              <span className="text-white">{t('lazadaAnalytics.breadcrumb', 'Analytics')}</span>
             </div>
             <h1 className="text-2xl font-bold text-white tracking-tight flex items-center gap-2">
               <TrendingUp className={`w-6 h-6 ${shopCfg.color}`} />
-              วิเคราะห์ยอดขาย —
-              <span className={shopCfg.color}>{shopCfg.label}</span>
+              {t('lazadaAnalytics.title', { shop: shopCfg.label, defaultValue: `วิเคราะห์ยอดขาย — ${shopCfg.label}` })}
             </h1>
           </div>
         </div>
@@ -238,17 +229,17 @@ export default function LazadaAnalyticsPage() {
         {/* Preset Buttons */}
         <div className="flex items-center gap-1.5 flex-wrap">
           <Calendar className="w-4 h-4 text-slate-500 mr-1" />
-          {PRESETS.map(p => (
+          {PRESET_KEYS.map(p => (
             <button
-              key={p.key}
-              onClick={() => applyPreset(p.key)}
+              key={p}
+              onClick={() => applyPreset(p)}
               className={`px-3 py-1.5 rounded-lg text-xs font-medium transition-all ${
-                preset === p.key
+                preset === p
                   ? `${shopCfg.activeBg} ${shopCfg.color} ${shopCfg.activeBorder}`
                   : 'bg-white/5 text-slate-400 border border-white/10 hover:bg-white/10 hover:text-white'
               }`}
             >
-              {p.label}
+              {t(`lazadaAnalytics.presets.${p}`)}
             </button>
           ))}
         </div>
@@ -258,14 +249,14 @@ export default function LazadaAnalyticsPage() {
 
         {/* Custom date range */}
         <div className="flex items-center gap-2 flex-wrap">
-          <span className="text-xs text-slate-500">กำหนดเอง:</span>
+          <span className="text-xs text-slate-500">{t('lazadaAnalytics.customRange', 'กำหนดเอง:')}</span>
           <input
             type="date"
             value={dateFrom}
             onChange={e => setDateFrom(e.target.value)}
             className={`px-3 py-1.5 rounded-lg bg-black/30 border border-white/10 text-slate-300 text-xs focus:${shopCfg.activeBorder} focus:outline-none`}
           />
-          <span className="text-slate-600 text-xs">ถึง</span>
+          <span className="text-slate-600 text-xs">{t('lazadaAnalytics.to', 'ถึง')}</span>
           <input
             type="date"
             value={dateTo}
@@ -276,7 +267,7 @@ export default function LazadaAnalyticsPage() {
             onClick={applyCustom}
             className={`px-4 py-1.5 rounded-lg ${shopCfg.activeBg} ${shopCfg.activeBorder} ${shopCfg.color} text-xs font-medium hover:opacity-80 transition-all`}
           >
-            ดูข้อมูล
+            {t('lazadaAnalytics.btnApply', 'ดูข้อมูล')}
           </button>
         </div>
 
@@ -290,7 +281,7 @@ export default function LazadaAnalyticsPage() {
               onClick={() => { setDateFrom(''); setDateTo(''); setPreset('all'); loadData(shop, '', ''); }}
               className="text-[10px] text-slate-500 hover:text-rose-400 transition-colors"
             >
-              ✕ ล้าง
+              {t('lazadaAnalytics.btnClear', '✕ ล้าง')}
             </button>
           </div>
         )}
@@ -298,25 +289,77 @@ export default function LazadaAnalyticsPage() {
 
       {/* KPI Cards Row 1 */}
       <div className="grid grid-cols-2 lg:grid-cols-4 gap-4">
-        <StatCard label="ยอดขายรวม (Paid Price)" value={fmtCurrency(summary.totalRevenue)} icon={DollarSign} color="text-emerald-400" bgColor="from-emerald-500/10" sub={`${fmt(summary.totalOrders)} คำสั่งซื้อ`} />
-        <StatCard label="ยอดสุทธิ (Net from shipping)" value={fmtCurrency(summary.netRevenue)} icon={TrendingUp} color="text-cyan-glow" bgColor="from-cyan-500/10" sub={`รายได้หลังหักค่าส่งจัดส่ง`} />
-        <StatCard label="ส่วนลด Platform (Lazada)" value={fmtCurrency(summary.totalPlatformDisc)} icon={BadgePercent} color="text-purple-400" bgColor="from-purple-500/10" sub="Lazada อุดหนุนส่วนลดให้" />
-        <StatCard label="ส่วนลดร้านค้า (เราออก)" value={fmtCurrency(summary.totalSellerDisc)} icon={ReceiptText} color="text-rose-400" bgColor="from-rose-500/10" sub="ส่วนลดที่เราให้ลูกค้า" />
+        <StatCard
+          label={t('lazadaAnalytics.kpiGrossRevenue', 'ยอดขายรวม (Paid Price)')}
+          value={fmtCurrency(summary.totalRevenue)}
+          icon={DollarSign}
+          color="text-emerald-400"
+          bgColor="from-emerald-500/10"
+          sub={t('lazadaAnalytics.kpiGrossSub', { count: fmt(summary.totalOrders), defaultValue: `${fmt(summary.totalOrders)} คำสั่งซื้อ` })}
+        />
+        <StatCard
+          label={t('lazadaAnalytics.kpiNetRevenue', 'ยอดสุทธิ (Net from shipping)')}
+          value={fmtCurrency(summary.netRevenue)}
+          icon={TrendingUp}
+          color="text-cyan-glow"
+          bgColor="from-cyan-500/10"
+          sub={t('lazadaAnalytics.kpiNetSub', 'รายได้หลังหักค่าส่งจัดส่ง')}
+        />
+        <StatCard
+          label={t('lazadaAnalytics.kpiPlatformDiscount', 'ส่วนลด Platform (Lazada)')}
+          value={fmtCurrency(summary.totalPlatformDisc)}
+          icon={BadgePercent}
+          color="text-purple-400"
+          bgColor="from-purple-500/10"
+          sub={t('lazadaAnalytics.kpiPlatformDiscSub', 'Lazada อุดหนุนส่วนลดให้')}
+        />
+        <StatCard
+          label={t('lazadaAnalytics.kpiSellerDiscount', 'ส่วนลดร้านค้า (เราออก)')}
+          value={fmtCurrency(summary.totalSellerDisc)}
+          icon={ReceiptText}
+          color="text-rose-400"
+          bgColor="from-rose-500/10"
+          sub={t('lazadaAnalytics.kpiSellerDiscSub', 'ส่วนลดที่เราให้ลูกค้า')}
+        />
       </div>
 
       {/* KPI Cards Row 2 */}
       <div className="grid grid-cols-2 lg:grid-cols-4 gap-4">
-        <StatCard label="คำสั่งซื้อสำเร็จ" value={fmt(summary.completedOrders)} icon={CheckCircle2} color="text-emerald-400" sub={`จากทั้งหมด ${fmt(summary.totalOrders)}`} />
-        <StatCard label="คำสั่งซื้อยกเลิก" value={fmt(summary.cancelledOrders)} icon={XCircle} color="text-rose-400" sub={`${fmt(summary.cancelRate, 1)}% ของทั้งหมด`} />
-        <StatCard label="ค่าจัดส่งรวม" value={fmtCurrency(summary.totalShipping)} icon={Package} color="text-amber-400" sub="ค่าจัดส่งทั้งหมด" />
-        <StatCard label="AOV (เฉลี่ยต่อออเดอร์)" value={fmtCurrency(summary.aov)} icon={ShoppingCart} color="text-blue-400" sub="Average Order Value" />
+        <StatCard
+          label={t('lazadaAnalytics.kpiCompletedOrders', 'คำสั่งซื้อสำเร็จ')}
+          value={fmt(summary.completedOrders)}
+          icon={CheckCircle2}
+          color="text-emerald-400"
+          sub={t('lazadaAnalytics.kpiCompletedSub', { total: fmt(summary.totalOrders), defaultValue: `จากทั้งหมด ${fmt(summary.totalOrders)}` })}
+        />
+        <StatCard
+          label={t('lazadaAnalytics.kpiCancelledOrders', 'คำสั่งซื้อยกเลิก')}
+          value={fmt(summary.cancelledOrders)}
+          icon={XCircle}
+          color="text-rose-400"
+          sub={t('lazadaAnalytics.kpiCancelledSub', { rate: fmt(summary.cancelRate, 1), defaultValue: `${fmt(summary.cancelRate, 1)}% ของทั้งหมด` })}
+        />
+        <StatCard
+          label={t('lazadaAnalytics.kpiShipping', 'ค่าจัดส่งรวม')}
+          value={fmtCurrency(summary.totalShipping)}
+          icon={Package}
+          color="text-amber-400"
+          sub={t('lazadaAnalytics.kpiShippingSub', 'ค่าจัดส่งทั้งหมด')}
+        />
+        <StatCard
+          label={t('lazadaAnalytics.kpiAov', 'AOV (เฉลี่ยต่อออเดอร์)')}
+          value={fmtCurrency(summary.aov)}
+          icon={ShoppingCart}
+          color="text-blue-400"
+          sub={t('lazadaAnalytics.kpiAovSub', 'Average Order Value')}
+        />
       </div>
 
       {/* Monthly Revenue Chart */}
       <div className="bg-white/5 border border-white/10 rounded-2xl p-6">
         <div className="flex items-center gap-2 mb-6">
           <TrendingUp className={`w-5 h-5 ${shopCfg.color}`} />
-          <h2 className="text-lg font-bold text-white">ยอดขายรายเดือน</h2>
+          <h2 className="text-lg font-bold text-white">{t('lazadaAnalytics.monthlyRevenueTitle', 'ยอดขายรายเดือน')}</h2>
         </div>
         {monthlyChart.length > 0 ? (
           <div className="h-[320px]">
@@ -327,14 +370,14 @@ export default function LazadaAnalyticsPage() {
                 <YAxis stroke="#64748b" tick={{ fontSize: 11 }} tickFormatter={v => `฿${v >= 1000 ? `${(v / 1000).toFixed(0)}k` : v}`} />
                 <Tooltip content={<CustomTooltip />} cursor={{ fill: '#ffffff06' }} />
                 <Legend wrapperStyle={{ fontSize: '11px', color: '#94a3b8' }} />
-                <Bar dataKey="revenue" name="฿ ยอดขายรวม" fill="#4ade80" radius={[4, 4, 0, 0]} />
-                <Bar dataKey="platformDiscount" name="฿ ส่วนลด Platform" fill="#c084fc" radius={[4, 4, 0, 0]} />
-                <Bar dataKey="sellerDiscount" name="฿ ส่วนลดร้านค้า" fill="#fb7185" radius={[4, 4, 0, 0]} />
+                <Bar dataKey="revenue" name={t('lazadaAnalytics.barGrossRevenue', '฿ ยอดขายรวม')} fill="#4ade80" radius={[4, 4, 0, 0]} />
+                <Bar dataKey="platformDiscount" name={t('lazadaAnalytics.barPlatformDiscount', '฿ ส่วนลด Platform')} fill="#c084fc" radius={[4, 4, 0, 0]} />
+                <Bar dataKey="sellerDiscount" name={t('lazadaAnalytics.barSellerDiscount', '฿ ส่วนลดร้านค้า')} fill="#fb7185" radius={[4, 4, 0, 0]} />
               </BarChart>
             </ResponsiveContainer>
           </div>
         ) : (
-          <p className="text-slate-500 text-center py-10">ยังไม่มีข้อมูลรายเดือน</p>
+          <p className="text-slate-500 text-center py-10">{t('lazadaAnalytics.noMonthlyData', 'ยังไม่มีข้อมูลรายเดือน')}</p>
         )}
       </div>
 
@@ -343,7 +386,7 @@ export default function LazadaAnalyticsPage() {
         <div className="bg-white/5 border border-white/10 rounded-2xl p-6">
           <div className="flex items-center gap-2 mb-6">
             <ShoppingBag className="w-5 h-5 text-cyan-glow" />
-            <h2 className="text-lg font-bold text-white">จำนวนคำสั่งซื้อรายเดือน</h2>
+            <h2 className="text-lg font-bold text-white">{t('lazadaAnalytics.monthlyOrdersTitle', 'จำนวนคำสั่งซื้อรายเดือน')}</h2>
           </div>
           <div className="h-[220px]">
             <ResponsiveContainer width="100%" height="100%">
@@ -352,8 +395,8 @@ export default function LazadaAnalyticsPage() {
                 <XAxis dataKey="label" stroke="#64748b" tick={{ fontSize: 11 }} />
                 <YAxis stroke="#64748b" tick={{ fontSize: 11 }} />
                 <Tooltip content={<CustomTooltip />} />
-                <Line type="monotone" dataKey="orders" name="คำสั่งซื้อ" stroke={shop === 'hom-aroma' ? '#3b82f6' : '#a78bfa'} strokeWidth={2} dot={{ r: 4 }} />
-                <Line type="monotone" dataKey="items" name="จำนวนชิ้น" stroke="#818cf8" strokeWidth={2} dot={{ r: 4, fill: '#818cf8' }} />
+                <Line type="monotone" dataKey="orders" name={t('lazadaAnalytics.lineOrders', 'คำสั่งซื้อ')} stroke={shop === 'hom-aroma' ? '#3b82f6' : '#a78bfa'} strokeWidth={2} dot={{ r: 4 }} />
+                <Line type="monotone" dataKey="items" name={t('lazadaAnalytics.lineItems', 'จำนวนชิ้น')} stroke="#818cf8" strokeWidth={2} dot={{ r: 4, fill: '#818cf8' }} />
               </LineChart>
             </ResponsiveContainer>
           </div>
@@ -367,7 +410,7 @@ export default function LazadaAnalyticsPage() {
         <div className="bg-white/5 border border-white/10 rounded-2xl p-6">
           <div className="flex items-center gap-2 mb-6">
             <CheckCircle2 className="w-5 h-5 text-emerald-400" />
-            <h2 className="text-lg font-bold text-white">สัดส่วนสถานะคำสั่งซื้อ</h2>
+            <h2 className="text-lg font-bold text-white">{t('lazadaAnalytics.statusBreakdownTitle', 'สัดส่วนสถานะคำสั่งซื้อ')}</h2>
           </div>
           <div className="grid grid-cols-2 gap-4 items-center">
             <div className="h-[200px]">
@@ -399,7 +442,7 @@ export default function LazadaAnalyticsPage() {
         <div className="bg-white/5 border border-white/10 rounded-2xl p-6">
           <div className="flex items-center gap-2 mb-6">
             <DollarSign className="w-5 h-5 text-amber-400" />
-            <h2 className="text-lg font-bold text-white">ช่องทางการชำระเงิน</h2>
+            <h2 className="text-lg font-bold text-white">{t('lazadaAnalytics.paymentMethodTitle', 'ช่องทางการชำระเงิน')}</h2>
           </div>
           <div className="space-y-3">
             {paymentBreakdown.map((p: any, i: number) => {
@@ -407,8 +450,8 @@ export default function LazadaAnalyticsPage() {
               return (
                 <div key={i} className="space-y-1">
                   <div className="flex justify-between text-xs">
-                    <span className="text-slate-300 truncate max-w-[160px]" title={p.method}>{p.method || 'ไม่ระบุ'}</span>
-                    <span className="text-slate-400 ml-2">{p.count} ออเดอร์ · {fmt(pct, 0)}%</span>
+                    <span className="text-slate-300 truncate max-w-[160px]" title={p.method}>{p.method || t('lazadaAnalytics.unspecifiedPayment', 'ไม่ระบุ')}</span>
+                    <span className="text-slate-400 ml-2">{t('lazadaAnalytics.ordersCountAndPct', { count: p.count, pct: fmt(pct, 0), defaultValue: `${p.count} ออเดอร์ · ${fmt(pct, 0)}%` })}</span>
                   </div>
                   <div className="h-1.5 rounded-full bg-white/5 overflow-hidden">
                     <div
@@ -427,18 +470,18 @@ export default function LazadaAnalyticsPage() {
       <div className="bg-white/5 border border-white/10 rounded-2xl p-6">
         <div className="flex items-center gap-2 mb-6">
           <Package className="w-5 h-5 text-purple-400" />
-          <h2 className="text-lg font-bold text-white">Top 10 สินค้าขายดี (by ยอดเงิน)</h2>
+          <h2 className="text-lg font-bold text-white">{t('lazadaAnalytics.topProductsTitle', 'Top 10 สินค้าขายดี (by ยอดเงิน)')}</h2>
         </div>
         <div className="overflow-x-auto">
           <table className="w-full text-sm text-left">
             <thead className="text-xs text-slate-400 uppercase bg-white/[0.03] border-b border-white/10">
               <tr>
-                <th className="px-4 py-3">#</th>
-                <th className="px-4 py-3">สินค้า</th>
-                <th className="px-4 py-3">ตัวเลือก</th>
-                <th className="px-4 py-3 text-right">ชิ้น</th>
-                <th className="px-4 py-3 text-right">ยอดรายได้</th>
-                <th className="px-4 py-3 text-right">% จากยอดรวม</th>
+                <th className="px-4 py-3">{t('lazadaAnalytics.thIndex', '#')}</th>
+                <th className="px-4 py-3">{t('lazadaAnalytics.thProduct', 'สินค้า')}</th>
+                <th className="px-4 py-3">{t('lazadaAnalytics.thVariation', 'ตัวเลือก')}</th>
+                <th className="px-4 py-3 text-right">{t('lazadaAnalytics.thUnits', 'ชิ้น')}</th>
+                <th className="px-4 py-3 text-right">{t('lazadaAnalytics.thRevenue', 'ยอดรายได้')}</th>
+                <th className="px-4 py-3 text-right">{t('lazadaAnalytics.thPercentTotal', '% จากยอดรวม')}</th>
               </tr>
             </thead>
             <tbody>
diff --git a/apps/admin/src/pages/LazadaOrderPage.tsx b/apps/admin/src/pages/LazadaOrderPage.tsx
index 8897328..dcd26f3 100644
--- a/apps/admin/src/pages/LazadaOrderPage.tsx
+++ b/apps/admin/src/pages/LazadaOrderPage.tsx
@@ -1,5 +1,6 @@
 import { useState, useRef, useEffect } from 'react';
 import { Upload, ShoppingBag, CheckCircle, AlertTriangle, ChevronLeft, ChevronRight, Search, Loader2, DollarSign, Package, Trash2 } from 'lucide-react';
+import { useTranslation } from 'react-i18next';
 import * as XLSX from 'xlsx';
 
 const API_URL = (import.meta.env.VITE_API_URL || 'http://localhost:3000').replace(/\/api\/?$/, '');
@@ -11,8 +12,6 @@ export const LAZADA_SHOPS = [
   { id: 'homaromashop', label: 'Relax', color: 'text-yellow-400', activeBg: 'bg-yellow-500/15', activeBorder: 'border-yellow-500/40' },
   { id: 'conner', label: 'Conner', color: 'text-white', activeBg: 'bg-white/15', activeBorder: 'border-white/40' },
   { id: 'december', label: 'December', color: 'text-white', activeBg: 'bg-white/15', activeBorder: 'border-white/40' },
-
-
 ];
 
 function getShop(id: string) { return LAZADA_SHOPS.find(s => s.id === id) || LAZADA_SHOPS[0]; }
@@ -23,6 +22,7 @@ function authHeaders() {
 
 // ── Summary Cards ─────────────────────────────────────────────────────────────
 function SummaryCards({ shop, refreshKey }: { shop: string; refreshKey: number }) {
+  const { t } = useTranslation();
   const [data, setData] = useState({ orderCount: 0, totalAmount: 0, totalShipping: 0 });
 
   useEffect(() => {
@@ -32,9 +32,9 @@ function SummaryCards({ shop, refreshKey }: { shop: string; refreshKey: number }
   }, [shop, refreshKey]);
 
   const cards = [
-    { label: 'คำสั่งซื้อทั้งหมด', value: data.orderCount.toLocaleString(), icon: ShoppingBag, color: 'text-white' },
-    { label: 'ยอดขายรวม (Gross)', value: `฿${data.totalAmount.toLocaleString(undefined, { minimumFractionDigits: 2 })}`, icon: DollarSign, color: 'text-emerald-400' },
-    { label: 'ค่าส่งรวม', value: `฿${data.totalShipping.toLocaleString(undefined, { minimumFractionDigits: 2 })}`, icon: Package, color: 'text-amber-400' },
+    { label: t('lazadaOrder.totalOrders', 'คำสั่งซื้อทั้งหมด'), value: data.orderCount.toLocaleString(), icon: ShoppingBag, color: 'text-white' },
+    { label: t('lazadaOrder.grossSales', 'ยอดขายรวม (Gross)'), value: `฿${data.totalAmount.toLocaleString(undefined, { minimumFractionDigits: 2 })}`, icon: DollarSign, color: 'text-emerald-400' },
+    { label: t('lazadaOrder.totalShipping', 'ค่าส่งรวม'), value: `฿${data.totalShipping.toLocaleString(undefined, { minimumFractionDigits: 2 })}`, icon: Package, color: 'text-amber-400' },
   ];
 
   return (
@@ -57,6 +57,7 @@ function SummaryCards({ shop, refreshKey }: { shop: string; refreshKey: number }
 
 // ── Orders Table ──────────────────────────────────────────────────────────────
 function OrdersTable({ shop, refreshKey }: { shop: string; refreshKey: number }) {
+  const { t } = useTranslation();
   const [items, setItems] = useState<any[]>([]);
   const [total, setTotal] = useState(0);
   const [page, setPage] = useState(1);
@@ -85,7 +86,7 @@ function OrdersTable({ shop, refreshKey }: { shop: string; refreshKey: number })
   return (
     <div className="space-y-4">
       <div className="flex items-center justify-between">
-        <p className="text-sm text-slate-400">ทั้งหมด <span className="text-white font-bold">{total.toLocaleString()}</span> คำสั่งซื้อ</p>
+        <p className="text-sm text-slate-400">{t('lazadaOrder.totalCount', { total: total.toLocaleString() })}</p>
         <div className="flex items-center gap-2">
           <button disabled={page <= 1} onClick={() => setPage(p => p - 1)} className="p-1.5 rounded-lg bg-white/5 text-slate-300 hover:bg-white/10 disabled:opacity-40 disabled:cursor-not-allowed transition-colors"><ChevronLeft className="w-4 h-4" /></button>
           <span className="text-slate-400 text-xs">{page} / {totalPages}</span>
@@ -97,21 +98,21 @@ function OrdersTable({ shop, refreshKey }: { shop: string; refreshKey: number })
         <table className="w-full text-sm text-left">
           <thead className="text-xs text-slate-400 uppercase bg-white/5 border-b border-white/10">
             <tr>
-              <th className="px-4 py-3 whitespace-nowrap">Order ID</th>
-              <th className="px-4 py-3 whitespace-nowrap">สถานะ</th>
-              <th className="px-4 py-3 whitespace-nowrap">ผู้ซื้อ</th>
-              <th className="px-4 py-3 whitespace-nowrap">วันที่สร้าง</th>
-              <th className="px-4 py-3 whitespace-nowrap">SKUs</th>
-              <th className="px-4 py-3 whitespace-nowrap text-right">ยอดรวม (฿)</th>
-              <th className="px-4 py-3 whitespace-nowrap text-right">ค่าส่ง (฿)</th>
+              <th className="px-4 py-3 whitespace-nowrap">{t('lazadaOrder.thOrderId', 'Order ID')}</th>
+              <th className="px-4 py-3 whitespace-nowrap">{t('lazadaOrder.thStatus', 'สถานะ')}</th>
+              <th className="px-4 py-3 whitespace-nowrap">{t('lazadaOrder.thCustomer', 'ผู้ซื้อ')}</th>
+              <th className="px-4 py-3 whitespace-nowrap">{t('lazadaOrder.thDate', 'วันที่สร้าง')}</th>
+              <th className="px-4 py-3 whitespace-nowrap">{t('lazadaOrder.thSkus', 'SKUs')}</th>
+              <th className="px-4 py-3 whitespace-nowrap text-right">{t('lazadaOrder.thTotal', 'ยอดรวม (฿)')}</th>
+              <th className="px-4 py-3 whitespace-nowrap text-right">{t('lazadaOrder.thShipping', 'ค่าส่ง (฿)')}</th>
               <th className="px-4 py-3" />
             </tr>
           </thead>
           <tbody>
             {loading ? (
-              <tr><td colSpan={8} className="px-4 py-10 text-center text-slate-500">กำลังโหลด...</td></tr>
+              <tr><td colSpan={8} className="px-4 py-10 text-center text-slate-500">{t('lazadaOrder.loading', 'กำลังโหลด...')}</td></tr>
             ) : items.length === 0 ? (
-              <tr><td colSpan={8} className="px-4 py-16 text-center text-slate-500">ยังไม่มีข้อมูล — กรุณา Import ไฟล์ก่อน</td></tr>
+              <tr><td colSpan={8} className="px-4 py-16 text-center text-slate-500">{t('lazadaOrder.noData', 'ยังไม่มีข้อมูล — กรุณา Import ไฟล์ก่อน')}</td></tr>
             ) : items.map((order) => (
               <tr key={order.orderNumber} className="border-b border-white/5 hover:bg-white/[0.04] transition-colors group">
                 <td className="px-4 py-3 font-mono text-xs text-blue-400 font-bold">{order.orderNumber}</td>
@@ -132,7 +133,7 @@ function OrdersTable({ shop, refreshKey }: { shop: string; refreshKey: number })
                 <td className="px-4 py-3 text-right font-mono font-bold text-emerald-400">฿{order.orderAmount.toLocaleString(undefined, { minimumFractionDigits: 2 })}</td>
                 <td className="px-4 py-3 text-right font-mono text-slate-400">฿{order.shippingFee.toLocaleString(undefined, { minimumFractionDigits: 2 })}</td>
                 <td className="px-4 py-3 text-right">
-                  <button className="text-[10px] px-2 py-1 bg-white/5 hover:bg-white/10 text-slate-300 rounded border border-white/10 transition-colors">รายละเอียด</button>
+                  <button className="text-[10px] px-2 py-1 bg-white/5 hover:bg-white/10 text-slate-300 rounded border border-white/10 transition-colors">{t('lazadaOrder.btnDetails', 'รายละเอียด')}</button>
                 </td>
               </tr>
             ))}
@@ -145,6 +146,7 @@ function OrdersTable({ shop, refreshKey }: { shop: string; refreshKey: number })
 
 // ── Main Page ─────────────────────────────────────────────────────────────────
 export default function LazadaOrderPage() {
+  const { t } = useTranslation();
   const [shop, setShop] = useState(LAZADA_SHOPS[0].id);
   const [mode, setMode] = useState<'list' | 'import'>('list');
   const [refreshKey, setRefreshKey] = useState(0);
@@ -180,7 +182,7 @@ export default function LazadaOrderPage() {
         const rows = XLSX.utils.sheet_to_json(sheet);
 
         if (rows.length === 0) {
-          throw new Error("ไฟล์ไม่มีข้อมูล");
+          throw new Error(t('lazadaOrder.errNoData', 'ไฟล์ไม่มีข้อมูล'));
         }
 
         const res = await fetch(`${API_URL}/api/lazada-order/import`, {
@@ -196,23 +198,23 @@ export default function LazadaOrderPage() {
           if (fileRef.current) fileRef.current.value = '';
           setRefreshKey(k => k + 1); // trigger list refresh
         } else {
-          setImportStatus({ type: 'error', msg: resData.message || 'นำเข้าไม่สำเร็จ' });
+          setImportStatus({ type: 'error', msg: resData.message || t('lazadaOrder.errImportFail', 'นำเข้าไม่สำเร็จ') });
         }
       } catch (err: any) {
-        setImportStatus({ type: 'error', msg: err.message || 'เกิดข้อผิดพลาดในการอ่านไฟล์ Excel' });
+        setImportStatus({ type: 'error', msg: err.message || t('lazadaOrder.errReadExcel', 'เกิดข้อผิดพลาดในการอ่านไฟล์ Excel') });
       } finally {
         setImporting(false);
       }
     };
     reader.onerror = () => {
-      setImportStatus({ type: 'error', msg: 'เกิดข้อผิดพลาดในการอ่านไฟล์' });
+      setImportStatus({ type: 'error', msg: t('lazadaOrder.errReadFile', 'เกิดข้อผิดพลาดในการอ่านไฟล์') });
       setImporting(false);
     };
     reader.readAsBinaryString(file);
   };
 
   const handleClearData = async () => {
-    if (!confirm(`ยืนยันการลบข้อมูล Lazada ทั้งหมดของร้าน "${shopCfg.label}"?\nการกระทำนี้ไม่สามารถกู้คืนได้`)) return;
+    if (!confirm(t('lazadaOrder.clearConfirm', { shop: shopCfg.label, defaultValue: `ยืนยันการลบข้อมูล Lazada ทั้งหมดของร้าน "${shopCfg.label}"?\nการกระทำนี้ไม่สามารถกู้คืนได้` }))) return;
     setClearing(true);
     setImportStatus(null);
     try {
@@ -225,10 +227,10 @@ export default function LazadaOrderPage() {
         setImportStatus({ type: 'success', msg: data.message });
         setRefreshKey(k => k + 1);
       } else {
-        setImportStatus({ type: 'error', msg: data.message || 'ลบข้อมูลไม่สำเร็จ' });
+        setImportStatus({ type: 'error', msg: data.message || t('lazadaOrder.errClearFail', 'ลบข้อมูลไม่สำเร็จ') });
       }
     } catch (err: any) {
-      setImportStatus({ type: 'error', msg: err.message || 'เกิดข้อผิดพลาดในการเชื่อมต่อ' });
+      setImportStatus({ type: 'error', msg: err.message || t('lazadaOrder.errConn', 'เกิดข้อผิดพลาดในการเชื่อมต่อ') });
     } finally {
       setClearing(false);
     }
@@ -243,10 +245,10 @@ export default function LazadaOrderPage() {
           <div className="flex items-center gap-2 text-xs text-slate-500 uppercase tracking-widest mb-1">
             <span className={shopCfg.color}>Lazada</span>
             <span>/</span>
-            <span className="text-white">Orders</span>
+            <span className="text-white">{t('lazadaOrder.breadcrumb', 'Orders')}</span>
           </div>
           <h1 className="text-2xl font-bold text-white tracking-tight flex items-center gap-2">
-            คำสั่งซื้อ —
+            {t('lazadaOrder.breadcrumb', 'คำสั่งซื้อ')} —
             <span className={shopCfg.color}>{shopCfg.label}</span>
           </h1>
         </div>
@@ -274,23 +276,23 @@ export default function LazadaOrderPage() {
           className={`flex items-center gap-2 px-4 py-2 rounded-xl text-sm font-bold transition-all ${mode === 'list' ? `bg-white/10 text-white` : 'text-slate-400 hover:text-white hover:bg-white/5'
             }`}
         >
-          <Search className="w-4 h-4" /> ดูรายการคำสั่งซื้อ
+          <Search className="w-4 h-4" /> {t('lazadaOrder.tabList', 'ดูรายการคำสั่งซื้อ')}
         </button>
         <button
           onClick={() => setMode('import')}
           className={`flex items-center gap-2 px-4 py-2 rounded-xl text-sm font-bold transition-all ${mode === 'import' ? `${shopCfg.activeBg} ${shopCfg.color}` : 'text-slate-400 hover:text-white hover:bg-white/5'
             }`}
         >
-          <Upload className="w-4 h-4" /> อัปโหลด Excel
+          <Upload className="w-4 h-4" /> {t('lazadaOrder.tabImport', 'อัปโหลด Excel')}
         </button>
       </div>
 
       {mode === 'import' ? (
         <div className="max-w-2xl">
           <div className="bg-white/5 border border-white/10 rounded-2xl p-6">
-            <h2 className="text-lg font-bold text-white mb-2">นำเข้าไฟล์ยอดขาย Lazada (Excel)</h2>
+            <h2 className="text-lg font-bold text-white mb-2">{t('lazadaOrder.importTitle', 'นำเข้าไฟล์ยอดขาย Lazada (Excel)')}</h2>
             <p className="text-sm text-slate-400 mb-6">
-              โหลดไฟล์ Export จาก Lazada Seller Center (ไฟล์ .xlsx หรือ .xls)
+              {t('lazadaOrder.importSubtitle', 'โหลดไฟล์ Export จาก Lazada Seller Center (ไฟล์ .xlsx หรือ .xls)')}
             </p>
 
             <div className="space-y-4">
@@ -324,14 +326,14 @@ export default function LazadaOrderPage() {
                   }`}
               >
                 {importing ? (
-                  <><Loader2 className="w-5 h-5 animate-spin" /> กำลังประมวลผล...</>
+                  <><Loader2 className="w-5 h-5 animate-spin" /> {t('lazadaOrder.importProcessing', 'กำลังประมวลผล...')}</>
                 ) : (
-                  <><Upload className="w-5 h-5" /> นำเข้าข้อมูลเข้าฐานข้อมูล</>
+                  <><Upload className="w-5 h-5" /> {t('lazadaOrder.importBtn', 'นำเข้าข้อมูลเข้าฐานข้อมูล')}</>
                 )}
               </button>
 
               <div className="pt-6 mt-6 border-t border-white/10">
-                <p className="text-sm text-slate-400 mb-3">ต้องการล้างข้อมูลของร้านนี้เพื่ออัปโหลดใหม่ใช่หรือไม่?</p>
+                <p className="text-sm text-slate-400 mb-3">{t('lazadaOrder.clearPrompt', 'ต้องการล้างข้อมูลของร้านนี้เพื่ออัปโหลดใหม่ใช่หรือไม่?')}</p>
                 <button
                   onClick={handleClearData}
                   disabled={clearing}
@@ -342,9 +344,9 @@ export default function LazadaOrderPage() {
                   }`}
                 >
                   {clearing ? (
-                    <><Loader2 className="w-5 h-5 animate-spin" /> กำลังลบข้อมูล...</>
+                    <><Loader2 className="w-5 h-5 animate-spin" /> {t('lazadaOrder.clearing', 'กำลังลบข้อมูล...')}</>
                   ) : (
-                    <><Trash2 className="w-5 h-5" /> ลบข้อมูลทั้งหมดของร้าน {shopCfg.label}</>
+                    <><Trash2 className="w-5 h-5" /> {t('lazadaOrder.clearBtn', { shop: shopCfg.label, defaultValue: `ลบข้อมูลทั้งหมดของร้าน ${shopCfg.label}` })}</>
                   )}
                 </button>
               </div>
diff --git a/apps/admin/src/pages/LazadaOverviewPage.tsx b/apps/admin/src/pages/LazadaOverviewPage.tsx
index 39e4289..14a13aa 100644
--- a/apps/admin/src/pages/LazadaOverviewPage.tsx
+++ b/apps/admin/src/pages/LazadaOverviewPage.tsx
@@ -1,5 +1,6 @@
 import { useState, useEffect } from 'react';
 import { Link } from 'react-router-dom';
+import { useTranslation } from 'react-i18next';
 import {
   BarChart, Bar, XAxis, YAxis, Tooltip, ResponsiveContainer, CartesianGrid,
   PieChart, Pie, Cell, Legend,
@@ -46,17 +47,8 @@ function getPresetRange(preset: Preset): { from: string; to: string } {
   if (preset === 'last12m')   { const f = new Date(now); f.setFullYear(f.getFullYear() - 1); return { from: toISO(f), to: today }; }
   return { from: '', to: '' };
 }
-const PRESETS: { key: Preset; label: string }[] = [
-  { key: '7d', label: '7 วัน' },
-  { key: '30d', label: '30 วัน' },
-  { key: '90d', label: '90 วัน' },
-  { key: 'thisMonth', label: 'เดือนนี้' },
-  { key: 'lastMonth', label: 'เดือนที่แล้ว' },
-  { key: 'year', label: 'ปีนี้' },
-  { key: 'lastYear', label: 'ปีที่แล้ว' },
-  { key: 'last12m', label: '12 เดือนที่ผ่านมา' },
-  { key: 'all', label: 'ทั้งหมด' },
-];
+
+const PRESET_KEYS: Preset[] = ['7d', '30d', '90d', 'thisMonth', 'lastMonth', 'year', 'lastYear', 'last12m', 'all'];
 
 function authHeaders() {
   return { 'Content-Type': 'application/json', Authorization: `Bearer ${localStorage.getItem('homaroma_admin_token')}` };
@@ -96,6 +88,7 @@ const CustomTooltip = ({ active, payload, label }: any) => {
 };
 
 export default function LazadaOverviewPage() {
+  const { t } = useTranslation();
   const [data, setData] = useState<any>(null);
   const [loading, setLoading] = useState(true);
   const [error, setError] = useState<string | null>(null);
@@ -136,7 +129,7 @@ export default function LazadaOverviewPage() {
     return (
       <div className="flex items-center justify-center h-[60vh] gap-3 animate-pulse">
         <Loader2 className="w-8 h-8 text-blue-500 animate-spin" />
-        <span className="text-slate-500">กำลังรวมข้อมูลทุกร้าน...</span>
+        <span className="text-slate-500">{t('lazadaOverview.loading', 'กำลังรวมข้อมูลทุกร้าน...')}</span>
       </div>
     );
   }
@@ -145,9 +138,9 @@ export default function LazadaOverviewPage() {
     return (
       <div className="flex flex-col items-center justify-center h-[60vh] gap-4">
         <Store className="w-14 h-14 text-slate-700" />
-        <p className="text-slate-500">{error || 'ยังไม่มีข้อมูล — กรุณา Import ไฟล์ก่อน'}</p>
+        <p className="text-slate-500">{error || t('lazadaOverview.noData', 'ยังไม่มีข้อมูล — กรุณา Import ไฟล์ก่อน')}</p>
         <Link to="/lazada-order" className="flex items-center gap-2 px-4 py-2 rounded-xl bg-white/5 border border-white/10 text-slate-300 text-sm">
-          ← กลับไปหน้า Lazada Orders
+          {t('lazadaOverview.backToOrders', '← กลับไปหน้า Lazada Orders')}
         </Link>
       </div>
     );
@@ -168,8 +161,8 @@ export default function LazadaOverviewPage() {
             <Store className="w-6 h-6 text-white" />
           </div>
           <div>
-            <p className="text-xs text-slate-500 uppercase tracking-widest mb-0.5">Lazada</p>
-            <h1 className="text-3xl font-bold text-white tracking-tight">ภาพรวมทุกร้าน</h1>
+            <p className="text-xs text-slate-500 uppercase tracking-widest mb-0.5">{t('lazadaOverview.breadcrumb', 'Lazada')}</p>
+            <h1 className="text-3xl font-bold text-white tracking-tight">{t('lazadaOverview.title', 'ภาพรวมทุกร้าน')}</h1>
           </div>
         </div>
         <div className="flex gap-2 flex-wrap">
@@ -191,17 +184,17 @@ export default function LazadaOverviewPage() {
         {/* Preset Buttons */}
         <div className="flex items-center gap-1.5 flex-wrap">
           <Calendar className="w-4 h-4 text-slate-500 mr-1" />
-          {PRESETS.map(p => (
+          {PRESET_KEYS.map(p => (
             <button
-              key={p.key}
-              onClick={() => applyPreset(p.key)}
+              key={p}
+              onClick={() => applyPreset(p)}
               className={`px-3 py-1.5 rounded-lg text-xs font-medium border transition-all ${
-                preset === p.key
+                preset === p
                   ? 'bg-blue-500/15 text-blue-400 border-blue-500/30'
                   : 'bg-white/5 text-slate-400 border-white/10 hover:bg-white/10 hover:text-white'
               }`}
             >
-              {p.label}
+              {t(`lazadaOverview.presets.${p}`)}
             </button>
           ))}
         </div>
@@ -210,12 +203,12 @@ export default function LazadaOverviewPage() {
 
         {/* Custom date range */}
         <div className="flex items-center gap-2 flex-wrap">
-          <span className="text-xs text-slate-500">กำหนดเอง:</span>
+          <span className="text-xs text-slate-500">{t('lazadaOverview.customRange', 'กำหนดเอง:')}</span>
           <input
             type="date" value={dateFrom} onChange={e => setDateFrom(e.target.value)}
             className="px-3 py-1.5 rounded-lg bg-black/30 border border-white/10 text-slate-300 text-xs focus:border-blue-500/40 focus:outline-none"
           />
-          <span className="text-slate-600 text-xs">ถึง</span>
+          <span className="text-slate-600 text-xs">{t('lazadaOverview.to', 'ถึง')}</span>
           <input
             type="date" value={dateTo} onChange={e => setDateTo(e.target.value)}
             className="px-3 py-1.5 rounded-lg bg-black/30 border border-white/10 text-slate-300 text-xs focus:border-blue-500/40 focus:outline-none"
@@ -224,7 +217,7 @@ export default function LazadaOverviewPage() {
             onClick={applyCustom}
             className="px-4 py-1.5 rounded-lg bg-blue-500/10 border border-blue-500/20 text-blue-400 text-xs font-medium hover:bg-blue-500/20 transition-all"
           >
-            ดูข้อมูล
+            {t('lazadaOverview.btnApply', 'ดูข้อมูล')}
           </button>
         </div>
 
@@ -238,7 +231,7 @@ export default function LazadaOverviewPage() {
               onClick={() => { setDateFrom(''); setDateTo(''); setPreset('all'); loadData('', ''); }}
               className="text-[10px] text-slate-500 hover:text-rose-400 transition-colors"
             >
-              ✕ ล้าง
+              {t('lazadaOverview.btnClear', '✕ ล้าง')}
             </button>
           </div>
         )}
@@ -246,10 +239,34 @@ export default function LazadaOverviewPage() {
 
       {/* Grand KPI Row */}
       <div className="grid grid-cols-2 lg:grid-cols-4 gap-4">
-        <KPICard label="ยอดขายรวมทุกร้าน" value={fmtB(summary.totalRevenue)} sub={`${fmt(summary.totalOrders)} คำสั่งซื้อ`} color="text-emerald-400" icon={DollarSign} />
-        <KPICard label="รายได้สุทธิรวม (หักค่าส่ง)" value={fmtB(summary.netRevenue)} sub={`Margin ${fmt(summary.totalRevenue > 0 ? (summary.netRevenue / summary.totalRevenue) * 100 : 0, 1)}%`} color="text-cyan-glow" icon={TrendingUp} />
-        <KPICard label="ส่วนลด Platform รวม" value={fmtB(summary.totalPlatformDisc)} sub="Lazada อุดหนุนส่วนลด" color="text-purple-400" icon={BadgePercent} />
-        <KPICard label="AOV รวม" value={fmtB(summary.aov)} sub={`ยกเลิก ${fmt(summary.cancelRate, 1)}%`} color="text-amber-400" icon={ShoppingCart} />
+        <KPICard
+          label={t('lazadaOverview.grandRevenue', 'ยอดขายรวมทุกร้าน')}
+          value={fmtB(summary.totalRevenue)}
+          sub={t('lazadaOverview.ordersCount', { count: fmt(summary.totalOrders), defaultValue: `${fmt(summary.totalOrders)} คำสั่งซื้อ` })}
+          color="text-emerald-400"
+          icon={DollarSign}
+        />
+        <KPICard
+          label={t('lazadaOverview.grandNetRevenue', 'รายได้สุทธิรวม (หักค่าส่ง)')}
+          value={fmtB(summary.netRevenue)}
+          sub={t('lazadaOverview.marginSub', { margin: fmt(summary.totalRevenue > 0 ? (summary.netRevenue / summary.totalRevenue) * 100 : 0, 1), defaultValue: `Margin ${fmt(summary.totalRevenue > 0 ? (summary.netRevenue / summary.totalRevenue) * 100 : 0, 1)}%` })}
+          color="text-cyan-glow"
+          icon={TrendingUp}
+        />
+        <KPICard
+          label={t('lazadaOverview.grandPlatformDiscount', 'ส่วนลด Platform รวม')}
+          value={fmtB(summary.totalPlatformDisc)}
+          sub={t('lazadaOverview.platformSub', 'Lazada อุดหนุนส่วนลด')}
+          color="text-purple-400"
+          icon={BadgePercent}
+        />
+        <KPICard
+          label={t('lazadaOverview.grandAov', 'AOV รวม')}
+          value={fmtB(summary.aov)}
+          sub={t('lazadaOverview.cancelRateSub', { rate: fmt(summary.cancelRate, 1), defaultValue: `ยกเลิก ${fmt(summary.cancelRate, 1)}%` })}
+          color="text-amber-400"
+          icon={ShoppingCart}
+        />
       </div>
 
       {/* Per-Shop Cards */}
@@ -270,19 +287,19 @@ export default function LazadaOverviewPage() {
                   <p className="text-[10px] font-mono text-slate-500">{s.shop}</p>
                 </div>
                 <span className="text-xs font-bold px-2 py-1 rounded-lg" style={{ backgroundColor: `${hex}20`, color: hex }}>
-                  {fmt(revShare, 1)}% of total
+                  {t('lazadaOverview.percentOfTotal', { pct: fmt(revShare, 1), defaultValue: `${fmt(revShare, 1)}% of total` })}
                 </span>
               </div>
 
               {/* Stats grid */}
               <div className="grid grid-cols-2 gap-3 text-xs">
                 {[
-                  { label: 'ยอดขาย', value: fmtB(s.revenue), color: 'text-emerald-400' },
-                  { label: 'ส่วนลด Lazada', value: fmtB(s.platformDiscount), color: 'text-purple-400' },
-                  { label: 'คำสั่งซื้อ', value: fmt(s.orders), color: 'text-white' },
-                  { label: 'ส่วนลดร้าน', value: fmtB(s.sellerDiscount), color: 'text-rose-400' },
-                  { label: 'ยกเลิก', value: `${fmt(s.orders > 0 ? (s.cancelled / s.orders) * 100 : 0, 1)}%`, color: 'text-amber-400' },
-                  { label: 'ค่าส่งรวม', value: fmtB(s.shippingFee), color: 'text-slate-300' },
+                  { label: t('lazadaOverview.statRevenue', 'ยอดขาย'), value: fmtB(s.revenue), color: 'text-emerald-400' },
+                  { label: t('lazadaOverview.statPlatformDiscount', 'ส่วนลด Lazada'), value: fmtB(s.platformDiscount), color: 'text-purple-400' },
+                  { label: t('lazadaOverview.statOrders', 'คำสั่งซื้อ'), value: fmt(s.orders), color: 'text-white' },
+                  { label: t('lazadaOverview.statSellerDiscount', 'ส่วนลดร้าน'), value: fmtB(s.sellerDiscount), color: 'text-rose-400' },
+                  { label: t('lazadaOverview.statCancelled', 'ยกเลิก'), value: `${fmt(s.orders > 0 ? (s.cancelled / s.orders) * 100 : 0, 1)}%`, color: 'text-amber-400' },
+                  { label: t('lazadaOverview.statShipping', 'ค่าส่งรวม'), value: fmtB(s.shippingFee), color: 'text-slate-300' },
                 ].map(item => (
                   <div key={item.label}>
                     <p className="text-slate-500 text-[10px] uppercase tracking-wider">{item.label}</p>
@@ -303,7 +320,7 @@ export default function LazadaOverviewPage() {
                 className="flex items-center justify-center gap-1.5 w-full py-2 rounded-xl text-xs font-medium border transition-all hover:opacity-90"
                 style={{ borderColor: `${hex}30`, backgroundColor: `${hex}10`, color: hex }}
               >
-                <TrendingUp className="w-3.5 h-3.5" /> ดู Analytics
+                <TrendingUp className="w-3.5 h-3.5" /> {t('lazadaOverview.viewAnalytics', 'ดู Analytics')}
               </Link>
             </div>
           );
@@ -314,7 +331,7 @@ export default function LazadaOverviewPage() {
       <div className="bg-white/5 border border-white/10 rounded-2xl p-6">
         <div className="flex items-center gap-2 mb-6">
           <TrendingUp className="w-5 h-5 text-blue-500" />
-          <h2 className="text-lg font-bold text-white">ยอดขายรายเดือน (แยกตามร้าน)</h2>
+          <h2 className="text-lg font-bold text-white">{t('lazadaOverview.monthlySalesTitle', 'ยอดขายรายเดือน (แยกตามร้าน)')}</h2>
         </div>
         {monthly.length > 0 ? (
           <div className="h-[320px]">
@@ -332,7 +349,7 @@ export default function LazadaOverviewPage() {
             </ResponsiveContainer>
           </div>
         ) : (
-          <p className="text-slate-500 text-center py-10">ยังไม่มีข้อมูลรายเดือน</p>
+          <p className="text-slate-500 text-center py-10">{t('lazadaOverview.noMonthlyData', 'ยังไม่มีข้อมูลรายเดือน')}</p>
         )}
       </div>
 
@@ -343,7 +360,7 @@ export default function LazadaOverviewPage() {
         <div className="bg-white/5 border border-white/10 rounded-2xl p-6">
           <div className="flex items-center gap-2 mb-6">
             <BadgePercent className="w-5 h-5 text-amber-400" />
-            <h2 className="text-lg font-bold text-white">สัดส่วนยอดขายตามร้าน</h2>
+            <h2 className="text-lg font-bold text-white">{t('lazadaOverview.salesShareTitle', 'สัดส่วนยอดขายตามร้าน')}</h2>
           </div>
           <div className="flex items-center gap-6">
             <div className="h-[220px] flex-1">
@@ -375,17 +392,17 @@ export default function LazadaOverviewPage() {
         <div className="bg-white/5 border border-white/10 rounded-2xl p-6">
           <div className="flex items-center gap-2 mb-6">
             <Store className="w-5 h-5 text-slate-400" />
-            <h2 className="text-lg font-bold text-white">เปรียบเทียบร้าน</h2>
+            <h2 className="text-lg font-bold text-white">{t('lazadaOverview.shopComparisonTitle', 'เปรียบเทียบร้าน')}</h2>
           </div>
           <div className="overflow-x-auto">
             <table className="w-full text-xs">
               <thead className="text-slate-500 uppercase border-b border-white/10">
                 <tr>
-                  <th className="pb-3 text-left">ร้าน</th>
-                  <th className="pb-3 text-right">ยอดขาย</th>
-                  <th className="pb-3 text-right">ส่วนลดแพลตฟอร์ม</th>
-                  <th className="pb-3 text-right">ออเดอร์</th>
-                  <th className="pb-3 text-right">ยกเลิก</th>
+                  <th className="pb-3 text-left">{t('lazadaOverview.thShop', 'ร้าน')}</th>
+                  <th className="pb-3 text-right">{t('lazadaOverview.thRevenue', 'ยอดขาย')}</th>
+                  <th className="pb-3 text-right">{t('lazadaOverview.thPlatformDiscount', 'ส่วนลดแพลตฟอร์ม')}</th>
+                  <th className="pb-3 text-right">{t('lazadaOverview.thOrders', 'ออเดอร์')}</th>
+                  <th className="pb-3 text-right">{t('lazadaOverview.thCancelled', 'ยกเลิก')}</th>
                 </tr>
               </thead>
               <tbody className="divide-y divide-white/5">
@@ -405,7 +422,7 @@ export default function LazadaOverviewPage() {
                 ))}
                 {/* Total row */}
                 <tr className="bg-white/[0.03]">
-                  <td className="py-3 font-bold text-white text-xs">รวมทั้งหมด</td>
+                  <td className="py-3 font-bold text-white text-xs">{t('lazadaOverview.totalAll', 'รวมทั้งหมด')}</td>
                   <td className="py-3 text-right font-mono font-bold text-emerald-400">{fmtB(summary.totalRevenue)}</td>
                   <td className="py-3 text-right font-mono font-bold text-purple-400">{fmtB(summary.totalPlatformDisc)}</td>
                   <td className="py-3 text-right font-mono font-bold text-slate-300">{fmt(summary.totalOrders)}</td>
@@ -421,18 +438,18 @@ export default function LazadaOverviewPage() {
       <div className="bg-white/5 border border-white/10 rounded-2xl p-6">
         <div className="flex items-center gap-2 mb-6">
           <Package className="w-5 h-5 text-purple-400" />
-          <h2 className="text-lg font-bold text-white">Top 10 สินค้าขายดี — รวมทุกร้าน</h2>
+          <h2 className="text-lg font-bold text-white">{t('lazadaOverview.topProductsTitle', 'Top 10 สินค้าขายดี — รวมทุกร้าน')}</h2>
         </div>
         <div className="overflow-x-auto">
           <table className="w-full text-sm">
             <thead className="text-xs text-slate-500 uppercase border-b border-white/10">
               <tr>
-                <th className="pb-3 text-left w-8">#</th>
-                <th className="pb-3 text-left">สินค้า</th>
-                <th className="pb-3 text-left">ตัวเลือก</th>
-                <th className="pb-3 text-right">ชิ้น</th>
-                <th className="pb-3 text-right">ยอดรายได้</th>
-                <th className="pb-3 text-right">% รวม</th>
+                <th className="pb-3 text-left w-8">{t('lazadaOverview.thIndex', '#')}</th>
+                <th className="pb-3 text-left">{t('lazadaOverview.thProduct', 'สินค้า')}</th>
+                <th className="pb-3 text-left">{t('lazadaOverview.thVariation', 'ตัวเลือก')}</th>
+                <th className="pb-3 text-right">{t('lazadaOverview.thUnits', 'ชิ้น')}</th>
+                <th className="pb-3 text-right">{t('lazadaOverview.thRevenueCol', 'ยอดรายได้')}</th>
+                <th className="pb-3 text-right">{t('lazadaOverview.thPercentTotal', '% รวม')}</th>
               </tr>
             </thead>
             <tbody className="divide-y divide-white/5">
diff --git a/apps/admin/src/pages/LoginPage.tsx b/apps/admin/src/pages/LoginPage.tsx
index ad56c88..8660419 100644
--- a/apps/admin/src/pages/LoginPage.tsx
+++ b/apps/admin/src/pages/LoginPage.tsx
@@ -1,9 +1,12 @@
 import { useState } from 'react'
 import { useNavigate } from 'react-router-dom'
+import { useTranslation } from 'react-i18next'
 import { Lock, User, AlertCircle, ArrowRight, Loader2 } from 'lucide-react'
 import { API_BASE } from '@homaroma/types'
+import LanguageSelector from '../components/LanguageSelector'
 
 export default function LoginPage() {
+  const { t } = useTranslation()
   const [username, setUsername] = useState('')
   const [password, setPassword] = useState('')
   const [error, setError] = useState('')
@@ -25,7 +28,7 @@ export default function LoginPage() {
       const data = await response.json()
 
       if (!response.ok || !data.success) {
-        throw new Error(data.message || 'Login failed')
+        throw new Error(data.message || t('login.invalidCredentials', 'Login failed'))
       }
 
       // Store token
@@ -43,6 +46,11 @@ export default function LoginPage() {
 
   return (
     <div className="min-h-screen flex items-center justify-center p-6 bg-night-950 relative overflow-hidden">
+      {/* Top right language selector */}
+      <div className="absolute top-6 right-6 z-20">
+        <LanguageSelector />
+      </div>
+
       {/* Background Glows */}
       <div className="absolute top-0 right-0 w-[500px] h-[500px] bg-cyan-glow/5 blur-[120px] rounded-full -translate-y-1/2 translate-x-1/2" />
       <div className="absolute bottom-0 left-0 w-[500px] h-[500px] bg-night-700/5 blur-[120px] rounded-full translate-y-1/2 -translate-x-1/2" />
@@ -53,9 +61,9 @@ export default function LoginPage() {
             Authorized Access Only
           </div>
           <h1 className="text-4xl font-bold tracking-tighter text-white">
-            HomAroma <span className="text-cyan-glow">Admin</span>
+            HomAroma <span className="text-cyan-glow">{t('login.title', 'Admin')}</span>
           </h1>
-          <p className="text-slate-500 text-sm">Welcome back to the sensory command center.</p>
+          <p className="text-slate-500 text-sm">{t('login.subtitle', 'Welcome back to the sensory command center.')}</p>
         </div>
 
         <form onSubmit={handleLogin} className="admin-card space-y-6 border-white/10 shadow-2xl">
@@ -68,7 +76,9 @@ export default function LoginPage() {
 
           <div className="space-y-4">
             <div className="space-y-2">
-              <label className="text-[10px] uppercase font-bold tracking-widest text-slate-500 ml-1">Username</label>
+              <label className="text-[10px] uppercase font-bold tracking-widest text-slate-500 ml-1">
+                {t('login.email', 'Username / Email')}
+              </label>
               <div className="relative group">
                 <User className="absolute left-4 top-1/2 -translate-y-1/2 w-4 h-4 text-slate-500 group-focus-within:text-cyan-glow transition-colors" />
                 <input
@@ -83,7 +93,9 @@ export default function LoginPage() {
             </div>
 
             <div className="space-y-2">
-              <label className="text-[10px] uppercase font-bold tracking-widest text-slate-500 ml-1">Password</label>
+              <label className="text-[10px] uppercase font-bold tracking-widest text-slate-500 ml-1">
+                {t('login.password', 'Password')}
+              </label>
               <div className="relative group">
                 <Lock className="absolute left-4 top-1/2 -translate-y-1/2 w-4 h-4 text-slate-500 group-focus-within:text-cyan-glow transition-colors" />
                 <input
@@ -101,13 +113,13 @@ export default function LoginPage() {
           <button
             type="submit"
             disabled={loading}
-            className="w-full btn-primary py-4 flex items-center justify-center gap-2 group transition-all"
+            className="w-full btn-primary py-4 flex items-center justify-center gap-2 group transition-all cursor-pointer"
           >
             {loading ? (
               <Loader2 className="w-5 h-5 animate-spin" />
             ) : (
               <>
-                Login to Console
+                {t('login.signIn', 'Sign In')}
                 <ArrowRight className="w-4 h-4 group-hover:translate-x-1 transition-transform" />
               </>
             )}
diff --git a/apps/admin/src/pages/OrderDetailPage.tsx b/apps/admin/src/pages/OrderDetailPage.tsx
index e8defc1..3ba092b 100644
--- a/apps/admin/src/pages/OrderDetailPage.tsx
+++ b/apps/admin/src/pages/OrderDetailPage.tsx
@@ -1,9 +1,11 @@
 import { useState, useEffect } from 'react'
 import { useParams, Link } from 'react-router-dom'
+import { useTranslation } from 'react-i18next'
 import { API_BASE, formatPrice, type Order } from '@homaroma/types'
 import { ArrowLeft, CheckCircle2, ExternalLink, Loader2, Truck, XCircle, FileImage } from 'lucide-react'
 
 export default function OrderDetailPage() {
+  const { t, i18n } = useTranslation()
   const { id } = useParams<{ id: string }>()
   const [order, setOrder] = useState<Order | null>(null)
   const [loading, setLoading] = useState(true)
@@ -42,6 +44,16 @@ export default function OrderDetailPage() {
     }
   }
 
+  const getStatusLabel = (status: string) => {
+    switch (status) {
+      case 'PENDING_PAYMENT': return t('orders.statusPending', 'Pending Payment')
+      case 'PAID': return t('orders.statusPaid', 'Paid')
+      case 'SHIPPED': return t('orders.statusShipped', 'Shipped')
+      case 'CANCELLED': return t('orders.statusCancelled', 'Cancelled')
+      default: return status.replace('_', ' ')
+    }
+  }
+
   if (loading || !order) {
     return (
       <div className="flex items-center justify-center p-20 animate-pulse">
@@ -54,12 +66,12 @@ export default function OrderDetailPage() {
     <div className="space-y-8 animate-fade-in pb-12">
       {/* Header */}
       <div className="flex items-center gap-4">
-        <Link to="/orders" className="p-2 glass rounded-lg hover:bg-white/10 transition-colors">
+        <Link to="/orders" className="p-2 glass rounded-lg hover:bg-white/10 transition-colors cursor-pointer">
           <ArrowLeft className="w-5 h-5" />
         </Link>
         <div>
           <h1 className="text-3xl font-bold font-mono">Order #{order.id.toString().padStart(4, '0')}</h1>
-          <p className="text-slate-500 text-sm">{new Date(order.createdAt).toLocaleString()}</p>
+          <p className="text-slate-500 text-sm">{new Date(order.createdAt).toLocaleString(i18n.language === 'th' ? 'th-TH' : i18n.language === 'ja' ? 'ja-JP' : i18n.language === 'zh' ? 'zh-CN' : 'en-US')}</p>
         </div>
         <div className={`ml-auto px-4 py-2 rounded-lg text-xs font-bold uppercase tracking-widest border ${
           order.status === 'PAID' ? 'bg-emerald-500/10 text-emerald-400 border-emerald-500/20' :
@@ -67,17 +79,17 @@ export default function OrderDetailPage() {
           order.status === 'CANCELLED' ? 'bg-rose-500/10 text-rose-400 border-rose-500/20' :
           'bg-amber-500/10 text-amber-400 border-amber-500/20'
         }`}>
-          {order.status.replace('_', ' ')}
+          {getStatusLabel(order.status)}
         </div>
       </div>
 
       <div className="grid lg:grid-cols-3 gap-8">
-        
         {/* Left Col: Order Info & Items */}
         <div className="lg:col-span-2 space-y-8">
-          
           <div className="admin-card p-0 overflow-hidden">
-            <h2 className="p-6 border-b border-white/5 font-bold uppercase tracking-widest text-xs text-slate-400">Order Items</h2>
+            <h2 className="p-6 border-b border-white/5 font-bold uppercase tracking-widest text-xs text-slate-400">
+              {t('orders.orderItems', 'Order Items')}
+            </h2>
             <div className="divide-y divide-white/5">
               {order.items.map(item => (
                 <div key={item.id} className="p-6 flex items-center gap-4">
@@ -85,7 +97,7 @@ export default function OrderDetailPage() {
                      <img src={item.productImage || '/images/oil_ozone.png'} alt="Product" className="w-full h-full object-cover" />
                    </div>
                    <div className="flex-1">
-                     <p className="font-bold">{item.productName}</p>
+                     <p className="font-bold text-white">{item.productName}</p>
                      <p className="text-xs text-slate-500 uppercase">{item.variantName}</p>
                    </div>
                    <div className="text-right">
@@ -101,22 +113,24 @@ export default function OrderDetailPage() {
                  <span>{formatPrice(order.totalAmount - order.shippingFee)}</span>
                </div>
                <div className="flex justify-between">
-                 <span>Shipping</span>
+                 <span>{t('orders.fulfillment', 'Shipping')}</span>
                  <span>{formatPrice(order.shippingFee)}</span>
                </div>
                <div className="flex justify-between text-lg font-bold text-white pt-4 mt-4 border-t border-white/10">
-                 <span>Total</span>
+                 <span>{t('orders.total', 'Total')}</span>
                  <span className="text-cyan-glow">{formatPrice(order.totalAmount)}</span>
                </div>
             </div>
           </div>
 
           <div className="admin-card p-6 space-y-6">
-            <h2 className="font-bold uppercase tracking-widest text-xs text-slate-400">Customer Details</h2>
+            <h2 className="font-bold uppercase tracking-widest text-xs text-slate-400">
+              {t('orders.customerDetails', 'Customer Details')}
+            </h2>
             
             {order.customer && (
               <div className="flex items-center gap-4 mb-4 p-4 bg-white/5 rounded-xl border border-cyan-glow/20">
-                <img src={order.customer.pictureUrl || `https://ui-avatars.com/api/?name=${order.customer.displayName}`} className="w-12 h-12 rounded-full border-2 border-cyan-glow/50" />
+                <img src={order.customer.pictureUrl || `https://ui-avatars.com/api/?name=${order.customer.displayName}`} className="w-12 h-12 rounded-full border-2 border-cyan-glow/50" alt="" />
                 <div>
                   <p className="text-[10px] uppercase tracking-widest text-cyan-glow font-bold mb-1">LINE Customer</p>
                   <p className="font-bold text-white text-lg">{order.customer.displayName}</p>
@@ -126,12 +140,12 @@ export default function OrderDetailPage() {
 
             <div className="grid md:grid-cols-2 gap-6">
               <div>
-                <p className="text-[10px] uppercase text-slate-500 mb-1">Name</p>
-                <p className="font-bold">{order.customerName}</p>
+                <p className="text-[10px] uppercase text-slate-500 mb-1">{t('orders.customer', 'Name')}</p>
+                <p className="font-bold text-white">{order.customerName}</p>
               </div>
               <div>
                 <p className="text-[10px] uppercase text-slate-500 mb-1">Phone</p>
-                <p className="font-bold">{order.customerPhone}</p>
+                <p className="font-bold text-white">{order.customerPhone}</p>
               </div>
               <div>
                 <p className="text-[10px] uppercase text-slate-500 mb-1">Email</p>
@@ -143,14 +157,14 @@ export default function OrderDetailPage() {
               </div>
             </div>
           </div>
-
         </div>
 
         {/* Right Col: Verification & Actions */}
         <div className="space-y-8">
-          
           <div className="admin-card p-6 space-y-6">
-            <h2 className="font-bold uppercase tracking-widest text-xs text-slate-400">Payment Verification</h2>
+            <h2 className="font-bold uppercase tracking-widest text-xs text-slate-400">
+              {t('orders.paymentSlip', 'Payment Verification')}
+            </h2>
             
             {order.paymentSlipUrl ? (
               <div className="space-y-4">
@@ -162,7 +176,7 @@ export default function OrderDetailPage() {
                 >
                   <img src={order.paymentSlipUrl} alt="Slip" className="w-full object-cover group-hover:opacity-50 transition-opacity" />
                   <div className="absolute inset-0 flex items-center justify-center opacity-0 group-hover:opacity-100 transition-opacity">
-                    <div className="glass px-4 py-2 rounded-full flex items-center gap-2 font-bold text-xs uppercase tracking-widest">
+                    <div className="glass px-4 py-2 rounded-full flex items-center gap-2 font-bold text-xs uppercase tracking-widest text-white">
                        <ExternalLink className="w-4 h-4" /> Open Original
                     </div>
                   </div>
@@ -177,34 +191,36 @@ export default function OrderDetailPage() {
           </div>
 
           <div className="admin-card p-6 space-y-6">
-            <h2 className="font-bold uppercase tracking-widest text-xs text-slate-400">Actions</h2>
+            <h2 className="font-bold uppercase tracking-widest text-xs text-slate-400">
+              {t('orders.action', 'Actions')}
+            </h2>
             
             <div className="space-y-3">
               {order.status === 'PENDING_PAYMENT' && (
                 <button 
                   onClick={() => updateStatus('PAID')}
                   disabled={updating}
-                  className="w-full py-3 bg-emerald-500 text-night-900 font-bold uppercase tracking-widest text-xs rounded-lg hover:bg-emerald-400 transition-colors flex items-center justify-center gap-2"
+                  className="w-full py-3 bg-emerald-500 text-night-900 font-bold uppercase tracking-widest text-xs rounded-lg hover:bg-emerald-400 transition-colors flex items-center justify-center gap-2 cursor-pointer"
                 >
-                  <CheckCircle2 className="w-4 h-4" /> Verify Payment (Mark Paid)
+                  <CheckCircle2 className="w-4 h-4" /> {t('orders.markPaid', 'Verify Payment (Mark Paid)')}
                 </button>
               )}
               {order.status === 'PAID' && (
                 <button 
                   onClick={() => updateStatus('SHIPPED')}
                   disabled={updating}
-                  className="w-full py-3 bg-cyan-glow text-night-900 font-bold uppercase tracking-widest text-xs rounded-lg hover:shadow-[0_0_15px_rgba(102,252,241,0.3)] transition-all flex items-center justify-center gap-2"
+                  className="w-full py-3 bg-cyan-glow text-night-900 font-bold uppercase tracking-widest text-xs rounded-lg hover:shadow-[0_0_15px_rgba(102,252,241,0.3)] transition-all flex items-center justify-center gap-2 cursor-pointer"
                 >
-                  <Truck className="w-4 h-4" /> Mark as Shipped
+                  <Truck className="w-4 h-4" /> {t('orders.markShipped', 'Mark as Shipped')}
                 </button>
               )}
               {order.status !== 'CANCELLED' && order.status !== 'SHIPPED' && (
                 <button 
                   onClick={() => updateStatus('CANCELLED')}
                   disabled={updating}
-                  className="w-full py-3 bg-rose-500/10 text-rose-500 font-bold uppercase tracking-widest text-xs rounded-lg hover:bg-rose-500/20 transition-colors border border-rose-500/20 flex items-center justify-center gap-2 mt-4"
+                  className="w-full py-3 bg-rose-500/10 text-rose-500 font-bold uppercase tracking-widest text-xs rounded-lg hover:bg-rose-500/20 transition-colors border border-rose-500/20 flex items-center justify-center gap-2 mt-4 cursor-pointer"
                 >
-                  <XCircle className="w-4 h-4" /> Cancel Order
+                  <XCircle className="w-4 h-4" /> {t('orders.markCancelled', 'Cancel Order')}
                 </button>
               )}
               {order.status === 'SHIPPED' && (
@@ -214,7 +230,6 @@ export default function OrderDetailPage() {
               )}
             </div>
           </div>
-
         </div>
       </div>
     </div>
diff --git a/apps/admin/src/pages/OrdersPage.tsx b/apps/admin/src/pages/OrdersPage.tsx
index ae831d1..7719aff 100644
--- a/apps/admin/src/pages/OrdersPage.tsx
+++ b/apps/admin/src/pages/OrdersPage.tsx
@@ -1,9 +1,11 @@
 import { useState, useEffect } from 'react'
 import { Link } from 'react-router-dom'
+import { useTranslation } from 'react-i18next'
 import { API_BASE, formatPrice, type Order } from '@homaroma/types'
 import { Search, ChevronRight, Clock, CheckCircle2, Truck, XCircle } from 'lucide-react'
 
 export default function OrdersPage() {
+  const { t, i18n } = useTranslation()
   const [orders, setOrders] = useState<Order[]>([])
   const [loading, setLoading] = useState(true)
   const [filter, setFilter] = useState<string>('ALL')
@@ -14,7 +16,7 @@ export default function OrdersPage() {
     try {
       const res = await fetch(`${API_BASE}/orders`)
       const data = await res.json()
-      setOrders(data)
+      setOrders(Array.isArray(data) ? data : [])
     } catch (err) {
       console.error(err)
     } finally {
@@ -26,13 +28,13 @@ export default function OrdersPage() {
     fetchData()
   }, [])
 
-  const filteredOrders = orders.filter(o => {
+  const filteredOrders = orders.filter((o) => {
     const matchesFilter = filter === 'ALL' || o.status === filter
     const searchLower = searchTerm.toLowerCase()
     const matchesSearch = 
       o.id.toString().includes(searchLower) ||
-      o.customerName.toLowerCase().includes(searchLower) ||
-      o.customerPhone.includes(searchLower) ||
+      (o.customerName && o.customerName.toLowerCase().includes(searchLower)) ||
+      (o.customerPhone && o.customerPhone.includes(searchLower)) ||
       (o.customer?.displayName?.toLowerCase() || '').includes(searchLower)
     
     return matchesFilter && matchesSearch
@@ -48,37 +50,55 @@ export default function OrdersPage() {
     }
   }
 
+  const getStatusLabel = (status: string) => {
+    switch (status) {
+      case 'PENDING_PAYMENT': return t('orders.statusPending', 'Pending Payment')
+      case 'PAID': return t('orders.statusPaid', 'Paid')
+      case 'SHIPPED': return t('orders.statusShipped', 'Shipped')
+      case 'CANCELLED': return t('orders.statusCancelled', 'Cancelled')
+      default: return status.replace('_', ' ')
+    }
+  }
+
+  const filterTabs = [
+    { key: 'ALL', label: t('orders.statusAll', 'All') },
+    { key: 'PENDING_PAYMENT', label: t('orders.statusPending', 'Pending Payment') },
+    { key: 'PAID', label: t('orders.statusPaid', 'Paid') },
+    { key: 'SHIPPED', label: t('orders.statusShipped', 'Shipped') },
+    { key: 'CANCELLED', label: t('orders.statusCancelled', 'Cancelled') },
+  ]
+
   return (
     <div className="space-y-8 animate-fade-in">
       {/* Header */}
       <div className="flex flex-col md:flex-row md:items-center justify-between gap-6">
         <div className="space-y-1">
-          <h1 className="text-3xl font-bold">Orders Management</h1>
-          <p className="text-slate-500 text-sm">Review incoming orders and verify payments.</p>
+          <h1 className="text-3xl font-bold">{t('orders.title', 'Orders Management')}</h1>
+          <p className="text-slate-500 text-sm">{t('orders.subtitle', 'Review incoming orders and verify payments.')}</p>
         </div>
       </div>
 
       {/* Filters & Search */}
       <div className="flex flex-col md:flex-row gap-4 justify-between items-start md:items-center">
         <div className="flex flex-wrap bg-white/5 border border-white/5 rounded-xl p-1 w-max">
-          {['ALL', 'PENDING_PAYMENT', 'PAID', 'SHIPPED', 'CANCELLED'].map((f) => (
+          {filterTabs.map((tab) => (
             <button
-              key={f}
-              onClick={() => setFilter(f)}
-              className={`px-4 py-2 rounded-lg text-xs font-bold uppercase tracking-widest transition-all ${
-                filter === f ? 'bg-white/10 text-cyan-glow' : 'text-slate-500 hover:text-white'
+              key={tab.key}
+              onClick={() => setFilter(tab.key)}
+              className={`px-4 py-2 rounded-lg text-xs font-bold uppercase tracking-widest transition-all cursor-pointer ${
+                filter === tab.key ? 'bg-white/10 text-cyan-glow shadow-sm' : 'text-slate-500 hover:text-white'
               }`}
             >
-              {f.replace('_', ' ')}
+              {tab.label}
             </button>
           ))}
         </div>
 
-        <div className="relative w-full md:w-64">
+        <div className="relative w-full md:w-72">
           <Search className="w-4 h-4 absolute left-3 top-1/2 -translate-y-1/2 text-slate-500" />
           <input 
             type="text" 
-            placeholder="Search order ID, name, phone..."
+            placeholder={t('orders.searchPlaceholder', 'Search order ID, name, phone...')}
             value={searchTerm}
             onChange={(e) => setSearchTerm(e.target.value)}
             className="w-full bg-white/5 border border-white/10 rounded-xl pl-10 pr-4 py-2 text-sm text-white focus:outline-none focus:border-cyan-glow/50 transition-colors"
@@ -87,17 +107,17 @@ export default function OrdersPage() {
       </div>
 
       {/* Orders Table */}
-      <div className="admin-card overflow-hidden">
-        <div className="overflow-x-auto">
+      <div className="admin-card overflow-hidden !p-0 border-white/10 shadow-2xl">
+        <div className="overflow-x-auto min-h-[300px]">
           <table className="w-full text-left border-collapse">
             <thead>
-              <tr className="border-b border-white/10 text-[10px] uppercase tracking-widest text-slate-500 bg-black/20">
-                <th className="p-4 rounded-tl-xl">Order ID</th>
-                <th className="p-4">Customer</th>
-                <th className="p-4">Date</th>
-                <th className="p-4">Total</th>
-                <th className="p-4">Status</th>
-                <th className="p-4 rounded-tr-xl">Action</th>
+              <tr className="border-b border-white/10 text-[10px] uppercase tracking-widest text-slate-500 bg-white/[0.02]">
+                <th className="p-4">{t('orders.orderId', 'Order ID')}</th>
+                <th className="p-4">{t('orders.customer', 'Customer')}</th>
+                <th className="p-4">{t('orders.date', 'Date')}</th>
+                <th className="p-4">{t('orders.total', 'Total')}</th>
+                <th className="p-4">{t('orders.status', 'Status')}</th>
+                <th className="p-4 text-right">{t('orders.action', 'Action')}</th>
               </tr>
             </thead>
             <tbody className="divide-y divide-white/5">
@@ -109,47 +129,49 @@ export default function OrdersPage() {
                     <td className="p-4"><div className="h-4 w-24 bg-white/5 rounded" /></td>
                     <td className="p-4"><div className="h-4 w-16 bg-white/5 rounded" /></td>
                     <td className="p-4"><div className="h-6 w-24 bg-white/5 rounded-full" /></td>
-                    <td className="p-4"><div className="h-8 w-16 bg-white/5 rounded-lg" /></td>
+                    <td className="p-4 text-right"><div className="h-8 w-16 bg-white/5 rounded-lg ml-auto" /></td>
                   </tr>
                 ))
               ) : filteredOrders.length === 0 ? (
                 <tr>
-                  <td colSpan={6} className="p-8 text-center text-slate-500 italic">No orders found.</td>
+                  <td colSpan={6} className="p-12 text-center text-slate-500 italic">
+                    {t('orders.noOrders', 'No orders found.')}
+                  </td>
                 </tr>
               ) : (
                 filteredOrders.map((order) => (
                   <tr key={order.id} className="hover:bg-white/5 transition-colors group">
-                    <td className="p-4 font-mono text-cyan-glow text-sm">
+                    <td className="p-4 font-mono text-cyan-glow text-sm font-bold">
                       #{order.id.toString().padStart(4, '0')}
                     </td>
                     <td className="p-4">
                       {order.customer ? (
                         <div className="flex items-center gap-2 mb-1">
-                           <img src={order.customer.pictureUrl || `https://ui-avatars.com/api/?name=${order.customer.displayName}`} className="w-5 h-5 rounded-full border border-cyan-glow/50" />
+                           <img src={order.customer.pictureUrl || `https://ui-avatars.com/api/?name=${order.customer.displayName}`} className="w-5 h-5 rounded-full border border-cyan-glow/50" alt="" />
                            <span className="text-[10px] font-bold text-cyan-glow tracking-widest uppercase truncate max-w-[120px]">LINE: {order.customer.displayName}</span>
                         </div>
                       ) : null}
-                      <p className="font-bold">{order.customerName}</p>
-                      <p className="text-xs text-slate-500">{order.customerEmail}</p>
+                      <p className="font-bold text-white">{order.customerName}</p>
+                      <p className="text-xs text-slate-500">{order.customerEmail || order.customerPhone || '-'}</p>
                     </td>
-                    <td className="p-4 text-sm text-slate-300">
-                      {new Date(order.createdAt).toLocaleDateString()}
+                    <td className="p-4 text-sm text-slate-300 whitespace-nowrap">
+                      {new Date(order.createdAt).toLocaleDateString(i18n.language === 'th' ? 'th-TH' : i18n.language === 'ja' ? 'ja-JP' : i18n.language === 'zh' ? 'zh-CN' : 'en-US')}
                     </td>
-                    <td className="p-4 font-bold">
+                    <td className="p-4 font-bold text-white">
                       {formatPrice(order.totalAmount)}
                     </td>
                     <td className="p-4">
                       <div className="flex items-center gap-2">
                         <StatusIcon status={order.status} />
-                        <span className="text-[10px] font-bold uppercase tracking-widest">{order.status.replace('_', ' ')}</span>
+                        <span className="text-[11px] font-bold tracking-wide">{getStatusLabel(order.status)}</span>
                       </div>
                     </td>
-                    <td className="p-4">
+                    <td className="p-4 text-right">
                       <Link 
                         to={`/orders/${order.id}`}
-                        className="flex items-center gap-1 text-xs font-bold uppercase tracking-widest text-slate-400 hover:text-cyan-glow transition-colors"
+                        className="inline-flex items-center gap-1 text-xs font-bold uppercase tracking-wider text-slate-400 hover:text-cyan-glow transition-colors cursor-pointer"
                       >
-                        Review
+                        {t('orders.review', 'Review')}
                         <ChevronRight className="w-4 h-4" />
                       </Link>
                     </td>
diff --git a/apps/admin/src/pages/ProductAttributesPage.tsx b/apps/admin/src/pages/ProductAttributesPage.tsx
index 997f05e..4f679e6 100644
--- a/apps/admin/src/pages/ProductAttributesPage.tsx
+++ b/apps/admin/src/pages/ProductAttributesPage.tsx
@@ -1,8 +1,10 @@
 import { useEffect, useMemo, useState } from 'react'
+import { useTranslation } from 'react-i18next'
 import { API_BASE, type AttributeDefinition, type Category } from '@homaroma/types'
 import { Edit3, Plus, Save, Settings2, Trash2, X } from 'lucide-react'
+import ContentLanguageTabs from '../components/ContentLanguageTabs'
 
-const LANGUAGES = ['th', 'en', 'ja', 'zh', 'vi', 'ko', 'lo', 'it'] as const
+const LANGUAGES = ['th', 'en', 'ja', 'zh'] as const
 const ATTRIBUTE_TYPES = ['TEXT', 'NUMBER', 'BOOLEAN', 'SELECT', 'JSON'] as const
 
 type EditableDefinition = {
@@ -57,6 +59,7 @@ function parseDefinition(definition: AttributeDefinition): EditableDefinition {
 }
 
 export default function ProductAttributesPage() {
+  const { t, i18n } = useTranslation()
   const [definitions, setDefinitions] = useState<AttributeDefinition[]>([])
   const [categories, setCategories] = useState<Category[]>([])
   const [editing, setEditing] = useState<EditableDefinition | null>(null)
@@ -94,20 +97,32 @@ export default function ProductAttributesPage() {
     setError(null)
 
     try {
-      const baseLabel = editing.translations.th.label || editing.translations.en.label
+      const baseLabel = editing.translations.th?.label || editing.translations.en?.label
       if (!baseLabel) throw new Error('Thai or English label is required')
 
       const payload = {
-        code: editing.code.trim(),
-        label: baseLabel,
-        description: editing.translations.th.description || null,
+        code: editing.code,
         type: editing.type,
-        unit: editing.unit || null,
+        unit: editing.unit,
         isRequired: editing.isRequired,
         isFilterable: editing.isFilterable,
         sortOrder: Number(editing.sortOrder) || 0,
-        categoryId: editing.categoryId || null,
-        options: editing.type === 'SELECT' ? editing.options : null,
+        categoryId: editing.categoryId ? Number(editing.categoryId) : null,
+        label: Object.fromEntries(
+          Object.entries(editing.translations)
+            .filter(([, val]) => val.label.trim())
+            .map(([lang, val]) => [lang, val.label.trim()])
+        ),
+        description: Object.fromEntries(
+          Object.entries(editing.translations)
+            .filter(([, val]) => val.description.trim())
+            .map(([lang, val]) => [lang, val.description.trim()])
+        ),
+        options: editing.type === 'SELECT'
+          ? editing.options.map((opt) => Object.fromEntries(
+              Object.entries(opt).filter(([, val]) => typeof val === 'string' && val.trim())
+            )).filter((opt) => Object.keys(opt).length > 0)
+          : undefined,
       }
 
       const url = editing.id
@@ -118,39 +133,15 @@ export default function ProductAttributesPage() {
       const res = await fetch(url, {
         method,
         headers: { 'Content-Type': 'application/json' },
-        body: JSON.stringify({
-          ...payload,
-          translations: Object.fromEntries(
-            Object.entries(editing.translations).filter(([, value]) => value.label.trim())
-          ),
-        }),
+        body: JSON.stringify(payload),
       })
-
       if (!res.ok) {
-        const err = await res.json().catch(() => null)
-        throw new Error(err?.message || 'Failed to save attribute definition')
+        const errData = await res.json().catch(() => null)
+        throw new Error(errData?.message || 'Failed to save attribute definition')
       }
 
-      const saved = await res.json()
-      const definitionId = editing.id || saved.definition?.id
-
-      const translationRes = await fetch(`${API_BASE}/product-attributes/definitions/${definitionId}/translations`, {
-        method: 'PATCH',
-        headers: { 'Content-Type': 'application/json' },
-        body: JSON.stringify({
-          translations: Object.fromEntries(
-            Object.entries(editing.translations).filter(([, value]) => value.label.trim())
-          ),
-        }),
-      })
-
-      if (!translationRes.ok) {
-        const err = await translationRes.json().catch(() => null)
-        throw new Error(err?.message || 'Failed to save attribute definition translations')
-      }
-
-      setEditing(null)
       await fetchData()
+      setEditing(null)
     } catch (err: any) {
       setError(err.message)
     } finally {
@@ -158,56 +149,106 @@ export default function ProductAttributesPage() {
     }
   }
 
-  const openCreate = () => {
-    setEditing(emptyDefinition())
-    setActiveLang('th')
+  const handleDelete = async (id: number) => {
+    if (!confirm(t('common.confirmDelete', 'Are you sure you want to delete this attribute definition?'))) return
+    try {
+      const res = await fetch(`${API_BASE}/product-attributes/definitions/${id}`, { method: 'DELETE' })
+      if (!res.ok) {
+        const errData = await res.json().catch(() => null)
+        throw new Error(errData?.message || 'Failed to delete attribute definition')
+      }
+      await fetchData()
+      if (editing?.id === id) setEditing(null)
+    } catch (err: any) {
+      setError(err.message)
+    }
   }
 
-  const categoryNameMap = useMemo(
-    () => new Map(categories.map((category) => [category.id, typeof category.name === 'string' ? category.name : category.name.th || category.name.en || 'Untitled'])),
-    [categories]
-  )
+  const categoryNameMap = useMemo(() => {
+    const map = new Map<number, string>()
+    const currentLang = i18n.language
+    categories.forEach((cat) => {
+      const name = typeof cat.name === 'string' 
+        ? cat.name 
+        : (cat.name?.[currentLang] || cat.name?.th || cat.name?.en || `Category #${cat.id}`)
+      map.set(cat.id, name)
+    })
+    return map
+  }, [categories, i18n.language])
+
+  const handleCopyFromLang = (fromLang: string) => {
+    if (!editing) return
+    const src = editing.translations[fromLang]
+    if (!src) return
+    setEditing({
+      ...editing,
+      translations: {
+        ...editing.translations,
+        [activeLang]: {
+          label: src.label || '',
+          description: src.description || '',
+        },
+      },
+    })
+  }
+
+  const labelTranslationsMap = useMemo(() => {
+    if (!editing) return {}
+    return Object.fromEntries(
+      Object.entries(editing.translations).map(([lang, val]) => [lang, val.label])
+    )
+  }, [editing])
 
   return (
     <div className="space-y-8 animate-fade-in">
-      <div className="flex flex-col md:flex-row md:items-center justify-between gap-6">
+      <div className="flex flex-col md:flex-row md:items-center justify-between gap-4">
         <div className="space-y-1">
-          <h1 className="text-3xl font-bold">Product Attribute Definitions</h1>
-          <p className="text-slate-500 text-sm">Create reusable product specs and maintain translations across languages.</p>
+          <div className="flex items-center gap-2 text-cyan-glow">
+            <Settings2 className="w-6 h-6" />
+            <h1 className="text-3xl font-bold tracking-tight">{t('nav.productAttributes', 'Product Attributes')}</h1>
+          </div>
+          <p className="text-slate-500 text-sm">Define multilingual specs, units, and select options for products.</p>
         </div>
-        <button onClick={openCreate} className="btn-primary flex items-center gap-2">
+        <button
+          onClick={() => {
+            setEditing(emptyDefinition())
+            setActiveLang('th')
+          }}
+          className="btn-primary flex items-center gap-2"
+        >
           <Plus className="w-4 h-4" />
-          New Definition
+          {t('common.addNew', 'Add Definition')}
         </button>
       </div>
 
       {error && (
-        <div className="p-4 rounded-xl border border-rose-500/20 bg-rose-500/10 text-rose-400 text-sm">
+        <div className="p-4 rounded-2xl border border-rose-500/20 bg-rose-500/10 text-rose-400 text-sm">
           {error}
         </div>
       )}
 
-      <div className="grid grid-cols-1 xl:grid-cols-[1.2fr_0.8fr] gap-8">
+      <div className="grid grid-cols-1 lg:grid-cols-2 gap-8 items-start">
         <section className="admin-card space-y-4">
-          <div className="flex items-center gap-2 text-cyan-glow">
-            <Settings2 className="w-5 h-5" />
-            <h2 className="font-bold text-lg">Definitions</h2>
-          </div>
-
+          <h2 className="font-bold text-lg text-white">Defined Attributes ({definitions.length})</h2>
           <div className="space-y-3">
-            {loading && Array.from({ length: 4 }).map((_, idx) => (
-              <div key={idx} className="h-24 rounded-2xl bg-white/5 animate-pulse" />
+            {loading && Array.from({ length: 4 }).map((_, i) => (
+              <div key={i} className="h-24 rounded-2xl bg-white/5 animate-pulse" />
             ))}
 
             {!loading && definitions.map((definition) => {
-              const label = typeof definition.label === 'string' ? definition.label : definition.label.th || definition.label.en || definition.code
-              const description = typeof definition.description === 'string' ? definition.description : definition.description?.th || definition.description?.en || ''
+              const currentLang = i18n.language
+              const label = typeof definition.label === 'string'
+                ? definition.label
+                : definition.label?.[currentLang] || definition.label?.th || definition.label?.en || definition.code
+              const description = typeof definition.description === 'string'
+                ? definition.description
+                : definition.description?.[currentLang] || definition.description?.th || definition.description?.en || ''
               return (
-                <div key={definition.id} className="p-4 rounded-2xl border border-white/5 bg-white/[0.02] flex items-start justify-between gap-4">
-                  <div className="space-y-1">
+                <div key={definition.id} className="p-4 rounded-2xl border border-white/5 bg-white/[0.02] flex items-start justify-between gap-4 hover:border-cyan-glow/30 transition-all">
+                  <div className="space-y-1 flex-1">
                     <div className="flex items-center gap-2 flex-wrap">
                       <h3 className="text-lg font-bold text-white">{label}</h3>
-                      <span className="text-[10px] uppercase tracking-widest text-cyan-glow bg-cyan-glow/10 border border-cyan-glow/20 px-2 py-1 rounded-full">
+                      <span className="text-[10px] uppercase tracking-widest text-cyan-glow bg-cyan-glow/10 border border-cyan-glow/20 px-2 py-0.5 rounded-full font-bold">
                         {definition.type}
                       </span>
                     </div>
@@ -217,15 +258,25 @@ export default function ProductAttributesPage() {
                       {definition.categoryId ? `Category: ${categoryNameMap.get(definition.categoryId) || definition.categoryId}` : 'Global attribute'}
                     </p>
                   </div>
-                  <button
-                    onClick={() => {
-                      setEditing(parseDefinition(definition))
-                      setActiveLang('th')
-                    }}
-                    className="p-2 rounded-xl text-slate-500 hover:text-cyan-glow hover:bg-cyan-glow/10 transition-all"
-                  >
-                    <Edit3 className="w-4 h-4" />
-                  </button>
+                  <div className="flex items-center gap-2">
+                    <button
+                      onClick={() => {
+                        setEditing(parseDefinition(definition))
+                        setActiveLang('th')
+                      }}
+                      title={t('common.edit', 'Edit')}
+                      className="p-2 rounded-xl text-slate-500 hover:text-cyan-glow hover:bg-cyan-glow/10 transition-all cursor-pointer"
+                    >
+                      <Edit3 className="w-4 h-4" />
+                    </button>
+                    <button
+                      onClick={() => handleDelete(definition.id)}
+                      title={t('common.delete', 'Delete')}
+                      className="p-2 rounded-xl text-slate-500 hover:text-rose-500 hover:bg-rose-500/10 transition-all cursor-pointer"
+                    >
+                      <Trash2 className="w-4 h-4" />
+                    </button>
+                  </div>
                 </div>
               )
             })}
@@ -236,12 +287,12 @@ export default function ProductAttributesPage() {
           <div className="flex items-center justify-between">
             <div className="space-y-1">
               <h2 className="font-bold text-lg text-white">{editing?.id ? 'Edit Definition' : 'Create Definition'}</h2>
-              <p className="text-slate-500 text-sm">Type-aware definitions with localized labels and SELECT options.</p>
+              <p className="text-slate-500 text-sm">Type-aware definitions with 4-language localized labels and SELECT options.</p>
             </div>
             {editing && (
               <button
                 onClick={() => setEditing(null)}
-                className="p-2 rounded-xl text-slate-500 hover:text-white hover:bg-white/10 transition-all"
+                className="p-2 rounded-xl text-slate-500 hover:text-white hover:bg-white/10 transition-all cursor-pointer"
               >
                 <X className="w-4 h-4" />
               </button>
@@ -250,31 +301,27 @@ export default function ProductAttributesPage() {
 
           {!editing ? (
             <div className="text-center py-16 border-2 border-dashed border-white/5 rounded-2xl text-slate-500 text-sm">
-              Select a definition to edit or create a new one.
+              Select an attribute definition to edit or click Create Definition.
             </div>
           ) : (
             <form onSubmit={handleSave} className="space-y-5">
-              <div className="flex bg-white/5 rounded-lg p-1 flex-wrap">
-                {LANGUAGES.map((lang) => (
-                  <button
-                    key={lang}
-                    type="button"
-                    onClick={() => setActiveLang(lang)}
-                    className={`px-4 py-1.5 rounded-md text-xs font-bold uppercase tracking-widest transition-all ${activeLang === lang ? 'bg-cyan-glow text-night-950 shadow-lg' : 'text-slate-400 hover:text-white'}`}
-                  >
-                    {lang}
-                  </button>
-                ))}
-              </div>
+              <ContentLanguageTabs
+                activeLang={activeLang}
+                onSelectLang={setActiveLang}
+                translationsMap={labelTranslationsMap}
+                onCopyFrom={handleCopyFromLang}
+              />
 
               <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
                 <div className="space-y-2">
                   <label className="text-[10px] uppercase font-bold tracking-widest text-slate-500 ml-1">Code</label>
                   <input
                     type="text"
+                    required
                     value={editing.code}
                     onChange={(e) => setEditing({ ...editing, code: e.target.value })}
-                    className="w-full px-4 py-3 bg-night-950 border border-white/10 rounded-xl text-sm text-white"
+                    className="w-full px-4 py-3 bg-night-950 border border-white/10 rounded-xl text-sm text-white focus:border-cyan-glow/40 outline-none"
+                    placeholder="e.g. burn_time, weight"
                   />
                 </div>
                 <div className="space-y-2">
@@ -282,7 +329,7 @@ export default function ProductAttributesPage() {
                   <select
                     value={editing.type}
                     onChange={(e) => setEditing({ ...editing, type: e.target.value as EditableDefinition['type'], options: e.target.value === 'SELECT' ? editing.options : [] })}
-                    className="w-full px-4 py-3 bg-night-950 border border-white/10 rounded-xl text-sm text-white"
+                    className="w-full px-4 py-3 bg-night-950 border border-white/10 rounded-xl text-sm text-white focus:border-cyan-glow/40 outline-none"
                   >
                     {ATTRIBUTE_TYPES.map((type) => <option key={type} value={type}>{type}</option>)}
                   </select>
@@ -293,7 +340,8 @@ export default function ProductAttributesPage() {
                     type="text"
                     value={editing.unit}
                     onChange={(e) => setEditing({ ...editing, unit: e.target.value })}
-                    className="w-full px-4 py-3 bg-night-950 border border-white/10 rounded-xl text-sm text-white"
+                    className="w-full px-4 py-3 bg-night-950 border border-white/10 rounded-xl text-sm text-white focus:border-cyan-glow/40 outline-none"
+                    placeholder="e.g. g, ml, hrs"
                   />
                 </div>
                 <div className="space-y-2">
@@ -301,121 +349,127 @@ export default function ProductAttributesPage() {
                   <input
                     type="number"
                     value={editing.sortOrder}
-                    onChange={(e) => setEditing({ ...editing, sortOrder: Number(e.target.value) || 0 })}
-                    className="w-full px-4 py-3 bg-night-950 border border-white/10 rounded-xl text-sm text-white"
+                    onChange={(e) => setEditing({ ...editing, sortOrder: Number(e.target.value) })}
+                    className="w-full px-4 py-3 bg-night-950 border border-white/10 rounded-xl text-sm text-white focus:border-cyan-glow/40 outline-none"
                   />
                 </div>
-                <div className="space-y-2 md:col-span-2">
-                  <label className="text-[10px] uppercase font-bold tracking-widest text-slate-500 ml-1">Category Binding</label>
-                  <select
-                    value={editing.categoryId || 0}
-                    onChange={(e) => setEditing({ ...editing, categoryId: Number(e.target.value) || null })}
-                    className="w-full px-4 py-3 bg-night-950 border border-white/10 rounded-xl text-sm text-white"
-                  >
-                    <option value={0}>Global attribute</option>
-                    {categories.map((category) => (
-                      <option key={category.id} value={category.id}>
-                        {typeof category.name === 'string' ? category.name : category.name.th || category.name.en || `Category ${category.id}`}
-                      </option>
-                    ))}
-                  </select>
-                </div>
-              </div>
-
-              <div className="grid grid-cols-2 gap-4">
-                <label className="flex items-center gap-3 text-sm text-white">
-                  <input
-                    type="checkbox"
-                    checked={editing.isRequired}
-                    onChange={(e) => setEditing({ ...editing, isRequired: e.target.checked })}
-                  />
-                  Required
-                </label>
-                <label className="flex items-center gap-3 text-sm text-white">
-                  <input
-                    type="checkbox"
-                    checked={editing.isFilterable}
-                    onChange={(e) => setEditing({ ...editing, isFilterable: e.target.checked })}
-                  />
-                  Filterable
-                </label>
               </div>
 
               <div className="space-y-2">
-                <label className="text-[10px] uppercase font-bold tracking-widest text-slate-500 ml-1">Label ({activeLang.toUpperCase()})</label>
+                <label className="text-[10px] uppercase font-bold tracking-widest text-slate-500 ml-1">
+                  Label ({activeLang.toUpperCase()})
+                </label>
                 <input
                   type="text"
-                  value={editing.translations[activeLang].label}
+                  required={activeLang === 'th'}
+                  value={editing.translations[activeLang]?.label || ''}
                   onChange={(e) => setEditing({
                     ...editing,
                     translations: {
                       ...editing.translations,
-                      [activeLang]: { ...editing.translations[activeLang], label: e.target.value },
+                      [activeLang]: {
+                        ...editing.translations[activeLang],
+                        label: e.target.value,
+                      },
                     },
                   })}
-                  className="w-full px-4 py-3 bg-night-950 border border-white/10 rounded-xl text-sm text-white"
+                  className="w-full px-4 py-3 bg-night-950 border border-white/10 rounded-xl text-sm text-white focus:border-cyan-glow/40 outline-none"
+                  placeholder={`Label in ${activeLang.toUpperCase()}`}
                 />
               </div>
 
               <div className="space-y-2">
-                <label className="text-[10px] uppercase font-bold tracking-widest text-slate-500 ml-1">Description ({activeLang.toUpperCase()})</label>
+                <label className="text-[10px] uppercase font-bold tracking-widest text-slate-500 ml-1">
+                  Description ({activeLang.toUpperCase()})
+                </label>
                 <textarea
-                  value={editing.translations[activeLang].description}
+                  value={editing.translations[activeLang]?.description || ''}
                   onChange={(e) => setEditing({
                     ...editing,
                     translations: {
                       ...editing.translations,
-                      [activeLang]: { ...editing.translations[activeLang], description: e.target.value },
+                      [activeLang]: {
+                        ...editing.translations[activeLang],
+                        description: e.target.value,
+                      },
                     },
                   })}
-                  className="w-full min-h-[100px] px-4 py-3 bg-night-950 border border-white/10 rounded-xl text-sm text-white"
+                  className="w-full px-4 py-3 bg-night-950 border border-white/10 rounded-xl text-sm text-white focus:border-cyan-glow/40 outline-none min-h-[70px]"
+                  placeholder={`Description in ${activeLang.toUpperCase()}`}
                 />
               </div>
 
+              <div className="space-y-2">
+                <label className="text-[10px] uppercase font-bold tracking-widest text-slate-500 ml-1">Category Restriction</label>
+                <select
+                  value={editing.categoryId ?? 0}
+                  onChange={(e) => setEditing({ ...editing, categoryId: Number(e.target.value) || null })}
+                  className="w-full px-4 py-3 bg-night-950 border border-white/10 rounded-xl text-sm text-white focus:border-cyan-glow/40 outline-none"
+                >
+                  <option value={0}>Global (All categories)</option>
+                  {categories.map((c) => (
+                    <option key={c.id} value={c.id}>
+                      {typeof c.name === 'string' ? c.name : (c.name as any)?.th || (c.name as any)?.en || ''}
+                    </option>
+                  ))}
+                </select>
+              </div>
+
               {editing.type === 'SELECT' && (
-                <div className="space-y-4">
+                <div className="space-y-3 pt-3 border-t border-white/5">
                   <div className="flex items-center justify-between">
-                    <h3 className="font-bold text-white">Localized Options</h3>
+                    <label className="text-[10px] uppercase font-bold tracking-widest text-slate-500">
+                      Options ({activeLang.toUpperCase()})
+                    </label>
                     <button
                       type="button"
-                      onClick={() => setEditing({ ...editing, options: [...editing.options, { th: '', en: '' }] })}
-                      className="px-3 py-2 rounded-xl bg-cyan-glow/10 border border-cyan-glow/20 text-cyan-glow text-xs font-bold uppercase tracking-widest hover:bg-cyan-glow/20"
+                      onClick={() => setEditing({
+                        ...editing,
+                        options: [...editing.options, { [activeLang]: '' }],
+                      })}
+                      className="text-xs font-bold text-cyan-glow hover:text-cyan-glow/80 flex items-center gap-1 cursor-pointer"
                     >
-                      Add Option
+                      <Plus className="w-3.5 h-3.5" /> Add Option
                     </button>
                   </div>
-
-                  <div className="space-y-3">
-                    {editing.options.map((option, idx) => (
-                      <div key={idx} className="p-3 rounded-2xl border border-white/5 bg-white/[0.02] flex items-center gap-3">
-                        <input
-                          type="text"
-                          value={option[activeLang] || ''}
-                          onChange={(e) => {
-                            const next = [...editing.options]
-                            next[idx] = { ...next[idx], [activeLang]: e.target.value }
-                            setEditing({ ...editing, options: next })
-                          }}
-                          placeholder={`Option ${idx + 1} (${activeLang.toUpperCase()})`}
-                          className="flex-1 px-4 py-3 bg-night-950 border border-white/10 rounded-xl text-sm text-white"
-                        />
-                        <button
-                          type="button"
-                          onClick={() => setEditing({ ...editing, options: editing.options.filter((_, optionIdx) => optionIdx !== idx) })}
-                          className="p-2 rounded-xl text-slate-500 hover:text-rose-500 hover:bg-rose-500/10 transition-all"
-                        >
-                          <Trash2 className="w-4 h-4" />
-                        </button>
-                      </div>
-                    ))}
-                  </div>
+                  {editing.options.map((opt, idx) => (
+                    <div key={idx} className="flex items-center gap-2">
+                      <input
+                        type="text"
+                        value={opt[activeLang] || ''}
+                        onChange={(e) => {
+                          const nextOptions = [...editing.options]
+                          nextOptions[idx] = { ...nextOptions[idx], [activeLang]: e.target.value }
+                          setEditing({ ...editing, options: nextOptions })
+                        }}
+                        className="flex-1 px-4 py-2 bg-night-950 border border-white/10 rounded-xl text-sm text-white focus:border-cyan-glow/40 outline-none"
+                        placeholder={`Option ${idx + 1} (${activeLang.toUpperCase()})`}
+                      />
+                      <button
+                        type="button"
+                        onClick={() => {
+                          const nextOptions = editing.options.filter((_, i) => i !== idx)
+                          setEditing({ ...editing, options: nextOptions })
+                        }}
+                        className="p-2 text-slate-500 hover:text-rose-500 rounded-xl transition-all cursor-pointer"
+                      >
+                        <Trash2 className="w-4 h-4" />
+                      </button>
+                    </div>
+                  ))}
                 </div>
               )}
 
-              <button type="submit" disabled={saving} className="btn-primary flex items-center gap-2">
-                <Save className="w-4 h-4" />
-                {saving ? 'Saving...' : 'Save Definition'}
-              </button>
+              <div className="pt-4 flex gap-3">
+                <button
+                  type="submit"
+                  disabled={saving}
+                  className="flex-1 btn-primary py-3 flex items-center justify-center gap-2 cursor-pointer"
+                >
+                  <Save className="w-4 h-4" />
+                  {saving ? t('common.saving', 'Saving...') : t('common.saveChanges', 'Save Changes')}
+                </button>
+              </div>
             </form>
           )}
         </section>
diff --git a/apps/admin/src/pages/ProductEditPage.tsx b/apps/admin/src/pages/ProductEditPage.tsx
index b3040ad..d874f16 100644
--- a/apps/admin/src/pages/ProductEditPage.tsx
+++ b/apps/admin/src/pages/ProductEditPage.tsx
@@ -19,6 +19,7 @@ import {
 import { API_BASE, type AttributeDefinition, type Category, type Product, type ProductAttribute, type ProductImage, type Variant } from '@homaroma/types'
 import MDEditor from '@uiw/react-md-editor'
 import MediaLibraryModal from '../components/MediaLibraryModal'
+import ContentLanguageTabs from '../components/ContentLanguageTabs'
 
 type EditableAttribute = {
   id?: number
@@ -42,9 +43,8 @@ export default function ProductEditPage() {
   const [error, setError] = useState<string | null>(null)
   const [success, setSuccess] = useState(false)
 
-  // Form State
+  // Form State - 4 Core Languages
   const [activeLang, setActiveLang] = useState('th')
-  const languages = ['th', 'en', 'ja', 'zh', 'vi', 'ko', 'lo', 'it']
   
   const [categoryId, setCategoryId] = useState<number>(0)
   const [name, setName] = useState<Record<string, string>>({})
@@ -56,6 +56,18 @@ export default function ProductEditPage() {
   const [availableAttributes, setAvailableAttributes] = useState<AttributeDefinition[]>([])
   const [attributes, setAttributes] = useState<EditableAttribute[]>([])
   const [selectedDefinitionId, setSelectedDefinitionId] = useState<number>(0)
+
+  const handleCopyFromLang = (fromLang: string) => {
+    if (name[fromLang]) {
+      setName(prev => ({ ...prev, [activeLang]: prev[fromLang] }))
+    }
+    if (description[fromLang]) {
+      setDescription(prev => ({ ...prev, [activeLang]: prev[fromLang] }))
+    }
+    if (details[fromLang]) {
+      setDetails(prev => ({ ...prev, [activeLang]: prev[fromLang] }))
+    }
+  }
   
 
   const [isMediaModalOpen, setIsMediaModalOpen] = useState(false)
@@ -411,22 +423,17 @@ export default function ProductEditPage() {
         <div className="space-y-8">
           {/* Basic Info */}
           <section className="admin-card space-y-6">
-            <div className="flex items-center justify-between">
+            <div className="flex flex-col md:flex-row md:items-center justify-between gap-4">
               <div className="flex items-center gap-2 text-cyan-glow">
                 <Info className="w-5 h-5" />
                 <h2 className="font-bold text-lg">Basic Information</h2>
               </div>
-              <div className="flex bg-white/5 rounded-lg p-1">
-                {languages.map(lang => (
-                  <button
-                    key={lang}
-                    onClick={(e) => { e.preventDefault(); setActiveLang(lang); }}
-                    className={`px-4 py-1.5 rounded-md text-xs font-bold uppercase tracking-widest transition-all ${activeLang === lang ? 'bg-cyan-glow text-night-950 shadow-lg' : 'text-slate-400 hover:text-white'}`}
-                  >
-                    {lang}
-                  </button>
-                ))}
-              </div>
+              <ContentLanguageTabs
+                activeLang={activeLang}
+                onSelectLang={setActiveLang}
+                translationsMap={name}
+                onCopyFrom={handleCopyFromLang}
+              />
             </div>
             
             <div className="grid grid-cols-1 md:grid-cols-2 gap-6">
diff --git a/apps/admin/src/pages/ProductsPage.tsx b/apps/admin/src/pages/ProductsPage.tsx
index 0398e02..392e959 100644
--- a/apps/admin/src/pages/ProductsPage.tsx
+++ b/apps/admin/src/pages/ProductsPage.tsx
@@ -3,7 +3,6 @@ import {
   Package, 
   Search, 
   Plus, 
-  Eye, 
   Edit3, 
   Trash2,
   Filter,
@@ -16,6 +15,7 @@ import {
   LayoutTemplate
 } from 'lucide-react'
 import { useNavigate, useSearchParams } from 'react-router-dom'
+import { useTranslation } from 'react-i18next'
 import { API_BASE, getCategoryImage, formatPrice, type Category, type Product } from '@homaroma/types'
 
 interface PaginationMeta {
@@ -26,6 +26,7 @@ interface PaginationMeta {
 }
 
 export default function ProductsPage() {
+  const { t, i18n } = useTranslation()
   const navigate = useNavigate()
   const [products, setProducts] = useState<Product[]>([])
   const [categories, setCategories] = useState<Category[]>([])
@@ -187,6 +188,21 @@ export default function ProductsPage() {
     }
   }
 
+  const handleDelete = async (id: number) => {
+    if (!confirm(t('common.confirmDelete', 'Are you sure you want to delete this product?'))) return
+    try {
+      const res = await fetch(`${API_BASE}/products/${id}`, { method: 'DELETE' })
+      if (res.ok) {
+        fetchData()
+      } else {
+        const errorData = await res.json().catch(() => null)
+        alert(errorData?.message || 'Failed to delete product')
+      }
+    } catch (err) {
+      console.error('Delete error:', err)
+    }
+  }
+
   const setPage = (newOrUpdaterData: number | ((p: number) => number)) => {
     const nextUrlPage = typeof newOrUpdaterData === 'function' ? newOrUpdaterData(page) : newOrUpdaterData
     setSearchParams(prev => {
@@ -232,17 +248,17 @@ export default function ProductsPage() {
     <div className="space-y-8 animate-fade-in">
       <div className="flex flex-col md:flex-row md:items-center justify-between gap-6">
         <div className="space-y-1">
-          <h1 className="text-3xl font-bold">Products Management</h1>
+          <h1 className="text-3xl font-bold">{t('products.title', 'Products Management')}</h1>
           <p className="text-slate-500 text-sm">
-            {meta ? `Displaying ${products.length} of ${meta.total} products` : 'Loading products...'}
+            {meta ? `Displaying ${products.length} of ${meta.total} products` : t('common.loading', 'Loading products...')}
           </p>
         </div>
         <button 
-          className="btn-primary flex items-center gap-2"
+          className="btn-primary flex items-center gap-2 cursor-pointer"
           onClick={() => navigate('/products/new')}
         >
           <Plus className="w-4 h-4" />
-          Add Product
+          {t('products.addNew', 'Add Product')}
         </button>
       </div>
 
@@ -252,7 +268,7 @@ export default function ProductsPage() {
           <Search className="absolute left-4 top-1/2 -translate-y-1/2 w-4 h-4 text-slate-500 group-focus-within:text-cyan-glow transition-colors" />
           <input 
             type="text" 
-            placeholder="Search products..."
+            placeholder={t('products.searchPlaceholder', 'Search products...')}
             value={search}
             onChange={(e) => handleSearchChange(e.target.value)}
             className="w-full pl-11 pr-4 py-3 bg-night-900/50 border border-white/5 focus:border-cyan-glow/30 rounded-xl outline-none text-sm placeholder:text-slate-600 transition-all shadow-inner text-white"
@@ -266,11 +282,13 @@ export default function ProductsPage() {
           <select 
             value={activeCategory || ''} 
             onChange={(e) => handleCategoryChange(Number(e.target.value) || null)}
-            className="flex-1 md:w-52 px-4 py-3 bg-night-900 border border-white/5 focus:border-cyan-glow/30 rounded-xl outline-none text-sm text-silver-metallic"
+            className="flex-1 md:w-52 px-4 py-3 bg-night-900 border border-white/5 focus:border-cyan-glow/30 rounded-xl outline-none text-sm text-silver-metallic cursor-pointer"
           >
-            <option value="">All Categories</option>
+            <option value="">{t('common.all', 'All Categories')}</option>
             {categories.map(c => (
-              <option key={c.id} value={c.id}>{typeof c.name === 'string' ? c.name : (c.name as any)?.th || (c.name as any)?.en || ''}</option>
+              <option key={c.id} value={c.id}>
+                {typeof c.name === 'string' ? c.name : (c.name as any)?.[i18n.language] || (c.name as any)?.th || (c.name as any)?.en || ''}
+              </option>
             ))}
           </select>
         </div>
@@ -282,11 +300,11 @@ export default function ProductsPage() {
           <table className="w-full text-left border-collapse">
             <thead>
               <tr className="bg-white/[0.02] border-b border-white/5">
-                <th className="px-6 py-4 text-[10px] uppercase font-bold tracking-widest text-slate-500">Product</th>
-                <th className="px-6 py-4 text-[10px] uppercase font-bold tracking-widest text-slate-500">Category</th>
-                <th className="px-6 py-4 text-[10px] uppercase font-bold tracking-widest text-slate-500">Variants</th>
-                <th className="px-6 py-4 text-[10px] uppercase font-bold tracking-widest text-slate-500">Price</th>
-                <th className="px-6 py-4 text-[10px] uppercase font-bold tracking-widest text-slate-500 text-right">Actions</th>
+                <th className="px-6 py-4 text-[10px] uppercase font-bold tracking-widest text-slate-500">{t('products.name', 'Product')}</th>
+                <th className="px-6 py-4 text-[10px] uppercase font-bold tracking-widest text-slate-500">{t('products.category', 'Category')}</th>
+                <th className="px-6 py-4 text-[10px] uppercase font-bold tracking-widest text-slate-500">{t('products.variants', 'Variants')}</th>
+                <th className="px-6 py-4 text-[10px] uppercase font-bold tracking-widest text-slate-500">{t('products.price', 'Price')}</th>
+                <th className="px-6 py-4 text-[10px] uppercase font-bold tracking-widest text-slate-500 text-right">{t('common.actions', 'Actions')}</th>
               </tr>
             </thead>
             <tbody className="divide-y divide-white/[0.03]">
@@ -302,92 +320,102 @@ export default function ProductsPage() {
                 <tr>
                    <td colSpan={5} className="px-6 py-20 text-center space-y-3">
                       <Package className="w-10 h-10 text-slate-700 mx-auto" />
-                      <p className="text-slate-500 font-medium italic">No products matched your search.</p>
+                      <p className="text-slate-500 font-medium italic">{t('common.noData', 'No products matched your search.')}</p>
                    </td>
                 </tr>
-              ) : products.map((product) => (
-                <tr key={product.id} className="hover:bg-white/[0.01] transition-colors group">
-                  <td className="px-6 py-4">
-                    <div className="flex items-center gap-4">
-                      <div className="w-12 h-12 rounded-lg overflow-hidden border border-white/5 bg-night-950/50 p-1 flex-shrink-0 flex items-center justify-center">
-                        <img 
-                          src={product.images && product.images.length > 0 
-                            ? fixUrl(product.images[0].url) 
-                            : getCategoryImage(typeof product.category.name === 'string' ? product.category.name : (product.category.name as any)?.en || '')} 
-                          alt="" 
-                          className="w-full h-full object-contain grayscale-0 opacity-100 group-hover:scale-110 transition-all duration-500"
-                        />
+              ) : products.map((product) => {
+                const localizedName = typeof product.name === 'string'
+                  ? product.name
+                  : (product.name?.[i18n.language] || product.name?.th || product.name?.en || product.brand?.name)
+                const localizedCategory = typeof product.category.name === 'string'
+                  ? product.category.name
+                  : (product.category.name?.[i18n.language] || (product.category.name as any)?.th || (product.category.name as any)?.en || '')
+
+                return (
+                  <tr key={product.id} className="hover:bg-white/[0.01] transition-colors group">
+                    <td className="px-6 py-4">
+                      <div className="flex items-center gap-4">
+                        <div className="w-12 h-12 rounded-lg overflow-hidden border border-white/5 bg-night-950/50 p-1 flex-shrink-0 flex items-center justify-center">
+                          <img 
+                            src={product.images && product.images.length > 0 
+                              ? fixUrl(product.images[0].url) 
+                              : getCategoryImage(typeof product.category.name === 'string' ? product.category.name : (product.category.name as any)?.en || '')} 
+                            alt="" 
+                            className="w-full h-full object-contain grayscale-0 opacity-100 group-hover:scale-110 transition-all duration-500"
+                          />
+                        </div>
+                        <div className="overflow-hidden">
+                          <p className="text-sm font-bold text-white truncate">{localizedName}</p>
+                          <p className="text-[10px] uppercase font-bold text-slate-600 tracking-wider">PID: {product.id.toString().padStart(4, '0')}</p>
+                        </div>
                       </div>
-                      <div className="overflow-hidden">
-                        <p className="text-sm font-bold text-white truncate">{typeof product.name === 'string' ? product.name : (product.name?.th || product.brand?.name)}</p>
-                        <p className="text-[10px] uppercase font-bold text-slate-600 tracking-wider">PID: {product.id.toString().padStart(4, '0')}</p>
+                    </td>
+                    <td className="px-6 py-4">
+                      <span className="inline-block px-2.5 py-1 rounded-md bg-cyan-glow/10 text-cyan-glow text-[10px] font-bold uppercase tracking-wider border border-cyan-glow/20">
+                        {localizedCategory}
+                      </span>
+                    </td>
+                    <td className="px-6 py-4">
+                      <p className="text-xs font-medium text-silver-metallic">{product.variants?.length || 0} Variants</p>
+                      <p className="text-[10px] text-slate-600 truncate max-w-[120px]">
+                        {product.variants?.map(v => [v.option1, v.option2, v.option3].filter(Boolean).join('/')).join(', ') || '-'}
+                      </p>
+                    </td>
+                    <td className="px-6 py-4">
+                      {(() => {
+                        const prices = product.variants?.map(v => v.price || 0) || []
+                        const minPrice = prices.length > 0 ? Math.min(...prices) : 0
+                        const maxPrice = prices.length > 0 ? Math.max(...prices) : 0
+                        const priceDisplay = minPrice === maxPrice ? formatPrice(minPrice) : `${formatPrice(minPrice)} - ${formatPrice(maxPrice)}`
+                        return <p className="text-sm font-bold text-white">{priceDisplay}</p>
+                      })()}
+                    </td>
+                    <td className="px-6 py-4 text-right">
+                      <div className="flex items-center justify-end gap-2">
+                         <button 
+                           onClick={() => { setSelectedProduct(product); setIsGalleryOpen(true); }}
+                           className={`p-2 rounded-lg transition-all cursor-pointer ${
+                             product.images && product.images.length > 0
+                               ? 'bg-cyan-glow/10 text-cyan-glow hover:bg-cyan-glow/20'
+                               : 'hover:bg-white/5 text-slate-600'
+                           }`}
+                           title={product.images && product.images.length > 0 ? "View Gallery" : "No Images"}
+                         >
+                           <ImageIcon className="w-4 h-4" />
+                         </button>
+                         <button 
+                           onClick={() => navigate(`/products/${product.id}/bom`)}
+                           title={t('products.bom', 'BOM & Formula')}
+                           className="p-2 rounded-lg hover:bg-cyan-glow/10 text-slate-500 hover:text-cyan-glow transition-all cursor-pointer"
+                         >
+                           <Package className="w-4 h-4" />
+                         </button>
+                         <button 
+                           onClick={() => navigate(`/products/${product.id}/cms`)}
+                           title={t('products.cmsBuilder', 'Product CMS Builder')}
+                           className="p-2 rounded-lg hover:bg-cyan-glow/10 text-slate-500 hover:text-cyan-glow transition-all cursor-pointer"
+                         >
+                           <LayoutTemplate className="w-4 h-4" />
+                         </button>
+                         <button 
+                           onClick={() => navigate(`/products/${product.id}/edit`)}
+                           title={t('products.editProduct', 'Edit Product')}
+                           className="p-2 rounded-lg hover:bg-white/5 text-slate-500 hover:text-cyan-glow transition-all cursor-pointer"
+                         >
+                           <Edit3 className="w-4 h-4" />
+                         </button>
+                         <button 
+                           onClick={() => handleDelete(product.id)}
+                           title={t('common.delete', 'Delete Product')}
+                           className="p-2 rounded-lg hover:bg-rose-500/10 text-slate-500 hover:text-rose-500 transition-all cursor-pointer"
+                         >
+                           <Trash2 className="w-4 h-4" />
+                         </button>
                       </div>
-                    </div>
-                  </td>
-                  <td className="px-6 py-4">
-                    <span className="inline-block px-2.5 py-1 rounded-md bg-cyan-glow/10 text-cyan-glow text-[10px] font-bold uppercase tracking-wider border border-cyan-glow/20">
-                      {typeof product.category.name === 'string' ? product.category.name : (product.category.name as any)?.th || (product.category.name as any)?.en || ''}
-                    </span>
-                  </td>
-                  <td className="px-6 py-4">
-                    <p className="text-xs font-medium text-silver-metallic">{product.variants?.length || 0} Variants</p>
-                    <p className="text-[10px] text-slate-600 truncate max-w-[120px]">
-                      {product.variants?.map(v => [v.option1, v.option2, v.option3].filter(Boolean).join('/')).join(', ') || '-'}
-                    </p>
-                  </td>
-                  <td className="px-6 py-4">
-                    {(() => {
-                      const prices = product.variants?.map(v => v.price || 0) || []
-                      const minPrice = prices.length > 0 ? Math.min(...prices) : 0
-                      const maxPrice = prices.length > 0 ? Math.max(...prices) : 0
-                      const priceDisplay = minPrice === maxPrice ? formatPrice(minPrice) : `${formatPrice(minPrice)} - ${formatPrice(maxPrice)}`
-                      return <p className="text-sm font-bold text-white">{priceDisplay}</p>
-                    })()}
-                  </td>
-                  <td className="px-6 py-4 text-right">
-                    <div className="flex items-center justify-end gap-2">
-                       <button 
-                         onClick={() => { setSelectedProduct(product); setIsGalleryOpen(true); }}
-                         className={`p-2 rounded-lg transition-all ${
-                           product.images && product.images.length > 0
-                             ? 'bg-cyan-glow/10 text-cyan-glow hover:bg-cyan-glow/20'
-                             : 'hover:bg-white/5 text-slate-600'
-                         }`}
-                         title={product.images && product.images.length > 0 ? "View Gallery" : "No Images"}
-                       >
-                         <ImageIcon className="w-4 h-4" />
-                       </button>
-                       <button className="p-2 rounded-lg hover:bg-white/5 text-slate-500 hover:text-white transition-all">
-                         <Eye className="w-4 h-4" />
-                       </button>
-                       <button 
-                         onClick={() => navigate(`/products/${product.id}/bom`)}
-                         title="Manage BOM"
-                         className="p-2 rounded-lg hover:bg-cyan-glow/10 text-slate-500 hover:text-cyan-glow transition-all"
-                       >
-                         <Package className="w-4 h-4" />
-                       </button>
-                       <button 
-                         onClick={() => navigate(`/products/${product.id}/cms`)}
-                         title="Edit Product CMS"
-                         className="p-2 rounded-lg hover:bg-cyan-glow/10 text-slate-500 hover:text-cyan-glow transition-all"
-                       >
-                         <LayoutTemplate className="w-4 h-4" />
-                       </button>
-                       <button 
-                         onClick={() => navigate(`/products/${product.id}/edit`)}
-                         title="Edit Product"
-                         className="p-2 rounded-lg hover:bg-white/5 text-slate-500 hover:text-cyan-glow transition-all"
-                       >
-                         <Edit3 className="w-4 h-4" />
-                       </button>
-                       <button className="p-2 rounded-lg hover:bg-white/5 text-slate-500 hover:text-rose-500 transition-all">
-                         <Trash2 className="w-4 h-4" />
-                       </button>
-                    </div>
-                  </td>
-                </tr>
-              ))}
+                    </td>
+                  </tr>
+                )
+              })}
             </tbody>
           </table>
         </div>
diff --git a/apps/admin/src/pages/ShopeeAnalyticsPage.tsx b/apps/admin/src/pages/ShopeeAnalyticsPage.tsx
index 137e459..8dedb5f 100644
--- a/apps/admin/src/pages/ShopeeAnalyticsPage.tsx
+++ b/apps/admin/src/pages/ShopeeAnalyticsPage.tsx
@@ -1,5 +1,6 @@
 import { useState, useEffect, useCallback } from 'react';
 import { Link } from 'react-router-dom';
+import { useTranslation } from 'react-i18next';
 import {
   BarChart, Bar, XAxis, YAxis, Tooltip, ResponsiveContainer, CartesianGrid,
   PieChart, Pie, Cell, LineChart, Line, Legend,
@@ -68,20 +69,18 @@ function getPresetRange(preset: Preset): { from: string; to: string } {
   return { from: '', to: '' };
 }
 
-const PRESETS: { key: Preset; label: string }[] = [
-  { key: '7d', label: '7 วัน' },
-  { key: '30d', label: '30 วัน' },
-  { key: '90d', label: '90 วัน' },
-  { key: 'thisMonth', label: 'เดือนนี้' },
-  { key: 'lastMonth', label: 'เดือนที่แล้ว' },
-  { key: 'year', label: 'ปีนี้' },
-  { key: 'lastYear', label: 'ปีที่แล้ว' },
-  { key: 'last12m', label: '12 เดือนที่ผ่านมา' },
-  { key: 'all', label: 'ทั้งหมด' },
+const PRESET_CONFIG: { key: Preset; i18nKey: string; fallback: string }[] = [
+  { key: '7d', i18nKey: 'analytics.preset7d', fallback: '7 วัน' },
+  { key: '30d', i18nKey: 'analytics.preset30d', fallback: '30 วัน' },
+  { key: '90d', i18nKey: 'analytics.preset90d', fallback: '90 วัน' },
+  { key: 'thisMonth', i18nKey: 'analytics.presetThisMonth', fallback: 'เดือนนี้' },
+  { key: 'lastMonth', i18nKey: 'analytics.presetLastMonth', fallback: 'เดือนที่แล้ว' },
+  { key: 'year', i18nKey: 'analytics.presetThisYear', fallback: 'ปีนี้' },
+  { key: 'lastYear', i18nKey: 'analytics.presetLastYear', fallback: 'ปีที่แล้ว' },
+  { key: 'last12m', i18nKey: 'analytics.presetLast12m', fallback: '12 เดือนที่ผ่านมา' },
+  { key: 'all', i18nKey: 'analytics.presetAll', fallback: 'ทั้งหมด' },
 ];
 
-
-
 function StatCard({
   label, value, sub, icon: Icon, color = 'text-white', bgColor = 'from-white/5',
 }: { label: string; value: string | number; sub?: string; icon: any; color?: string; bgColor?: string }) {
@@ -114,6 +113,7 @@ const CustomTooltip = ({ active, payload, label }: any) => {
 };
 
 export default function ShopeeAnalyticsPage() {
+  const { t } = useTranslation();
   const [data, setData] = useState<any>(null);
   const [loading, setLoading] = useState(true);
   const [error, setError] = useState<string | null>(null);
@@ -164,15 +164,11 @@ export default function ShopeeAnalyticsPage() {
     setPreset('all'); setDateFrom(''); setDateTo('');
   };
 
-
-
-
-
   if (loading) {
     return (
       <div className="flex items-center justify-center h-[60vh] gap-3 animate-pulse">
         <Loader2 className="w-8 h-8 text-orange-400 animate-spin" />
-        <span className="text-slate-500">กำลังคำนวณข้อมูลวิเคราะห์...</span>
+        <span className="text-slate-500">{t('shopeeAnalytics.loading', 'กำลังคำนวณข้อมูลวิเคราะห์...')}</span>
       </div>
     );
   }
@@ -181,9 +177,9 @@ export default function ShopeeAnalyticsPage() {
     return (
       <div className="flex flex-col items-center justify-center h-[60vh] gap-4">
         <ShoppingBag className="w-14 h-14 text-slate-700" />
-        <p className="text-slate-500">{error || 'ไม่มีข้อมูล — กรุณา Import ไฟล์ Shopee ก่อน'}</p>
+        <p className="text-slate-500">{error || t('shopeeAnalytics.noData', 'ไม่มีข้อมูล — กรุณา Import ไฟล์ Shopee ก่อน')}</p>
         <Link to="/shopee" className="flex items-center gap-2 px-4 py-2 rounded-xl bg-white/5 border border-white/10 text-slate-300 hover:text-white text-sm">
-          <ArrowLeft className="w-4 h-4" /> กลับหน้า Shopee
+          <ArrowLeft className="w-4 h-4" /> {t('shopeeAnalytics.backToShopee', 'กลับหน้า Shopee')}
         </Link>
       </div>
     );
@@ -211,12 +207,11 @@ export default function ShopeeAnalyticsPage() {
             <div className="flex items-center gap-2 text-xs text-slate-500 uppercase tracking-widest mb-1">
               <Link to="/shopee" className="hover:text-orange-400 transition-colors">Shopee</Link>
               <span>/</span>
-              <span className="text-white">Analytics</span>
+              <span className="text-white">{t('shopeeAnalytics.breadcrumb', 'Analytics')}</span>
             </div>
             <h1 className="text-2xl font-bold text-white tracking-tight flex items-center gap-2">
               <TrendingUp className={`w-6 h-6 ${shopCfg.color}`} />
-              วิเคราะห์ยอดขาย —
-              <span className={shopCfg.color}>{shopCfg.label}</span>
+              {t('shopeeAnalytics.title', { shop: shopCfg.label, defaultValue: `วิเคราะห์ยอดขาย — ${shopCfg.label}` })}
             </h1>
           </div>
         </div>
@@ -245,7 +240,7 @@ export default function ShopeeAnalyticsPage() {
         {/* Preset Buttons */}
         <div className="flex items-center gap-1.5 flex-wrap">
           <Calendar className="w-4 h-4 text-slate-500 mr-1" />
-          {PRESETS.map(p => (
+          {PRESET_CONFIG.map(p => (
             <button
               key={p.key}
               onClick={() => applyPreset(p.key)}
@@ -255,7 +250,7 @@ export default function ShopeeAnalyticsPage() {
                   : 'bg-white/5 text-slate-400 border border-white/10 hover:bg-white/10 hover:text-white'
               }`}
             >
-              {p.label}
+              {t(p.i18nKey, p.fallback)}
             </button>
           ))}
         </div>
@@ -265,14 +260,14 @@ export default function ShopeeAnalyticsPage() {
 
         {/* Custom date range */}
         <div className="flex items-center gap-2 flex-wrap">
-          <span className="text-xs text-slate-500">กำหนดเอง:</span>
+          <span className="text-xs text-slate-500">{t('analytics.customRange', 'กำหนดเอง:')}</span>
           <input
             type="date"
             value={dateFrom}
             onChange={e => setDateFrom(e.target.value)}
             className="px-3 py-1.5 rounded-lg bg-black/30 border border-white/10 text-slate-300 text-xs focus:border-orange-500/50 focus:outline-none"
           />
-          <span className="text-slate-600 text-xs">ถึง</span>
+          <span className="text-slate-600 text-xs">{t('analytics.to', 'ถึง')}</span>
           <input
             type="date"
             value={dateTo}
@@ -283,7 +278,7 @@ export default function ShopeeAnalyticsPage() {
             onClick={applyCustom}
             className="px-4 py-1.5 rounded-lg bg-orange-500/15 border border-orange-500/30 text-orange-400 text-xs font-medium hover:bg-orange-500/25 transition-all"
           >
-            ดูข้อมูล
+            {t('analytics.apply', 'ดูข้อมูล')}
           </button>
         </div>
 
@@ -297,36 +292,86 @@ export default function ShopeeAnalyticsPage() {
               onClick={() => { setDateFrom(''); setDateTo(''); setPreset('all'); loadData(shop, '', ''); }}
               className="text-[10px] text-slate-500 hover:text-rose-400 transition-colors"
             >
-              ✕ ล้าง
+              ✕ {t('analytics.clear', 'ล้าง')}
             </button>
           </div>
         )}
       </div>
 
-
-
       {/* KPI Cards Row 1 */}
       <div className="grid grid-cols-2 lg:grid-cols-4 gap-4">
-        <StatCard label="ยอดขายรวม (Gross)" value={fmtCurrency(summary.totalRevenue)} icon={DollarSign} color="text-emerald-400" bgColor="from-emerald-500/10" sub={`${fmt(summary.totalOrders)} คำสั่งซื้อ`} />
-        <StatCard label="รายได้สุทธิ (Net)" value={fmtCurrency(summary.netRevenue)} icon={TrendingUp} color="text-cyan-glow" bgColor="from-cyan-500/10" sub={`หลังหัก Commission + ส่งออก`} />
-        <StatCard label="ค่าคอมมิชชั่นรวม" value={fmtCurrency(summary.totalCommission)} icon={ReceiptText} color="text-rose-400" bgColor="from-rose-500/10" sub={`${fmt(summary.commissionRate, 1)}% ของยอดขาย`} />
-        <StatCard label="AOV (เฉลี่ยต่อออเดอร์)" value={fmtCurrency(summary.aov)} icon={ShoppingCart} color="text-amber-400" bgColor="from-amber-500/10" sub="Average Order Value" />
+        <StatCard
+          label={t('shopeeAnalytics.kpiGrossRevenue', 'ยอดขายรวม (Gross)')}
+          value={fmtCurrency(summary.totalRevenue)}
+          icon={DollarSign}
+          color="text-emerald-400"
+          bgColor="from-emerald-500/10"
+          sub={t('shopeeAnalytics.kpiGrossOrdersSub', { count: fmt(summary.totalOrders), defaultValue: `${fmt(summary.totalOrders)} คำสั่งซื้อ` })}
+        />
+        <StatCard
+          label={t('shopeeAnalytics.kpiNetRevenue', 'รายได้สุทธิ (Net)')}
+          value={fmtCurrency(summary.netRevenue)}
+          icon={TrendingUp}
+          color="text-cyan-glow"
+          bgColor="from-cyan-500/10"
+          sub={t('shopeeAnalytics.kpiNetSub', 'หลังหัก Commission + ส่งออก')}
+        />
+        <StatCard
+          label={t('shopeeAnalytics.kpiCommission', 'ค่าคอมมิชชั่นรวม')}
+          value={fmtCurrency(summary.totalCommission)}
+          icon={ReceiptText}
+          color="text-rose-400"
+          bgColor="from-rose-500/10"
+          sub={t('shopeeAnalytics.kpiCommissionSub', { rate: fmt(summary.commissionRate, 1), defaultValue: `${fmt(summary.commissionRate, 1)}% ของยอดขาย` })}
+        />
+        <StatCard
+          label={t('shopeeAnalytics.kpiAov', 'AOV (เฉลี่ยต่อออเดอร์)')}
+          value={fmtCurrency(summary.aov)}
+          icon={ShoppingCart}
+          color="text-amber-400"
+          bgColor="from-amber-500/10"
+          sub={t('shopeeAnalytics.kpiAovSub', 'Average Order Value')}
+        />
       </div>
 
       {/* KPI Cards Row 2 */}
       <div className="grid grid-cols-2 lg:grid-cols-4 gap-4">
-        <StatCard label="คำสั่งซื้อสำเร็จ" value={fmt(summary.completedOrders)} icon={CheckCircle2} color="text-emerald-400" sub={`จากทั้งหมด ${fmt(summary.totalOrders)}`} />
-        <StatCard label="คำสั่งซื้อยกเลิก" value={fmt(summary.cancelledOrders)} icon={XCircle} color="text-rose-400" sub={`${fmt(summary.cancelRate, 1)}% ของทั้งหมด`} />
-        <StatCard label="ค่าจัดส่ง (ผู้ซื้อ)" value={fmtCurrency(summary.totalShipping)} icon={Package} color="text-blue-400" sub="ค่าส่งที่ผู้ซื้อจ่าย" />
-        <StatCard label="Effective Net Margin" value={`${fmt(summary.totalRevenue > 0 ? (summary.netRevenue / summary.totalRevenue) * 100 : 0, 1)}%`} icon={BadgePercent} color="text-purple-400" sub="Net / Gross Revenue" />
+        <StatCard
+          label={t('shopeeAnalytics.kpiCompletedOrders', 'คำสั่งซื้อสำเร็จ')}
+          value={fmt(summary.completedOrders)}
+          icon={CheckCircle2}
+          color="text-emerald-400"
+          sub={t('shopeeAnalytics.kpiCompletedSub', { total: fmt(summary.totalOrders), defaultValue: `จากทั้งหมด ${fmt(summary.totalOrders)}` })}
+        />
+        <StatCard
+          label={t('shopeeAnalytics.kpiCancelledOrders', 'คำสั่งซื้อยกเลิก')}
+          value={fmt(summary.cancelledOrders)}
+          icon={XCircle}
+          color="text-rose-400"
+          sub={t('shopeeAnalytics.kpiCancelledSub', { rate: fmt(summary.cancelRate, 1), defaultValue: `${fmt(summary.cancelRate, 1)}% ของทั้งหมด` })}
+        />
+        <StatCard
+          label={t('shopeeAnalytics.kpiShipping', 'ค่าจัดส่ง (ผู้ซื้อ)')}
+          value={fmtCurrency(summary.totalShipping)}
+          icon={Package}
+          color="text-blue-400"
+          sub={t('shopeeAnalytics.kpiShippingSub', 'ค่าส่งที่ผู้ซื้อจ่าย')}
+        />
+        <StatCard
+          label={t('shopeeAnalytics.kpiEffectiveMargin', 'Effective Net Margin')}
+          value={`${fmt(summary.totalRevenue > 0 ? (summary.netRevenue / summary.totalRevenue) * 100 : 0, 1)}%`}
+          icon={BadgePercent}
+          color="text-purple-400"
+          sub={t('shopeeAnalytics.kpiEffectiveMarginSub', 'Net / Gross Revenue')}
+        />
       </div>
 
       {/* Monthly Revenue Chart */}
       <div className="bg-white/5 border border-white/10 rounded-2xl p-6">
         <div className="flex items-center gap-2 mb-6">
           <TrendingUp className="w-5 h-5 text-orange-400" />
-          <h2 className="text-lg font-bold text-white">ยอดขายรายเดือน</h2>
-          <span className="text-xs text-slate-500 ml-2">Gross Revenue vs Net Revenue</span>
+          <h2 className="text-lg font-bold text-white">{t('shopeeAnalytics.monthlyRevenueTitle', 'ยอดขายรายเดือน')}</h2>
+          <span className="text-xs text-slate-500 ml-2">{t('shopeeAnalytics.monthlyRevenueSub', 'Gross Revenue vs Net Revenue')}</span>
         </div>
         {monthlyChart.length > 0 ? (
           <div className="h-[320px]">
@@ -337,14 +382,14 @@ export default function ShopeeAnalyticsPage() {
                 <YAxis stroke="#64748b" tick={{ fontSize: 11 }} tickFormatter={v => `฿${v >= 1000 ? `${(v / 1000).toFixed(0)}k` : v}`} />
                 <Tooltip content={<CustomTooltip />} cursor={{ fill: '#ffffff06' }} />
                 <Legend wrapperStyle={{ fontSize: '11px', color: '#94a3b8' }} />
-                <Bar dataKey="revenue" name="฿ ยอดขาย (Gross)" fill="#4ade80" radius={[4, 4, 0, 0]} />
-                <Bar dataKey="net" name="฿ รายได้สุทธิ (Net)" fill="#22d3ee" radius={[4, 4, 0, 0]} />
-                <Bar dataKey="commission" name="฿ ค่าคอม" fill="#f87171" radius={[4, 4, 0, 0]} />
+                <Bar dataKey="revenue" name={t('shopeeAnalytics.barGrossRevenue', '฿ ยอดขาย (Gross)')} fill="#4ade80" radius={[4, 4, 0, 0]} />
+                <Bar dataKey="net" name={t('shopeeAnalytics.barNetRevenue', '฿ รายได้สุทธิ (Net)')} fill="#22d3ee" radius={[4, 4, 0, 0]} />
+                <Bar dataKey="commission" name={t('shopeeAnalytics.barCommission', '฿ ค่าคอม')} fill="#f87171" radius={[4, 4, 0, 0]} />
               </BarChart>
             </ResponsiveContainer>
           </div>
         ) : (
-          <p className="text-slate-500 text-center py-10">ยังไม่มีข้อมูลรายเดือน</p>
+          <p className="text-slate-500 text-center py-10">{t('shopeeAnalytics.noMonthlyData', 'ยังไม่มีข้อมูลรายเดือน')}</p>
         )}
       </div>
 
@@ -353,7 +398,7 @@ export default function ShopeeAnalyticsPage() {
         <div className="bg-white/5 border border-white/10 rounded-2xl p-6">
           <div className="flex items-center gap-2 mb-6">
             <ShoppingBag className="w-5 h-5 text-cyan-glow" />
-            <h2 className="text-lg font-bold text-white">จำนวนคำสั่งซื้อรายเดือน</h2>
+            <h2 className="text-lg font-bold text-white">{t('shopeeAnalytics.monthlyOrdersTitle', 'จำนวนคำสั่งซื้อรายเดือน')}</h2>
           </div>
           <div className="h-[220px]">
             <ResponsiveContainer width="100%" height="100%">
@@ -362,8 +407,8 @@ export default function ShopeeAnalyticsPage() {
                 <XAxis dataKey="label" stroke="#64748b" tick={{ fontSize: 11 }} />
                 <YAxis stroke="#64748b" tick={{ fontSize: 11 }} />
                 <Tooltip content={<CustomTooltip />} />
-                <Line type="monotone" dataKey="orders" name="คำสั่งซื้อ" stroke="#f97316" strokeWidth={2} dot={{ r: 4, fill: '#f97316' }} />
-                <Line type="monotone" dataKey="items" name="จำนวนสินค้า (ชิ้น)" stroke="#818cf8" strokeWidth={2} dot={{ r: 4, fill: '#818cf8' }} />
+                <Line type="monotone" dataKey="orders" name={t('shopeeAnalytics.lineOrders', 'คำสั่งซื้อ')} stroke="#f97316" strokeWidth={2} dot={{ r: 4, fill: '#f97316' }} />
+                <Line type="monotone" dataKey="items" name={t('shopeeAnalytics.lineItems', 'จำนวนสินค้า (ชิ้น)')} stroke="#818cf8" strokeWidth={2} dot={{ r: 4, fill: '#818cf8' }} />
               </LineChart>
             </ResponsiveContainer>
           </div>
@@ -377,7 +422,7 @@ export default function ShopeeAnalyticsPage() {
         <div className="bg-white/5 border border-white/10 rounded-2xl p-6">
           <div className="flex items-center gap-2 mb-6">
             <CheckCircle2 className="w-5 h-5 text-emerald-400" />
-            <h2 className="text-lg font-bold text-white">สัดส่วนสถานะคำสั่งซื้อ</h2>
+            <h2 className="text-lg font-bold text-white">{t('shopeeAnalytics.statusBreakdownTitle', 'สัดส่วนสถานะคำสั่งซื้อ')}</h2>
           </div>
           <div className="grid grid-cols-2 gap-4 items-center">
             <div className="h-[200px]">
@@ -409,7 +454,7 @@ export default function ShopeeAnalyticsPage() {
         <div className="bg-white/5 border border-white/10 rounded-2xl p-6">
           <div className="flex items-center gap-2 mb-6">
             <DollarSign className="w-5 h-5 text-amber-400" />
-            <h2 className="text-lg font-bold text-white">ช่องทางการชำระเงิน</h2>
+            <h2 className="text-lg font-bold text-white">{t('shopeeAnalytics.paymentMethodTitle', 'ช่องทางการชำระเงิน')}</h2>
           </div>
           <div className="space-y-3">
             {paymentBreakdown.map((p: any, i: number) => {
@@ -418,7 +463,9 @@ export default function ShopeeAnalyticsPage() {
                 <div key={i} className="space-y-1">
                   <div className="flex justify-between text-xs">
                     <span className="text-slate-300 truncate max-w-[160px]" title={p.method}>{p.method}</span>
-                    <span className="text-slate-400 ml-2">{p.count} ออเดอร์ · {fmt(pct, 0)}%</span>
+                    <span className="text-slate-400 ml-2">
+                      {t('shopeeAnalytics.ordersCountAndPct', { count: p.count, pct: fmt(pct, 0), defaultValue: `${p.count} ออเดอร์ · ${fmt(pct, 0)}%` })}
+                    </span>
                   </div>
                   <div className="h-1.5 rounded-full bg-white/5 overflow-hidden">
                     <div
@@ -437,19 +484,19 @@ export default function ShopeeAnalyticsPage() {
       <div className="bg-white/5 border border-white/10 rounded-2xl p-6">
         <div className="flex items-center gap-2 mb-6">
           <Package className="w-5 h-5 text-purple-400" />
-          <h2 className="text-lg font-bold text-white">Top 10 สินค้าขายดี (by ยอดเงิน)</h2>
+          <h2 className="text-lg font-bold text-white">{t('shopeeAnalytics.topProductsTitle', 'Top 10 สินค้าขายดี (by ยอดเงิน)')}</h2>
         </div>
         <div className="overflow-x-auto">
           <table className="w-full text-sm text-left">
             <thead className="text-xs text-slate-400 uppercase bg-white/[0.03] border-b border-white/10">
               <tr>
                 <th className="px-4 py-3">#</th>
-                <th className="px-4 py-3">สินค้า</th>
-                <th className="px-4 py-3">ตัวเลือก</th>
-                <th className="px-4 py-3 text-right">ชิ้น</th>
-                <th className="px-4 py-3 text-right">ออเดอร์</th>
-                <th className="px-4 py-3 text-right">ยอดรายได้</th>
-                <th className="px-4 py-3 text-right">% จากยอดรวม</th>
+                <th className="px-4 py-3">{t('shopeeAnalytics.thProduct', 'สินค้า')}</th>
+                <th className="px-4 py-3">{t('shopeeAnalytics.thVariation', 'ตัวเลือก')}</th>
+                <th className="px-4 py-3 text-right">{t('shopeeAnalytics.thUnits', 'ชิ้น')}</th>
+                <th className="px-4 py-3 text-right">{t('shopeeAnalytics.thOrders', 'ออเดอร์')}</th>
+                <th className="px-4 py-3 text-right">{t('shopeeAnalytics.thRevenue', 'ยอดรายได้')}</th>
+                <th className="px-4 py-3 text-right">{t('shopeeAnalytics.thPercentTotal', '% จากยอดรวม')}</th>
               </tr>
             </thead>
             <tbody>
@@ -487,20 +534,22 @@ export default function ShopeeAnalyticsPage() {
       <div className="bg-white/5 border border-white/10 rounded-2xl p-6">
         <div className="flex items-center gap-2 mb-6">
           <ReceiptText className="w-5 h-5 text-rose-400" />
-          <h2 className="text-lg font-bold text-white">สรุปค่าใช้จ่าย (Cost Breakdown)</h2>
+          <h2 className="text-lg font-bold text-white">{t('shopeeAnalytics.costBreakdownTitle', 'สรุปค่าใช้จ่าย (Cost Breakdown)')}</h2>
         </div>
         <div className="grid sm:grid-cols-2 lg:grid-cols-4 gap-4 mb-6">
           {[
-            { label: 'ยอดขาย Gross', value: summary.totalRevenue, color: 'text-emerald-400', bar: 'bg-emerald-400' },
-            { label: 'หัก: ค่าคอมมิชชั่น', value: -summary.totalCommission, color: 'text-rose-400', bar: 'bg-rose-400' },
-            { label: 'หัก: ค่าจัดส่ง (ผู้ซื้อ)', value: -summary.totalShipping, color: 'text-orange-400', bar: 'bg-orange-400' },
-            { label: '= รายได้สุทธิ', value: summary.netRevenue, color: 'text-cyan-glow', bar: 'bg-cyan-glow', highlight: true },
+            { label: t('shopeeAnalytics.stepGross', 'ยอดขาย Gross'), value: summary.totalRevenue, color: 'text-emerald-400', bar: 'bg-emerald-400' },
+            { label: t('shopeeAnalytics.stepCommission', 'หัก: ค่าคอมมิชชั่น'), value: -summary.totalCommission, color: 'text-rose-400', bar: 'bg-rose-400' },
+            { label: t('shopeeAnalytics.stepShipping', 'หัก: ค่าจัดส่ง (ผู้ซื้อ)'), value: -summary.totalShipping, color: 'text-orange-400', bar: 'bg-orange-400' },
+            { label: t('shopeeAnalytics.stepNet', '= รายได้สุทธิ'), value: summary.netRevenue, color: 'text-cyan-glow', bar: 'bg-cyan-glow', highlight: true },
           ].map((item, i) => (
             <div key={i} className={`p-4 rounded-xl border ${item.highlight ? 'border-cyan-glow/20 bg-cyan-glow/5' : 'border-white/10 bg-white/[0.02]'}`}>
               <p className="text-[10px] uppercase tracking-widest text-slate-500 mb-1">{item.label}</p>
               <p className={`text-xl font-bold font-mono ${item.color}`}>{fmtCurrency(Math.abs(item.value))}</p>
               {summary.totalRevenue > 0 && (
-                <p className="text-[10px] text-slate-600 mt-1">{fmt(Math.abs(item.value / summary.totalRevenue) * 100, 1)}% ของยอด</p>
+                <p className="text-[10px] text-slate-600 mt-1">
+                  {t('shopeeAnalytics.percentOfSales', { pct: fmt(Math.abs(item.value / summary.totalRevenue) * 100, 1), defaultValue: `${fmt(Math.abs(item.value / summary.totalRevenue) * 100, 1)}% ของยอด` })}
+                </p>
               )}
             </div>
           ))}
@@ -515,9 +564,18 @@ export default function ShopeeAnalyticsPage() {
           )}
         </div>
         <div className="flex gap-6 mt-3 text-[10px] text-slate-500">
-          <span className="flex items-center gap-1.5"><span className="w-2.5 h-2.5 rounded-full bg-rose-400/70" /> Commission ({fmt(summary.commissionRate, 1)}%)</span>
-          <span className="flex items-center gap-1.5"><span className="w-2.5 h-2.5 rounded-full bg-orange-400/70" /> ค่าจัดส่ง ({fmt(summary.totalRevenue > 0 ? (summary.totalShipping / summary.totalRevenue) * 100 : 0, 1)}%)</span>
-          <span className="flex items-center gap-1.5"><span className="w-2.5 h-2.5 rounded-full bg-cyan-glow/60" /> Net ({fmt(summary.totalRevenue > 0 ? (summary.netRevenue / summary.totalRevenue) * 100 : 0, 1)}%)</span>
+          <span className="flex items-center gap-1.5">
+            <span className="w-2.5 h-2.5 rounded-full bg-rose-400/70" />
+            {t('shopeeAnalytics.legendCommission', { rate: fmt(summary.commissionRate, 1), defaultValue: `Commission (${fmt(summary.commissionRate, 1)}%)` })}
+          </span>
+          <span className="flex items-center gap-1.5">
+            <span className="w-2.5 h-2.5 rounded-full bg-orange-400/70" />
+            {t('shopeeAnalytics.legendShipping', { rate: fmt(summary.totalRevenue > 0 ? (summary.totalShipping / summary.totalRevenue) * 100 : 0, 1), defaultValue: `ค่าจัดส่ง (${fmt(summary.totalRevenue > 0 ? (summary.totalShipping / summary.totalRevenue) * 100 : 0, 1)}%)` })}
+          </span>
+          <span className="flex items-center gap-1.5">
+            <span className="w-2.5 h-2.5 rounded-full bg-cyan-glow/60" />
+            {t('shopeeAnalytics.legendNet', { rate: fmt(summary.totalRevenue > 0 ? (summary.netRevenue / summary.totalRevenue) * 100 : 0, 1), defaultValue: `Net (${fmt(summary.totalRevenue > 0 ? (summary.netRevenue / summary.totalRevenue) * 100 : 0, 1)}%)` })}
+          </span>
         </div>
       </div>
 
diff --git a/apps/admin/src/pages/ShopeeOverviewPage.tsx b/apps/admin/src/pages/ShopeeOverviewPage.tsx
index 4c8b467..d4e55b5 100644
--- a/apps/admin/src/pages/ShopeeOverviewPage.tsx
+++ b/apps/admin/src/pages/ShopeeOverviewPage.tsx
@@ -1,5 +1,6 @@
 import { useState, useEffect } from 'react';
 import { Link } from 'react-router-dom';
+import { useTranslation } from 'react-i18next';
 import {
   BarChart, Bar, XAxis, YAxis, Tooltip, ResponsiveContainer, CartesianGrid,
   PieChart, Pie, Cell, Legend,
@@ -43,16 +44,17 @@ function getPresetRange(preset: Preset): { from: string; to: string } {
   if (preset === 'last12m')   { const f = new Date(now); f.setFullYear(f.getFullYear() - 1); return { from: toISO(f), to: today }; }
   return { from: '', to: '' };
 }
-const PRESETS: { key: Preset; label: string }[] = [
-  { key: '7d', label: '7 วัน' },
-  { key: '30d', label: '30 วัน' },
-  { key: '90d', label: '90 วัน' },
-  { key: 'thisMonth', label: 'เดือนนี้' },
-  { key: 'lastMonth', label: 'เดือนที่แล้ว' },
-  { key: 'year', label: 'ปีนี้' },
-  { key: 'lastYear', label: 'ปีที่แล้ว' },
-  { key: 'last12m', label: '12 เดือนที่ผ่านมา' },
-  { key: 'all', label: 'ทั้งหมด' },
+
+const PRESET_CONFIG: { key: Preset; i18nKey: string; fallback: string }[] = [
+  { key: '7d', i18nKey: 'analytics.preset7d', fallback: '7 วัน' },
+  { key: '30d', i18nKey: 'analytics.preset30d', fallback: '30 วัน' },
+  { key: '90d', i18nKey: 'analytics.preset90d', fallback: '90 วัน' },
+  { key: 'thisMonth', i18nKey: 'analytics.presetThisMonth', fallback: 'เดือนนี้' },
+  { key: 'lastMonth', i18nKey: 'analytics.presetLastMonth', fallback: 'เดือนที่แล้ว' },
+  { key: 'year', i18nKey: 'analytics.presetThisYear', fallback: 'ปีนี้' },
+  { key: 'lastYear', i18nKey: 'analytics.presetLastYear', fallback: 'ปีที่แล้ว' },
+  { key: 'last12m', i18nKey: 'analytics.presetLast12m', fallback: '12 เดือนที่ผ่านมา' },
+  { key: 'all', i18nKey: 'analytics.presetAll', fallback: 'ทั้งหมด' },
 ];
 
 function authHeaders() {
@@ -93,6 +95,7 @@ const CustomTooltip = ({ active, payload, label }: any) => {
 };
 
 export default function ShopeeOverviewPage() {
+  const { t } = useTranslation();
   const [data, setData] = useState<any>(null);
   const [loading, setLoading] = useState(true);
   const [error, setError] = useState<string | null>(null);
@@ -129,13 +132,11 @@ export default function ShopeeOverviewPage() {
     loadData(dateFrom, dateTo);
   };
 
-
-
   if (loading) {
     return (
       <div className="flex items-center justify-center h-[60vh] gap-3 animate-pulse">
         <Loader2 className="w-8 h-8 text-cyan-glow animate-spin" />
-        <span className="text-slate-500">กำลังรวมข้อมูลทุกร้าน...</span>
+        <span className="text-slate-500">{t('shopeeOverview.loading', 'กำลังรวมข้อมูลทุกร้าน...')}</span>
       </div>
     );
   }
@@ -144,9 +145,9 @@ export default function ShopeeOverviewPage() {
     return (
       <div className="flex flex-col items-center justify-center h-[60vh] gap-4">
         <Store className="w-14 h-14 text-slate-700" />
-        <p className="text-slate-500">{error || 'ยังไม่มีข้อมูล — กรุณา Import ไฟล์ก่อน'}</p>
+        <p className="text-slate-500">{error || t('shopeeOverview.noData', 'ยังไม่มีข้อมูล — กรุณา Import ไฟล์ก่อน')}</p>
         <Link to="/shopee" className="flex items-center gap-2 px-4 py-2 rounded-xl bg-white/5 border border-white/10 text-slate-300 text-sm">
-          ← กลับ
+          ← {t('shopeeOverview.backToShopee', 'กลับหน้า Shopee')}
         </Link>
       </div>
     );
@@ -168,7 +169,7 @@ export default function ShopeeOverviewPage() {
           </div>
           <div>
             <p className="text-xs text-slate-500 uppercase tracking-widest mb-0.5">Shopee</p>
-            <h1 className="text-3xl font-bold text-white tracking-tight">ภาพรวมทุกร้าน</h1>
+            <h1 className="text-3xl font-bold text-white tracking-tight">{t('shopeeOverview.headerTitle', 'ภาพรวมทุกร้าน')}</h1>
           </div>
         </div>
         <div className="flex gap-2">
@@ -190,7 +191,7 @@ export default function ShopeeOverviewPage() {
         {/* Preset Buttons */}
         <div className="flex items-center gap-1.5 flex-wrap">
           <Calendar className="w-4 h-4 text-slate-500 mr-1" />
-          {PRESETS.map(p => (
+          {PRESET_CONFIG.map(p => (
             <button
               key={p.key}
               onClick={() => applyPreset(p.key)}
@@ -200,7 +201,7 @@ export default function ShopeeOverviewPage() {
                   : 'bg-white/5 text-slate-400 border-white/10 hover:bg-white/10 hover:text-white'
               }`}
             >
-              {p.label}
+              {t(p.i18nKey, p.fallback)}
             </button>
           ))}
         </div>
@@ -209,12 +210,12 @@ export default function ShopeeOverviewPage() {
 
         {/* Custom date range */}
         <div className="flex items-center gap-2 flex-wrap">
-          <span className="text-xs text-slate-500">กำหนดเอง:</span>
+          <span className="text-xs text-slate-500">{t('analytics.customRange', 'กำหนดเอง:')}</span>
           <input
             type="date" value={dateFrom} onChange={e => setDateFrom(e.target.value)}
             className="px-3 py-1.5 rounded-lg bg-black/30 border border-white/10 text-slate-300 text-xs focus:border-cyan-glow/40 focus:outline-none"
           />
-          <span className="text-slate-600 text-xs">ถึง</span>
+          <span className="text-slate-600 text-xs">{t('analytics.to', 'ถึง')}</span>
           <input
             type="date" value={dateTo} onChange={e => setDateTo(e.target.value)}
             className="px-3 py-1.5 rounded-lg bg-black/30 border border-white/10 text-slate-300 text-xs focus:border-cyan-glow/40 focus:outline-none"
@@ -223,7 +224,7 @@ export default function ShopeeOverviewPage() {
             onClick={applyCustom}
             className="px-4 py-1.5 rounded-lg bg-cyan-glow/10 border border-cyan-glow/20 text-cyan-glow text-xs font-medium hover:bg-cyan-glow/20 transition-all"
           >
-            ดูข้อมูล
+            {t('analytics.apply', 'ดูข้อมูล')}
           </button>
         </div>
 
@@ -237,20 +238,42 @@ export default function ShopeeOverviewPage() {
               onClick={() => { setDateFrom(''); setDateTo(''); setPreset('all'); loadData('', ''); }}
               className="text-[10px] text-slate-500 hover:text-rose-400 transition-colors"
             >
-              ✕ ล้าง
+              ✕ {t('analytics.clear', 'ล้าง')}
             </button>
           </div>
         )}
       </div>
 
-
-
       {/* Grand KPI Row */}
       <div className="grid grid-cols-2 lg:grid-cols-4 gap-4">
-        <KPICard label="ยอดขายรวมทุกร้าน" value={fmtB(totals.totalRevenue)} sub={`${fmt(totals.totalOrders)} คำสั่งซื้อ`} color="text-emerald-400" icon={DollarSign} />
-        <KPICard label="รายได้สุทธิรวม" value={fmtB(totals.netRevenue)} sub={`Margin ${fmt(totals.totalRevenue > 0 ? (totals.netRevenue / totals.totalRevenue) * 100 : 0, 1)}%`} color="text-cyan-glow" icon={TrendingUp} />
-        <KPICard label="ค่าคอมมิชชั่นรวม" value={fmtB(totals.totalCommission)} sub={`${fmt(totals.commissionRate, 1)}% ของยอดขาย`} color="text-rose-400" icon={ReceiptText} />
-        <KPICard label="AOV รวม" value={fmtB(totals.aov)} sub={`ยกเลิก ${fmt(totals.cancelRate, 1)}%`} color="text-amber-400" icon={ShoppingCart} />
+        <KPICard
+          label={t('shopeeOverview.grandRevenue', 'ยอดขายรวมทุกร้าน')}
+          value={fmtB(totals.totalRevenue)}
+          sub={t('shopeeOverview.ordersCount', { count: fmt(totals.totalOrders), defaultValue: `${fmt(totals.totalOrders)} คำสั่งซื้อ` })}
+          color="text-emerald-400"
+          icon={DollarSign}
+        />
+        <KPICard
+          label={t('shopeeOverview.grandNetRevenue', 'รายได้สุทธิรวม')}
+          value={fmtB(totals.netRevenue)}
+          sub={t('shopeeOverview.marginSub', { margin: fmt(totals.totalRevenue > 0 ? (totals.netRevenue / totals.totalRevenue) * 100 : 0, 1), defaultValue: `Margin ${fmt(totals.totalRevenue > 0 ? (totals.netRevenue / totals.totalRevenue) * 100 : 0, 1)}%` })}
+          color="text-cyan-glow"
+          icon={TrendingUp}
+        />
+        <KPICard
+          label={t('shopeeOverview.grandCommission', 'ค่าคอมมิชชั่นรวม')}
+          value={fmtB(totals.totalCommission)}
+          sub={t('shopeeOverview.commissionRateSub', { rate: fmt(totals.commissionRate, 1), defaultValue: `${fmt(totals.commissionRate, 1)}% ของยอดขาย` })}
+          color="text-rose-400"
+          icon={ReceiptText}
+        />
+        <KPICard
+          label={t('shopeeOverview.grandAov', 'AOV รวม')}
+          value={fmtB(totals.aov)}
+          sub={t('shopeeOverview.cancelRateSub', { rate: fmt(totals.cancelRate, 1), defaultValue: `ยกเลิก ${fmt(totals.cancelRate, 1)}%` })}
+          color="text-amber-400"
+          icon={ShoppingCart}
+        />
       </div>
 
       {/* Per-Shop Cards */}
@@ -271,19 +294,19 @@ export default function ShopeeOverviewPage() {
                   <p className="text-[10px] font-mono text-slate-500">{s.shop}</p>
                 </div>
                 <span className="text-xs font-bold px-2 py-1 rounded-lg" style={{ backgroundColor: `${hex}20`, color: hex }}>
-                  {fmt(revShare, 1)}% of total
+                  {t('shopeeOverview.percentOfTotal', { pct: fmt(revShare, 1), defaultValue: `${fmt(revShare, 1)}% of total` })}
                 </span>
               </div>
 
               {/* Stats grid */}
               <div className="grid grid-cols-2 gap-3 text-xs">
                 {[
-                  { label: 'ยอดขาย', value: fmtB(s.revenue), color: 'text-emerald-400' },
-                  { label: 'สุทธิ', value: fmtB(s.net), color: 'text-cyan-glow' },
-                  { label: 'คำสั่งซื้อ', value: fmt(s.orders), color: 'text-white' },
-                  { label: 'ค่าคอม', value: fmtB(s.commission), color: 'text-rose-400' },
-                  { label: 'ยกเลิก', value: `${fmt(s.cancelRate, 1)}%`, color: 'text-amber-400' },
-                  { label: 'AOV', value: fmtB(s.aov), color: 'text-purple-400' },
+                  { label: t('shopeeOverview.statRevenue', 'ยอดขาย'), value: fmtB(s.revenue), color: 'text-emerald-400' },
+                  { label: t('shopeeOverview.statNet', 'สุทธิ'), value: fmtB(s.net), color: 'text-cyan-glow' },
+                  { label: t('shopeeOverview.statOrders', 'คำสั่งซื้อ'), value: fmt(s.orders), color: 'text-white' },
+                  { label: t('shopeeOverview.statCommission', 'ค่าคอม'), value: fmtB(s.commission), color: 'text-rose-400' },
+                  { label: t('shopeeOverview.statCancelled', 'ยกเลิก'), value: `${fmt(s.cancelRate, 1)}%`, color: 'text-amber-400' },
+                  { label: t('shopeeOverview.statAov', 'AOV'), value: fmtB(s.aov), color: 'text-purple-400' },
                 ].map(item => (
                   <div key={item.label}>
                     <p className="text-slate-500 text-[10px] uppercase tracking-wider">{item.label}</p>
@@ -304,7 +327,7 @@ export default function ShopeeOverviewPage() {
                 className="flex items-center justify-center gap-1.5 w-full py-2 rounded-xl text-xs font-medium border transition-all hover:opacity-90"
                 style={{ borderColor: `${hex}30`, backgroundColor: `${hex}10`, color: hex }}
               >
-                <TrendingUp className="w-3.5 h-3.5" /> ดู Analytics
+                <TrendingUp className="w-3.5 h-3.5" /> {t('shopeeOverview.viewAnalytics', 'ดู Analytics')}
               </Link>
             </div>
           );
@@ -315,7 +338,7 @@ export default function ShopeeOverviewPage() {
       <div className="bg-white/5 border border-white/10 rounded-2xl p-6">
         <div className="flex items-center gap-2 mb-6">
           <TrendingUp className="w-5 h-5 text-cyan-glow" />
-          <h2 className="text-lg font-bold text-white">ยอดขายรายเดือน (แยกตามร้าน)</h2>
+          <h2 className="text-lg font-bold text-white">{t('shopeeOverview.monthlySalesTitle', 'ยอดขายรายเดือน (แยกตามร้าน)')}</h2>
         </div>
         {monthly.length > 0 ? (
           <div className="h-[320px]">
@@ -333,7 +356,7 @@ export default function ShopeeOverviewPage() {
             </ResponsiveContainer>
           </div>
         ) : (
-          <p className="text-slate-500 text-center py-10">ยังไม่มีข้อมูลรายเดือน</p>
+          <p className="text-slate-500 text-center py-10">{t('shopeeOverview.noMonthlyData', 'ยังไม่มีข้อมูลรายเดือน')}</p>
         )}
       </div>
 
@@ -344,7 +367,7 @@ export default function ShopeeOverviewPage() {
         <div className="bg-white/5 border border-white/10 rounded-2xl p-6">
           <div className="flex items-center gap-2 mb-6">
             <BadgePercent className="w-5 h-5 text-amber-400" />
-            <h2 className="text-lg font-bold text-white">สัดส่วนยอดขายตามร้าน</h2>
+            <h2 className="text-lg font-bold text-white">{t('shopeeOverview.salesShareTitle', 'สัดส่วนยอดขายตามร้าน')}</h2>
           </div>
           <div className="flex items-center gap-6">
             <div className="h-[220px] flex-1">
@@ -376,17 +399,17 @@ export default function ShopeeOverviewPage() {
         <div className="bg-white/5 border border-white/10 rounded-2xl p-6">
           <div className="flex items-center gap-2 mb-6">
             <Store className="w-5 h-5 text-slate-400" />
-            <h2 className="text-lg font-bold text-white">เปรียบเทียบร้าน</h2>
+            <h2 className="text-lg font-bold text-white">{t('shopeeOverview.shopComparisonTitle', 'เปรียบเทียบร้าน')}</h2>
           </div>
           <div className="overflow-x-auto">
             <table className="w-full text-xs">
               <thead className="text-slate-500 uppercase border-b border-white/10">
                 <tr>
-                  <th className="pb-3 text-left">ร้าน</th>
-                  <th className="pb-3 text-right">ยอดขาย</th>
-                  <th className="pb-3 text-right">สุทธิ</th>
-                  <th className="pb-3 text-right">ออเดอร์</th>
-                  <th className="pb-3 text-right">ยกเลิก</th>
+                  <th className="pb-3 text-left">{t('shopeeOverview.thShop', 'ร้าน')}</th>
+                  <th className="pb-3 text-right">{t('shopeeOverview.thRevenue', 'ยอดขาย')}</th>
+                  <th className="pb-3 text-right">{t('shopeeOverview.thNet', 'สุทธิ')}</th>
+                  <th className="pb-3 text-right">{t('shopeeOverview.thOrders', 'ออเดอร์')}</th>
+                  <th className="pb-3 text-right">{t('shopeeOverview.thCancelled', 'ยกเลิก')}</th>
                 </tr>
               </thead>
               <tbody className="divide-y divide-white/5">
@@ -406,7 +429,7 @@ export default function ShopeeOverviewPage() {
                 ))}
                 {/* Total row */}
                 <tr className="bg-white/[0.03]">
-                  <td className="py-3 font-bold text-white text-xs">รวมทั้งหมด</td>
+                  <td className="py-3 font-bold text-white text-xs">{t('shopeeOverview.totalAll', 'รวมทั้งหมด')}</td>
                   <td className="py-3 text-right font-mono font-bold text-emerald-400">{fmtB(totals.totalRevenue)}</td>
                   <td className="py-3 text-right font-mono font-bold text-cyan-glow">{fmtB(totals.netRevenue)}</td>
                   <td className="py-3 text-right font-mono font-bold text-slate-300">{fmt(totals.totalOrders)}</td>
@@ -422,18 +445,18 @@ export default function ShopeeOverviewPage() {
       <div className="bg-white/5 border border-white/10 rounded-2xl p-6">
         <div className="flex items-center gap-2 mb-6">
           <Package className="w-5 h-5 text-purple-400" />
-          <h2 className="text-lg font-bold text-white">Top 10 สินค้าขายดี — รวมทุกร้าน</h2>
+          <h2 className="text-lg font-bold text-white">{t('shopeeOverview.topProductsTitle', 'Top 10 สินค้าขายดี — รวมทุกร้าน')}</h2>
         </div>
         <div className="overflow-x-auto">
           <table className="w-full text-sm">
             <thead className="text-xs text-slate-500 uppercase border-b border-white/10">
               <tr>
                 <th className="pb-3 text-left w-8">#</th>
-                <th className="pb-3 text-left">สินค้า</th>
-                <th className="pb-3 text-left">ตัวเลือก</th>
-                <th className="pb-3 text-right">ชิ้น</th>
-                <th className="pb-3 text-right">ยอดรายได้</th>
-                <th className="pb-3 text-right">% รวม</th>
+                <th className="pb-3 text-left">{t('shopeeOverview.thProduct', 'สินค้า')}</th>
+                <th className="pb-3 text-left">{t('shopeeOverview.thVariation', 'ตัวเลือก')}</th>
+                <th className="pb-3 text-right">{t('shopeeOverview.thUnits', 'ชิ้น')}</th>
+                <th className="pb-3 text-right">{t('shopeeOverview.thProductRevenue', 'ยอดรายได้')}</th>
+                <th className="pb-3 text-right">{t('shopeeOverview.thPercentTotal', '% รวม')}</th>
               </tr>
             </thead>
             <tbody className="divide-y divide-white/5">
diff --git a/apps/admin/src/pages/ShopeeSalesMapPage.tsx b/apps/admin/src/pages/ShopeeSalesMapPage.tsx
index 2f75f63..56477b9 100644
--- a/apps/admin/src/pages/ShopeeSalesMapPage.tsx
+++ b/apps/admin/src/pages/ShopeeSalesMapPage.tsx
@@ -4,16 +4,18 @@ import {
   Filter, Calendar, Table2, Search,
   MapPin,
 } from 'lucide-react';
+import { useTranslation } from 'react-i18next';
 import { API_BASE } from '@homaroma/types';
 import ThailandMapSvg from '../components/tiktok-map/ThailandMapSvg';
 import DistrictMapModal from '../components/tiktok-map/DistrictMapModal';
-import { fmtBaht, fmtNum } from '../utils/thaiGeoUtils';
+import { fmtBaht, fmtNum, getLocalizedProvinceName, getLocalizedRegionName } from '../utils/thaiGeoUtils';
 import { SHOPEE_SHOPS } from './ShopeePage';
 
 type ViewMode = 'map' | 'list';
 type TimePeriod = 'all' | '30days' | 'this_year' | 'custom';
 
 export default function ShopeeSalesMapPage() {
+  const { t, i18n } = useTranslation();
   const [viewMode, setViewMode] = useState<ViewMode>('map');
   const [shop, setShop] = useState('all');
   const [period, setPeriod] = useState<TimePeriod>('all');
@@ -93,11 +95,11 @@ export default function ShopeeSalesMapPage() {
           <div>
             <div className="flex items-center gap-2">
               <h1 className="text-2xl md:text-3xl font-bold tracking-tight text-white">
-                แผนที่ยอดขายประเทศไทย (Shopee Sales Map)
+                {t('shopeeSalesMap.pageTitle')}
               </h1>
             </div>
             <p className="text-xs text-slate-400 mt-0.5">
-              วิเคราะห์การกระจายตัวของยอดขาย Shopee และศักยภาพลูกค้าแยกตาม 77 จังหวัด
+              {t('shopeeSalesMap.pageSubtitle')}
             </p>
           </div>
         </div>
@@ -108,23 +110,23 @@ export default function ShopeeSalesMapPage() {
           <div className="flex items-center p-1 bg-slate-900 border border-white/10 rounded-xl">
             <button
               onClick={() => setViewMode('map')}
-              className={`flex items-center gap-1.5 px-3 py-1.5 rounded-lg text-xs font-bold transition-all ${
+              className={`flex items-center gap-1.5 px-3 py-1.5 rounded-lg text-xs font-bold transition-all cursor-pointer ${
                 viewMode === 'map'
                   ? 'bg-orange-500/20 text-orange-400 border border-orange-500/30'
                   : 'text-slate-400 hover:text-white'
               }`}
             >
-              <Map className="w-3.5 h-3.5" /> มุมมองแผนที่
+              <Map className="w-3.5 h-3.5" /> {t('shopeeSalesMap.viewMap')}
             </button>
             <button
               onClick={() => setViewMode('list')}
-              className={`flex items-center gap-1.5 px-3 py-1.5 rounded-lg text-xs font-bold transition-all ${
+              className={`flex items-center gap-1.5 px-3 py-1.5 rounded-lg text-xs font-bold transition-all cursor-pointer ${
                 viewMode === 'list'
                   ? 'bg-orange-500/20 text-orange-400 border border-orange-500/30'
                   : 'text-slate-400 hover:text-white'
               }`}
             >
-              <Table2 className="w-3.5 h-3.5" /> มุมมองรายการ
+              <Table2 className="w-3.5 h-3.5" /> {t('shopeeSalesMap.viewList')}
             </button>
           </div>
 
@@ -132,9 +134,9 @@ export default function ShopeeSalesMapPage() {
           <select
             value={shop}
             onChange={(e) => setShop(e.target.value)}
-            className="bg-slate-900 border border-white/10 text-xs text-slate-300 rounded-xl px-3 py-2 font-medium focus:outline-none focus:border-orange-500/50"
+            className="bg-slate-900 border border-white/10 text-xs text-slate-300 rounded-xl px-3 py-2 font-medium focus:outline-none focus:border-orange-500/50 cursor-pointer"
           >
-            <option value="all">ทั้งหมด (ทุกร้าน)</option>
+            <option value="all">{t('shopeeSalesMap.allShops')}</option>
             {SHOPEE_SHOPS.map((s) => (
               <option key={s.id} value={s.id}>
                 {s.label}
@@ -146,12 +148,12 @@ export default function ShopeeSalesMapPage() {
           <select
             value={period}
             onChange={(e) => handlePeriodChange(e.target.value as TimePeriod)}
-            className="bg-slate-900 border border-white/10 text-xs text-slate-300 rounded-xl px-3 py-2 font-medium focus:outline-none focus:border-orange-500/50"
+            className="bg-slate-900 border border-white/10 text-xs text-slate-300 rounded-xl px-3 py-2 font-medium focus:outline-none focus:border-orange-500/50 cursor-pointer"
           >
-            <option value="all">ทั้งหมด (All Time)</option>
-            <option value="30days">30 วันล่าสุด</option>
-            <option value="this_year">ปีนี้</option>
-            <option value="custom">กำหนดเอง</option>
+            <option value="all">{t('shopeeSalesMap.periodAll')}</option>
+            <option value="30days">{t('shopeeSalesMap.period30Days')}</option>
+            <option value="this_year">{t('shopeeSalesMap.periodThisYear')}</option>
+            <option value="custom">{t('shopeeSalesMap.periodCustom')}</option>
           </select>
 
           {/* Custom Date Pickers */}
@@ -184,7 +186,7 @@ export default function ShopeeSalesMapPage() {
             className="flex items-center gap-1.5 px-4 py-2 rounded-xl bg-orange-500 hover:bg-orange-600 disabled:opacity-50 text-white font-bold text-xs transition-all shadow-lg shadow-orange-500/20 cursor-pointer"
           >
             {loading ? <span className="animate-spin">⏳</span> : <Filter className="w-3.5 h-3.5" />}
-            {loading ? 'กำลังโหลด...' : 'กรอง'}
+            {loading ? t('shopeeSalesMap.loading') : t('shopeeSalesMap.filter')}
           </button>
         </div>
       </div>
@@ -194,7 +196,7 @@ export default function ShopeeSalesMapPage() {
         {/* KPI 1 */}
         <div className="bg-slate-900/60 border border-white/10 rounded-2xl p-4 flex flex-col justify-between">
           <div className="flex items-center justify-between text-xs text-slate-400">
-            <span>ยอดขายรวม</span>
+            <span>{t('shopeeSalesMap.kpiTotalRevenue')}</span>
             <span className="text-orange-400 font-bold text-[11px] bg-orange-500/10 px-1.5 py-0.5 rounded-full border border-orange-500/20">
               Shopee
             </span>
@@ -203,28 +205,28 @@ export default function ShopeeSalesMapPage() {
             <p className="text-xl md:text-2xl font-bold text-white font-mono">
               {fmtBaht(mapData?.kpi?.totalRevenue || 0)}
             </p>
-            <p className="text-[10px] text-slate-500 mt-0.5">Shopee Total Revenue</p>
+            <p className="text-[10px] text-slate-500 mt-0.5">{t('shopeeSalesMap.kpiTotalRevenueSub')}</p>
           </div>
         </div>
 
         {/* KPI 2 */}
         <div className="bg-slate-900/60 border border-white/10 rounded-2xl p-4 flex flex-col justify-between">
           <div className="flex items-center justify-between text-xs text-slate-400">
-            <span>คำสั่งซื้อสะสม</span>
+            <span>{t('shopeeSalesMap.kpiTotalOrders')}</span>
             <ShoppingBag className="w-3.5 h-3.5 text-orange-400" />
           </div>
           <div className="mt-2">
             <p className="text-xl md:text-2xl font-bold text-white font-mono">
               {fmtNum(mapData?.kpi?.totalOrders || 0)}
             </p>
-            <p className="text-[10px] text-slate-500 mt-0.5">รวมทุกคำสั่งซื้อ Shopee</p>
+            <p className="text-[10px] text-slate-500 mt-0.5">{t('shopeeSalesMap.kpiTotalOrdersSub')}</p>
           </div>
         </div>
 
         {/* KPI 3 */}
         <div className="bg-slate-900/60 border border-white/10 rounded-2xl p-4 flex flex-col justify-between">
           <div className="flex items-center justify-between text-xs text-slate-400">
-            <span>การเข้าถึงจังหวัด</span>
+            <span>{t('shopeeSalesMap.kpiCoverage')}</span>
             <span className="text-emerald-400 font-bold text-[11px] font-mono">
               {(mapData?.kpi?.coveragePercent || 0).toFixed(1)}%
             </span>
@@ -232,41 +234,45 @@ export default function ShopeeSalesMapPage() {
           <div className="mt-2">
             <p className="text-xl md:text-2xl font-bold text-emerald-400 font-mono">
               {mapData?.kpi?.coverageCount || 0}{' '}
-              <span className="text-xs text-slate-500 font-normal">/ 77 จังหวัด</span>
+              <span className="text-xs text-slate-500 font-normal">{t('shopeeSalesMap.outOf77Provinces')}</span>
             </p>
-            <p className="text-[10px] text-slate-500 mt-0.5">ครอบคลุมทั่วประเทศ</p>
+            <p className="text-[10px] text-slate-500 mt-0.5">{t('shopeeSalesMap.nationwideCoverage')}</p>
           </div>
         </div>
 
         {/* KPI 4 */}
         <div className="bg-slate-900/60 border border-white/10 rounded-2xl p-4 flex flex-col justify-between">
           <div className="flex items-center justify-between text-xs text-slate-400">
-            <span>ยอดเฉลี่ย/ออเดอร์</span>
+            <span>{t('shopeeSalesMap.kpiAov')}</span>
             <DollarSign className="w-3.5 h-3.5 text-amber-400" />
           </div>
           <div className="mt-2">
             <p className="text-xl md:text-2xl font-bold text-amber-400 font-mono">
               {fmtBaht(mapData?.kpi?.aov || 0)}
             </p>
-            <p className="text-[10px] text-slate-500 mt-0.5">AOV คำนวณจากทุกคำสั่งซื้อ</p>
+            <p className="text-[10px] text-slate-500 mt-0.5">{t('shopeeSalesMap.aovSub')}</p>
           </div>
         </div>
 
         {/* KPI 5 */}
         <div className="bg-slate-900/60 border border-white/10 rounded-2xl p-4 flex flex-col justify-between col-span-2 md:col-span-1">
           <div className="flex items-center justify-between text-xs text-slate-400">
-            <span>ภาคที่มีสัดส่วนสูงสุด</span>
+            <span>{t('shopeeSalesMap.kpiTopRegion')}</span>
             <span className="text-orange-400 font-bold text-[10px] bg-orange-500/10 px-2 py-0.5 rounded-full border border-orange-500/20">
-              Top Region
+              {t('shopeeSalesMap.topRegionBadge')}
             </span>
           </div>
           <div className="mt-2">
             <p className="text-xl md:text-2xl font-bold text-white tracking-tight">
-              {mapData?.kpi?.topRegion?.name || 'ภาคกลาง'}
+              {mapData?.kpi?.topRegion?.name
+                ? getLocalizedRegionName(mapData.kpi.topRegion.name, i18n.language)
+                : getLocalizedRegionName('ภาคกลาง', i18n.language)}
             </p>
             <p className="text-[10px] text-slate-500 mt-0.5">
-              {fmtNum(mapData?.kpi?.topRegion?.orders || 0)} ออเดอร์ (
-              {fmtBaht(mapData?.kpi?.topRegion?.revenue || 0)})
+              {t('shopeeSalesMap.topRegionSub', {
+                count: fmtNum(mapData?.kpi?.topRegion?.orders || 0),
+                amount: fmtBaht(mapData?.kpi?.topRegion?.revenue || 0),
+              })}
             </p>
           </div>
         </div>
@@ -279,9 +285,9 @@ export default function ShopeeSalesMapPage() {
           <div className="lg:col-span-8 flex flex-col gap-4">
             <div className="bg-slate-900/60 border border-white/10 rounded-3xl p-5 md:p-6 flex flex-col">
               <div className="mb-4">
-                <h2 className="text-lg font-bold text-white">แผนที่ยอดขายประเทศไทย (Shopee)</h2>
+                <h2 className="text-lg font-bold text-white">{t('shopeeSalesMap.mapCardTitle')}</h2>
                 <p className="text-xs text-slate-400">
-                  สีเข้มหมายถึงยอดขายสูง คลิกจังหวัดเพื่อดูข้อมูลทั้งหมดของจังหวัดนั้น
+                  {t('shopeeSalesMap.mapCardSub')}
                 </p>
               </div>
 
@@ -306,21 +312,23 @@ export default function ShopeeSalesMapPage() {
                 <div className="md:col-span-5 flex flex-col bg-slate-950/70 border border-white/10 rounded-2xl p-5 space-y-4">
                   <div className="flex items-center justify-between text-xs">
                     <span className="text-slate-500 uppercase tracking-wider font-bold">
-                      จังหวัด
+                      {t('shopeeSalesMap.provinceLabel')}
                     </span>
                     {selectedProvince && (
                       <button
                         onClick={() => setSelectedProvince(null)}
-                        className="text-xs text-orange-400 hover:underline font-bold"
+                        className="text-xs text-orange-400 hover:underline font-bold cursor-pointer"
                       >
-                        ดูทั่วประเทศ
+                        {t('shopeeSalesMap.viewNationwide')}
                       </button>
                     )}
                   </div>
 
                   <div>
                     <h3 className="text-2xl md:text-3xl font-bold text-white tracking-tight">
-                      {currentProvinceInfo ? currentProvinceInfo.nameTh : 'ทั่วประเทศ'}
+                      {currentProvinceInfo
+                        ? getLocalizedProvinceName(currentProvinceInfo.nameTh, i18n.language)
+                        : t('shopeeSalesMap.nationwide')}
                     </h3>
                     <p className="text-2xl font-bold text-orange-400 font-mono mt-1">
                       {fmtBaht(
@@ -330,23 +338,24 @@ export default function ShopeeSalesMapPage() {
                       )}
                     </p>
                     <p className="text-xs text-slate-400 mt-1">
-                      {fmtNum(
-                        currentProvinceInfo
-                          ? currentProvinceInfo.orders
-                          : mapData?.kpi?.totalOrders || 0
-                      )}{' '}
-                      คำสั่งซื้อ •{' '}
-                      {currentProvinceInfo
-                        ? currentProvinceInfo.regionTh
-                        : `${mapData?.kpi?.coverageCount || 0} จังหวัดที่มียอดขาย`}
+                      {t('shopeeSalesMap.provinceCardSub', {
+                        orders: fmtNum(
+                          currentProvinceInfo
+                            ? currentProvinceInfo.orders
+                            : mapData?.kpi?.totalOrders || 0
+                        ),
+                        region: currentProvinceInfo
+                          ? getLocalizedRegionName(currentProvinceInfo.regionTh, i18n.language)
+                          : t('shopeeSalesMap.coverageCountText', { count: mapData?.kpi?.coverageCount || 0 }),
+                      })}
                     </p>
                   </div>
 
                   {/* Color Scale Legend */}
                   <div className="space-y-1.5 pt-2">
                     <div className="flex items-center justify-between text-[11px] text-slate-500">
-                      <span>ไม่มียอด</span>
-                      <span>ยอดสูง</span>
+                      <span>{t('shopeeSalesMap.noSales')}</span>
+                      <span>{t('shopeeSalesMap.highSales')}</span>
                     </div>
                     <div className="h-2 rounded-full bg-gradient-to-r from-slate-800 via-emerald-600 to-emerald-300 w-full" />
                   </div>
@@ -357,11 +366,11 @@ export default function ShopeeSalesMapPage() {
                       onClick={() => setIsModalOpen(true)}
                       className="w-full flex items-center justify-center gap-2 py-3 px-4 rounded-xl bg-orange-500 hover:bg-orange-600 text-white font-bold text-xs transition-all shadow-lg shadow-orange-500/20 cursor-pointer"
                     >
-                      <MapPin className="w-4 h-4" /> ดูรายละเอียดและแผนที่อำเภอ (Map Focus)
+                      <MapPin className="w-4 h-4" /> {t('shopeeSalesMap.btnDistrictFocus')}
                     </button>
                   ) : (
                     <div className="text-[11px] text-slate-500 leading-relaxed pt-1">
-                      เลือกจังหวัดแล้วทุกส่วนด้านล่างจะเปลี่ยนพร้อมกัน ทั้งแนวโน้ม กลุ่มสินค้า และร้านยอดสูง
+                      {t('shopeeSalesMap.selectProvinceHint')}
                     </div>
                   )}
                 </div>
@@ -374,7 +383,7 @@ export default function ShopeeSalesMapPage() {
             <div className="flex items-center justify-between pb-4 border-b border-white/10">
               <div className="flex items-center gap-2">
                 <Award className="w-5 h-5 text-orange-400" />
-                <h2 className="text-base font-bold text-white">จังหวัดยอดขายสูง (Shopee)</h2>
+                <h2 className="text-base font-bold text-white">{t('shopeeSalesMap.topProvincesTitle')}</h2>
               </div>
               <span className="text-xs text-slate-400 font-mono">Top 20</span>
             </div>
@@ -405,10 +414,13 @@ export default function ShopeeSalesMapPage() {
                       </span>
                       <div>
                         <p className="text-xs font-bold text-white flex items-center gap-1.5">
-                          {p.nameTh}
+                          {getLocalizedProvinceName(p.nameTh, i18n.language)}
                         </p>
                         <p className="text-[10px] text-slate-500">
-                          {p.orders} ออเดอร์ • {p.regionTh}
+                          {t('shopeeSalesMap.rankingItemSub', {
+                            orders: p.orders,
+                            region: getLocalizedRegionName(p.regionTh, i18n.language),
+                          })}
                         </p>
                       </div>
                     </div>
@@ -418,7 +430,7 @@ export default function ShopeeSalesMapPage() {
                         {fmtBaht(p.revenue)}
                       </p>
                       <p className="text-[9px] text-slate-500">
-                        AOV {fmtBaht(p.aov)}
+                        {t('shopeeSalesMap.rankingAov', { amount: fmtBaht(p.aov) })}
                       </p>
                     </div>
                   </div>
@@ -432,7 +444,7 @@ export default function ShopeeSalesMapPage() {
         <div className="bg-slate-900/60 border border-white/10 rounded-3xl p-6 space-y-4">
           <div className="flex items-center justify-between flex-wrap gap-3">
             <h2 className="text-base font-bold text-white">
-              ตารางสรุปยอดขาย Shopee แยกราย 77 จังหวัด
+              {t('shopeeSalesMap.tableTitle')}
             </h2>
             <div className="relative w-64">
               <Search className="w-3.5 h-3.5 absolute left-3 top-1/2 -translate-y-1/2 text-slate-500" />
@@ -440,7 +452,7 @@ export default function ShopeeSalesMapPage() {
                 type="text"
                 value={listSearch}
                 onChange={(e) => setListSearch(e.target.value)}
-                placeholder="ค้นหาชื่อจังหวัด หรือ ภาค..."
+                placeholder={t('shopeeSalesMap.searchPlaceholder')}
                 className="w-full bg-slate-950/80 border border-white/10 rounded-xl pl-9 pr-3 py-1.5 text-xs text-white placeholder-slate-500 focus:outline-none focus:border-orange-500/50"
               />
             </div>
@@ -450,13 +462,13 @@ export default function ShopeeSalesMapPage() {
             <table className="w-full text-xs text-left">
               <thead className="text-[11px] text-slate-400 uppercase bg-white/5 border-b border-white/10">
                 <tr>
-                  <th className="px-4 py-3">รหัส</th>
-                  <th className="px-4 py-3">จังหวัด</th>
-                  <th className="px-4 py-3">ภูมิภาค</th>
-                  <th className="px-4 py-3 text-right">ยอดขายรวม (฿)</th>
-                  <th className="px-4 py-3 text-right">จำนวนออเดอร์</th>
-                  <th className="px-4 py-3 text-right">AOV (฿/ออเดอร์)</th>
-                  <th className="px-4 py-3 text-center">จัดการ</th>
+                  <th className="px-4 py-3">{t('shopeeSalesMap.thCode')}</th>
+                  <th className="px-4 py-3">{t('shopeeSalesMap.thProvince')}</th>
+                  <th className="px-4 py-3">{t('shopeeSalesMap.thRegion')}</th>
+                  <th className="px-4 py-3 text-right">{t('shopeeSalesMap.thRevenue')}</th>
+                  <th className="px-4 py-3 text-right">{t('shopeeSalesMap.thOrders')}</th>
+                  <th className="px-4 py-3 text-right">{t('shopeeSalesMap.thAov')}</th>
+                  <th className="px-4 py-3 text-center">{t('shopeeSalesMap.thActions')}</th>
                 </tr>
               </thead>
               <tbody className="divide-y divide-white/5">
@@ -476,10 +488,12 @@ export default function ShopeeSalesMapPage() {
                     >
                       <td className="px-4 py-3 font-mono text-slate-500">{p.code}</td>
                       <td className="px-4 py-3 font-bold text-white">
-                        {p.nameTh}{' '}
-                        <span className="text-slate-500 text-[10px] font-mono">({p.nameEn})</span>
+                        {getLocalizedProvinceName(p.nameTh, i18n.language)}{' '}
+                        {i18n.language !== 'en' && (
+                          <span className="text-slate-500 text-[10px] font-mono">({p.nameEn})</span>
+                        )}
                       </td>
-                      <td className="px-4 py-3 text-slate-400">{p.regionTh}</td>
+                      <td className="px-4 py-3 text-slate-400">{getLocalizedRegionName(p.regionTh, i18n.language)}</td>
                       <td className="px-4 py-3 text-right font-mono font-bold text-orange-400">
                         {fmtBaht(p.revenue)}
                       </td>
@@ -497,7 +511,7 @@ export default function ShopeeSalesMapPage() {
                           }}
                           className="px-3 py-1 bg-orange-500/10 hover:bg-orange-500/20 text-orange-400 rounded-lg text-xs font-bold border border-orange-500/20 transition-colors inline-flex items-center gap-1 cursor-pointer"
                         >
-                          <MapPin className="w-3 h-3" /> แผนที่อำเภอ
+                          <MapPin className="w-3 h-3" /> {t('shopeeSalesMap.btnDistrictMap')}
                         </button>
                       </td>
                     </tr>
diff --git a/apps/admin/src/pages/ShopeeShopCasePage.tsx b/apps/admin/src/pages/ShopeeShopCasePage.tsx
index 9837e6c..c2cd8f0 100644
--- a/apps/admin/src/pages/ShopeeShopCasePage.tsx
+++ b/apps/admin/src/pages/ShopeeShopCasePage.tsx
@@ -1,4 +1,5 @@
 import { useState, useEffect } from 'react'
+import { useTranslation } from 'react-i18next'
 import { 
   Calculator, 
   Info, 
@@ -10,6 +11,7 @@ function fmt(val: number) {
 }
 
 export default function ShopeeShopCasePage() {
+  const { t } = useTranslation()
   const [resetKey, setResetKey] = useState(0)
   const [selectedCase, setSelectedCase] = useState<'case1' | 'case2' | 'case3'>('case1')
   
@@ -133,10 +135,10 @@ export default function ShopeeShopCasePage() {
             <div className="w-10 h-10 rounded-xl bg-orange-500/10 border border-orange-500/20 flex items-center justify-center">
               <Calculator className="w-5 h-5 text-orange-500" />
             </div>
-            <h1 className="text-2xl font-bold text-white tracking-tight">Shopee Shop Case</h1>
+            <h1 className="text-2xl font-bold text-white tracking-tight">{t('shopeeShopCase.pageTitle', 'Shopee Shop Case')}</h1>
           </div>
           <p className="text-sm text-slate-500 max-w-2xl">
-            ศึกษาโครงสร้างบิลรับเงินจริงจากระบบ Shopee พร้อมทั้งจำลองคำนวณราคาขาย, คูปองส่วนลดร้านค้า, ต้นทุน และประเมินสถิติกำไร & ROI ก่อนขายจริง
+            {t('shopeeShopCase.pageSubtitle', 'ศึกษาโครงสร้างบิลรับเงินจริงจากระบบ Shopee พร้อมทั้งจำลองคำนวณราคาขาย, คูปองส่วนลดร้านค้า, ต้นทุน และประเมินสถิติกำไร & ROI ก่อนขายจริง')}
           </p>
         </div>
         <button
@@ -160,10 +162,10 @@ export default function ShopeeShopCasePage() {
             }
           }}
           className="btn-ghost flex items-center gap-2 text-xs shrink-0"
-          title="รีเซ็ตทุกค่า"
+          title={t('shopeeShopCase.resetTitle', 'รีเซ็ตทุกค่า')}
         >
           <RefreshCw className="w-4 h-4" />
-          Reset
+          {t('shopeeShopCase.reset', 'Reset')}
         </button>
       </div>
 
@@ -172,7 +174,7 @@ export default function ShopeeShopCasePage() {
         <div className="flex items-center justify-between mb-4 flex-wrap gap-4 border-b border-white/5 pb-4">
           <div className="flex items-center gap-3">
             <Info className="w-5 h-5 text-orange-500" />
-            <h2 className="text-lg font-bold text-white">กรณีศึกษา & เครื่องมือจำลองค่าธรรมเนียมจริง (Shopee)</h2>
+            <h2 className="text-lg font-bold text-white">{t('shopeeShopCase.sectionTitle', 'กรณีศึกษา & เครื่องมือจำลองค่าธรรมเนียมจริง (Shopee)')}</h2>
           </div>
           <div className="flex items-center gap-2">
             <div className="flex p-1 bg-night-900 border border-white/10 rounded-lg">
@@ -181,21 +183,21 @@ export default function ShopeeShopCasePage() {
                 className={`px-3 py-1.5 text-xs font-medium rounded-md transition-all ${selectedCase === 'case1' ? 'bg-orange-500/20 text-orange-500' : 'text-slate-400 hover:text-white'}`}
                 onClick={() => setSelectedCase('case1')}
               >
-                ตัวอย่างที่ 1 (ยอด ฿79)
+                {t('shopeeShopCase.case1Btn', 'ตัวอย่างที่ 1 (ยอด ฿79)')}
               </button>
               <button
                 type="button"
                 className={`px-3 py-1.5 text-xs font-medium rounded-md transition-all ${selectedCase === 'case2' ? 'bg-orange-500/20 text-orange-500' : 'text-slate-400 hover:text-white'}`}
                 onClick={() => setSelectedCase('case2')}
               >
-                ตัวอย่างที่ 2 (ยอด ฿79 + AMS)
+                {t('shopeeShopCase.case2Btn', 'ตัวอย่างที่ 2 (ยอด ฿79 + AMS)')}
               </button>
               <button
                 type="button"
                 className={`px-3 py-1.5 text-xs font-medium rounded-md transition-all ${selectedCase === 'case3' ? 'bg-orange-500/20 text-orange-500' : 'text-slate-400 hover:text-white'}`}
                 onClick={() => setSelectedCase('case3')}
               >
-                ตัวอย่างที่ 3 (ยอด ฿190 + AMS)
+                {t('shopeeShopCase.case3Btn', 'ตัวอย่างที่ 3 (ยอด ฿190 + AMS)')}
               </button>
             </div>
             <button
@@ -219,37 +221,44 @@ export default function ShopeeShopCasePage() {
               }}
               className="btn-ghost text-xs py-1.5 px-3 rounded border border-white/10"
             >
-              ใช้ค่าตั้งต้นตัวอย่าง
+              {t('shopeeShopCase.useDefaultBtn', 'ใช้ค่าตั้งต้นตัวอย่าง')}
             </button>
           </div>
         </div>
 
         <p className="text-xs text-slate-400 mb-2 font-medium">
-          รายละเอียดบิลจริงดั้งเดิมของ {selectedCase === 'case1' ? 'ตัวอย่างที่ 1' : 'ตัวอย่างที่ 2'}:
+          {t('shopeeShopCase.billDetailSubtitle', {
+            caseName: selectedCase === 'case1' 
+              ? t('shopeeShopCase.case1Name', 'ตัวอย่างที่ 1') 
+              : selectedCase === 'case2' 
+                ? t('shopeeShopCase.case2Name', 'ตัวอย่างที่ 2') 
+                : t('shopeeShopCase.case3Name', 'ตัวอย่างที่ 3'),
+            defaultValue: `รายละเอียดบิลจริงดั้งเดิมของ ${selectedCase === 'case1' ? 'ตัวอย่างที่ 1' : selectedCase === 'case2' ? 'ตัวอย่างที่ 2' : 'ตัวอย่างที่ 3'}:`
+          })}
         </p>
         <div className="grid grid-cols-3 gap-4 p-3 rounded-lg bg-night-800/40 border border-white/5 text-xs mb-6 opacity-80">
           <div>
-            <span className="text-slate-500 block">ยอดรวมสินค้าก่อนลด</span>
+            <span className="text-slate-500 block">{t('shopeeShopCase.grossBeforeDiscount', 'ยอดรวมสินค้าก่อนลด')}</span>
             <span className="font-bold text-white font-mono">{fmt(activeCase.beforeDiscount)}</span>
           </div>
           <div>
-            <span className="text-slate-500 block">ส่วนลดจากร้านค้า</span>
+            <span className="text-slate-500 block">{t('shopeeShopCase.shopDiscountWithPct', 'ส่วนลดจากร้านค้า')}</span>
             <span className="font-bold text-rose-400 font-mono">
               {fmt(activeCase.shopDiscount)} (0.0%)
             </span>
           </div>
           <div>
-            <span className="text-slate-500 block">ยอดรวมหลังหักส่วนลด (ฐานคิดค่าคอม)</span>
+            <span className="text-slate-500 block">{t('shopeeShopCase.netBaseForCommission', 'ยอดรวมหลังหักส่วนลด (ฐานคิดค่าคอม)')}</span>
             <span className="font-bold text-orange-500 font-mono">{fmt(activeCase.baseAmt)}</span>
           </div>
         </div>
 
         {/* Simulator controls - Price & Discounts */}
-        <p className="text-xs text-slate-400 mb-2 font-medium">1. จำลองการตั้งราคา ส่วนลด และต้นทุนสินค้า (ปรับแต่งเองได้):</p>
+        <p className="text-xs text-slate-400 mb-2 font-medium">{t('shopeeShopCase.step1ControlTitle', '1. จำลองการตั้งราคา ส่วนลด และต้นทุนสินค้า (ปรับแต่งเองได้):')}</p>
         <div className="mb-4 grid grid-cols-1 sm:grid-cols-3 gap-4 p-4 rounded-xl bg-night-800/40 border border-white/5">
           <div className="space-y-4">
             <div>
-              <label className="block text-xs text-slate-400 font-medium mb-1.5">ราคาขายก่อนลด (List Price)</label>
+              <label className="block text-xs text-slate-400 font-medium mb-1.5">{t('shopeeShopCase.listPriceLabel', 'ราคาขายก่อนลด (List Price)')}</label>
               <div className="flex items-center gap-2">
                 <input
                   type="number"
@@ -263,7 +272,7 @@ export default function ShopeeShopCasePage() {
               </div>
             </div>
             <div>
-              <label className="block text-xs text-slate-400 font-medium mb-1.5">ต้นทุนสินค้า (Cost)</label>
+              <label className="block text-xs text-slate-400 font-medium mb-1.5">{t('shopeeShopCase.costLabel', 'ต้นทุนสินค้า (Cost)')}</label>
               <div className="flex items-center gap-2 mb-2">
                 <input
                   type="number"
@@ -291,11 +300,11 @@ export default function ShopeeShopCasePage() {
           </div>
 
           <div className="space-y-3 sm:col-span-2">
-            <label className="block text-xs text-slate-400 font-medium">ส่วนลดจากร้านค้า (คูปองร้านค้า 1-3)</label>
+            <label className="block text-xs text-slate-400 font-medium">{t('shopeeShopCase.shopDiscountsLabel', 'ส่วนลดจากร้านค้า (คูปองร้านค้า 1-3)')}</label>
             <div className="grid grid-cols-1 md:grid-cols-3 gap-3">
               {discounts.map((discount, index) => (
                 <div key={index} className="flex flex-col gap-2 p-2.5 rounded-lg bg-night-900/60 border border-white/5">
-                  <span className="text-[10px] text-slate-500 font-bold">คูปองที่ #{index + 1}</span>
+                  <span className="text-[10px] text-slate-500 font-bold">{t('shopeeShopCase.couponIndex', { index: index + 1, defaultValue: `คูปองที่ #${index + 1}` })}</span>
                   <div className="flex items-center gap-2">
                     <div className="flex p-0.5 bg-night-950 border border-white/10 rounded-md shrink-0">
                       <button
@@ -342,10 +351,10 @@ export default function ShopeeShopCasePage() {
         </div>
 
         {/* Simulator controls - Fees */}
-        <p className="text-xs text-slate-400 mb-2 font-medium">2. จำลองการปรับเปลี่ยนอัตราค่าธรรมเนียม Shopee (%):</p>
+        <p className="text-xs text-slate-400 mb-2 font-medium">{t('shopeeShopCase.step2ControlTitle', '2. จำลองการปรับเปลี่ยนอัตราค่าธรรมเนียม Shopee (%):')}</p>
         <div className="mb-6 grid grid-cols-2 sm:grid-cols-4 gap-4 p-4 rounded-xl bg-night-800/40 border border-white/5">
           <div>
-            <label className="block text-xs text-slate-400 font-medium mb-1.5">ค่าคอมมิชชั่น (%)</label>
+            <label className="block text-xs text-slate-400 font-medium mb-1.5">{t('shopeeShopCase.feeCommission', 'ค่าคอมมิชชั่น (%)')}</label>
             <div className="flex items-center gap-2">
               <input
                 type="number"
@@ -360,7 +369,7 @@ export default function ShopeeShopCasePage() {
             </div>
           </div>
           <div>
-            <label className="block text-xs text-slate-400 font-medium mb-1.5">ค่าบริการ (%)</label>
+            <label className="block text-xs text-slate-400 font-medium mb-1.5">{t('shopeeShopCase.feeService', 'ค่าบริการ (%)')}</label>
             <div className="flex items-center gap-2">
               <input
                 type="number"
@@ -375,7 +384,7 @@ export default function ShopeeShopCasePage() {
             </div>
           </div>
           <div>
-            <label className="block text-xs text-slate-400 font-medium mb-1.5">ค่าธุรกรรม (%)</label>
+            <label className="block text-xs text-slate-400 font-medium mb-1.5">{t('shopeeShopCase.feeTransaction', 'ค่าธุรกรรม (%)')}</label>
             <div className="flex items-center gap-2">
               <input
                 type="number"
@@ -390,7 +399,7 @@ export default function ShopeeShopCasePage() {
             </div>
           </div>
           <div>
-            <label className="block text-xs text-slate-400 font-medium mb-1.5">ค่าคอม AMS (%)</label>
+            <label className="block text-xs text-slate-400 font-medium mb-1.5">{t('shopeeShopCase.feeAms', 'ค่าคอม AMS (%)')}</label>
             <div className="flex items-center gap-2">
               <input
                 type="number"
@@ -411,66 +420,66 @@ export default function ShopeeShopCasePage() {
           {/* ก่อนปรับ (ค่าธรรมเนียมจากบิลตัวอย่างจริง) */}
           <div className="rounded-xl bg-night-800/30 border border-white/5 p-4 space-y-4">
             <h3 className="text-xs font-bold text-slate-400 uppercase tracking-wider border-b border-white/5 pb-2 flex justify-between">
-              <span>ก่อนปรับ (บิลดั้งเดิม)</span>
-              <span className="text-slate-500">รวม {((Math.abs(activeCase.origTotalFees) / activeCase.baseAmt) * 100).toFixed(2)}%</span>
+              <span>{t('shopeeShopCase.tableBeforeTitle', 'ก่อนปรับ (บิลดั้งเดิม)')}</span>
+              <span className="text-slate-500">{t('shopeeShopCase.totalPctHeader', { pct: ((Math.abs(activeCase.origTotalFees) / activeCase.baseAmt) * 100).toFixed(2), defaultValue: `รวม ${((Math.abs(activeCase.origTotalFees) / activeCase.baseAmt) * 100).toFixed(2)}%` })}</span>
             </h3>
             <div className="space-y-2 text-xs">
               <div className="flex justify-between text-slate-400">
-                <span>ยอดรวมสินค้าก่อนลด</span>
+                <span>{t('shopeeShopCase.rowGross', 'ยอดรวมสินค้าก่อนลด')}</span>
                 <span className="font-mono">{fmt(activeCase.beforeDiscount)}</span>
               </div>
               <div className="flex justify-between text-slate-400">
-                <span>ส่วนลดจากร้านค้า</span>
+                <span>{t('shopeeShopCase.rowShopDiscount', 'ส่วนลดจากร้านค้า')}</span>
                 <span className="font-mono text-rose-400">{fmt(activeCase.shopDiscount)}</span>
               </div>
               <div className="flex justify-between border-t border-white/5 pt-1.5 font-medium text-slate-300">
-                <span>ยอดสินค้าสุทธิ (ฐานคิดคอม)</span>
+                <span>{t('shopeeShopCase.rowNetBase', 'ยอดสินค้าสุทธิ (ฐานคิดคอม)')}</span>
                 <span>{fmt(activeCase.baseAmt)}</span>
               </div>
               <div className="flex justify-between pl-3 text-slate-500">
-                <span>- ค่าคอมมิชชั่น (Commission Fee)</span>
+                <span>{t('shopeeShopCase.rowFeeComm', '- ค่าคอมมิชชั่น (Commission Fee)')}</span>
                 <span className="font-mono text-rose-400">{fmt(activeCase.origComm)}</span>
               </div>
               <div className="flex justify-between pl-3 text-slate-500">
-                <span>- ค่าบริการ (Service Fee)</span>
+                <span>{t('shopeeShopCase.rowFeeService', '- ค่าบริการ (Service Fee)')}</span>
                 <span className="font-mono text-rose-400">{fmt(activeCase.origService)}</span>
               </div>
               <div className="flex justify-between pl-3 text-slate-500">
-                <span>- ค่าธุรกรรมการชำระเงิน</span>
+                <span>{t('shopeeShopCase.rowFeeTrans', '- ค่าธุรกรรมการชำระเงิน')}</span>
                 <span className="font-mono text-rose-400">{fmt(activeCase.origTrans)}</span>
               </div>
               {activeCase.origAms !== 0 && (
                 <div className="flex justify-between pl-3 text-slate-500">
-                  <span>- ค่าคอมมิชชั่น AMS</span>
+                  <span>{t('shopeeShopCase.rowFeeAms', '- ค่าคอมมิชชั่น AMS')}</span>
                   <span className="font-mono text-rose-400">{fmt(activeCase.origAms)}</span>
                 </div>
               )}
               <div className="flex justify-between border-t border-white/5 pt-1.5 font-medium text-slate-300">
-                <span>รวมค่าธรรมเนียมโดนหัก</span>
+                <span>{t('shopeeShopCase.rowTotalFees', 'รวมค่าธรรมเนียมโดนหัก')}</span>
                 <span className="font-mono text-rose-400">{fmt(activeCase.origTotalFees)}</span>
               </div>
               <div className="flex justify-between border-t border-white/5 pt-2 font-bold text-white text-sm">
-                <span>ยอดเงินโอนเข้าบัญชีสุทธิ</span>
+                <span>{t('shopeeShopCase.rowNetPayout', 'ยอดเงินโอนเข้าบัญชีสุทธิ')}</span>
                 <span className="font-mono text-orange-500">{fmt(activeCase.originalPayout)}</span>
               </div>
               <div className="flex justify-between border-t border-white/5 pt-1.5 text-slate-400">
-                <span>- ต้นทุนสินค้า (Cost)</span>
+                <span>{t('shopeeShopCase.rowCost', '- ต้นทุนสินค้า (Cost)')}</span>
                 <span className="font-mono text-rose-400">฿-{simCost.toFixed(2)}</span>
               </div>
               <div className="flex justify-between border-t border-white/5 pt-2 font-bold text-white text-sm">
-                <span>กำไรสุทธิ (Net Profit)</span>
+                <span>{t('shopeeShopCase.rowNetProfit', 'กำไรสุทธิ (Net Profit)')}</span>
                 <span className={`font-mono ${origProfit >= 0 ? 'text-green-400' : 'text-rose-400'}`}>
                   {origProfit >= 0 ? '' : '-'}฿{Math.abs(origProfit).toFixed(2)}
                 </span>
               </div>
               <div className="flex justify-between text-slate-400 pl-3">
-                <span>กำไรต่อยอดขาย (Margin %)</span>
+                <span>{t('shopeeShopCase.rowMargin', 'กำไรต่อยอดขาย (Margin %)')}</span>
                 <span className={`font-mono ${origProfit >= 0 ? 'text-green-400' : 'text-rose-400'}`}>
                   {origProfitMargin.toFixed(1)}%
                 </span>
               </div>
               <div className="flex justify-between text-slate-400 pl-3">
-                <span>กำไรต่อทุน (ROI %)</span>
+                <span>{t('shopeeShopCase.rowRoi', 'กำไรต่อทุน (ROI %)')}</span>
                 <span className={`font-mono ${origProfit >= 0 ? 'text-green-400' : 'text-rose-400'}`}>
                   {origROI.toFixed(1)}%
                 </span>
@@ -481,76 +490,82 @@ export default function ShopeeShopCasePage() {
           {/* หลังปรับ (จำลองการปรับค่าธรรมเนียม) */}
           <div className="rounded-xl bg-orange-500/5 border border-orange-500/20 p-4 space-y-4">
             <h3 className="text-xs font-bold text-orange-500 uppercase tracking-wider border-b border-orange-500/10 pb-2 flex justify-between">
-              <span>หลังปรับ (ผลการจำลองใหม่)</span>
-              <span>รวม {simTotalPct.toFixed(2)}%</span>
+              <span>{t('shopeeShopCase.tableAfterTitle', 'หลังปรับ (ผลการจำลองใหม่)')}</span>
+              <span>{t('shopeeShopCase.totalPctHeader', { pct: simTotalPct.toFixed(2), defaultValue: `รวม ${simTotalPct.toFixed(2)}%` })}</span>
             </h3>
             <div className="space-y-2 text-xs">
               <div className="flex justify-between text-slate-400">
-                <span>ยอดรวมสินค้าก่อนลด</span>
+                <span>{t('shopeeShopCase.rowGross', 'ยอดรวมสินค้าก่อนลด')}</span>
                 <span className="font-mono">{fmt(simBeforeDiscount)}</span>
               </div>
               <div className="flex justify-between text-slate-400">
-                <span>ส่วนลดจากร้านค้า (รวม)</span>
+                <span>{t('shopeeShopCase.rowShopDiscountTotal', 'ส่วนลดจากร้านค้า (รวม)')}</span>
                 <span className="font-mono text-rose-400">
                   -{fmt(simDiscountAmount)}
                 </span>
               </div>
               {discounts.map((d, i) => d.value > 0 ? (
                 <div key={i} className="flex justify-between text-[10px] text-slate-500 pl-3">
-                  <span>- คูปอง #{i + 1} ({d.type === 'pct' ? `${d.value}%` : `฿${d.value}`})</span>
+                  <span>
+                    {t('shopeeShopCase.rowCouponItem', {
+                      index: i + 1,
+                      val: d.type === 'pct' ? `${d.value}%` : `฿${d.value}`,
+                      defaultValue: `- คูปอง #${i + 1} (${d.type === 'pct' ? `${d.value}%` : `฿${d.value}`})`
+                    })}
+                  </span>
                   <span className="font-mono text-rose-400">
                     -{fmt(d.type === 'pct' ? simBeforeDiscount * (d.value / 100) : d.value)}
                   </span>
                 </div>
               ) : null)}
               <div className="flex justify-between border-t border-orange-500/10 pt-1.5 font-medium text-slate-300">
-                <span>ยอดสินค้าสุทธิ (ฐานคิดคอม)</span>
+                <span>{t('shopeeShopCase.rowNetBase', 'ยอดสินค้าสุทธิ (ฐานคิดคอม)')}</span>
                 <span className="font-mono text-orange-500">{fmt(baseAmt)}</span>
               </div>
               <div className="flex justify-between pl-3 text-slate-500">
-                <span>- ค่าคอมมิชชั่น ({simCommPct.toFixed(2)}%)</span>
+                <span>{t('shopeeShopCase.rowFeeCommWithPct', { pct: simCommPct.toFixed(2), defaultValue: `- ค่าคอมมิชชั่น (${simCommPct.toFixed(2)}%)` })}</span>
                 <span className="font-mono text-rose-400">฿-{simCommAmt.toFixed(2)}</span>
               </div>
               <div className="flex justify-between pl-3 text-slate-500">
-                <span>- ค่าบริการ ({simServicePct.toFixed(2)}%)</span>
+                <span>{t('shopeeShopCase.rowFeeServiceWithPct', { pct: simServicePct.toFixed(2), defaultValue: `- ค่าบริการ (${simServicePct.toFixed(2)}%)` })}</span>
                 <span className="font-mono text-rose-400">฿-{simServiceAmt.toFixed(2)}</span>
               </div>
               <div className="flex justify-between pl-3 text-slate-500">
-                <span>- ค่าธุรกรรมการชำระเงิน ({simTransPct.toFixed(2)}%)</span>
+                <span>{t('shopeeShopCase.rowFeeTransWithPct', { pct: simTransPct.toFixed(2), defaultValue: `- ค่าธุรกรรมการชำระเงิน (${simTransPct.toFixed(2)}%)` })}</span>
                 <span className="font-mono text-rose-400">฿-{simTransAmt.toFixed(2)}</span>
               </div>
               {simAmsPct > 0 && (
                 <div className="flex justify-between pl-3 text-slate-500">
-                  <span>- ค่าคอมมิชชั่น AMS ({simAmsPct.toFixed(2)}%)</span>
+                  <span>{t('shopeeShopCase.rowFeeAmsWithPct', { pct: simAmsPct.toFixed(2), defaultValue: `- ค่าคอมมิชชั่น AMS (${simAmsPct.toFixed(2)}%)` })}</span>
                   <span className="font-mono text-rose-400">฿-{simAmsAmt.toFixed(2)}</span>
                 </div>
               )}
               <div className="flex justify-between border-t border-orange-500/10 pt-1.5 font-medium text-slate-300">
-                <span>รวมค่าธรรมเนียมโดนหัก</span>
+                <span>{t('shopeeShopCase.rowTotalFees', 'รวมค่าธรรมเนียมโดนหัก')}</span>
                 <span className="font-mono text-rose-400">฿-{simTotalAmt.toFixed(2)}</span>
               </div>
               <div className="flex justify-between border-t border-orange-500/10 pt-2 font-bold text-white text-sm">
-                <span>ยอดเงินโอนเข้าบัญชีสุทธิ</span>
+                <span>{t('shopeeShopCase.rowNetPayout', 'ยอดเงินโอนเข้าบัญชีสุทธิ')}</span>
                 <span className="font-mono text-orange-500">฿{simPayout.toFixed(2)}</span>
               </div>
               <div className="flex justify-between border-t border-orange-500/10 pt-1.5 text-slate-400">
-                <span>- ต้นทุนสินค้า (Cost)</span>
+                <span>{t('shopeeShopCase.rowCost', '- ต้นทุนสินค้า (Cost)')}</span>
                 <span className="font-mono text-rose-400">฿-{simCost.toFixed(2)}</span>
               </div>
               <div className="flex justify-between border-t border-orange-500/10 pt-2 font-bold text-white text-sm">
-                <span>กำไรสุทธิ (Net Profit)</span>
+                <span>{t('shopeeShopCase.rowNetProfit', 'กำไรสุทธิ (Net Profit)')}</span>
                 <span className={`font-mono ${simProfit >= 0 ? 'text-green-400' : 'text-rose-400'}`}>
                   {simProfit >= 0 ? '' : '-'}฿{Math.abs(simProfit).toFixed(2)}
                 </span>
               </div>
               <div className="flex justify-between text-slate-400 pl-3">
-                <span>กำไรต่อยอดขาย (Margin %)</span>
+                <span>{t('shopeeShopCase.rowMargin', 'กำไรต่อยอดขาย (Margin %)')}</span>
                 <span className={`font-mono ${simProfit >= 0 ? 'text-green-400' : 'text-rose-400'}`}>
                   {simProfitMargin.toFixed(1)}%
                 </span>
               </div>
               <div className="flex justify-between text-slate-400 pl-3">
-                <span>กำไรต่อทุน (ROI %)</span>
+                <span>{t('shopeeShopCase.rowRoi', 'กำไรต่อทุน (ROI %)')}</span>
                 <span className={`font-mono ${simProfit >= 0 ? 'text-green-400' : 'text-rose-400'}`}>
                   {simROI.toFixed(1)}%
                 </span>
@@ -565,8 +580,8 @@ export default function ShopeeShopCasePage() {
             <Info className="w-4 h-4" />
             <span className="font-medium">
               {diffVal >= 0
-                ? `ยอดรับเงินเพิ่มขึ้น ฿${diffVal.toFixed(2)} จากโครงสร้างธรรมเนียมใหม่`
-                : `ยอดเงินโอนเข้าบัญชีสุทธิจะต่างไป ฿${diffVal.toFixed(2)} (${diffVal >= 0 ? '+' : ''}${diffPct.toFixed(1)}%) เมื่อเทียบกับบิลจริงดั้งเดิม`}
+                ? t('shopeeShopCase.diffProfitUp', { diff: diffVal.toFixed(2), defaultValue: `ยอดรับเงินเพิ่มขึ้น ฿${diffVal.toFixed(2)} จากโครงสร้างธรรมเนียมใหม่` })
+                : t('shopeeShopCase.diffPayoutChanged', { diff: diffVal.toFixed(2), sign: diffVal >= 0 ? '+' : '', pct: diffPct.toFixed(1), defaultValue: `ยอดเงินโอนเข้าบัญชีสุทธิจะต่างไป ฿${diffVal.toFixed(2)} (${diffVal >= 0 ? '+' : ''}${diffPct.toFixed(1)}%) เมื่อเทียบกับบิลจริงดั้งเดิม` })}
             </span>
           </div>
           <span className="font-bold font-mono text-sm">{diffVal >= 0 ? '+' : ''}฿{diffVal.toFixed(2)}</span>
diff --git a/apps/admin/src/pages/TiktokAnalyticsPage.tsx b/apps/admin/src/pages/TiktokAnalyticsPage.tsx
index e1a5f16..7075068 100644
--- a/apps/admin/src/pages/TiktokAnalyticsPage.tsx
+++ b/apps/admin/src/pages/TiktokAnalyticsPage.tsx
@@ -9,6 +9,7 @@ import {
   ArrowLeft, BadgePercent, ShoppingCart, XCircle, CheckCircle2, Loader2,
   Calendar, Store,
 } from 'lucide-react';
+import { useTranslation } from 'react-i18next';
 import { TIKTOK_SHOPS } from './TiktokOrderPage';
 
 const API_URL = (import.meta.env.VITE_API_URL || 'http://localhost:3000').replace(/\/api\/?$/, '');
@@ -68,18 +69,6 @@ function getPresetRange(preset: Preset): { from: string; to: string } {
   return { from: '', to: '' };
 }
 
-const PRESETS: { key: Preset; label: string }[] = [
-  { key: '7d', label: '7 วัน' },
-  { key: '30d', label: '30 วัน' },
-  { key: '90d', label: '90 วัน' },
-  { key: 'thisMonth', label: 'เดือนนี้' },
-  { key: 'lastMonth', label: 'เดือนที่แล้ว' },
-  { key: 'year', label: 'ปีนี้' },
-  { key: 'lastYear', label: 'ปีที่แล้ว' },
-  { key: 'last12m', label: '12 เดือนที่ผ่านมา' },
-  { key: 'all', label: 'ทั้งหมด' },
-];
-
 function StatCard({
   label, value, sub, icon: Icon, color = 'text-white', bgColor = 'from-white/5',
 }: { label: string; value: string | number; sub?: string; icon: any; color?: string; bgColor?: string }) {
@@ -112,6 +101,7 @@ const CustomTooltip = ({ active, payload, label }: any) => {
 };
 
 export default function TiktokAnalyticsPage() {
+  const { t } = useTranslation();
   const [data, setData] = useState<any>(null);
   const [loading, setLoading] = useState(true);
   const [error, setError] = useState<string | null>(null);
@@ -125,6 +115,18 @@ export default function TiktokAnalyticsPage() {
   const [dateFrom, setDateFrom] = useState('');
   const [dateTo, setDateTo] = useState('');
 
+  const PRESETS: { key: Preset; label: string }[] = [
+    { key: '7d', label: t('analytics.preset7d', '7 วัน') },
+    { key: '30d', label: t('analytics.preset30d', '30 วัน') },
+    { key: '90d', label: t('analytics.preset90d', '90 วัน') },
+    { key: 'thisMonth', label: t('analytics.presetThisMonth', 'เดือนนี้') },
+    { key: 'lastMonth', label: t('analytics.presetLastMonth', 'เดือนที่แล้ว') },
+    { key: 'year', label: t('analytics.presetThisYear', 'ปีนี้') },
+    { key: 'lastYear', label: t('analytics.presetLastYear', 'ปีที่แล้ว') },
+    { key: 'last12m', label: t('analytics.presetLast12m', '12 เดือนที่ผ่านมา') },
+    { key: 'all', label: t('analytics.presetAll', 'ทั้งหมด') },
+  ];
+
   const buildUrl = useCallback((s: string, from: string, to: string) => {
     const params = new URLSearchParams({ shop: s });
     if (from) params.set('dateFrom', from);
@@ -166,7 +168,7 @@ export default function TiktokAnalyticsPage() {
     return (
       <div className="flex items-center justify-center h-[60vh] gap-3 animate-pulse">
         <Loader2 className={`w-8 h-8 ${shopCfg.color} animate-spin`} />
-        <span className="text-slate-500">กำลังคำนวณข้อมูลวิเคราะห์...</span>
+        <span className="text-slate-500">{t('tiktokAnalytics.loading')}</span>
       </div>
     );
   }
@@ -175,9 +177,9 @@ export default function TiktokAnalyticsPage() {
     return (
       <div className="flex flex-col items-center justify-center h-[60vh] gap-4">
         <ShoppingBag className="w-14 h-14 text-slate-700" />
-        <p className="text-slate-500">{error || 'ไม่มีข้อมูล — กรุณา Import ไฟล์ TikTok ก่อน'}</p>
+        <p className="text-slate-500">{error || t('tiktokAnalytics.noData')}</p>
         <Link to="/tiktok-order" className="flex items-center gap-2 px-4 py-2 rounded-xl bg-white/5 border border-white/10 text-slate-300 hover:text-white text-sm">
-          <ArrowLeft className="w-4 h-4" /> กลับหน้า TikTok Orders
+          <ArrowLeft className="w-4 h-4" /> {t('tiktokAnalytics.backToOrders')}
         </Link>
       </div>
     );
@@ -205,12 +207,11 @@ export default function TiktokAnalyticsPage() {
             <div className="flex items-center gap-2 text-xs text-slate-500 uppercase tracking-widest mb-1">
               <Link to="/tiktok-order" className={`hover:${shopCfg.color} transition-colors`}>TikTok</Link>
               <span>/</span>
-              <span className="text-white">Analytics</span>
+              <span className="text-white">{t('tiktokAnalytics.breadcrumb', 'Analytics')}</span>
             </div>
             <h1 className="text-2xl font-bold text-white tracking-tight flex items-center gap-2">
               <TrendingUp className={`w-6 h-6 ${shopCfg.color}`} />
-              วิเคราะห์ยอดขาย —
-              <span className={shopCfg.color}>{shopCfg.label}</span>
+              {t('tiktokAnalytics.title', { shop: shopCfg.label })}
             </h1>
           </div>
         </div>
@@ -259,14 +260,14 @@ export default function TiktokAnalyticsPage() {
 
         {/* Custom date range */}
         <div className="flex items-center gap-2 flex-wrap">
-          <span className="text-xs text-slate-500">กำหนดเอง:</span>
+          <span className="text-xs text-slate-500">{t('analytics.customRange', 'กำหนดเอง:')}</span>
           <input
             type="date"
             value={dateFrom}
             onChange={e => setDateFrom(e.target.value)}
             className={`px-3 py-1.5 rounded-lg bg-black/30 border border-white/10 text-slate-300 text-xs focus:${shopCfg.activeBorder} focus:outline-none`}
           />
-          <span className="text-slate-600 text-xs">ถึง</span>
+          <span className="text-slate-600 text-xs">{t('analytics.to', 'ถึง')}</span>
           <input
             type="date"
             value={dateTo}
@@ -275,9 +276,9 @@ export default function TiktokAnalyticsPage() {
           />
           <button
             onClick={applyCustom}
-            className={`px-4 py-1.5 rounded-lg ${shopCfg.activeBg} ${shopCfg.activeBorder} ${shopCfg.color} text-xs font-medium hover:opacity-80 transition-all`}
+            className={`px-4 py-1.5 rounded-lg ${shopCfg.activeBg} ${shopCfg.activeBorder} ${shopCfg.color} text-xs font-medium hover:opacity-80 transition-all cursor-pointer`}
           >
-            ดูข้อมูล
+            {t('analytics.apply', 'ดูข้อมูล')}
           </button>
         </div>
 
@@ -289,9 +290,9 @@ export default function TiktokAnalyticsPage() {
             </span>
             <button
               onClick={() => { setDateFrom(''); setDateTo(''); setPreset('all'); loadData(shop, '', ''); }}
-              className="text-[10px] text-slate-500 hover:text-rose-400 transition-colors"
+              className="text-[10px] text-slate-500 hover:text-rose-400 transition-colors cursor-pointer"
             >
-              ✕ ล้าง
+              ✕ {t('analytics.clear', 'ล้าง')}
             </button>
           </div>
         )}
@@ -300,81 +301,81 @@ export default function TiktokAnalyticsPage() {
       {/* KPI Cards Row 1 - Main Financials */}
       <div className="grid grid-cols-2 lg:grid-cols-4 gap-4">
         <StatCard
-          label="ยอดขายรวม (Gross Revenue)"
+          label={t('tiktokAnalytics.grossRevenue')}
           value={fmtCurrency(summary.totalRevenue)}
           icon={DollarSign}
           color="text-emerald-400"
           bgColor="from-emerald-500/10"
-          sub={`${fmt(summary.totalOrders)} คำสั่งซื้อ`}
+          sub={t('tiktokAnalytics.ordersCount', { count: fmt(summary.totalOrders) })}
         />
         <StatCard
-          label="ยอดเงินโอนสุทธิ (Settlement Payout)"
+          label={t('tiktokAnalytics.settlementPayout')}
           value={fmtCurrency(summary.totalSettlementAmount || summary.netRevenue)}
           icon={TrendingUp}
           color="text-cyan-glow"
           bgColor="from-cyan-500/10"
-          sub="ยอดเงินเข้าบัญชีจริงจาก TikTok"
+          sub={t('tiktokAnalytics.settlementPayoutSub')}
         />
         <StatCard
-          label="ต้นทุนสินค้า BOM (BOM Cost)"
+          label={t('tiktokAnalytics.bomCost')}
           value={fmtCurrency(summary.totalBOMCost || 0)}
           icon={Package}
           color="text-amber-400"
           bgColor="from-amber-500/10"
-          sub="คำนวณจากสูตรการผลิต"
+          sub={t('tiktokAnalytics.bomCostSub')}
         />
         <StatCard
-          label="กำไรสุทธิแท้จริง (Net Profit)"
+          label={t('tiktokAnalytics.netProfit')}
           value={fmtCurrency(summary.totalNetProfit || (summary.totalSettlementAmount - summary.totalBOMCost) || 0)}
           icon={ShoppingBag}
           color="text-emerald-300"
           bgColor="from-emerald-500/20"
-          sub={`Margin ${fmt(summary.netProfitMargin || 0, 1)}% ของยอดขาย`}
+          sub={t('tiktokAnalytics.marginOfSales', { margin: fmt(summary.netProfitMargin || 0, 1) })}
         />
       </div>
 
       {/* KPI Cards Row 2 - Fees & Commissions Breakdown */}
       <div className="grid grid-cols-2 lg:grid-cols-4 gap-4">
         <StatCard
-          label="ค่าคอมมิชชั่น TikTok Shop"
+          label={t('tiktokAnalytics.tiktokCommission')}
           value={fmtCurrency(summary.totalCommission || 0)}
           icon={ReceiptText}
           color="text-rose-400"
           bgColor="from-rose-500/10"
-          sub="TikTok Commission Fee"
+          sub={t('tiktokAnalytics.tiktokCommissionSub')}
         />
         <StatCard
-          label="ค่าคอมมิชชั่น Affiliate"
+          label={t('tiktokAnalytics.affiliateCommission')}
           value={fmtCurrency(summary.totalAffiliate || 0)}
           icon={BadgePercent}
           color="text-orange-400"
           bgColor="from-orange-500/10"
-          sub="Affiliate Partner & Creator Fee"
+          sub={t('tiktokAnalytics.affiliateCommissionSub')}
         />
         <StatCard
-          label="ส่วนลด Platform (TikTok ออก)"
+          label={t('tiktokAnalytics.platformDiscount')}
           value={fmtCurrency(summary.totalPlatformDisc)}
           icon={BadgePercent}
           color="text-purple-400"
           bgColor="from-purple-500/10"
-          sub="TikTok อุดหนุนส่วนลดให้"
+          sub={t('tiktokAnalytics.platformDiscountSub')}
         />
         <StatCard
-          label="ส่วนลดร้านค้า (เราออก)"
+          label={t('tiktokAnalytics.sellerDiscount')}
           value={fmtCurrency(summary.totalSellerDisc)}
           icon={ReceiptText}
           color="text-pink-400"
           bgColor="from-pink-500/10"
-          sub="ส่วนลดที่เราให้ลูกค้า"
+          sub={t('tiktokAnalytics.sellerDiscountSub')}
         />
       </div>
 
       {/* KPI Cards Row 3 - Operations & Orders */}
       <div className="grid grid-cols-2 lg:grid-cols-4 gap-4">
-        <StatCard label="คำสั่งซื้อสำเร็จ" value={fmt(summary.completedOrders)} icon={CheckCircle2} color="text-emerald-400" sub={`จากทั้งหมด ${fmt(summary.totalOrders)}`} />
-        <StatCard label="คำสั่งซื้อยกเลิก" value={fmt(summary.cancelledOrders)} icon={XCircle} color="text-rose-400" sub={`${fmt(summary.cancelRate, 1)}% ของทั้งหมด`} />
-        <StatCard label="ค่าจัดส่งรวม" value={fmtCurrency(summary.totalShipping)} icon={Package} color="text-amber-400" sub="ค่าส่งที่เก็บจากผู้ซื้อ" />
-        <StatCard label="AOV (เฉลี่ยต่อออเดอร์)" value={fmtCurrency(summary.aov)} icon={ShoppingCart} color="text-blue-400" sub="Average Order Value" />
+        <StatCard label={t('tiktokAnalytics.completedOrders')} value={fmt(summary.completedOrders)} icon={CheckCircle2} color="text-emerald-400" sub={t('tiktokAnalytics.outOfTotal', { total: fmt(summary.totalOrders) })} />
+        <StatCard label={t('tiktokAnalytics.cancelledOrders')} value={fmt(summary.cancelledOrders)} icon={XCircle} color="text-rose-400" sub={t('tiktokAnalytics.percentOfTotal', { rate: fmt(summary.cancelRate, 1) })} />
+        <StatCard label={t('tiktokAnalytics.totalShipping')} value={fmtCurrency(summary.totalShipping)} icon={Package} color="text-amber-400" sub={t('tiktokAnalytics.shippingCollectedSub')} />
+        <StatCard label={t('tiktokAnalytics.aov')} value={fmtCurrency(summary.aov)} icon={ShoppingCart} color="text-blue-400" sub={t('tiktokAnalytics.aovSub')} />
       </div>
 
       {/* Monthly Revenue & Financial Trend Chart */}
@@ -382,9 +383,9 @@ export default function TiktokAnalyticsPage() {
         <div className="flex items-center justify-between gap-2 mb-6 flex-wrap">
           <div className="flex items-center gap-2">
             <TrendingUp className={`w-5 h-5 ${shopCfg.color}`} />
-            <h2 className="text-lg font-bold text-white">ยอดขาย ค่าธรรมเนียม และกำไรสุทธิรายเดือน</h2>
+            <h2 className="text-lg font-bold text-white">{t('tiktokAnalytics.monthlyFinancialsTitle')}</h2>
           </div>
-          <span className="text-xs text-slate-400">เปรียบเทียบยอดขาย ยอดโอน ค่าคอมมิชชั่น และกำไรสุทธิ</span>
+          <span className="text-xs text-slate-400">{t('tiktokAnalytics.monthlyFinancialsSub')}</span>
         </div>
         {monthlyChart.length > 0 ? (
           <div className="h-[340px]">
@@ -395,16 +396,16 @@ export default function TiktokAnalyticsPage() {
                 <YAxis stroke="#64748b" tick={{ fontSize: 11 }} tickFormatter={v => `฿${v >= 1000 ? `${(v / 1000).toFixed(0)}k` : v}`} />
                 <Tooltip content={<CustomTooltip />} cursor={{ fill: '#ffffff06' }} />
                 <Legend wrapperStyle={{ fontSize: '11px', color: '#94a3b8' }} />
-                <Bar dataKey="revenue" name="฿ ยอดขายรวม" fill="#4ade80" radius={[4, 4, 0, 0]} />
-                <Bar dataKey="settlement" name="฿ ยอดเงินโอนสุทธิ" fill="#22d3ee" radius={[4, 4, 0, 0]} />
-                <Bar dataKey="commission" name="฿ ค่าคอม TikTok" fill="#f43f5e" radius={[4, 4, 0, 0]} />
-                <Bar dataKey="affiliate" name="฿ ค่า Affiliate" fill="#fb923c" radius={[4, 4, 0, 0]} />
-                <Bar dataKey="netProfit" name="฿ กำไรสุทธิ" fill="#10b981" radius={[4, 4, 0, 0]} />
+                <Bar dataKey="revenue" name={t('tiktokAnalytics.barGrossRevenue')} fill="#4ade80" radius={[4, 4, 0, 0]} />
+                <Bar dataKey="settlement" name={t('tiktokAnalytics.barSettlement')} fill="#22d3ee" radius={[4, 4, 0, 0]} />
+                <Bar dataKey="commission" name={t('tiktokAnalytics.barCommission')} fill="#f43f5e" radius={[4, 4, 0, 0]} />
+                <Bar dataKey="affiliate" name={t('tiktokAnalytics.barAffiliate')} fill="#fb923c" radius={[4, 4, 0, 0]} />
+                <Bar dataKey="netProfit" name={t('tiktokAnalytics.barNetProfit')} fill="#10b981" radius={[4, 4, 0, 0]} />
               </BarChart>
             </ResponsiveContainer>
           </div>
         ) : (
-          <p className="text-slate-500 text-center py-10">ยังไม่มีข้อมูลรายเดือน</p>
+          <p className="text-slate-500 text-center py-10">{t('tiktokAnalytics.noMonthlyData')}</p>
         )}
       </div>
 
@@ -413,7 +414,7 @@ export default function TiktokAnalyticsPage() {
         <div className="bg-white/5 border border-white/10 rounded-2xl p-6">
           <div className="flex items-center gap-2 mb-6">
             <ShoppingBag className="w-5 h-5 text-cyan-glow" />
-            <h2 className="text-lg font-bold text-white">จำนวนคำสั่งซื้อรายเดือน</h2>
+            <h2 className="text-lg font-bold text-white">{t('tiktokAnalytics.monthlyOrdersTitle')}</h2>
           </div>
           <div className="h-[220px]">
             <ResponsiveContainer width="100%" height="100%">
@@ -422,8 +423,8 @@ export default function TiktokAnalyticsPage() {
                 <XAxis dataKey="label" stroke="#64748b" tick={{ fontSize: 11 }} />
                 <YAxis stroke="#64748b" tick={{ fontSize: 11 }} />
                 <Tooltip content={<CustomTooltip />} />
-                <Line type="monotone" dataKey="orders" name="คำสั่งซื้อ" stroke={shop === 'hom-aroma' ? '#fb7185' : '#a78bfa'} strokeWidth={2} dot={{ r: 4 }} />
-                <Line type="monotone" dataKey="items" name="จำนวนสินค้า (ชิ้น)" stroke="#818cf8" strokeWidth={2} dot={{ r: 4, fill: '#818cf8' }} />
+                <Line type="monotone" dataKey="orders" name={t('tiktokAnalytics.lineOrders')} stroke={shop === 'hom-aroma' ? '#fb7185' : '#a78bfa'} strokeWidth={2} dot={{ r: 4 }} />
+                <Line type="monotone" dataKey="items" name={t('tiktokAnalytics.lineItems')} stroke="#818cf8" strokeWidth={2} dot={{ r: 4, fill: '#818cf8' }} />
               </LineChart>
             </ResponsiveContainer>
           </div>
@@ -437,7 +438,7 @@ export default function TiktokAnalyticsPage() {
         <div className="bg-white/5 border border-white/10 rounded-2xl p-6">
           <div className="flex items-center gap-2 mb-6">
             <CheckCircle2 className="w-5 h-5 text-emerald-400" />
-            <h2 className="text-lg font-bold text-white">สัดส่วนสถานะคำสั่งซื้อ</h2>
+            <h2 className="text-lg font-bold text-white">{t('tiktokAnalytics.statusShareTitle')}</h2>
           </div>
           <div className="grid grid-cols-2 gap-4 items-center">
             <div className="h-[200px]">
@@ -469,7 +470,7 @@ export default function TiktokAnalyticsPage() {
         <div className="bg-white/5 border border-white/10 rounded-2xl p-6">
           <div className="flex items-center gap-2 mb-6">
             <DollarSign className="w-5 h-5 text-amber-400" />
-            <h2 className="text-lg font-bold text-white">ช่องทางการชำระเงิน</h2>
+            <h2 className="text-lg font-bold text-white">{t('tiktokAnalytics.paymentMethodTitle')}</h2>
           </div>
           <div className="space-y-3">
             {paymentBreakdown.map((p: any, i: number) => {
@@ -477,8 +478,8 @@ export default function TiktokAnalyticsPage() {
               return (
                 <div key={i} className="space-y-1">
                   <div className="flex justify-between text-xs">
-                    <span className="text-slate-300 truncate max-w-[160px]" title={p.method}>{p.method || 'ไม่ระบุ'}</span>
-                    <span className="text-slate-400 ml-2">{p.count} ออเดอร์ · {fmt(pct, 0)}%</span>
+                    <span className="text-slate-300 truncate max-w-[160px]" title={p.method}>{p.method || t('common.unspecified', 'ไม่ระบุ')}</span>
+                    <span className="text-slate-400 ml-2">{t('tiktokAnalytics.ordersPercent', { count: p.count, pct: fmt(pct, 0) })}</span>
                   </div>
                   <div className="h-1.5 rounded-full bg-white/5 overflow-hidden">
                     <div
@@ -497,18 +498,18 @@ export default function TiktokAnalyticsPage() {
       <div className="bg-white/5 border border-white/10 rounded-2xl p-6">
         <div className="flex items-center gap-2 mb-6">
           <Package className="w-5 h-5 text-purple-400" />
-          <h2 className="text-lg font-bold text-white">Top 10 สินค้าขายดี (by ยอดเงิน)</h2>
+          <h2 className="text-lg font-bold text-white">{t('tiktokAnalytics.topProductsTitle')}</h2>
         </div>
         <div className="overflow-x-auto">
           <table className="w-full text-sm text-left">
             <thead className="text-xs text-slate-400 uppercase bg-white/[0.03] border-b border-white/10">
               <tr>
                 <th className="px-4 py-3">#</th>
-                <th className="px-4 py-3">สินค้า</th>
-                <th className="px-4 py-3">ตัวเลือก</th>
-                <th className="px-4 py-3 text-right">ชิ้น</th>
-                <th className="px-4 py-3 text-right">ยอดรายได้</th>
-                <th className="px-4 py-3 text-right">% จากยอดรวม</th>
+                <th className="px-4 py-3">{t('tiktokAnalytics.thProduct')}</th>
+                <th className="px-4 py-3">{t('tiktokAnalytics.thVariation')}</th>
+                <th className="px-4 py-3 text-right">{t('tiktokAnalytics.thUnits')}</th>
+                <th className="px-4 py-3 text-right">{t('tiktokAnalytics.thRevenue')}</th>
+                <th className="px-4 py-3 text-right">{t('tiktokAnalytics.thPercentTotal')}</th>
               </tr>
             </thead>
             <tbody>
@@ -546,19 +547,19 @@ export default function TiktokAnalyticsPage() {
         <div className="flex items-center justify-between gap-2 mb-6 flex-wrap">
           <div className="flex items-center gap-2">
             <ReceiptText className="w-5 h-5 text-rose-400" />
-            <h2 className="text-lg font-bold text-white">โครงสร้างต้นทุน ค่าธรรมเนียม และกำไรสุทธิ (Financial Breakdown)</h2>
+            <h2 className="text-lg font-bold text-white">{t('tiktokAnalytics.waterfallTitle')}</h2>
           </div>
-          <span className="text-xs text-slate-400">หักลบรายได้ตามลำดับสู่กำไรสุทธิแท้จริง</span>
+          <span className="text-xs text-slate-400">{t('tiktokAnalytics.waterfallSub')}</span>
         </div>
         
         <div className="grid sm:grid-cols-2 lg:grid-cols-6 gap-3 mb-6">
           {[
-            { label: '1. ยอดขาย Gross', value: summary.totalRevenue, color: 'text-emerald-400', sign: '+' },
-            { label: '2. หัก: ส่วนลดร้านค้า', value: -summary.totalSellerDisc, color: 'text-rose-400', sign: '-' },
-            { label: '3. หัก: ค่าคอม TikTok', value: -(summary.totalCommission || 0), color: 'text-rose-400', sign: '-' },
-            { label: '4. หัก: ค่า Affiliate', value: -(summary.totalAffiliate || 0), color: 'text-orange-400', sign: '-' },
-            { label: '5. หัก: ต้นทุน BOM สินค้า', value: -(summary.totalBOMCost || 0), color: 'text-amber-400', sign: '-' },
-            { label: '6. กำไรสุทธิแท้จริง (Net Profit)', value: summary.totalNetProfit || 0, color: 'text-emerald-300 font-bold', highlight: true, sign: '=' },
+            { label: t('tiktokAnalytics.step1Gross'), value: summary.totalRevenue, color: 'text-emerald-400', sign: '+' },
+            { label: t('tiktokAnalytics.step2SellerDisc'), value: -summary.totalSellerDisc, color: 'text-rose-400', sign: '-' },
+            { label: t('tiktokAnalytics.step3Comm'), value: -(summary.totalCommission || 0), color: 'text-rose-400', sign: '-' },
+            { label: t('tiktokAnalytics.step4Aff'), value: -(summary.totalAffiliate || 0), color: 'text-orange-400', sign: '-' },
+            { label: t('tiktokAnalytics.step5Bom'), value: -(summary.totalBOMCost || 0), color: 'text-amber-400', sign: '-' },
+            { label: t('tiktokAnalytics.step6Net'), value: summary.totalNetProfit || 0, color: 'text-emerald-300 font-bold', highlight: true, sign: '=' },
           ].map((item, i) => (
             <div key={i} className={`p-4 rounded-xl border ${item.highlight ? 'border-emerald-500/30 bg-emerald-500/10' : 'border-white/10 bg-white/[0.02]'}`}>
               <div className="flex items-center justify-between mb-1">
@@ -567,7 +568,7 @@ export default function TiktokAnalyticsPage() {
               </div>
               <p className={`text-lg font-bold font-mono ${item.color}`}>{fmtCurrency(Math.abs(item.value))}</p>
               {summary.totalRevenue > 0 && (
-                <p className="text-[10px] text-slate-500 mt-1">{fmt(Math.abs(item.value / summary.totalRevenue) * 100, 1)}% ของยอดขาย</p>
+                <p className="text-[10px] text-slate-500 mt-1">{t('tiktokAnalytics.percentOfSales', { pct: fmt(Math.abs(item.value / summary.totalRevenue) * 100, 1) })}</p>
               )}
             </div>
           ))}
@@ -577,8 +578,8 @@ export default function TiktokAnalyticsPage() {
           <BadgePercent className="w-7 h-7 text-purple-400 flex-shrink-0" />
           <div className="flex items-center justify-between w-full flex-wrap gap-2">
             <div>
-              <p className="text-xs text-slate-300 font-medium">ส่วนลด Platform สนับสนุน (TikTok ช่วยจ่ายให้ลูกค้า)</p>
-              <p className="text-[11px] text-slate-500">ยอดเงินที่ TikTok ออกคูปองสนับสนุนให้ผู้ซื้อ โดยไม่หักเงินจากร้านค้า</p>
+              <p className="text-xs text-slate-300 font-medium">{t('tiktokAnalytics.platformSubsidyTitle')}</p>
+              <p className="text-[11px] text-slate-500">{t('tiktokAnalytics.platformSubsidySub')}</p>
             </div>
             <p className="text-xl font-bold font-mono text-purple-400">{fmtCurrency(summary.totalPlatformDisc)}</p>
           </div>
diff --git a/apps/admin/src/pages/TiktokOrderDetailPage.tsx b/apps/admin/src/pages/TiktokOrderDetailPage.tsx
index db4579d..4894127 100644
--- a/apps/admin/src/pages/TiktokOrderDetailPage.tsx
+++ b/apps/admin/src/pages/TiktokOrderDetailPage.tsx
@@ -1,5 +1,6 @@
 import { useState, useEffect } from 'react';
 import { useParams, Link } from 'react-router-dom';
+import { useTranslation, Trans } from 'react-i18next';
 import {
   ArrowLeft,
   ShoppingBag,
@@ -19,6 +20,7 @@ import {
 } from 'lucide-react';
 import { API_BASE } from '@homaroma/types';
 import { TIKTOK_SHOPS } from './TiktokOrderPage';
+import { getLocalizedProvinceName, getLocalizedDistrictName } from '../utils/thaiGeoUtils';
 
 function authHeaders() {
   return {
@@ -50,7 +52,16 @@ function statusStyle(status: string) {
   return 'bg-white/5 text-slate-400 border-white/10';
 }
 
+function getLocalizedStatus(status: string, t: any) {
+  if (status.includes('เสร็จ') || status.includes('สำเร็จ')) return t('tiktokOrders.statusCompleted', 'เสร็จสิ้น');
+  if (status.includes('จัดส่งแล้ว') || status.includes('ส่งแล้ว')) return t('tiktokOrders.statusShipped', 'จัดส่งแล้ว');
+  if (status.includes('จะจัดส่ง') || status.includes('รอ')) return t('tiktokOrders.statusToShip', 'ที่ต้องจัดส่ง');
+  if (status.includes('ยกเลิก') || status.includes('cancel')) return t('tiktokOrders.statusCancelled', 'ยกเลิก');
+  return status;
+}
+
 export default function TiktokOrderDetailPage() {
+  const { t, i18n } = useTranslation();
   const { orderId } = useParams<{ orderId: string }>();
   const [order, setOrder] = useState<any | null>(null);
   const [loading, setLoading] = useState(true);
@@ -73,7 +84,7 @@ export default function TiktokOrderDetailPage() {
     return (
       <div className="flex flex-col items-center justify-center h-[60vh] gap-4 animate-pulse">
         <Loader2 className="w-10 h-10 text-rose-400 animate-spin" />
-        <p className="text-slate-500 text-sm">กำลังโหลดรายละเอียดคำสั่งซื้อ TikTok และคำนวณต้นทุน BOM...</p>
+        <p className="text-slate-500 text-sm">{t('tiktokOrderDetail.loading')}</p>
       </div>
     );
   }
@@ -82,9 +93,9 @@ export default function TiktokOrderDetailPage() {
     return (
       <div className="flex flex-col items-center justify-center h-[60vh] gap-4">
         <ShoppingBag className="w-14 h-14 text-slate-700" />
-        <p className="text-slate-400 text-sm">{error || 'ไม่พบคำสั่งซื้อนี้'}</p>
+        <p className="text-slate-400 text-sm">{error || t('tiktokOrderDetail.notFound')}</p>
         <Link to="/tiktok-order" className="px-6 py-2 rounded-xl bg-rose-500/20 text-rose-400 border border-rose-500/30 font-bold text-xs flex items-center gap-2 hover:bg-rose-500/30 transition-all">
-          <ArrowLeft className="w-4 h-4" /> กลับหน้ารายการ
+          <ArrowLeft className="w-4 h-4" /> {t('tiktokOrderDetail.backToList')}
         </Link>
       </div>
     );
@@ -92,6 +103,8 @@ export default function TiktokOrderDetailPage() {
 
   const shopCfg = TIKTOK_SHOPS.find((s) => s.id === order.shop) || TIKTOK_SHOPS[0];
   const hasIncompleteBom = order.hasIncompleteBom || order.missingBomCount > 0;
+  const locDistrict = getLocalizedDistrictName(order.district, undefined, i18n.language) || order.district || '';
+  const locProvince = order.province ? getLocalizedProvinceName(order.province, i18n.language) : t('tiktokOrderDetail.unspecified');
 
   return (
     <div className="space-y-6 animate-fade-in text-white pb-12">
@@ -110,7 +123,7 @@ export default function TiktokOrderDetailPage() {
                 #{order.orderId}
               </h1>
               <span className={`px-2.5 py-0.5 rounded-full text-xs font-medium border ${statusStyle(order.status)}`}>
-                {order.status}
+                {getLocalizedStatus(order.status, t)}
               </span>
               {order.subStatus && (
                 <span className="text-xs text-slate-400 bg-white/5 px-2 py-0.5 rounded-full border border-white/10">
@@ -121,18 +134,18 @@ export default function TiktokOrderDetailPage() {
               {/* BOM Status Pill */}
               {hasIncompleteBom ? (
                 <span className="px-2.5 py-0.5 rounded-full text-xs font-bold bg-rose-500/20 text-rose-400 border border-rose-500/30 flex items-center gap-1.5 shadow-sm shadow-rose-950">
-                  <AlertTriangle className="w-3.5 h-3.5" /> ขาด BOM ({order.missingBomCount} รายการ)
+                  <AlertTriangle className="w-3.5 h-3.5" /> {t('tiktokOrderDetail.missingBomPill', { count: order.missingBomCount })}
                 </span>
               ) : (
                 <span className="px-2.5 py-0.5 rounded-full text-xs font-bold bg-emerald-500/15 text-emerald-400 border border-emerald-500/30 flex items-center gap-1.5">
-                  <CheckCircle2 className="w-3.5 h-3.5" /> BOM ครบถ้วน
+                  <CheckCircle2 className="w-3.5 h-3.5" /> {t('tiktokOrderDetail.bomCompletePill')}
                 </span>
               )}
             </div>
             <p className="text-xs text-slate-400 mt-1 flex items-center gap-2">
-              <span className={`font-bold ${shopCfg.color}`}>ร้าน: {shopCfg.label}</span>
+              <span className={`font-bold ${shopCfg.color}`}>{t('tiktokOrderDetail.shopLabel', { shop: shopCfg.label })}</span>
               <span>•</span>
-              <span>สั่งซื้อเมื่อ: {order.createdTime || '—'}</span>
+              <span>{t('tiktokOrderDetail.orderedAt', { time: order.createdTime || '—' })}</span>
             </p>
           </div>
         </div>
@@ -142,7 +155,7 @@ export default function TiktokOrderDetailPage() {
             to="/tiktok-sales-map"
             className="flex items-center gap-1.5 px-4 py-2 rounded-xl bg-emerald-500/10 hover:bg-emerald-500/20 text-emerald-400 border border-emerald-500/20 text-xs font-bold transition-all"
           >
-            <MapPin className="w-3.5 h-3.5" /> ดูใน Sales Map
+            <MapPin className="w-3.5 h-3.5" /> {t('tiktokOrderDetail.viewInSalesMap')}
           </Link>
           <a
             href={`https://seller-th.tiktok.com/order`}
@@ -164,10 +177,10 @@ export default function TiktokOrderDetailPage() {
             </div>
             <div>
               <p className="text-sm font-bold text-rose-200">
-                ตรวจพบสินค้าขาดสูตร BOM หรือยังไม่ได้ใส่ราคาต้นทุน ({order.missingBomCount} รายการ)
+                {t('tiktokOrderDetail.missingBomAlertTitle', { count: order.missingBomCount })}
               </p>
               <p className="text-xs text-rose-300/80">
-                พนักงานสามารถคลิกปุ่มสีแดงที่รายการสินค้าด้านล่าง เพื่อเข้าไปกรอกสูตร BOM หรือเชื่อมโยงสินค้าได้ทันที
+                {t('tiktokOrderDetail.missingBomAlertSub')}
               </p>
             </div>
           </div>
@@ -175,7 +188,7 @@ export default function TiktokOrderDetailPage() {
             to="/tools/marketplace-products"
             className="px-3.5 py-1.5 rounded-xl bg-rose-500 hover:bg-rose-600 text-white font-bold text-xs shrink-0 flex items-center gap-1.5 shadow-md shadow-rose-900/50 transition-colors"
           >
-            <Layers className="w-3.5 h-3.5" /> ตรวจสอบตาราง Mapping
+            <Layers className="w-3.5 h-3.5" /> {t('tiktokOrderDetail.checkMappingTable')}
           </Link>
         </div>
       )}
@@ -186,15 +199,15 @@ export default function TiktokOrderDetailPage() {
         <div className="lg:col-span-2 space-y-6">
           {/* Order Items Table */}
           <div className="bg-slate-900/60 border border-white/10 rounded-2xl overflow-hidden backdrop-blur-sm">
-            <div className="flex items-center justify-between px-6 py-4 border-b border-white/10 bg-white/[0.02]">
+            <div className="flex items-center justify-between px-6 py-4 border-b border-white/10 bg-white/[0.02] flex-wrap gap-2">
               <div className="flex items-center gap-2.5">
                 <Package className="w-4 h-4 text-rose-400" />
                 <h2 className="font-bold text-sm text-white">
-                  รายการสินค้าในคำสั่งซื้อ ({order.items?.length || 0} SKU)
+                  {t('tiktokOrderDetail.orderItemsTitle', { count: order.items?.length || 0 })}
                 </h2>
               </div>
               <div className="text-xs text-slate-400 flex items-center gap-3 font-mono">
-                <span>ต้นทุนรวม BOM: <strong className={order.orderTotalBomCost > 0 ? "text-amber-400" : "text-rose-400"}>฿{fmt(order.orderTotalBomCost)}</strong></span>
+                <span>{t('tiktokOrderDetail.totalBomCostLabel')} <strong className={order.orderTotalBomCost > 0 ? "text-amber-400" : "text-rose-400"}>฿{fmt(order.orderTotalBomCost)}</strong></span>
               </div>
             </div>
             <div className="divide-y divide-white/5">
@@ -216,11 +229,11 @@ export default function TiktokOrderDetailPage() {
                           <p className="text-sm font-bold text-white leading-snug">{item.productName}</p>
                           {isItemBomMissing ? (
                             <span className="px-2 py-0.5 rounded text-[10px] font-bold bg-rose-500/20 text-rose-400 border border-rose-500/30 animate-pulse">
-                              🔴 ขาด BOM / รอใส่ราคา
+                              {t('tiktokOrderDetail.itemMissingBomBadge')}
                             </span>
                           ) : (
                             <span className="px-2 py-0.5 rounded text-[10px] font-bold bg-emerald-500/15 text-emerald-400 border border-emerald-500/20">
-                              ✓ มีสูตร BOM
+                              {t('tiktokOrderDetail.itemHasBomBadge')}
                             </span>
                           )}
                         </div>
@@ -228,7 +241,7 @@ export default function TiktokOrderDetailPage() {
                         <div className="flex items-center gap-2 flex-wrap text-xs text-slate-400">
                           {item.variation && (
                             <span className="px-2 py-0.5 rounded bg-white/5 border border-white/10 text-slate-300 font-mono text-[11px]">
-                              ตัวเลือก: {item.variation}
+                              {t('tiktokOrderDetail.variationLabel', { variation: item.variation })}
                             </span>
                           )}
                           {item.sellerSku && (
@@ -238,7 +251,10 @@ export default function TiktokOrderDetailPage() {
                           )}
                           {item.masterProductName && (
                             <span className="text-[11px] font-mono text-violet-400 bg-violet-500/10 px-1.5 py-0.5 rounded border border-violet-500/20">
-                              เชื่อมโยง: {item.masterProductName} ({item.masterSku || 'No SKU'})
+                              {t('tiktokOrderDetail.linkedMasterLabel', {
+                                product: item.masterProductName,
+                                sku: item.masterSku || 'No SKU'
+                              })}
                             </span>
                           )}
                         </div>
@@ -247,15 +263,15 @@ export default function TiktokOrderDetailPage() {
                       {/* Pricing, Quantity & Subtotal */}
                       <div className="flex items-center justify-between md:justify-end gap-5 text-right shrink-0">
                         <div>
-                          <p className="text-[10px] text-slate-500 uppercase tracking-widest">ราคา/หน่วย</p>
+                          <p className="text-[10px] text-slate-500 uppercase tracking-widest">{t('tiktokOrderDetail.thUnitPrice')}</p>
                           <p className="text-xs font-mono text-slate-300">฿{fmt(item.unitOriginalPrice)}</p>
                         </div>
                         <div>
-                          <p className="text-[10px] text-slate-500 uppercase tracking-widest">จำนวน</p>
+                          <p className="text-[10px] text-slate-500 uppercase tracking-widest">{t('tiktokOrderDetail.thQuantity')}</p>
                           <p className="text-sm font-bold font-mono text-white">x{item.quantity}</p>
                         </div>
                         <div className="min-w-[80px]">
-                          <p className="text-[10px] text-slate-500 uppercase tracking-widest">ยอดขาย (SKU)</p>
+                          <p className="text-[10px] text-slate-500 uppercase tracking-widest">{t('tiktokOrderDetail.thSubtotal')}</p>
                           <p className="text-sm font-bold font-mono text-white">฿{fmt(item.subtotalAfterDiscount)}</p>
                         </div>
                       </div>
@@ -266,15 +282,15 @@ export default function TiktokOrderDetailPage() {
                       {item.hasBom ? (
                         <div className="flex items-center gap-4 flex-wrap">
                           <div>
-                            <span className="text-slate-500 text-[11px]">ต้นทุน BOM/ชิ้น: </span>
+                            <span className="text-slate-500 text-[11px]">{t('tiktokOrderDetail.unitBomCostLabel')} </span>
                             <span className="font-mono text-amber-400 font-bold">฿{fmt(item.unitBomCost)}</span>
                           </div>
                           <div>
-                            <span className="text-slate-500 text-[11px]">ต้นทุนรวม: </span>
+                            <span className="text-slate-500 text-[11px]">{t('tiktokOrderDetail.totalBomCostItemLabel')} </span>
                             <span className="font-mono text-amber-400 font-bold">฿{fmt(item.totalBomCost)}</span>
                           </div>
                           <div>
-                            <span className="text-slate-500 text-[11px]">กำไรขั้นต้น: </span>
+                            <span className="text-slate-500 text-[11px]">{t('tiktokOrderDetail.grossProfitLabel')} </span>
                             <span className={`font-mono font-bold ${item.profit >= 0 ? 'text-emerald-400' : 'text-rose-400'}`}>
                               ฿{fmt(item.profit)} ({item.marginPercent?.toFixed(1)}%)
                             </span>
@@ -283,7 +299,7 @@ export default function TiktokOrderDetailPage() {
                       ) : (
                         <div className="flex items-center gap-2 text-rose-400 font-medium">
                           <AlertTriangle className="w-3.5 h-3.5" />
-                          <span>ไม่พบต้นทุน BOM สำหรับสินค้านี้ (ทำให้คำนวณกำไรไม่ได้)</span>
+                          <span>{t('tiktokOrderDetail.bomNotFoundWarning')}</span>
                         </div>
                       )}
 
@@ -295,7 +311,7 @@ export default function TiktokOrderDetailPage() {
                             className="px-2.5 py-1 rounded-lg bg-rose-500/20 hover:bg-rose-500/30 text-rose-300 border border-rose-500/40 text-[11px] font-bold flex items-center gap-1 transition-colors"
                           >
                             <Calculator className="w-3 h-3 text-rose-400" />
-                            {item.hasBom ? 'แก้ไขสูตร BOM' : '➕ ไปใส่สูตร BOM'}
+                            {item.hasBom ? t('tiktokOrderDetail.editBom') : t('tiktokOrderDetail.addBom')}
                             <ArrowUpRight className="w-3 h-3" />
                           </Link>
                         ) : (
@@ -304,7 +320,7 @@ export default function TiktokOrderDetailPage() {
                             className="px-2.5 py-1 rounded-lg bg-amber-500/20 hover:bg-amber-500/30 text-amber-300 border border-amber-500/40 text-[11px] font-bold flex items-center gap-1 transition-colors"
                           >
                             <Layers className="w-3 h-3 text-amber-400" />
-                            🔗 ไปเชื่อมโยง Master SKU
+                            {t('tiktokOrderDetail.mapMasterSku')}
                             <ArrowUpRight className="w-3 h-3" />
                           </Link>
                         )}
@@ -315,7 +331,7 @@ export default function TiktokOrderDetailPage() {
                     {item.bomItemsDetail && item.bomItemsDetail.length > 0 && (
                       <div className="p-2.5 rounded-xl bg-black/20 border border-white/5 space-y-1 text-[11px] font-mono text-slate-400">
                         <p className="text-[10px] text-slate-500 uppercase font-sans font-bold tracking-wider mb-1">
-                          สูตรวัตถุดิบ BOM ({item.bomItemsDetail.length} รายการ):
+                          {t('tiktokOrderDetail.rawMaterialBreakdown', { count: item.bomItemsDetail.length })}
                         </p>
                         <div className="grid grid-cols-1 sm:grid-cols-2 gap-x-4 gap-y-1">
                           {item.bomItemsDetail.map((bom: any, bIdx: number) => (
@@ -337,15 +353,15 @@ export default function TiktokOrderDetailPage() {
           <div className="bg-slate-900/60 border border-white/10 rounded-2xl p-6 space-y-4">
             <div className="flex items-center gap-2.5 pb-3 border-b border-white/10">
               <Truck className="w-4 h-4 text-blue-400" />
-              <h2 className="font-bold text-sm text-white">ข้อมูลการจัดส่งและขนส่ง</h2>
+              <h2 className="font-bold text-sm text-white">{t('tiktokOrderDetail.shippingTitle')}</h2>
             </div>
             <div className="grid grid-cols-2 sm:grid-cols-3 gap-4 text-xs">
               <InfoRow label="Tracking ID" value={order.trackingId} mono />
-              <InfoRow label="ผู้ให้บริการขนส่ง" value={order.shippingProvider} />
-              <InfoRow label="ประเภทการส่ง" value={order.deliveryOption} />
+              <InfoRow label={t('tiktokOrderDetail.shippingProvider')} value={order.shippingProvider} />
+              <InfoRow label={t('tiktokOrderDetail.deliveryOption')} value={order.deliveryOption} />
               <InfoRow label="Fulfillment" value={order.fulfillmentType} />
-              <InfoRow label="คลังสินค้า" value={order.warehouseName} />
-              <InfoRow label="ประเภทออเดอร์" value={order.orderType} />
+              <InfoRow label={t('tiktokOrderDetail.warehouseName')} value={order.warehouseName} />
+              <InfoRow label={t('tiktokOrderDetail.orderType')} value={order.orderType} />
             </div>
           </div>
 
@@ -353,15 +369,15 @@ export default function TiktokOrderDetailPage() {
           <div className="bg-slate-900/60 border border-white/10 rounded-2xl p-6 space-y-4">
             <div className="flex items-center gap-2.5 pb-3 border-b border-white/10">
               <Calendar className="w-4 h-4 text-amber-400" />
-              <h2 className="font-bold text-sm text-white">ไทม์ไลน์คำสั่งซื้อ</h2>
+              <h2 className="font-bold text-sm text-white">{t('tiktokOrderDetail.timelineTitle')}</h2>
             </div>
             <div className="grid grid-cols-2 sm:grid-cols-3 gap-4 text-xs">
-              <InfoRow label="วันที่สร้างออเดอร์" value={order.createdTime} />
-              <InfoRow label="วันที่ชำระเงิน" value={order.paidTime} />
-              <InfoRow label="เวลา RTS" value={order.rtsTime} />
-              <InfoRow label="เวลาจัดส่งออก" value={order.shippedTime} />
-              <InfoRow label="เวลาส่งถึงลูกค้า" value={order.deliveredTime} />
-              <InfoRow label="เวลายกเลิก" value={order.cancelledTime} />
+              <InfoRow label={t('tiktokOrderDetail.createdDate')} value={order.createdTime} />
+              <InfoRow label={t('tiktokOrderDetail.paidDate')} value={order.paidTime} />
+              <InfoRow label={t('tiktokOrderDetail.rtsTime')} value={order.rtsTime} />
+              <InfoRow label={t('tiktokOrderDetail.shippedTime')} value={order.shippedTime} />
+              <InfoRow label={t('tiktokOrderDetail.deliveredTime')} value={order.deliveredTime} />
+              <InfoRow label={t('tiktokOrderDetail.cancelledTime')} value={order.cancelledTime} />
             </div>
           </div>
         </div>
@@ -376,33 +392,33 @@ export default function TiktokOrderDetailPage() {
           }`}>
             <div className="flex items-center gap-2.5 pb-3 border-b border-white/10">
               <Calculator className={`w-4 h-4 ${hasIncompleteBom ? 'text-rose-400' : 'text-emerald-400'}`} />
-              <h2 className="font-bold text-sm text-white">สรุปต้นทุน & กำไร (BOM)</h2>
+              <h2 className="font-bold text-sm text-white">{t('tiktokOrderDetail.bomSummaryTitle')}</h2>
             </div>
 
             <div className="space-y-3 text-xs">
               <div className="flex justify-between items-center text-slate-400">
-                <span>ยอดขายสุทธิ (Revenue)</span>
+                <span>{t('tiktokOrderDetail.revenueLabel')}</span>
                 <span className="font-mono text-slate-200 font-bold">
                   ฿{fmt(order.orderAmount)}
                 </span>
               </div>
 
               <div className="flex justify-between items-center">
-                <span className="text-slate-400">ต้นทุนวัตถุดิบ (Total BOM Cost)</span>
+                <span className="text-slate-400">{t('tiktokOrderDetail.totalBomCostSummary')}</span>
                 <span className={`font-mono font-bold ${order.orderTotalBomCost > 0 ? 'text-amber-400' : 'text-rose-400'}`}>
                   ฿{fmt(order.orderTotalBomCost)}
                 </span>
               </div>
 
               <div className="flex justify-between items-center text-violet-300">
-                <span className="text-slate-400">ค่าคอมมิชชั่น (Commission)</span>
+                <span className="text-slate-400">{t('tiktokOrderDetail.commissionSummary')}</span>
                 <span className="font-mono font-semibold">
                   {order.commissionFee > 0 ? `-฿${fmt(order.commissionFee)}` : '฿0.00'}
                 </span>
               </div>
 
               <div className="flex justify-between items-center text-cyan-300">
-                <span className="text-slate-400">ค่าพันธมิตร (Affiliate)</span>
+                <span className="text-slate-400">{t('tiktokOrderDetail.affiliateSummary')}</span>
                 <span className="font-mono font-semibold">
                   {order.affiliateFee > 0 ? `-฿${fmt(order.affiliateFee)}` : '฿0.00'}
                 </span>
@@ -410,8 +426,8 @@ export default function TiktokOrderDetailPage() {
 
               <div className="pt-3 border-t border-white/10 flex justify-between items-center">
                 <div>
-                  <span className="text-sm font-bold text-white">กำไรสุทธิ (Net Profit)</span>
-                  <p className="text-[10px] text-slate-400">Margin: {order.orderGrossMargin?.toFixed(1)}%</p>
+                  <span className="text-sm font-bold text-white">{t('tiktokOrderDetail.netProfitSummary')}</span>
+                  <p className="text-[10px] text-slate-400">{t('tiktokOrderDetail.marginLabel', { margin: order.orderGrossMargin?.toFixed(1) || '0.0' })}</p>
                 </div>
                 <span className={`text-xl font-bold font-mono ${
                   (order.orderNetProfit ?? order.orderEstProfit) >= 0 ? 'text-emerald-400' : 'text-rose-400'
@@ -424,10 +440,14 @@ export default function TiktokOrderDetailPage() {
                 <div className="p-3 rounded-xl bg-rose-500/15 border border-rose-500/30 space-y-1 text-rose-300">
                   <div className="flex items-center gap-1.5 font-bold text-rose-200 text-xs">
                     <AlertTriangle className="w-3.5 h-3.5" />
-                    <span>คำเตือน: ตัวเลขยังไม่สมบูรณ์</span>
+                    <span>{t('tiktokOrderDetail.incompleteWarningTitle')}</span>
                   </div>
                   <p className="text-[11px] leading-relaxed">
-                    มีสินค้า <strong>{order.missingBomCount} รายการ</strong> ยังไม่มีสูตร BOM หรือไม่มีราคาต้นทุน กรุณาใส่ราคา BOM เพื่อให้กำไรถูกต้อง
+                    <Trans
+                      i18nKey="tiktokOrderDetail.incompleteWarningDesc"
+                      values={{ count: order.missingBomCount }}
+                      components={{ 1: <strong /> }}
+                    />
                   </p>
                 </div>
               )}
@@ -438,19 +458,20 @@ export default function TiktokOrderDetailPage() {
           <div className="bg-slate-900/60 border border-white/10 rounded-2xl p-6 space-y-4">
             <div className="flex items-center gap-2.5 pb-3 border-b border-white/10">
               <User className="w-4 h-4 text-violet-400" />
-              <h2 className="font-bold text-sm text-white">ข้อมูลลูกค้าและพื้นที่</h2>
+              <h2 className="font-bold text-sm text-white">{t('tiktokOrderDetail.customerTitle')}</h2>
             </div>
             <div className="space-y-3 text-xs">
-              <InfoRow label="ชื่อผู้ใช้ TikTok" value={order.buyerUsername} />
-              <InfoRow label="ช่องทางชำระเงิน" value={order.paymentMethod} />
+              <InfoRow label={t('tiktokOrderDetail.tiktokUsername')} value={order.buyerUsername} />
+              <InfoRow label={t('tiktokOrderDetail.paymentMethod')} value={order.paymentMethod} />
               <div className="pt-2 border-t border-white/5 space-y-2">
                 <p className="text-[10px] uppercase font-bold tracking-widest text-slate-500">
-                  พิกัดปลายทาง
+                  {t('tiktokOrderDetail.destination')}
                 </p>
                 <div className="flex items-center gap-1.5 text-sm text-slate-200">
                   <MapPin className="w-4 h-4 text-emerald-400" />
                   <span>
-                    {order.district ? `อ.${order.district}, ` : ''}จ.{order.province || 'ไม่ระบุ'}
+                    {order.district ? `${t('tiktokOrders.districtPrefix')}${locDistrict}, ` : ''}
+                    {t('tiktokOrders.provincePrefix')}{locProvince}
                   </span>
                 </div>
               </div>
@@ -461,43 +482,43 @@ export default function TiktokOrderDetailPage() {
           <div className="bg-slate-900/60 border border-white/10 rounded-2xl p-6 space-y-4">
             <div className="flex items-center gap-2.5 pb-3 border-b border-white/10">
               <Receipt className="w-4 h-4 text-emerald-400" />
-              <h2 className="font-bold text-sm text-white">สรุปยอดเงิน (Financials)</h2>
+              <h2 className="font-bold text-sm text-white">{t('tiktokOrderDetail.financialsTitle')}</h2>
             </div>
             <div className="space-y-3 text-xs">
               <div className="flex justify-between items-center text-slate-400">
-                <span>ยอดรวมสินค้า</span>
+                <span>{t('tiktokOrderDetail.itemsSubtotal')}</span>
                 <span className="font-mono text-slate-200">
                   ฿{fmt(order.items?.reduce((s: number, i: any) => s + (i.subtotalBeforeDiscount || 0), 0))}
                 </span>
               </div>
               <div className="flex justify-between items-center text-slate-400">
-                <span>ส่วนลดแพลตฟอร์ม</span>
+                <span>{t('tiktokOrderDetail.platformDiscount')}</span>
                 <span className="font-mono text-rose-400">
                   -฿{fmt(order.items?.reduce((s: number, i: any) => s + (i.platformDiscount || 0), 0))}
                 </span>
               </div>
               <div className="flex justify-between items-center text-slate-400">
-                <span>ส่วนลดร้านค้า</span>
+                <span>{t('tiktokOrderDetail.sellerDiscount')}</span>
                 <span className="font-mono text-rose-400">
                   -฿{fmt(order.items?.reduce((s: number, i: any) => s + (i.sellerDiscount || 0), 0))}
                 </span>
               </div>
               <div className="flex justify-between items-center text-slate-400">
-                <span>ค่าจัดส่ง</span>
+                <span>{t('tiktokOrderDetail.shippingFee')}</span>
                 <span className="font-mono text-amber-400">฿{fmt(order.shippingFee)}</span>
               </div>
               <div className="flex justify-between items-center text-slate-400">
-                <span>ภาษี (Taxes)</span>
+                <span>{t('tiktokOrderDetail.taxes')}</span>
                 <span className="font-mono text-blue-400">฿{fmt(order.taxes)}</span>
               </div>
               {order.refundAmount > 0 && (
                 <div className="flex justify-between items-center text-rose-400 font-bold">
-                  <span>ยอดคืนเงิน (Refund)</span>
+                  <span>{t('tiktokOrderDetail.refundAmount')}</span>
                   <span className="font-mono">-฿{fmt(order.refundAmount)}</span>
                 </div>
               )}
               <div className="pt-3 border-t border-white/10 flex justify-between items-center">
-                <span className="text-sm font-bold text-white">ยอดสุทธิ (Order Amount)</span>
+                <span className="text-sm font-bold text-white">{t('tiktokOrderDetail.totalOrderAmount')}</span>
                 <span className="text-xl font-bold font-mono text-emerald-400">
                   ฿{fmt(order.orderAmount)}
                 </span>
@@ -509,4 +530,3 @@ export default function TiktokOrderDetailPage() {
     </div>
   );
 }
-
diff --git a/apps/admin/src/pages/TiktokOrderPage.tsx b/apps/admin/src/pages/TiktokOrderPage.tsx
index 243edf0..1e52a77 100644
--- a/apps/admin/src/pages/TiktokOrderPage.tsx
+++ b/apps/admin/src/pages/TiktokOrderPage.tsx
@@ -2,6 +2,7 @@ import { useState, useEffect } from 'react';
 import { Link } from 'react-router-dom';
 import Papa from 'papaparse';
 import * as XLSX from 'xlsx';
+import { useTranslation, Trans } from 'react-i18next';
 import {
   ShoppingBag, Upload, Table2, TrendingUp, Package, DollarSign,
   Coins, ChevronLeft, ChevronRight, ExternalLink, Store, Trash2,
@@ -9,6 +10,7 @@ import {
   BadgePercent, Wallet, Receipt
 } from 'lucide-react';
 import { API_BASE } from '@homaroma/types';
+import { getLocalizedProvinceName, getLocalizedDistrictName } from '../utils/thaiGeoUtils';
 
 // ── Shop Config ───────────────────────────────────────────────────────────────
 export const TIKTOK_SHOPS = [
@@ -34,6 +36,14 @@ function statusColor(status: string) {
   return 'bg-white/5 text-slate-400 border-white/10';
 }
 
+function getLocalizedStatus(status: string, t: any) {
+  if (status.includes('เสร็จ') || status.includes('สำเร็จ')) return t('tiktokOrders.statusCompleted', 'เสร็จสิ้น');
+  if (status.includes('จัดส่งแล้ว') || status.includes('ส่งแล้ว')) return t('tiktokOrders.statusShipped', 'จัดส่งแล้ว');
+  if (status.includes('จะจัดส่ง') || status.includes('รอ')) return t('tiktokOrders.statusToShip', 'ที่ต้องจัดส่ง');
+  if (status.includes('ยกเลิก') || status.includes('cancel')) return t('tiktokOrders.statusCancelled', 'ยกเลิก');
+  return status;
+}
+
 // ── Shop Switcher ─────────────────────────────────────────────────────────────
 function ShopSwitcher({ shop, onChange }: { shop: string; onChange: (s: string) => void }) {
   return (
@@ -53,6 +63,8 @@ function ShopSwitcher({ shop, onChange }: { shop: string; onChange: (s: string)
 
 // ── Summary Cards ─────────────────────────────────────────────────────────────
 function SummaryCards({ summary, shopColor }: { summary: any | null; shopColor: string }) {
+  const { t } = useTranslation();
+
   if (!summary) return (
     <div className="grid grid-cols-2 lg:grid-cols-5 gap-4">
       {Array.from({ length: 5 }).map((_, i) => <div key={i} className="bg-white/5 border border-white/10 rounded-2xl p-5 animate-pulse h-24" />)}
@@ -63,22 +75,50 @@ function SummaryCards({ summary, shopColor }: { summary: any | null; shopColor:
   const hasSettlement = (summary.totalCommission || 0) > 0 || (summary.totalAffiliate || 0) > 0;
 
   const cards = [
-    { label: 'คำสั่งซื้อทั้งหมด', value: summary.orderCount.toLocaleString(), sub: `${summary.totalItems?.toLocaleString()} รายการ SKU`, icon: ShoppingBag, color: shopColor },
-    { label: 'ยอดขายรวม (Gross)', value: `฿${fmt(summary.totalAmount)}`, sub: `SKU Revenue ฿${fmt(summary.totalSkuRevenue)}`, icon: DollarSign, color: 'text-emerald-400' },
-    { label: 'ต้นทุน BOM รวม', value: `฿${fmt(summary.totalBOMCost || 0)}`, sub: `กำไรประเมิน ฿${fmt(summary.totalEstProfit || 0)} (${(summary.grossProfitMargin || 0).toFixed(1)}%)`, icon: Coins, color: 'text-amber-400' },
     {
-      label: 'Commission & Affiliate',
+      label: t('tiktokOrders.kpiTotalOrders'),
+      value: summary.orderCount.toLocaleString(),
+      sub: t('tiktokOrders.skuCount', { count: summary.totalItems?.toLocaleString() }),
+      icon: ShoppingBag,
+      color: shopColor
+    },
+    {
+      label: t('tiktokOrders.kpiGrossSales'),
+      value: `฿${fmt(summary.totalAmount)}`,
+      sub: t('tiktokOrders.skuRevenue', { amount: fmt(summary.totalSkuRevenue) }),
+      icon: DollarSign,
+      color: 'text-emerald-400'
+    },
+    {
+      label: t('tiktokOrders.kpiTotalBomCost'),
+      value: `฿${fmt(summary.totalBOMCost || 0)}`,
+      sub: t('tiktokOrders.estProfit', {
+        amount: fmt(summary.totalEstProfit || 0),
+        margin: (summary.grossProfitMargin || 0).toFixed(1)
+      }),
+      icon: Coins,
+      color: 'text-amber-400'
+    },
+    {
+      label: t('tiktokOrders.kpiCommissionAffiliate'),
       value: `฿${fmt((summary.totalCommission || 0) + (summary.totalAffiliate || 0))}`,
       sub: hasSettlement
-        ? `Comm: ฿${fmt(summary.totalCommission || 0)} | Aff: ฿${fmt(summary.totalAffiliate || 0)}`
-        : 'รอ Import ใบแจ้งยอด Settlement',
+        ? t('tiktokOrders.commAffBreakdown', {
+            comm: fmt(summary.totalCommission || 0),
+            aff: fmt(summary.totalAffiliate || 0)
+          })
+        : t('tiktokOrders.waitingSettlement'),
       icon: BadgePercent,
       color: 'text-violet-400',
     },
     {
-      label: 'สถานะ BOM สินค้า',
-      value: missingBom ? `ขาด ${summary.ordersMissingBomCount} ออเดอร์` : 'BOM ครบ 100%',
-      sub: missingBom ? '🔴 มีสินค้ายังไม่ได้ใส่ราคา BOM' : '✓ คำนวณต้นทุนครบทุกออเดอร์',
+      label: t('tiktokOrders.kpiBomStatus'),
+      value: missingBom
+        ? t('tiktokOrders.missingBomOrders', { count: summary.ordersMissingBomCount })
+        : t('tiktokOrders.bomComplete100'),
+      sub: missingBom
+        ? t('tiktokOrders.missingBomWarning')
+        : t('tiktokOrders.bomCostCalculated'),
       icon: missingBom ? AlertTriangle : CheckCircle2,
       color: missingBom ? 'text-rose-400' : 'text-emerald-400',
       isAlert: missingBom,
@@ -114,6 +154,7 @@ function SummaryCards({ summary, shopColor }: { summary: any | null; shopColor:
 
 // ── Orders Table ──────────────────────────────────────────────────────────────
 function OrdersTable({ shop, refreshKey }: { shop: string; refreshKey: number }) {
+  const { t, i18n } = useTranslation();
   const [items, setItems] = useState<any[]>([]);
   const [total, setTotal] = useState(0);
   const [page, setPage] = useState(1);
@@ -179,7 +220,7 @@ function OrdersTable({ shop, refreshKey }: { shop: string; refreshKey: number })
             type="text"
             value={searchInput}
             onChange={(e) => setSearchInput(e.target.value)}
-            placeholder="ค้นหา Order ID, ผู้ซื้อ, Tracking, SKU, ชื่อสินค้า..."
+            placeholder={t('tiktokOrders.searchPlaceholder')}
             className="w-full pl-10 pr-9 py-2 rounded-xl bg-black/30 border border-white/10 text-white placeholder-slate-500 text-xs focus:outline-none focus:border-rose-500/50 transition-colors font-mono"
           />
           {searchInput && (
@@ -202,7 +243,7 @@ function OrdersTable({ shop, refreshKey }: { shop: string; refreshKey: number })
                 bomFilter === 'all' ? 'bg-white/15 text-white shadow' : 'text-slate-400 hover:text-white'
               }`}
             >
-              BOM ทั้งหมด
+              {t('tiktokOrders.bomFilterAll')}
             </button>
             <button
               onClick={() => setBomFilter('missing')}
@@ -213,7 +254,7 @@ function OrdersTable({ shop, refreshKey }: { shop: string; refreshKey: number })
               }`}
             >
               <span className="w-2 h-2 rounded-full bg-rose-500" />
-              ขาด BOM
+              {t('tiktokOrders.bomFilterMissing')}
             </button>
             <button
               onClick={() => setBomFilter('complete')}
@@ -224,7 +265,7 @@ function OrdersTable({ shop, refreshKey }: { shop: string; refreshKey: number })
               }`}
             >
               <span className="w-2 h-2 rounded-full bg-emerald-400" />
-              BOM ครบ
+              {t('tiktokOrders.bomFilterComplete')}
             </button>
           </div>
 
@@ -236,7 +277,7 @@ function OrdersTable({ shop, refreshKey }: { shop: string; refreshKey: number })
                 statusFilter === 'all' ? 'bg-white/15 text-white shadow' : 'text-slate-400 hover:text-white'
               }`}
             >
-              ทุกสถานะ
+              {t('tiktokOrders.statusFilterAll')}
             </button>
             <button
               onClick={() => setStatusFilter('เสร็จ')}
@@ -246,7 +287,7 @@ function OrdersTable({ shop, refreshKey }: { shop: string; refreshKey: number })
                   : 'text-slate-400 hover:text-emerald-400'
               }`}
             >
-              เสร็จสิ้น
+              {t('tiktokOrders.statusCompleted')}
             </button>
             <button
               onClick={() => setStatusFilter('จัดส่งแล้ว')}
@@ -256,7 +297,7 @@ function OrdersTable({ shop, refreshKey }: { shop: string; refreshKey: number })
                   : 'text-slate-400 hover:text-blue-400'
               }`}
             >
-              จัดส่งแล้ว
+              {t('tiktokOrders.statusShipped')}
             </button>
             <button
               onClick={() => setStatusFilter('จะจัดส่ง')}
@@ -266,7 +307,7 @@ function OrdersTable({ shop, refreshKey }: { shop: string; refreshKey: number })
                   : 'text-slate-400 hover:text-amber-400'
               }`}
             >
-              ที่ต้องจัดส่ง
+              {t('tiktokOrders.statusToShip')}
             </button>
             <button
               onClick={() => setStatusFilter('ยกเลิก')}
@@ -276,7 +317,7 @@ function OrdersTable({ shop, refreshKey }: { shop: string; refreshKey: number })
                   : 'text-slate-400 hover:text-rose-400'
               }`}
             >
-              ยกเลิก
+              {t('tiktokOrders.statusCancelled')}
             </button>
           </div>
 
@@ -284,7 +325,7 @@ function OrdersTable({ shop, refreshKey }: { shop: string; refreshKey: number })
             <button
               onClick={clearFilters}
               className="p-2 rounded-xl bg-white/5 hover:bg-white/10 text-slate-400 hover:text-white border border-white/10 transition-colors"
-              title="ล้างตัวกรองทั้งหมด"
+              title={t('tiktokOrders.clearFilters')}
             >
               <RotateCcw className="w-3.5 h-3.5" />
             </button>
@@ -297,14 +338,30 @@ function OrdersTable({ shop, refreshKey }: { shop: string; refreshKey: number })
         <p className="text-slate-400">
           {search || statusFilter !== 'all' || bomFilter !== 'all' ? (
             <>
-              พบ <span className="text-rose-400 font-bold font-mono">{total.toLocaleString()}</span> รายการ{' '}
-              {search && <span className="text-slate-400">(จากคำค้นหา <strong className="text-white">"{search}"</strong>)</span>}
-              {bomFilter === 'missing' && <span className="text-rose-400 font-semibold ml-1">[กรองเฉพาะที่ขาด BOM]</span>}
+              <Trans
+                i18nKey="tiktokOrders.foundOrders"
+                values={{ count: total.toLocaleString() }}
+                components={{ 1: <span className="text-rose-400 font-bold font-mono" /> }}
+              />{' '}
+              {search && (
+                <span className="text-slate-400">
+                  <Trans
+                    i18nKey="tiktokOrders.fromSearch"
+                    values={{ search }}
+                    components={{ 1: <strong className="text-white" /> }}
+                  />
+                </span>
+              )}
+              {bomFilter === 'missing' && (
+                <span className="text-rose-400 font-semibold ml-1">{t('tiktokOrders.filteredMissingBom')}</span>
+              )}
             </>
           ) : (
-            <>
-              ทั้งหมด <span className="text-white font-bold font-mono">{total.toLocaleString()}</span> คำสั่งซื้อ
-            </>
+            <Trans
+              i18nKey="tiktokOrders.totalOrdersCount"
+              values={{ count: total.toLocaleString() }}
+              components={{ 1: <span className="text-white font-bold font-mono" /> }}
+            />
           )}
         </p>
         <div className="flex items-center gap-2">
@@ -332,16 +389,16 @@ function OrdersTable({ shop, refreshKey }: { shop: string; refreshKey: number })
         <table className="w-full text-xs text-left">
           <thead className="text-slate-400 uppercase bg-white/5 border-b border-white/10">
             <tr>
-              <th className="px-4 py-3.5 whitespace-nowrap">Order ID</th>
-              <th className="px-4 py-3.5 whitespace-nowrap">สถานะ</th>
-              <th className="px-4 py-3.5 whitespace-nowrap">ผู้ซื้อ / พื้นที่</th>
-              <th className="px-4 py-3.5 whitespace-nowrap">วันที่สร้าง</th>
-              <th className="px-4 py-3.5 whitespace-nowrap">SKUs & BOM</th>
-              <th className="px-4 py-3.5 whitespace-nowrap text-right">ยอดขาย (฿)</th>
-              <th className="px-4 py-3.5 whitespace-nowrap text-right">ต้นทุน BOM (฿)</th>
-              <th className="px-4 py-3.5 whitespace-nowrap text-right text-violet-400">Commission (฿)</th>
-              <th className="px-4 py-3.5 whitespace-nowrap text-right text-cyan-400">Affiliate (฿)</th>
-              <th className="px-4 py-3.5 whitespace-nowrap text-right">กำไรสุทธิ</th>
+              <th className="px-4 py-3.5 whitespace-nowrap">{t('tiktokOrders.thOrderId')}</th>
+              <th className="px-4 py-3.5 whitespace-nowrap">{t('tiktokOrders.thStatus')}</th>
+              <th className="px-4 py-3.5 whitespace-nowrap">{t('tiktokOrders.thBuyerArea')}</th>
+              <th className="px-4 py-3.5 whitespace-nowrap">{t('tiktokOrders.thCreatedDate')}</th>
+              <th className="px-4 py-3.5 whitespace-nowrap">{t('tiktokOrders.thSkusBom')}</th>
+              <th className="px-4 py-3.5 whitespace-nowrap text-right">{t('tiktokOrders.thOrderAmount')}</th>
+              <th className="px-4 py-3.5 whitespace-nowrap text-right">{t('tiktokOrders.thBomCost')}</th>
+              <th className="px-4 py-3.5 whitespace-nowrap text-right text-violet-400">{t('tiktokOrders.thCommission')}</th>
+              <th className="px-4 py-3.5 whitespace-nowrap text-right text-cyan-400">{t('tiktokOrders.thAffiliate')}</th>
+              <th className="px-4 py-3.5 whitespace-nowrap text-right">{t('tiktokOrders.thNetProfit')}</th>
               <th className="px-4 py-3.5 text-center" />
             </tr>
           </thead>
@@ -349,16 +406,19 @@ function OrdersTable({ shop, refreshKey }: { shop: string; refreshKey: number })
             {loading ? (
               <tr>
                 <td colSpan={11} className="px-4 py-12 text-center text-slate-500">
-                  <div className="inline-block animate-spin mr-2 text-rose-400">⏳</div> กำลังประมวลผลข้อมูล...
+                  <div className="inline-block animate-spin mr-2 text-rose-400">⏳</div> {t('tiktokOrders.processingData')}
                 </td>
               </tr>
             ) : items.length === 0 ? (
               <tr>
-                <td colSpan={11} className="px-4 py-16 text-center text-slate-400">ยังไม่มีข้อมูล</td>
+                <td colSpan={11} className="px-4 py-16 text-center text-slate-400">{t('tiktokOrders.noOrders')}</td>
               </tr>
             ) : (
               items.map((order) => {
                 const hasMissingBom = order.hasIncompleteBom;
+                const locDistrict = getLocalizedDistrictName(order.district, undefined, i18n.language) || order.district || '';
+                const locProvince = getLocalizedProvinceName(order.province, i18n.language);
+
                 return (
                   <tr key={order.orderId} className={`border-b border-white/5 transition-colors group ${
                     hasMissingBom ? 'hover:bg-rose-500/[0.04]' : 'hover:bg-white/[0.04]'
@@ -371,10 +431,10 @@ function OrdersTable({ shop, refreshKey }: { shop: string; refreshKey: number })
                         </Link>
                         {order.isSettled ? (
                           <span className="text-[10px] font-normal text-emerald-400 inline-flex items-center gap-1">
-                            <CheckCircle2 className="w-2.5 h-2.5" /> โอนแล้ว ฿{fmt(order.netSettlement)}
+                            <CheckCircle2 className="w-2.5 h-2.5" /> {t('tiktokOrders.settledTransferred', { amount: fmt(order.netSettlement) })}
                           </span>
                         ) : (
-                          <span className="text-[9px] font-normal text-slate-500">รอโอนเงิน</span>
+                          <span className="text-[9px] font-normal text-slate-500">{t('tiktokOrders.waitingSettlementTransfer')}</span>
                         )}
                       </div>
                     </td>
@@ -383,7 +443,7 @@ function OrdersTable({ shop, refreshKey }: { shop: string; refreshKey: number })
                     <td className="px-4 py-3.5">
                       <div className="flex flex-col gap-0.5">
                         <span className={`px-2 py-0.5 rounded-full text-[10px] font-medium whitespace-nowrap border ${statusColor(order.status)}`}>
-                          {order.status}
+                          {getLocalizedStatus(order.status, t)}
                         </span>
                         {order.subStatus && <span className="text-[9px] text-slate-500">{order.subStatus}</span>}
                       </div>
@@ -392,7 +452,12 @@ function OrdersTable({ shop, refreshKey }: { shop: string; refreshKey: number })
                     {/* Buyer */}
                     <td className="px-4 py-3.5 text-slate-300 max-w-[140px] truncate">
                       <p className="font-semibold text-white truncate">{order.buyerUsername || '-'}</p>
-                      {order.province && <p className="text-[10px] text-slate-400 truncate">อ.{order.district || ''} จ.{order.province}</p>}
+                      {order.province && (
+                        <p className="text-[10px] text-slate-400 truncate">
+                          {order.district ? `${t('tiktokOrders.districtPrefix')}${locDistrict} ` : ''}
+                          {t('tiktokOrders.provincePrefix')}{locProvince}
+                        </p>
+                      )}
                     </td>
 
                     {/* Date */}
@@ -408,12 +473,12 @@ function OrdersTable({ shop, refreshKey }: { shop: string; refreshKey: number })
                         {hasMissingBom ? (
                           <span className="inline-flex items-center gap-1 px-2 py-0.5 rounded-full bg-rose-500/20 text-rose-300 border border-rose-500/30 text-[10px] font-bold">
                             <AlertTriangle className="w-3 h-3 text-rose-400" />
-                            ขาด BOM ({order.missingBomCount})
+                            {t('tiktokOrders.missingBomCount', { count: order.missingBomCount })}
                           </span>
                         ) : (
                           <span className="inline-flex items-center gap-1 px-2 py-0.5 rounded-full bg-emerald-500/15 text-emerald-400 border border-emerald-500/25 text-[10px] font-bold">
                             <CheckCircle2 className="w-3 h-3 text-emerald-400" />
-                            BOM ครบ
+                            {t('tiktokOrders.bomComplete')}
                           </span>
                         )}
                       </div>
@@ -429,10 +494,10 @@ function OrdersTable({ shop, refreshKey }: { shop: string; refreshKey: number })
                       {hasMissingBom ? (
                         <div className="space-y-0.5 text-right">
                           <span className="text-rose-400 font-bold text-[11px] inline-flex items-center justify-end gap-1 bg-rose-500/10 px-2 py-0.5 rounded-md border border-rose-500/20">
-                            <AlertTriangle className="w-3 h-3 text-rose-400" /> ยังไม่ระบุ
+                            <AlertTriangle className="w-3 h-3 text-rose-400" /> {t('tiktokOrders.bomUnspecified')}
                           </span>
                           {order.orderTotalBomCost > 0 && (
-                            <p className="text-[10px] text-slate-500">มีบางส่วน ฿{fmt(order.orderTotalBomCost)}</p>
+                            <p className="text-[10px] text-slate-500">{t('tiktokOrders.bomPartial', { amount: fmt(order.orderTotalBomCost) })}</p>
                           )}
                         </div>
                       ) : (
@@ -461,7 +526,7 @@ function OrdersTable({ shop, refreshKey }: { shop: string; refreshKey: number })
                     {/* Profit */}
                     <td className="px-4 py-3.5 text-right font-mono whitespace-nowrap">
                       {hasMissingBom ? (
-                        <span className="text-rose-400 text-[10px] font-bold">รอใส่ราคา BOM</span>
+                        <span className="text-rose-400 text-[10px] font-bold">{t('tiktokOrders.waitingBomPrice')}</span>
                       ) : (
                         <div>
                           <p className={`font-bold ${(order.orderNetProfit ?? order.orderEstProfit) >= 0 ? 'text-emerald-400' : 'text-rose-400'}`}>
@@ -478,7 +543,7 @@ function OrdersTable({ shop, refreshKey }: { shop: string; refreshKey: number })
                         to={`/tiktok-order/${encodeURIComponent(order.orderId)}`}
                         className="inline-flex items-center gap-1 px-3 py-1.5 rounded-xl bg-white/5 border border-white/10 text-slate-300 text-xs hover:bg-rose-500/15 hover:border-rose-500/30 hover:text-rose-300 transition-all"
                       >
-                        <span>ดูออเดอร์</span> <ExternalLink className="w-3 h-3" />
+                        <span>{t('tiktokOrders.viewOrder')}</span> <ExternalLink className="w-3 h-3" />
                       </Link>
                     </td>
                   </tr>
@@ -501,6 +566,7 @@ interface FileSummary {
 }
 
 function ImportPanel({ shop, onSuccess }: { shop: string; onSuccess: () => void }) {
+  const { t } = useTranslation();
   const [importType, setImportType] = useState<'orders' | 'settlement'>('orders');
 
   // Orders CSV State
@@ -578,7 +644,7 @@ function ImportPanel({ shop, onSuccess }: { shop: string; onSuccess: () => void
       }
 
       if (combinedRows.length === 0) {
-        setMsg({ text: 'ไม่พบข้อมูลคำสั่งซื้อในไฟล์ CSV ที่เลือก', type: 'error' });
+        setMsg({ text: t('tiktokOrders.noOrdersInCsv'), type: 'error' });
         setReading(false);
         return;
       }
@@ -595,7 +661,7 @@ function ImportPanel({ shop, onSuccess }: { shop: string; onSuccess: () => void
       setPreviewRows(combinedRows.slice(0, 5));
       setCrossFileDuplicateCount(duplicatesAcrossFiles);
     } catch (err: any) {
-      setMsg({ text: `อ่านไฟล์ไม่ได้: ${err.message}`, type: 'error' });
+      setMsg({ text: t('tiktokOrders.cannotReadFile', { error: err.message }), type: 'error' });
     } finally {
       setReading(false);
     }
@@ -654,7 +720,7 @@ function ImportPanel({ shop, onSuccess }: { shop: string; onSuccess: () => void
         });
 
         if (validRows.length === 0) {
-          throw new Error(`ไม่พบรายการคำสั่งซื้อใน Sheet "${targetSheetName}"`);
+          throw new Error(t('tiktokOrders.noOrdersInSheet', { sheet: targetSheetName }));
         }
 
         let totalSettlement = 0;
@@ -688,13 +754,13 @@ function ImportPanel({ shop, onSuccess }: { shop: string; onSuccess: () => void
           totalFee,
         });
       } catch (err: any) {
-        setMsg({ text: `อ่านไฟล์ XLSX ไม่สำเร็จ: ${err.message}`, type: 'error' });
+        setMsg({ text: t('tiktokOrders.cannotReadXlsx', { error: err.message }), type: 'error' });
       } finally {
         setReading(false);
       }
     };
     reader.onerror = () => {
-      setMsg({ text: 'เกิดข้อผิดพลาดในการอ่านไฟล์', type: 'error' });
+      setMsg({ text: t('tiktokOrders.errorReadingFile'), type: 'error' });
       setReading(false);
     };
     reader.readAsBinaryString(file);
@@ -760,7 +826,7 @@ function ImportPanel({ shop, onSuccess }: { shop: string; onSuccess: () => void
   };
 
   const handleClearData = async () => {
-    if (!confirm(`ยืนยันการลบข้อมูล TikTok ทั้งหมด (ทั้งคำสั่งซื้อและใบแจ้งยอด) ของร้าน "${shopCfg.label}"?\nการกระทำนี้ไม่สามารถกู้คืนได้`)) return;
+    if (!confirm(t('tiktokOrders.confirmClearData', { shop: shopCfg.label }))) return;
     setClearing(true);
     setMsg(null);
     try {
@@ -791,7 +857,8 @@ function ImportPanel({ shop, onSuccess }: { shop: string; onSuccess: () => void
         <div className={`flex items-center gap-3 px-4 py-2.5 rounded-xl ${shopCfg.bg} border ${shopCfg.border}`}>
           <Store className={`w-4 h-4 ${shopCfg.color}`} />
           <p className="text-sm font-medium text-white">
-            Import เข้าร้าน: <span className={`font-bold ${shopCfg.color}`}>{shopCfg.label}</span>
+            {t('tiktokOrders.targetShop')}{' '}
+            <span className={`font-bold ${shopCfg.color}`}>{shopCfg.label}</span>
           </p>
           <span className={`ml-auto text-xs font-mono ${shopCfg.color} opacity-60`}>{shopCfg.id}</span>
         </div>
@@ -807,7 +874,7 @@ function ImportPanel({ shop, onSuccess }: { shop: string; onSuccess: () => void
             }`}
           >
             <Package className="w-3.5 h-3.5" />
-            1. คำสั่งซื้อ (Orders CSV)
+            {t('tiktokOrders.tabOrdersCsv')}
           </button>
           <button
             onClick={() => { setImportType('settlement'); setMsg(null); }}
@@ -818,7 +885,7 @@ function ImportPanel({ shop, onSuccess }: { shop: string; onSuccess: () => void
             }`}
           >
             <Wallet className="w-3.5 h-3.5" />
-            2. ใบแจ้งยอดการเงิน (Settlement XLSX)
+            {t('tiktokOrders.tabSettlementXlsx')}
           </button>
         </div>
       </div>
@@ -840,15 +907,23 @@ function ImportPanel({ shop, onSuccess }: { shop: string; onSuccess: () => void
               <Upload className={`w-8 h-8 ${shopCfg.color}`} />
             </div>
             <div className="text-center">
-              <p className="text-white font-bold text-base">คลิกเพื่อเลือกไฟล์คำสั่งซื้อ CSV (เลือกได้หลายไฟล์พร้อมกัน)</p>
-              <p className="text-slate-400 text-xs mt-1">กด <kbd className="px-1.5 py-0.5 rounded bg-white/10 text-slate-300 font-mono">Ctrl</kbd> หรือ <kbd className="px-1.5 py-0.5 rounded bg-white/10 text-slate-300 font-mono">Shift</kbd> ค้างไว้เพื่อเลือกหลายไฟล์ (.csv จาก TikTok Seller Center)</p>
+              <p className="text-white font-bold text-base">{t('tiktokOrders.csvDropzoneTitle')}</p>
+              <p className="text-slate-400 text-xs mt-1">
+                <Trans
+                  i18nKey="tiktokOrders.csvDropzoneSub"
+                  components={{
+                    kbd1: <kbd className="px-1.5 py-0.5 rounded bg-white/10 text-slate-300 font-mono">Ctrl</kbd>,
+                    kbd2: <kbd className="px-1.5 py-0.5 rounded bg-white/10 text-slate-300 font-mono">Shift</kbd>
+                  }}
+                />
+              </p>
             </div>
             <input id="tiktok-file-input" type="file" multiple accept=".csv" onChange={handleOrdersFileChange} className="hidden" />
           </label>
 
           {reading && (
             <div className="p-4 bg-white/5 rounded-xl border border-white/10 text-center text-slate-300 text-sm flex items-center justify-center gap-2">
-              <span className="animate-spin">⏳</span> กำลังประมวลผลไฟล์ CSV ทั้งหมด...
+              <span className="animate-spin">⏳</span> {t('tiktokOrders.readingCsv')}
             </div>
           )}
 
@@ -858,10 +933,13 @@ function ImportPanel({ shop, onSuccess }: { shop: string; onSuccess: () => void
               <div className="flex items-center justify-between">
                 <div className="flex items-center gap-2 text-sm font-bold text-white">
                   <Files className="w-4 h-4 text-rose-400" />
-                  ไฟล์ที่เลือก ({fileSummaries.length} ไฟล์)
+                  {t('tiktokOrders.selectedFilesCount', { count: fileSummaries.length })}
                 </div>
                 <div className="text-xs text-slate-400">
-                  รวมทั้งหมด <span className="text-white font-bold">{allRows.length}</span> แถวสินค้า → <span className="text-emerald-400 font-bold">{uniqueOrders}</span> คำสั่งซื้อไม่ซ้ำ
+                  {t('tiktokOrders.totalRowsToOrders', {
+                    rows: allRows.length.toLocaleString(),
+                    orders: uniqueOrders.toLocaleString()
+                  })}
                 </div>
               </div>
 
@@ -878,8 +956,8 @@ function ImportPanel({ shop, onSuccess }: { shop: string; onSuccess: () => void
                       </div>
                     </div>
                     <div className="flex items-center justify-between text-xs pt-2 border-t border-white/5 text-slate-400">
-                      <span>{f.rowsCount} แถว</span>
-                      <span className="font-bold text-rose-300">{f.ordersCount} ออเดอร์</span>
+                      <span>{f.rowsCount} {t('tiktokOrders.rowsUnit')}</span>
+                      <span className="font-bold text-rose-300">{f.ordersCount} {t('tiktokOrders.ordersUnit')}</span>
                     </div>
                   </div>
                 ))}
@@ -889,16 +967,18 @@ function ImportPanel({ shop, onSuccess }: { shop: string; onSuccess: () => void
                 <div className="p-3.5 bg-amber-500/10 border border-amber-500/20 rounded-xl flex items-start gap-3">
                   <AlertTriangle className="w-5 h-5 text-amber-400 shrink-0 mt-0.5" />
                   <div className="text-xs space-y-1">
-                    <p className="font-bold text-amber-300">ตรวจพบคำสั่งซื้อซ้ำกันระหว่างไฟล์ {crossFileDuplicateCount} รายการ</p>
+                    <p className="font-bold text-amber-300">
+                      {t('tiktokOrders.duplicateOrdersAlertTitle', { count: crossFileDuplicateCount })}
+                    </p>
                     <p className="text-slate-300">
-                      ระบบจะทำการรวมข้อมูลและ <strong>Upsert (อัปเดตอัตโนมัติ)</strong> ตาม Order ID โดยไม่สร้างข้อมูลเบิ้ล และยอดขายจะไม่ทับซ้อน
+                      {t('tiktokOrders.duplicateOrdersAlertDesc')}
                     </p>
                   </div>
                 </div>
               ) : (
                 <div className="p-3 bg-emerald-500/10 border border-emerald-500/20 rounded-xl flex items-center gap-2.5 text-xs text-emerald-300">
                   <CheckCircle2 className="w-4 h-4 shrink-0 text-emerald-400" />
-                  <span>ไฟล์ทั้งหมดไม่พบหมายเลขคำสั่งซื้อที่ซ้ำกันข้ามไฟล์</span>
+                  <span>{t('tiktokOrders.noCrossFileDuplicates')}</span>
                 </div>
               )}
             </div>
@@ -907,7 +987,7 @@ function ImportPanel({ shop, onSuccess }: { shop: string; onSuccess: () => void
           {/* Preview Table */}
           {previewRows.length > 0 && (
             <div className="space-y-3">
-              <p className="text-sm text-slate-400 font-medium">Preview ตัวอย่างข้อมูลรวม (5 แถวแรก):</p>
+              <p className="text-sm text-slate-400 font-medium">{t('tiktokOrders.previewTitle')}</p>
               <div className="overflow-x-auto border border-white/10 rounded-xl">
                 <table className="w-full text-xs text-left">
                   <thead className="bg-white/5 text-slate-400 border-b border-white/10">
@@ -930,7 +1010,7 @@ function ImportPanel({ shop, onSuccess }: { shop: string; onSuccess: () => void
                   </tbody>
                 </table>
               </div>
-              <div className="flex justify-between items-center mt-4">
+              <div className="flex justify-between items-center mt-4 flex-wrap gap-3">
                 <button
                   onClick={handleClearData}
                   disabled={clearing}
@@ -940,12 +1020,23 @@ function ImportPanel({ shop, onSuccess }: { shop: string; onSuccess: () => void
                       : 'bg-rose-500/10 text-rose-400 hover:bg-rose-500 hover:text-white border border-rose-500/20'
                   }`}
                 >
-                  {clearing ? <><span className="animate-spin">⏳</span> กำลังลบข้อมูล...</> : <><Trash2 className="w-4 h-4" /> ลบข้อมูลทั้งหมดของร้าน {shopCfg.label}</>}
+                  {clearing ? (
+                    <><span className="animate-spin">⏳</span> {t('tiktokOrders.clearing')}</>
+                  ) : (
+                    <><Trash2 className="w-4 h-4" /> {t('tiktokOrders.clearShopData', { shop: shopCfg.label })}</>
+                  )}
                 </button>
 
-                <button onClick={handleImportOrders} disabled={loading || reading}
-                  className={`px-8 py-2.5 font-bold rounded-xl transition-all disabled:opacity-50 disabled:cursor-not-allowed flex items-center gap-2 ${shopCfg.activeBg} ${shopCfg.color} border ${shopCfg.activeBorder} hover:opacity-90`}>
-                  {loading ? <><span className="animate-spin">⏳</span> กำลัง Import {fileSummaries.length} ไฟล์...</> : <><Upload className="w-4 h-4" /> Import {uniqueOrders} คำสั่งซื้อ ({allRows.length} แถวสินค้า) → {shopCfg.label}</>}
+                <button
+                  onClick={handleImportOrders}
+                  disabled={loading || reading}
+                  className={`px-8 py-2.5 font-bold rounded-xl transition-all disabled:opacity-50 disabled:cursor-not-allowed flex items-center gap-2 ${shopCfg.activeBg} ${shopCfg.color} border ${shopCfg.activeBorder} hover:opacity-90`}
+                >
+                  {loading ? (
+                    <><span className="animate-spin">⏳</span> {t('tiktokOrders.importingFiles', { count: fileSummaries.length })}</>
+                  ) : (
+                    <><Upload className="w-4 h-4" /> {t('tiktokOrders.importOrdersButton', { orders: uniqueOrders, rows: allRows.length, shop: shopCfg.label })}</>
+                  )}
                 </button>
               </div>
             </div>
@@ -964,9 +1055,9 @@ function ImportPanel({ shop, onSuccess }: { shop: string; onSuccess: () => void
               <Wallet className="w-8 h-8 text-violet-400" />
             </div>
             <div className="text-center">
-              <p className="text-white font-bold text-base">คลิกเพื่อเลือกไฟล์รายงานการเงิน (Income / Settlement XLSX)</p>
+              <p className="text-white font-bold text-base">{t('tiktokOrders.xlsxDropzoneTitle')}</p>
               <p className="text-slate-400 text-xs mt-1">
-                รองรับไฟล์ <code className="text-violet-300 font-mono">income_*.xlsx</code> จากเมนู การเงิน ➔ ใบแจ้งยอด ➔ ส่งออกรายละเอียด
+                {t('tiktokOrders.xlsxDropzoneSub')}
               </p>
             </div>
             <input id="tiktok-settlement-input" type="file" accept=".xlsx,.xls,.csv" onChange={handleSettlementFileChange} className="hidden" />
@@ -974,7 +1065,7 @@ function ImportPanel({ shop, onSuccess }: { shop: string; onSuccess: () => void
 
           {reading && (
             <div className="p-4 bg-white/5 rounded-xl border border-white/10 text-center text-slate-300 text-sm flex items-center justify-center gap-2">
-              <span className="animate-spin">⏳</span> กำลังอ่านข้อมูลและแจกแจงค่าคอมมิชชั่นจากไฟล์ Excel...
+              <span className="animate-spin">⏳</span> {t('tiktokOrders.readingXlsx')}
             </div>
           )}
 
@@ -982,36 +1073,36 @@ function ImportPanel({ shop, onSuccess }: { shop: string; onSuccess: () => void
           {settlementStats && (
             <div className="space-y-4">
               <div className="p-5 rounded-2xl bg-violet-500/10 border border-violet-500/30 space-y-4 backdrop-blur-sm">
-                <div className="flex items-center justify-between border-b border-white/10 pb-3">
+                <div className="flex items-center justify-between border-b border-white/10 pb-3 flex-wrap gap-2">
                   <div className="flex items-center gap-2.5">
                     <Receipt className="w-5 h-5 text-violet-400" />
                     <div>
                       <p className="text-sm font-bold text-white">
-                        สรุปข้อมูลรายงานการเงิน ({settlementFile?.name})
+                        {t('tiktokOrders.settlementSummaryTitle', { file: settlementFile?.name })}
                       </p>
-                      <p className="text-xs text-slate-400">Sheet: {settlementStats.sheetName}</p>
+                      <p className="text-xs text-slate-400">{t('tiktokOrders.sheetLabel', { sheet: settlementStats.sheetName })}</p>
                     </div>
                   </div>
                   <span className="px-3 py-1 rounded-full text-xs font-bold bg-violet-500/20 text-violet-300 border border-violet-500/30">
-                    พบ {settlementStats.rowsCount} รายการธุรกรรม
+                    {t('tiktokOrders.transactionsFound', { count: settlementStats.rowsCount })}
                   </span>
                 </div>
 
                 <div className="grid grid-cols-2 sm:grid-cols-4 gap-3 text-xs">
                   <div className="bg-white/5 border border-white/10 rounded-xl p-3">
-                    <p className="text-[10px] text-slate-400 uppercase tracking-wider">ยอดเงินโอนสุทธิ (Net Payout)</p>
+                    <p className="text-[10px] text-slate-400 uppercase tracking-wider">{t('tiktokOrders.netPayout')}</p>
                     <p className="text-base font-bold font-mono text-emerald-400 mt-0.5">฿{fmt(settlementStats.totalSettlement)}</p>
                   </div>
                   <div className="bg-white/5 border border-white/10 rounded-xl p-3">
-                    <p className="text-[10px] text-slate-400 uppercase tracking-wider">ยอดขายสินค้ารวม (Revenue)</p>
+                    <p className="text-[10px] text-slate-400 uppercase tracking-wider">{t('tiktokOrders.revenue')}</p>
                     <p className="text-base font-bold font-mono text-white mt-0.5">฿{fmt(settlementStats.totalRevenue)}</p>
                   </div>
                   <div className="bg-white/5 border border-white/10 rounded-xl p-3">
-                    <p className="text-[10px] text-slate-400 uppercase tracking-wider">ค่าคอมมิชชั่น TikTok</p>
+                    <p className="text-[10px] text-slate-400 uppercase tracking-wider">{t('tiktokOrders.tiktokCommission')}</p>
                     <p className="text-base font-bold font-mono text-violet-400 mt-0.5">฿{fmt(settlementStats.totalCommission)}</p>
                   </div>
                   <div className="bg-white/5 border border-white/10 rounded-xl p-3">
-                    <p className="text-[10px] text-slate-400 uppercase tracking-wider">ค่า Affiliate พันธมิตร</p>
+                    <p className="text-[10px] text-slate-400 uppercase tracking-wider">{t('tiktokOrders.partnerAffiliate')}</p>
                     <p className="text-base font-bold font-mono text-cyan-400 mt-0.5">฿{fmt(settlementStats.totalAffiliate)}</p>
                   </div>
                 </div>
@@ -1019,17 +1110,17 @@ function ImportPanel({ shop, onSuccess }: { shop: string; onSuccess: () => void
 
               {/* Settlement Preview Table */}
               <div className="space-y-2">
-                <p className="text-xs text-slate-400 font-medium">ตัวอย่างรายการใบแจ้งยอด (5 แถวแรก):</p>
+                <p className="text-xs text-slate-400 font-medium">{t('tiktokOrders.settlementPreviewTitle')}</p>
                 <div className="overflow-x-auto border border-white/10 rounded-xl">
                   <table className="w-full text-xs text-left">
                     <thead className="bg-white/5 text-slate-400 border-b border-white/10">
                       <tr>
-                        <th className="px-3 py-2 whitespace-nowrap">Order ID</th>
-                        <th className="px-3 py-2 whitespace-nowrap">วันที่ชำระ</th>
-                        <th className="px-3 py-2 whitespace-nowrap text-right">ยอดโอนสุทธิ</th>
-                        <th className="px-3 py-2 whitespace-nowrap text-right text-violet-400">Commission</th>
-                        <th className="px-3 py-2 whitespace-nowrap text-right text-cyan-400">Affiliate</th>
-                        <th className="px-3 py-2 whitespace-nowrap text-right">ค่าธรรมเนียมคำสั่งซื้อ</th>
+                        <th className="px-3 py-2 whitespace-nowrap">{t('tiktokOrders.thOrderId')}</th>
+                        <th className="px-3 py-2 whitespace-nowrap">{t('tiktokOrders.thSettledDate')}</th>
+                        <th className="px-3 py-2 whitespace-nowrap text-right">{t('tiktokOrders.thNetSettlement')}</th>
+                        <th className="px-3 py-2 whitespace-nowrap text-right text-violet-400">{t('tiktokOrders.thCommission')}</th>
+                        <th className="px-3 py-2 whitespace-nowrap text-right text-cyan-400">{t('tiktokOrders.thAffiliate')}</th>
+                        <th className="px-3 py-2 whitespace-nowrap text-right">{t('tiktokOrders.thOrderFee')}</th>
                       </tr>
                     </thead>
                     <tbody>
@@ -1064,7 +1155,11 @@ function ImportPanel({ shop, onSuccess }: { shop: string; onSuccess: () => void
                   disabled={loading || reading}
                   className="px-8 py-2.5 font-bold rounded-xl transition-all disabled:opacity-50 disabled:cursor-not-allowed flex items-center gap-2 bg-violet-500 hover:bg-violet-600 text-white shadow-lg shadow-violet-950/50"
                 >
-                  {loading ? <><span className="animate-spin">⏳</span> กำลังบันทึกข้อมูลใบแจ้งยอด...</> : <><Wallet className="w-4 h-4" /> ยืนยัน Import ใบแจ้งยอด ({settlementStats.rowsCount} รายการ) → {shopCfg.label}</>}
+                  {loading ? (
+                    <><span className="animate-spin">⏳</span> {t('tiktokOrders.savingSettlement')}</>
+                  ) : (
+                    <><Wallet className="w-4 h-4" /> {t('tiktokOrders.confirmImportSettlement', { count: settlementStats.rowsCount, shop: shopCfg.label })}</>
+                  )}
                 </button>
               </div>
             </div>
@@ -1079,6 +1174,7 @@ function ImportPanel({ shop, onSuccess }: { shop: string; onSuccess: () => void
 type ViewMode = 'list' | 'import';
 
 export default function TiktokOrderPage() {
+  const { t } = useTranslation();
   const [viewMode, setViewMode] = useState<ViewMode>('list');
   const [summary, setSummary] = useState<any>(null);
   const [refreshKey, setRefreshKey] = useState(0);
@@ -1104,7 +1200,7 @@ export default function TiktokOrderPage() {
             <ShoppingBag className={`w-5 h-5 ${shopCfg.color}`} />
           </div>
           <div>
-            <h1 className="text-3xl font-bold text-white tracking-tight">TikTok Orders</h1>
+            <h1 className="text-3xl font-bold text-white tracking-tight">{t('tiktokOrders.title')}</h1>
             <p className={`text-xs uppercase tracking-widest font-bold ${shopCfg.color}`}>{shopCfg.label}</p>
           </div>
         </div>
@@ -1113,11 +1209,11 @@ export default function TiktokOrderPage() {
           <div className="h-5 w-px bg-white/10 hidden sm:block" />
           <button onClick={() => setViewMode('list')}
             className={`flex items-center gap-2 px-4 py-2 rounded-xl text-sm font-medium transition-all ${viewMode === 'list' ? 'bg-rose-500/15 text-rose-400 border border-rose-500/30' : 'text-slate-400 hover:text-white bg-white/5 border border-white/10'}`}>
-            <Table2 className="w-4 h-4" /> ดูข้อมูล
+            <Table2 className="w-4 h-4" /> {t('tiktokOrders.viewData')}
           </button>
           <button onClick={() => setViewMode('import')}
             className={`flex items-center gap-2 px-4 py-2 rounded-xl text-sm font-medium transition-all ${viewMode === 'import' ? `${shopCfg.activeBg} ${shopCfg.color} border ${shopCfg.activeBorder}` : 'text-slate-400 hover:text-white bg-white/5 border border-white/10'}`}>
-            <Upload className="w-4 h-4" /> Import CSV / XLSX
+            <Upload className="w-4 h-4" /> {t('tiktokOrders.importData')}
           </button>
         </div>
       </div>
@@ -1127,9 +1223,9 @@ export default function TiktokOrderPage() {
       <div className="bg-white/5 border border-white/10 rounded-2xl overflow-hidden backdrop-blur-sm">
         <div className="flex items-center gap-3 px-6 py-4 border-b border-white/10 bg-white/[0.02]">
           {viewMode === 'list' ? (
-            <><TrendingUp className={`w-4 h-4 ${shopCfg.color}`} /><h2 className="font-bold text-white">คำสั่งซื้อ — {shopCfg.label}</h2></>
+            <><TrendingUp className={`w-4 h-4 ${shopCfg.color}`} /><h2 className="font-bold text-white">{t('tiktokOrders.ordersTitle', { shop: shopCfg.label })}</h2></>
           ) : (
-            <><Upload className={`w-4 h-4 ${shopCfg.color}`} /><h2 className="font-bold text-white">นำเข้าข้อมูลจาก TikTok Shop</h2><span className="text-xs text-slate-500">อัพโหลดไฟล์ Orders Report (.csv)</span></>
+            <><Upload className={`w-4 h-4 ${shopCfg.color}`} /><h2 className="font-bold text-white">{t('tiktokOrders.importTitle')}</h2><span className="text-xs text-slate-500">{t('tiktokOrders.importSubtitle')}</span></>
           )}
         </div>
         <div className="p-6">
diff --git a/apps/admin/src/pages/TiktokOverviewPage.tsx b/apps/admin/src/pages/TiktokOverviewPage.tsx
index 7cfb9c9..e2d52a4 100644
--- a/apps/admin/src/pages/TiktokOverviewPage.tsx
+++ b/apps/admin/src/pages/TiktokOverviewPage.tsx
@@ -8,6 +8,7 @@ import {
   TrendingUp, DollarSign, Package,
   BadgePercent, ShoppingCart, Loader2, Store, Calendar,
 } from 'lucide-react';
+import { useTranslation } from 'react-i18next';
 import { TIKTOK_SHOPS } from './TiktokOrderPage';
 
 const API_URL = (import.meta.env.VITE_API_URL || 'http://localhost:3000').replace(/\/api\/?$/, '');
@@ -42,17 +43,6 @@ function getPresetRange(preset: Preset): { from: string; to: string } {
   if (preset === 'last12m')   { const f = new Date(now); f.setFullYear(f.getFullYear() - 1); return { from: toISO(f), to: today }; }
   return { from: '', to: '' };
 }
-const PRESETS: { key: Preset; label: string }[] = [
-  { key: '7d', label: '7 วัน' },
-  { key: '30d', label: '30 วัน' },
-  { key: '90d', label: '90 วัน' },
-  { key: 'thisMonth', label: 'เดือนนี้' },
-  { key: 'lastMonth', label: 'เดือนที่แล้ว' },
-  { key: 'year', label: 'ปีนี้' },
-  { key: 'lastYear', label: 'ปีที่แล้ว' },
-  { key: 'last12m', label: '12 เดือนที่ผ่านมา' },
-  { key: 'all', label: 'ทั้งหมด' },
-];
 
 function authHeaders() {
   return { 'Content-Type': 'application/json', Authorization: `Bearer ${localStorage.getItem('homaroma_admin_token')}` };
@@ -92,6 +82,7 @@ const CustomTooltip = ({ active, payload, label }: any) => {
 };
 
 export default function TiktokOverviewPage() {
+  const { t } = useTranslation();
   const [data, setData] = useState<any>(null);
   const [loading, setLoading] = useState(true);
   const [error, setError] = useState<string | null>(null);
@@ -101,6 +92,18 @@ export default function TiktokOverviewPage() {
   const [dateFrom, setDateFrom] = useState('');
   const [dateTo, setDateTo] = useState('');
 
+  const PRESETS: { key: Preset; label: string }[] = [
+    { key: '7d', label: t('analytics.preset7d', '7 วัน') },
+    { key: '30d', label: t('analytics.preset30d', '30 วัน') },
+    { key: '90d', label: t('analytics.preset90d', '90 วัน') },
+    { key: 'thisMonth', label: t('analytics.presetThisMonth', 'เดือนนี้') },
+    { key: 'lastMonth', label: t('analytics.presetLastMonth', 'เดือนที่แล้ว') },
+    { key: 'year', label: t('analytics.presetThisYear', 'ปีนี้') },
+    { key: 'lastYear', label: t('analytics.presetLastYear', 'ปีที่แล้ว') },
+    { key: 'last12m', label: t('analytics.presetLast12m', '12 เดือนที่ผ่านมา') },
+    { key: 'all', label: t('analytics.presetAll', 'ทั้งหมด') },
+  ];
+
   const loadData = (from: string, to: string) => {
     setLoading(true); setError(null); setData(null);
     const params = new URLSearchParams();
@@ -132,7 +135,7 @@ export default function TiktokOverviewPage() {
     return (
       <div className="flex items-center justify-center h-[60vh] gap-3 animate-pulse">
         <Loader2 className="w-8 h-8 text-rose-400 animate-spin" />
-        <span className="text-slate-500">กำลังรวมข้อมูลทุกร้าน...</span>
+        <span className="text-slate-500">{t('tiktokOverview.loading')}</span>
       </div>
     );
   }
@@ -141,9 +144,9 @@ export default function TiktokOverviewPage() {
     return (
       <div className="flex flex-col items-center justify-center h-[60vh] gap-4">
         <Store className="w-14 h-14 text-slate-700" />
-        <p className="text-slate-500">{error || 'ยังไม่มีข้อมูล — กรุณา Import ไฟล์ก่อน'}</p>
+        <p className="text-slate-500">{error || t('tiktokOverview.noData')}</p>
         <Link to="/tiktok-order" className="flex items-center gap-2 px-4 py-2 rounded-xl bg-white/5 border border-white/10 text-slate-300 text-sm">
-          ← กลับไปหน้า TikTok Orders
+          ← {t('tiktokOverview.backToOrders')}
         </Link>
       </div>
     );
@@ -165,7 +168,7 @@ export default function TiktokOverviewPage() {
           </div>
           <div>
             <p className="text-xs text-slate-500 uppercase tracking-widest mb-0.5">TikTok</p>
-            <h1 className="text-3xl font-bold text-white tracking-tight">ภาพรวมทุกร้าน</h1>
+            <h1 className="text-3xl font-bold text-white tracking-tight">{t('tiktokOverview.title')}</h1>
           </div>
         </div>
         <div className="flex gap-2">
@@ -206,21 +209,21 @@ export default function TiktokOverviewPage() {
 
         {/* Custom date range */}
         <div className="flex items-center gap-2 flex-wrap">
-          <span className="text-xs text-slate-500">กำหนดเอง:</span>
+          <span className="text-xs text-slate-500">{t('analytics.customRange', 'กำหนดเอง:')}</span>
           <input
             type="date" value={dateFrom} onChange={e => setDateFrom(e.target.value)}
             className="px-3 py-1.5 rounded-lg bg-black/30 border border-white/10 text-slate-300 text-xs focus:border-rose-500/40 focus:outline-none"
           />
-          <span className="text-slate-600 text-xs">ถึง</span>
+          <span className="text-slate-600 text-xs">{t('analytics.to', 'ถึง')}</span>
           <input
             type="date" value={dateTo} onChange={e => setDateTo(e.target.value)}
             className="px-3 py-1.5 rounded-lg bg-black/30 border border-white/10 text-slate-300 text-xs focus:border-rose-500/40 focus:outline-none"
           />
           <button
             onClick={applyCustom}
-            className="px-4 py-1.5 rounded-lg bg-rose-500/10 border border-rose-500/20 text-rose-400 text-xs font-medium hover:bg-rose-500/20 transition-all"
+            className="px-4 py-1.5 rounded-lg bg-rose-500/10 border border-rose-500/20 text-rose-400 text-xs font-medium hover:bg-rose-500/20 transition-all cursor-pointer"
           >
-            ดูข้อมูล
+            {t('analytics.apply', 'ดูข้อมูล')}
           </button>
         </div>
 
@@ -232,9 +235,9 @@ export default function TiktokOverviewPage() {
             </span>
             <button
               onClick={() => { setDateFrom(''); setDateTo(''); setPreset('all'); loadData('', ''); }}
-              className="text-[10px] text-slate-500 hover:text-rose-400 transition-colors"
+              className="text-[10px] text-slate-500 hover:text-rose-400 transition-colors cursor-pointer"
             >
-              ✕ ล้าง
+              ✕ {t('analytics.clear', 'ล้าง')}
             </button>
           </div>
         )}
@@ -242,10 +245,10 @@ export default function TiktokOverviewPage() {
 
       {/* Grand KPI Row */}
       <div className="grid grid-cols-2 lg:grid-cols-4 gap-4">
-        <KPICard label="ยอดขายรวมทุกร้าน" value={fmtB(summary.totalRevenue)} sub={`${fmt(summary.totalOrders)} คำสั่งซื้อ`} color="text-emerald-400" icon={DollarSign} />
-        <KPICard label="รายได้สุทธิรวม" value={fmtB(summary.netRevenue)} sub={`Margin ${fmt(summary.totalRevenue > 0 ? (summary.netRevenue / summary.totalRevenue) * 100 : 0, 1)}%`} color="text-cyan-glow" icon={TrendingUp} />
-        <KPICard label="ส่วนลด Platform รวม" value={fmtB(summary.totalPlatformDisc)} sub="TikTok อุดหนุนส่วนลด" color="text-purple-400" icon={BadgePercent} />
-        <KPICard label="AOV รวม" value={fmtB(summary.aov)} sub={`ยกเลิก ${fmt(summary.cancelRate, 1)}%`} color="text-amber-400" icon={ShoppingCart} />
+        <KPICard label={t('tiktokOverview.grandRevenue')} value={fmtB(summary.totalRevenue)} sub={t('tiktokOverview.ordersCount', { count: fmt(summary.totalOrders) })} color="text-emerald-400" icon={DollarSign} />
+        <KPICard label={t('tiktokOverview.grandNetRevenue')} value={fmtB(summary.netRevenue)} sub={t('tiktokOverview.marginSub', { margin: fmt(summary.totalRevenue > 0 ? (summary.netRevenue / summary.totalRevenue) * 100 : 0, 1) })} color="text-cyan-glow" icon={TrendingUp} />
+        <KPICard label={t('tiktokOverview.grandPlatformDiscount')} value={fmtB(summary.totalPlatformDisc)} sub={t('tiktokOverview.platformDiscountSub')} color="text-purple-400" icon={BadgePercent} />
+        <KPICard label={t('tiktokOverview.grandAov')} value={fmtB(summary.aov)} sub={t('tiktokOverview.cancelRateSub', { rate: fmt(summary.cancelRate, 1) })} color="text-amber-400" icon={ShoppingCart} />
       </div>
 
       {/* Per-Shop Cards */}
@@ -266,19 +269,19 @@ export default function TiktokOverviewPage() {
                   <p className="text-[10px] font-mono text-slate-500">{s.shop}</p>
                 </div>
                 <span className="text-xs font-bold px-2 py-1 rounded-lg" style={{ backgroundColor: `${hex}20`, color: hex }}>
-                  {fmt(revShare, 1)}% of total
+                  {t('tiktokOverview.percentOfTotal', { pct: fmt(revShare, 1) })}
                 </span>
               </div>
 
               {/* Stats grid */}
               <div className="grid grid-cols-2 gap-3 text-xs">
                 {[
-                  { label: 'ยอดขาย', value: fmtB(s.revenue), color: 'text-emerald-400' },
-                  { label: 'ส่วนลด TikTok', value: fmtB(s.platformDiscount), color: 'text-purple-400' },
-                  { label: 'คำสั่งซื้อ', value: fmt(s.orders), color: 'text-white' },
-                  { label: 'ส่วนลดร้าน', value: fmtB(s.sellerDiscount), color: 'text-rose-400' },
-                  { label: 'ยกเลิก', value: `${fmt(s.orders > 0 ? (s.cancelled / s.orders) * 100 : 0, 1)}%`, color: 'text-amber-400' },
-                  { label: 'ค่าส่งรวม', value: fmtB(s.shippingFee), color: 'text-slate-300' },
+                  { label: t('tiktokOverview.statSales'), value: fmtB(s.revenue), color: 'text-emerald-400' },
+                  { label: t('tiktokOverview.statPlatformDiscount'), value: fmtB(s.platformDiscount), color: 'text-purple-400' },
+                  { label: t('tiktokOverview.statOrders'), value: fmt(s.orders), color: 'text-white' },
+                  { label: t('tiktokOverview.statSellerDiscount'), value: fmtB(s.sellerDiscount), color: 'text-rose-400' },
+                  { label: t('tiktokOverview.statCancelled'), value: `${fmt(s.orders > 0 ? (s.cancelled / s.orders) * 100 : 0, 1)}%`, color: 'text-amber-400' },
+                  { label: t('tiktokOverview.statShipping'), value: fmtB(s.shippingFee), color: 'text-slate-300' },
                 ].map(item => (
                   <div key={item.label}>
                     <p className="text-slate-500 text-[10px] uppercase tracking-wider">{item.label}</p>
@@ -299,7 +302,7 @@ export default function TiktokOverviewPage() {
                 className="flex items-center justify-center gap-1.5 w-full py-2 rounded-xl text-xs font-medium border transition-all hover:opacity-90"
                 style={{ borderColor: `${hex}30`, backgroundColor: `${hex}10`, color: hex }}
               >
-                <TrendingUp className="w-3.5 h-3.5" /> ดู Analytics
+                <TrendingUp className="w-3.5 h-3.5" /> {t('tiktokOverview.viewAnalytics')}
               </Link>
             </div>
           );
@@ -310,7 +313,7 @@ export default function TiktokOverviewPage() {
       <div className="bg-white/5 border border-white/10 rounded-2xl p-6">
         <div className="flex items-center gap-2 mb-6">
           <TrendingUp className="w-5 h-5 text-rose-400" />
-          <h2 className="text-lg font-bold text-white">ยอดขายรายเดือน (แยกตามร้าน)</h2>
+          <h2 className="text-lg font-bold text-white">{t('tiktokOverview.monthlySalesTitle')}</h2>
         </div>
         {monthly.length > 0 ? (
           <div className="h-[320px]">
@@ -328,7 +331,7 @@ export default function TiktokOverviewPage() {
             </ResponsiveContainer>
           </div>
         ) : (
-          <p className="text-slate-500 text-center py-10">ยังไม่มีข้อมูลรายเดือน</p>
+          <p className="text-slate-500 text-center py-10">{t('tiktokOverview.noMonthlyData')}</p>
         )}
       </div>
 
@@ -339,7 +342,7 @@ export default function TiktokOverviewPage() {
         <div className="bg-white/5 border border-white/10 rounded-2xl p-6">
           <div className="flex items-center gap-2 mb-6">
             <BadgePercent className="w-5 h-5 text-amber-400" />
-            <h2 className="text-lg font-bold text-white">สัดส่วนยอดขายตามร้าน</h2>
+            <h2 className="text-lg font-bold text-white">{t('tiktokOverview.salesShareTitle')}</h2>
           </div>
           <div className="flex items-center gap-6">
             <div className="h-[220px] flex-1">
@@ -371,17 +374,17 @@ export default function TiktokOverviewPage() {
         <div className="bg-white/5 border border-white/10 rounded-2xl p-6">
           <div className="flex items-center gap-2 mb-6">
             <Store className="w-5 h-5 text-slate-400" />
-            <h2 className="text-lg font-bold text-white">เปรียบเทียบร้าน</h2>
+            <h2 className="text-lg font-bold text-white">{t('tiktokOverview.shopComparisonTitle')}</h2>
           </div>
           <div className="overflow-x-auto">
             <table className="w-full text-xs">
               <thead className="text-slate-500 uppercase border-b border-white/10">
                 <tr>
-                  <th className="pb-3 text-left">ร้าน</th>
-                  <th className="pb-3 text-right">ยอดขาย</th>
-                  <th className="pb-3 text-right">ส่วนลดแพลตฟอร์ม</th>
-                  <th className="pb-3 text-right">ออเดอร์</th>
-                  <th className="pb-3 text-right">ยกเลิก</th>
+                  <th className="pb-3 text-left">{t('tiktokOverview.thShop')}</th>
+                  <th className="pb-3 text-right">{t('tiktokOverview.thRevenue')}</th>
+                  <th className="pb-3 text-right">{t('tiktokOverview.thPlatformDiscount')}</th>
+                  <th className="pb-3 text-right">{t('tiktokOverview.thOrders')}</th>
+                  <th className="pb-3 text-right">{t('tiktokOverview.thCancelled')}</th>
                 </tr>
               </thead>
               <tbody className="divide-y divide-white/5">
@@ -401,7 +404,7 @@ export default function TiktokOverviewPage() {
                 ))}
                 {/* Total row */}
                 <tr className="bg-white/[0.03]">
-                  <td className="py-3 font-bold text-white text-xs">รวมทั้งหมด</td>
+                  <td className="py-3 font-bold text-white text-xs">{t('tiktokOverview.totalAll')}</td>
                   <td className="py-3 text-right font-mono font-bold text-emerald-400">{fmtB(summary.totalRevenue)}</td>
                   <td className="py-3 text-right font-mono font-bold text-purple-400">{fmtB(summary.totalPlatformDisc)}</td>
                   <td className="py-3 text-right font-mono font-bold text-slate-300">{fmt(summary.totalOrders)}</td>
@@ -417,18 +420,18 @@ export default function TiktokOverviewPage() {
       <div className="bg-white/5 border border-white/10 rounded-2xl p-6">
         <div className="flex items-center gap-2 mb-6">
           <Package className="w-5 h-5 text-purple-400" />
-          <h2 className="text-lg font-bold text-white">Top 10 สินค้าขายดี — รวมทุกร้าน</h2>
+          <h2 className="text-lg font-bold text-white">{t('tiktokOverview.topProductsTitle')}</h2>
         </div>
         <div className="overflow-x-auto">
           <table className="w-full text-sm">
             <thead className="text-xs text-slate-500 uppercase border-b border-white/10">
               <tr>
                 <th className="pb-3 text-left w-8">#</th>
-                <th className="pb-3 text-left">สินค้า</th>
-                <th className="pb-3 text-left">ตัวเลือก</th>
-                <th className="pb-3 text-right">ชิ้น</th>
-                <th className="pb-3 text-right">ยอดรายได้</th>
-                <th className="pb-3 text-right">% รวม</th>
+                <th className="pb-3 text-left">{t('tiktokOverview.thProduct')}</th>
+                <th className="pb-3 text-left">{t('tiktokOverview.thVariation')}</th>
+                <th className="pb-3 text-right">{t('tiktokOverview.thUnits')}</th>
+                <th className="pb-3 text-right">{t('tiktokOverview.thProductRevenue')}</th>
+                <th className="pb-3 text-right">{t('tiktokOverview.thPercentTotal')}</th>
               </tr>
             </thead>
             <tbody className="divide-y divide-white/5">
diff --git a/apps/admin/src/pages/TiktokPriceSimulatorPage.tsx b/apps/admin/src/pages/TiktokPriceSimulatorPage.tsx
index f816204..06204c5 100644
--- a/apps/admin/src/pages/TiktokPriceSimulatorPage.tsx
+++ b/apps/admin/src/pages/TiktokPriceSimulatorPage.tsx
@@ -16,6 +16,7 @@ import {
   Gift,
   RefreshCw,
 } from 'lucide-react'
+import { useTranslation } from 'react-i18next'
 
 // ─── Utility ───────────────────────────────────────────────────────────────────
 
@@ -76,7 +77,7 @@ function SectionCard({
     <div className="admin-card admin-card-hover mb-6 animate-fade-in">
       <button
         onClick={() => setOpen(v => !v)}
-        className="w-full flex items-start gap-4 text-left group"
+        className="w-full flex items-start gap-4 text-left group cursor-pointer"
       >
         <div className={`mt-0.5 ${accent.split(' ')[0]}`}>{icon}</div>
         <div className="flex-1">
@@ -189,7 +190,7 @@ function ResultBadge({
       {sub && <p className="text-xs text-slate-400 mt-1">{sub}</p>}
       {formula && (
         <div className="mt-3 pt-3 border-t border-white/5">
-          <p className="text-[10px] text-slate-500 font-mono leading-tight">{formula}</p>
+          <div className="text-[10px] text-slate-500 font-mono leading-tight">{formula}</div>
         </div>
       )}
     </div>
@@ -199,6 +200,7 @@ function ResultBadge({
 // ─── Section 1: Price Buffer Calculator ────────────────────────────────────────
 
 function PriceBufferCalculator() {
+  const { t } = useTranslation()
   const [cost, setCost] = useState(100)
   const [commissionPct, setCommissionPct] = useState(8)
   const [shipping, setShipping] = useState(30)
@@ -211,11 +213,8 @@ function PriceBufferCalculator() {
 
   const results = useMemo(() => {
     const shippingCost = sellerPaysShipping ? shipping : 0
-    // Break-even: ราคาที่ต่ำสุดที่ไม่ขาดทุน
-    // breakEven = (cost + shippingCost) / (1 - commissionPct/100)
     const breakEven = (cost + shippingCost) / (1 - commissionPct / 100)
 
-    // ราคาขายปกติที่ได้กำไรตาม target
     let sellingPrice = 0
     if (targetProfitType === 'pct') {
       sellingPrice = breakEven / (1 - targetProfitPct / 100)
@@ -223,11 +222,8 @@ function PriceBufferCalculator() {
       sellingPrice = (cost + shippingCost + targetProfitAmount) / (1 - commissionPct / 100)
     }
 
-    // List Price เผื่อ Campaign discount เพิ่ม
-    // เราต้องการให้เมื่อลด campaignDiscountPct จาก List แล้ว ยังอยู่เหนือ breakEven
-    const listPrice = breakEven / (1 - (campaignDiscountPct + platformVoucherPct) / 100) * 1.05
+    const listPrice = (breakEven / (1 - (campaignDiscountPct + platformVoucherPct) / 100)) * 1.05
 
-    // กำไรต่อชิ้นแต่ละระดับ
     const profitNormal = sellingPrice * (1 - commissionPct / 100) - cost - shippingCost
     const campaignPrice = listPrice * (1 - campaignDiscountPct / 100)
     const profitCampaign = campaignPrice * (1 - commissionPct / 100) - cost - shippingCost
@@ -253,15 +249,15 @@ function PriceBufferCalculator() {
     <div className="space-y-6">
       {/* Inputs */}
       <div className="grid grid-cols-1 gap-4">
-        <InputRow label="ต้นทุนสินค้า (Cost)" hint="ราคาซื้อต้นทุนต่อชิ้น">
+        <InputRow label={t('tiktokPriceSimulator.costLabel')} hint={t('tiktokPriceSimulator.costHint')}>
           <NumInput value={cost} onChange={setCost} min={0} step={10} prefix="฿" />
         </InputRow>
 
-        <InputRow label="ค่าคอมมิชชัน TikTok" hint="ปกติ 8–12% ขึ้นอยู่กับหมวดหมู่">
+        <InputRow label={t('tiktokPriceSimulator.commLabel')} hint={t('tiktokPriceSimulator.commHint')}>
           <NumInput value={commissionPct} onChange={setCommissionPct} min={0} max={30} step={0.5} suffix="%" />
         </InputRow>
 
-        <InputRow label="ค่าจัดส่ง" hint="ต่อออเดอร์ (ถ้าผู้ขายออกเอง)">
+        <InputRow label={t('tiktokPriceSimulator.shippingLabel')} hint={t('tiktokPriceSimulator.shippingHint')}>
           <div className="flex items-center gap-3">
             <NumInput value={shipping} onChange={setShipping} min={0} prefix="฿" />
             <label className="flex items-center gap-2 cursor-pointer shrink-0">
@@ -269,26 +265,29 @@ function PriceBufferCalculator() {
                 type="checkbox"
                 checked={sellerPaysShipping}
                 onChange={e => setSellerPaysShipping(e.target.checked)}
-                className="accent-cyan-400 w-4 h-4"
+                className="accent-cyan-400 w-4 h-4 cursor-pointer"
               />
-              <span className="text-xs text-slate-400">ผู้ขายออก</span>
+              <span className="text-xs text-slate-400">{t('tiktokPriceSimulator.sellerPays')}</span>
             </label>
           </div>
         </InputRow>
 
-        <InputRow label="กำไรที่ต้องการ" hint={targetProfitType === 'pct' ? "% กำไรจากราคาขายปกติ" : "กำไรสุทธิต่อชิ้น (บาท)"}>
+        <InputRow
+          label={t('tiktokPriceSimulator.targetProfitLabel')}
+          hint={targetProfitType === 'pct' ? t('tiktokPriceSimulator.targetProfitPctHint') : t('tiktokPriceSimulator.targetProfitAmountHint')}
+        >
           <div className="flex items-center gap-3 w-full">
             <div className="flex p-1 bg-night-900 border border-white/10 rounded-lg shrink-0">
               <button
                 type="button"
-                className={`px-3 py-1.5 text-xs font-medium rounded-md transition-all ${targetProfitType === 'pct' ? 'bg-cyan-glow/20 text-cyan-glow' : 'text-slate-400 hover:text-white'}`}
+                className={`px-3 py-1.5 text-xs font-medium rounded-md transition-all cursor-pointer ${targetProfitType === 'pct' ? 'bg-cyan-glow/20 text-cyan-glow' : 'text-slate-400 hover:text-white'}`}
                 onClick={() => setTargetProfitType('pct')}
               >
                 %
               </button>
               <button
                 type="button"
-                className={`px-3 py-1.5 text-xs font-medium rounded-md transition-all ${targetProfitType === 'amount' ? 'bg-cyan-glow/20 text-cyan-glow' : 'text-slate-400 hover:text-white'}`}
+                className={`px-3 py-1.5 text-xs font-medium rounded-md transition-all cursor-pointer ${targetProfitType === 'amount' ? 'bg-cyan-glow/20 text-cyan-glow' : 'text-slate-400 hover:text-white'}`}
                 onClick={() => setTargetProfitType('amount')}
               >
                 ฿
@@ -304,45 +303,45 @@ function PriceBufferCalculator() {
           </div>
         </InputRow>
 
-        <InputRow label="ส่วนลด Campaign สูงสุด" hint="% ที่ TikTok อาจบังคับลด (เช่น 9.9 Mega Sale)">
+        <InputRow label={t('tiktokPriceSimulator.campaignDiscLabel')} hint={t('tiktokPriceSimulator.campaignDiscHint')}>
           <NumInput value={campaignDiscountPct} onChange={setCampaignDiscountPct} min={0} max={70} suffix="%" />
         </InputRow>
 
-        <InputRow label="Platform Voucher (TikTok ออก)" hint="% ที่ TikTok สนับสนุน — ผู้ขายไม่ต้องออก">
+        <InputRow label={t('tiktokPriceSimulator.platformVoucherLabel')} hint={t('tiktokPriceSimulator.platformVoucherHint')}>
           <NumInput value={platformVoucherPct} onChange={setPlatformVoucherPct} min={0} max={30} suffix="%" />
         </InputRow>
       </div>
 
       {/* Results */}
       <div className="pt-2">
-        <p className="text-xs text-slate-500 uppercase tracking-wider mb-3">ผลลัพธ์การคำนวณ</p>
+        <p className="text-xs text-slate-500 uppercase tracking-wider mb-3">{t('tiktokPriceSimulator.calcResults')}</p>
         <div className="grid grid-cols-2 lg:grid-cols-3 gap-3">
           <ResultBadge
-            label="ราคาตั้ง (List Price)"
+            label={t('tiktokPriceSimulator.listPriceLabel')}
             value={fmt(results.listPrice)}
-            sub="ราคาที่ลงในระบบ TikTok"
+            sub={t('tiktokPriceSimulator.listPriceSub')}
             formula={(
               <div className="space-y-1">
-                <div className="font-bold text-slate-400">[จุดเท่าทุน] ÷ (1 - แคมเปญ% - คูปอง TikTok%) × เผื่อ 5%</div>
+                <div className="font-bold text-slate-400">{t('tiktokPriceSimulator.listPriceFormula')}</div>
                 <div className="text-slate-500">= {fmt(results.breakEven)} ÷ (1 - {campaignDiscountPct}% - {platformVoucherPct}%) × 1.05</div>
               </div>
             )}
             highlight
           />
           <ResultBadge
-            label="ราคาขายปกติ"
+            label={t('tiktokPriceSimulator.sellingPriceLabel')}
             value={fmt(results.sellingPrice)}
-            sub={`กำไร ${pct(results.marginNormal)} / ชิ้น ${fmt(results.profitNormal)}`}
+            sub={t('tiktokPriceSimulator.profitMarginSub', { margin: pct(results.marginNormal), profit: fmt(results.profitNormal) })}
             formula={(
               <div className="space-y-1">
                 {targetProfitType === 'pct' ? (
                   <>
-                    <div className="font-bold text-slate-400">[จุดเท่าทุน] ÷ (1 - กำไรที่ต้องการ%)</div>
+                    <div className="font-bold text-slate-400">[Break-even] ÷ (1 - Profit%)</div>
                     <div className="text-slate-500">= {fmt(results.breakEven)} ÷ (1 - {targetProfitPct}%)</div>
                   </>
                 ) : (
                   <>
-                    <div className="font-bold text-slate-400">(ต้นทุน + ค่าส่ง + กำไรบาท) ÷ (1 - ค่าคอม%)</div>
+                    <div className="font-bold text-slate-400">(Cost + Shipping + Profit) ÷ (1 - Comm%)</div>
                     <div className="text-slate-500">= ({fmt(cost)} + {fmt(sellerPaysShipping ? shipping : 0)} + {fmt(targetProfitAmount)}) ÷ (1 - {commissionPct}%)</div>
                   </>
                 )}
@@ -350,12 +349,12 @@ function PriceBufferCalculator() {
             )}
           />
           <ResultBadge
-            label="ราคาแคมเปญ"
+            label={t('tiktokPriceSimulator.campaignPriceLabel')}
             value={fmt(results.campaignPrice)}
-            sub={`กำไร ${pct(results.marginCampaign)} / ชิ้น ${fmt(results.profitCampaign)}`}
+            sub={t('tiktokPriceSimulator.profitMarginSub', { margin: pct(results.marginCampaign), profit: fmt(results.profitCampaign) })}
             formula={(
               <div className="space-y-1">
-                <div className="font-bold text-slate-400">[ราคาตั้ง] - ส่วนลดแคมเปญ%</div>
+                <div className="font-bold text-slate-400">[List Price] - Campaign%</div>
                 <div className="text-slate-500">= {fmt(results.listPrice)} - {campaignDiscountPct}%</div>
               </div>
             )}
@@ -363,24 +362,24 @@ function PriceBufferCalculator() {
             danger={results.profitCampaign < 0}
           />
           <ResultBadge
-            label="จุด Break-even (ราคาต่ำสุด)"
+            label={t('tiktokPriceSimulator.breakEvenLabel')}
             value={fmt(results.breakEven)}
-            sub="ขายต่ำกว่านี้ = ขาดทุน"
+            sub={t('tiktokPriceSimulator.breakEvenSub')}
             formula={(
               <div className="space-y-1">
-                <div className="font-bold text-slate-400">(ต้นทุน + ค่าส่ง) ÷ (1 - ค่าคอม%)</div>
+                <div className="font-bold text-slate-400">(Cost + Shipping) ÷ (1 - Comm%)</div>
                 <div className="text-slate-500">= ({fmt(cost)} + {fmt(sellerPaysShipping ? shipping : 0)}) ÷ (1 - {commissionPct}%)</div>
               </div>
             )}
             danger
           />
           <ResultBadge
-            label="กำไรปกติ/ชิ้น"
+            label={t('tiktokPriceSimulator.normalProfitLabel')}
             value={fmt(results.profitNormal)}
             sub={pct(results.marginNormal)}
             formula={(
               <div className="space-y-1">
-                <div className="font-bold text-slate-400">ราคาขาย - ค่าคอม - ต้นทุน - ค่าส่ง</div>
+                <div className="font-bold text-slate-400">Price - Comm - Cost - Shipping</div>
                 <div className="text-slate-500">= {fmt(results.sellingPrice)} - {fmt(results.sellingPrice * commissionPct / 100)} - {fmt(cost)} - {fmt(sellerPaysShipping ? shipping : 0)}</div>
               </div>
             )}
@@ -388,12 +387,12 @@ function PriceBufferCalculator() {
             danger={results.profitNormal <= 0}
           />
           <ResultBadge
-            label="กำไร Campaign/ชิ้น"
+            label={t('tiktokPriceSimulator.campaignProfitLabel')}
             value={fmt(results.profitCampaign)}
             sub={pct(results.marginCampaign)}
             formula={(
               <div className="space-y-1">
-                <div className="font-bold text-slate-400">ราคาแคมเปญ - ค่าคอม - ต้นทุน - ค่าส่ง</div>
+                <div className="font-bold text-slate-400">Camp. Price - Comm - Cost - Shipping</div>
                 <div className="text-slate-500">= {fmt(results.campaignPrice)} - {fmt(results.campaignPrice * commissionPct / 100)} - {fmt(cost)} - {fmt(sellerPaysShipping ? shipping : 0)}</div>
               </div>
             )}
@@ -407,11 +406,11 @@ function PriceBufferCalculator() {
       {/* Formula hint */}
       <div className="rounded-xl bg-night-800/50 border border-white/5 p-4 text-xs text-slate-500 space-y-1">
         <p className="text-slate-400 font-medium mb-2 flex items-center gap-1.5">
-          <Info className="w-3.5 h-3.5" /> สูตรที่ใช้คำนวณ
+          <Info className="w-3.5 h-3.5" /> {t('tiktokPriceSimulator.formulaHelpTitle')}
         </p>
-        <p>Break-even = (ต้นทุน + ค่าส่ง) ÷ (1 − ค่าคอม%)</p>
-        <p>ราคาขาย = Break-even ÷ (1 − กำไร%)</p>
-        <p>List Price = Break-even ÷ (1 − Campaign% − Platform%) × 1.05 (safety buffer 5%)</p>
+        <p>{t('tiktokPriceSimulator.formulaBreakEven')}</p>
+        <p>{t('tiktokPriceSimulator.formulaSelling')}</p>
+        <p>{t('tiktokPriceSimulator.formulaList')}</p>
       </div>
     </div>
   )
@@ -420,6 +419,7 @@ function PriceBufferCalculator() {
 // ─── Section 2: Volume vs Margin Simulator ─────────────────────────────────────
 
 function VolumeMarginSimulator() {
+  const { t } = useTranslation()
   const [normalQty, setNormalQty] = useState(10)
   const [normalProfit, setNormalProfit] = useState(50)
   const [campaignQty, setCampaignQty] = useState(100)
@@ -439,16 +439,16 @@ function VolumeMarginSimulator() {
         <div className="rounded-xl bg-night-800/50 border border-white/10 p-5 space-y-4">
           <p className="text-sm font-bold text-white flex items-center gap-2">
             <span className="w-2 h-2 rounded-full bg-slate-500 inline-block" />
-            วันขายปกติ
+            {t('tiktokPriceSimulator.normalDay')}
           </p>
-          <InputRow label="จำนวนชิ้น">
-            <NumInput value={normalQty} onChange={setNormalQty} min={0} suffix="ชิ้น" />
+          <InputRow label={t('tiktokPriceSimulator.unitQty')}>
+            <NumInput value={normalQty} onChange={setNormalQty} min={0} suffix={t('tiktokPriceSimulator.units')} />
           </InputRow>
-          <InputRow label="กำไรต่อชิ้น">
+          <InputRow label={t('tiktokPriceSimulator.profitPerUnit')}>
             <NumInput value={normalProfit} onChange={setNormalProfit} min={0} step={5} prefix="฿" />
           </InputRow>
           <div className="rounded-lg bg-night-900/60 border border-white/5 p-3 text-center">
-            <p className="text-xs text-slate-500">กำไรรวม</p>
+            <p className="text-xs text-slate-500">{t('tiktokPriceSimulator.totalProfit')}</p>
             <p className="text-2xl font-bold text-white mt-1">{fmt(normalTotal)}</p>
           </div>
         </div>
@@ -457,16 +457,16 @@ function VolumeMarginSimulator() {
         <div className="rounded-xl bg-cyan-glow/5 border border-cyan-glow/20 p-5 space-y-4">
           <p className="text-sm font-bold text-cyan-glow flex items-center gap-2">
             <span className="w-2 h-2 rounded-full bg-cyan-glow inline-block animate-pulse" />
-            วัน Campaign / Mega Sale
+            {t('tiktokPriceSimulator.campaignDay')}
           </p>
-          <InputRow label="จำนวนชิ้นคาดการณ์">
-            <NumInput value={campaignQty} onChange={setCampaignQty} min={0} suffix="ชิ้น" />
+          <InputRow label={t('tiktokPriceSimulator.campaignForecastQty')}>
+            <NumInput value={campaignQty} onChange={setCampaignQty} min={0} suffix={t('tiktokPriceSimulator.units')} />
           </InputRow>
-          <InputRow label="กำไรต่อชิ้น (หลังลด)">
+          <InputRow label={t('tiktokPriceSimulator.campaignProfitPerUnit')}>
             <NumInput value={campaignProfit} onChange={setCampaignProfit} min={-9999} step={5} prefix="฿" />
           </InputRow>
           <div className={`rounded-lg p-3 text-center ${campaignTotal > 0 ? 'bg-cyan-glow/10 border border-cyan-glow/30' : 'bg-rose-500/10 border border-rose-500/30'}`}>
-            <p className="text-xs text-slate-500">กำไรรวม</p>
+            <p className="text-xs text-slate-500">{t('tiktokPriceSimulator.totalProfit')}</p>
             <p className={`text-2xl font-bold mt-1 ${campaignTotal > 0 ? 'text-cyan-glow' : 'text-rose-400'}`}>{fmt(campaignTotal)}</p>
           </div>
         </div>
@@ -481,18 +481,18 @@ function VolumeMarginSimulator() {
         )}
         <div className="flex-1">
           <p className={`font-bold ${shouldJoin ? 'text-green-400' : 'text-rose-400'}`}>
-            {shouldJoin ? '✅ ควรเข้าร่วม Campaign' : '❌ ไม่แนะนำให้เข้า Campaign'}
+            {shouldJoin ? t('tiktokPriceSimulator.shouldJoinCampaign') : t('tiktokPriceSimulator.shouldNotJoinCampaign')}
           </p>
           <p className="text-sm text-slate-400 mt-1">
             {shouldJoin
-              ? `กำไรรวมเพิ่มขึ้น ${fmt(diff)} (${multiplier.toFixed(1)}× เทียบวันปกติ) — คุ้มค่าที่จะยอมลดกำไรต่อชิ้น`
+              ? t('tiktokPriceSimulator.joinReasonProfitUp', { diff: fmt(diff), mult: multiplier.toFixed(1) })
               : campaignProfit <= 0
-              ? 'กำไรต่อชิ้นติดลบ → ขายดีจนเข้าเนื้อ ห้ามเข้าเด็ดขาด!'
-              : `กำไรรวม Campaign (${fmt(campaignTotal)}) ต่ำกว่าวันปกติ (${fmt(normalTotal)}) — ไม่คุ้มค่า`}
+              ? t('tiktokPriceSimulator.joinReasonNegative')
+              : t('tiktokPriceSimulator.joinReasonLower', { camp: fmt(campaignTotal), norm: fmt(normalTotal) })}
           </p>
         </div>
         <div className="text-right shrink-0">
-          <p className="text-xs text-slate-500">เพิ่ม/ลด</p>
+          <p className="text-xs text-slate-500">{t('tiktokPriceSimulator.diffLabel')}</p>
           <p className={`text-lg font-bold ${diff >= 0 ? 'text-green-400' : 'text-rose-400'}`}>
             {diff >= 0 ? '+' : ''}{fmt(diff)}
           </p>
@@ -512,55 +512,18 @@ function classifyProduct(cost: number, listPrice: number): ProductGroup {
   return 'bundle'
 }
 
-const GROUP_CONFIG: Record<
-  ProductGroup,
-  { label: string; desc: string; icon: React.ReactNode; color: string; bg: string; border: string }
-> = {
-  hero: {
-    label: '🚀 Hero (Traffic Driver)',
-    desc: 'ดึงคนเข้าร้าน — margin บาง แต่ยอดขายมหาศาล',
-    icon: <Zap className="w-5 h-5" />,
-    color: 'text-amber-400',
-    bg: 'bg-amber-500/10',
-    border: 'border-amber-500/30',
-  },
-  profit: {
-    label: '💎 Profit Maker',
-    desc: 'แหล่งกำไรหลัก — margin หนา ลดน้อย',
-    icon: <Star className="w-5 h-5" />,
-    color: 'text-cyan-glow',
-    bg: 'bg-cyan-glow/10',
-    border: 'border-cyan-glow/30',
-  },
-  bundle: {
-    label: '🎁 Bundle / Add-on',
-    desc: 'เพิ่ม AOV — จัดชุดกับสินค้าอื่น',
-    icon: <Gift className="w-5 h-5" />,
-    color: 'text-violet-400',
-    bg: 'bg-violet-500/10',
-    border: 'border-violet-500/30',
-  },
-  unclassified: {
-    label: '— ยังไม่ระบุ',
-    desc: 'กรอกข้อมูลให้ครบ',
-    icon: <Info className="w-5 h-5" />,
-    color: 'text-slate-500',
-    bg: 'bg-night-800/40',
-    border: 'border-white/10',
-  },
-}
-
 let nextId = 1
 
 function ProductStrategyClassifier() {
+  const { t } = useTranslation()
   const [products, setProducts] = useState<ProductRow[]>([
-    { id: nextId++, name: 'สินค้า A', cost: 80, listPrice: 129 },
-    { id: nextId++, name: 'สินค้า B', cost: 120, listPrice: 299 },
-    { id: nextId++, name: 'สินค้า C', cost: 50, listPrice: 99 },
+    { id: nextId++, name: 'Aroma Diffuser 100ml', cost: 80, listPrice: 129 },
+    { id: nextId++, name: 'Essential Oil Set', cost: 120, listPrice: 299 },
+    { id: nextId++, name: 'Reed Sticks Refill', cost: 50, listPrice: 99 },
   ])
 
   const addRow = () => {
-    setProducts(p => [...p, { id: nextId++, name: `สินค้า ${String.fromCharCode(65 + p.length)}`, cost: 0, listPrice: 0 }])
+    setProducts(p => [...p, { id: nextId++, name: `Product ${String.fromCharCode(65 + p.length)}`, cost: 0, listPrice: 0 }])
   }
 
   const removeRow = (id: number) => setProducts(p => p.filter(r => r.id !== id))
@@ -569,6 +532,44 @@ function ProductStrategyClassifier() {
     setProducts(p => p.map(r => r.id === id ? { ...r, [field]: value } : r))
   }
 
+  const groupConfig: Record<
+    ProductGroup,
+    { label: string; desc: string; icon: React.ReactNode; color: string; bg: string; border: string }
+  > = {
+    hero: {
+      label: t('tiktokPriceSimulator.groupHeroLabel'),
+      desc: t('tiktokPriceSimulator.groupHeroDesc'),
+      icon: <Zap className="w-5 h-5" />,
+      color: 'text-amber-400',
+      bg: 'bg-amber-500/10',
+      border: 'border-amber-500/30',
+    },
+    profit: {
+      label: t('tiktokPriceSimulator.groupProfitLabel'),
+      desc: t('tiktokPriceSimulator.groupProfitDesc'),
+      icon: <Star className="w-5 h-5" />,
+      color: 'text-cyan-glow',
+      bg: 'bg-cyan-glow/10',
+      border: 'border-cyan-glow/30',
+    },
+    bundle: {
+      label: t('tiktokPriceSimulator.groupBundleLabel'),
+      desc: t('tiktokPriceSimulator.groupBundleDesc'),
+      icon: <Gift className="w-5 h-5" />,
+      color: 'text-violet-400',
+      bg: 'bg-violet-500/10',
+      border: 'border-violet-500/30',
+    },
+    unclassified: {
+      label: t('tiktokPriceSimulator.groupUnclassifiedLabel'),
+      desc: t('tiktokPriceSimulator.groupUnclassifiedDesc'),
+      icon: <Info className="w-5 h-5" />,
+      color: 'text-slate-500',
+      bg: 'bg-night-800/40',
+      border: 'border-white/10',
+    },
+  }
+
   const grouped = useMemo(() => {
     const groups: Record<ProductGroup, ProductRow[]> = {
       hero: [],
@@ -590,11 +591,11 @@ function ProductStrategyClassifier() {
         <table className="w-full text-sm">
           <thead>
             <tr className="text-left text-xs text-slate-500 uppercase tracking-wider border-b border-white/10">
-              <th className="pb-3 pr-4 font-medium">ชื่อสินค้า</th>
-              <th className="pb-3 pr-4 font-medium">ต้นทุน (฿)</th>
-              <th className="pb-3 pr-4 font-medium">List Price (฿)</th>
-              <th className="pb-3 pr-4 font-medium">Margin %</th>
-              <th className="pb-3 font-medium">กลุ่ม</th>
+              <th className="pb-3 pr-4 font-medium">{t('tiktokPriceSimulator.thProductName')}</th>
+              <th className="pb-3 pr-4 font-medium">{t('tiktokPriceSimulator.thCost')}</th>
+              <th className="pb-3 pr-4 font-medium">{t('tiktokPriceSimulator.thListPrice')}</th>
+              <th className="pb-3 pr-4 font-medium">{t('tiktokPriceSimulator.thMargin')}</th>
+              <th className="pb-3 font-medium">{t('tiktokPriceSimulator.thGroup')}</th>
               <th className="pb-3" />
             </tr>
           </thead>
@@ -602,7 +603,7 @@ function ProductStrategyClassifier() {
             {products.map(p => {
               const margin = p.listPrice > 0 ? ((p.listPrice - p.cost) / p.listPrice) * 100 : 0
               const group = classifyProduct(p.cost, p.listPrice)
-              const cfg = GROUP_CONFIG[group]
+              const cfg = groupConfig[group]
               return (
                 <tr key={p.id} className="group">
                   <td className="py-3 pr-4">
@@ -644,7 +645,7 @@ function ProductStrategyClassifier() {
                   <td className="py-3">
                     <button
                       onClick={() => removeRow(p.id)}
-                      className="p-1.5 rounded-lg text-slate-600 hover:text-rose-400 hover:bg-rose-500/10 transition-all opacity-0 group-hover:opacity-100"
+                      className="p-1.5 rounded-lg text-slate-600 hover:text-rose-400 hover:bg-rose-500/10 transition-all opacity-0 group-hover:opacity-100 cursor-pointer"
                     >
                       <Trash2 className="w-4 h-4" />
                     </button>
@@ -656,14 +657,14 @@ function ProductStrategyClassifier() {
         </table>
       </div>
 
-      <button onClick={addRow} className="btn-ghost flex items-center gap-2 text-sm">
-        <Plus className="w-4 h-4" /> เพิ่มสินค้า
+      <button onClick={addRow} className="btn-ghost flex items-center gap-2 text-sm cursor-pointer">
+        <Plus className="w-4 h-4" /> {t('tiktokPriceSimulator.addProduct')}
       </button>
 
       {/* Grouped summary */}
       <div className="grid grid-cols-1 md:grid-cols-3 gap-4">
         {(['hero', 'profit', 'bundle'] as ProductGroup[]).map(g => {
-          const cfg = GROUP_CONFIG[g]
+          const cfg = groupConfig[g]
           const items = grouped[g]
           return (
             <div key={g} className={`rounded-xl border p-4 ${cfg.bg} ${cfg.border}`}>
@@ -673,7 +674,7 @@ function ProductStrategyClassifier() {
               </div>
               <p className="text-xs text-slate-500 mb-3">{cfg.desc}</p>
               {items.length === 0 ? (
-                <p className="text-xs text-slate-600 italic">ยังไม่มีสินค้า</p>
+                <p className="text-xs text-slate-600 italic">{t('tiktokPriceSimulator.noProductsInGroup')}</p>
               ) : (
                 <ul className="space-y-1">
                   {items.map(p => (
@@ -692,10 +693,10 @@ function ProductStrategyClassifier() {
       </div>
 
       <div className="rounded-xl bg-night-800/50 border border-white/5 p-4 text-xs text-slate-500 space-y-1">
-        <p className="text-slate-400 font-medium mb-2 flex items-center gap-1.5"><Info className="w-3.5 h-3.5" /> เกณฑ์การจัดกลุ่ม</p>
-        <p>🚀 Hero: Margin &lt; 15% — ตัดกำไรต่ำมากเพื่อดึง traffic</p>
-        <p>💎 Profit Maker: Margin ≥ 30% — แหล่งรายได้หลัก</p>
-        <p>🎁 Bundle: Margin 15–29% — จัดชุดเพิ่ม AOV</p>
+        <p className="text-slate-400 font-medium mb-2 flex items-center gap-1.5"><Info className="w-3.5 h-3.5" /> {t('tiktokPriceSimulator.groupCriteriaTitle')}</p>
+        <p>{t('tiktokPriceSimulator.groupCriteriaHero')}</p>
+        <p>{t('tiktokPriceSimulator.groupCriteriaProfit')}</p>
+        <p>{t('tiktokPriceSimulator.groupCriteriaBundle')}</p>
       </div>
     </div>
   )
@@ -704,6 +705,7 @@ function ProductStrategyClassifier() {
 // ─── Section 4: Break-even Alert ───────────────────────────────────────────────
 
 function BreakEvenAlert() {
+  const { t } = useTranslation()
   const [cost, setCost] = useState(100)
   const [commissionPct, setCommissionPct] = useState(8)
   const [shipping, setShipping] = useState(30)
@@ -721,22 +723,22 @@ function BreakEvenAlert() {
   const statusConfig = {
     safe: {
       icon: <CheckCircle2 className="w-8 h-8 text-green-400" />,
-      label: '✅ เข้าร่วม Campaign ได้',
-      desc: `ยังมี margin ${pct(margin)} — กำไรต่อชิ้น ${fmt(profitPerUnit)}`,
+      label: t('tiktokPriceSimulator.alertSafeLabel'),
+      desc: t('tiktokPriceSimulator.alertSafeDesc', { margin: pct(margin), profit: fmt(profitPerUnit) }),
       bg: 'bg-green-500/10 border-green-500/30',
       text: 'text-green-400',
     },
     warn: {
       icon: <AlertTriangle className="w-8 h-8 text-amber-400" />,
-      label: '⚠️ ระวัง — Margin เหลือน้อยมาก',
-      desc: `Margin เหลือเพียง ${pct(margin)} — กำไรต่อชิ้น ${fmt(profitPerUnit)} อาจไม่คุ้มค่าดำเนินการ`,
+      label: t('tiktokPriceSimulator.alertWarnLabel'),
+      desc: t('tiktokPriceSimulator.alertWarnDesc', { margin: pct(margin), profit: fmt(profitPerUnit) }),
       bg: 'bg-amber-500/10 border-amber-500/30',
       text: 'text-amber-400',
     },
     danger: {
       icon: <XCircle className="w-8 h-8 text-rose-400" />,
-      label: '🚫 ห้ามเข้า Campaign นี้เด็ดขาด!',
-      desc: `ราคา ${fmt(tiktokForcedPrice)} ต่ำกว่า Break-even ${fmt(breakEven)} — ขายทุกชิ้น ขาดทุนทุกออเดอร์!`,
+      label: t('tiktokPriceSimulator.alertDangerLabel'),
+      desc: t('tiktokPriceSimulator.alertDangerDesc', { price: fmt(tiktokForcedPrice), breakEven: fmt(breakEven) }),
       bg: 'bg-rose-500/10 border-rose-500/30',
       text: 'text-rose-400',
     },
@@ -749,13 +751,13 @@ function BreakEvenAlert() {
   return (
     <div className="space-y-6">
       <div className="grid grid-cols-1 gap-4">
-        <InputRow label="ต้นทุนสินค้า" hint="ต้นทุนต่อชิ้น">
+        <InputRow label={t('tiktokPriceSimulator.costLabel')} hint={t('tiktokPriceSimulator.costHint')}>
           <NumInput value={cost} onChange={setCost} min={0} step={10} prefix="฿" />
         </InputRow>
-        <InputRow label="ค่าคอมมิชชัน TikTok">
+        <InputRow label={t('tiktokPriceSimulator.commLabel')}>
           <NumInput value={commissionPct} onChange={setCommissionPct} min={0} max={30} step={0.5} suffix="%" />
         </InputRow>
-        <InputRow label="ค่าจัดส่ง">
+        <InputRow label={t('tiktokPriceSimulator.shippingLabel')}>
           <div className="flex items-center gap-3">
             <NumInput value={shipping} onChange={setShipping} min={0} prefix="฿" />
             <label className="flex items-center gap-2 cursor-pointer shrink-0">
@@ -763,20 +765,20 @@ function BreakEvenAlert() {
                 type="checkbox"
                 checked={sellerPaysShipping}
                 onChange={e => setSellerPaysShipping(e.target.checked)}
-                className="accent-cyan-400 w-4 h-4"
+                className="accent-cyan-400 w-4 h-4 cursor-pointer"
               />
-              <span className="text-xs text-slate-400">ผู้ขายออก</span>
+              <span className="text-xs text-slate-400">{t('tiktokPriceSimulator.sellerPays')}</span>
             </label>
           </div>
         </InputRow>
-        <InputRow label="ราคาที่ TikTok กำหนด" hint="ราคาแคมเปญที่ระบบบังคับ">
+        <InputRow label={t('tiktokPriceSimulator.tiktokForcedPriceLabel')} hint={t('tiktokPriceSimulator.tiktokForcedPriceHint')}>
           <NumInput value={tiktokForcedPrice} onChange={setTiktokForcedPrice} min={0} step={5} prefix="฿" />
         </InputRow>
       </div>
 
       {/* Gauge */}
       <div>
-        <p className="text-xs text-slate-500 mb-2">ตำแหน่งราคาแคมเปญ vs Break-even</p>
+        <p className="text-xs text-slate-500 mb-2">{t('tiktokPriceSimulator.gaugeTitle')}</p>
         <div className="relative h-6 bg-night-800 rounded-full overflow-hidden">
           {/* gradient bar */}
           <div className="absolute inset-0 bg-gradient-to-r from-rose-500/60 via-amber-500/60 to-green-500/60" />
@@ -798,7 +800,7 @@ function BreakEvenAlert() {
         </div>
         <div className="flex justify-between text-xs text-slate-600 mt-1">
           <span>฿0</span>
-          <span className="text-white/50">Break-even: {fmt(breakEven)}</span>
+          <span className="text-white/50">{t('tiktokPriceSimulator.gaugeBreakEven', { breakEven: fmt(breakEven) })}</span>
           <span>{fmt(breakEven * 1.5)}</span>
         </div>
       </div>
@@ -811,7 +813,7 @@ function BreakEvenAlert() {
           <p className="text-sm text-slate-400 mt-1">{statusConfig.desc}</p>
           {status === 'danger' && (
             <p className="text-xs text-rose-400/70 mt-2">
-              💡 ทางเลือก: อย่าเข้า Campaign นี้ หรือส่งเฉพาะ SKU ที่มี Buffer สูงพอ
+              {t('tiktokPriceSimulator.alertDangerAlt')}
             </p>
           )}
         </div>
@@ -819,11 +821,11 @@ function BreakEvenAlert() {
 
       {/* Key stats */}
       <div className="grid grid-cols-2 gap-3">
-        <ResultBadge label="จุด Break-even" value={fmt(breakEven)} sub="ห้ามขายต่ำกว่านี้" danger />
+        <ResultBadge label={t('tiktokPriceSimulator.breakEvenLabel')} value={fmt(breakEven)} sub={t('tiktokPriceSimulator.alertBreakEvenSub')} danger />
         <ResultBadge
-          label="กำไรต่อชิ้น (ถ้าเข้า Campaign)"
+          label={t('tiktokPriceSimulator.profitPerUnitIfJoin')}
           value={fmt(profitPerUnit)}
-          sub={margin > 0 ? `Margin ${pct(margin)}` : 'ขาดทุน!'}
+          sub={margin > 0 ? `Margin ${pct(margin)}` : t('tiktokPriceSimulator.lossAlert')}
           highlight={status === 'safe'}
           warn={status === 'warn'}
           danger={status === 'danger'}
@@ -836,6 +838,7 @@ function BreakEvenAlert() {
 // ─── Main Page ─────────────────────────────────────────────────────────────────
 
 export default function TiktokPriceSimulatorPage() {
+  const { t } = useTranslation()
   const [resetKey, setResetKey] = useState(0)
 
   return (
@@ -847,32 +850,31 @@ export default function TiktokPriceSimulatorPage() {
             <div className="w-10 h-10 rounded-xl bg-cyan-glow/10 border border-cyan-glow/20 flex items-center justify-center">
               <Calculator className="w-5 h-5 text-cyan-glow" />
             </div>
-            <h1 className="text-2xl font-bold text-white tracking-tight">TikTok Price Simulator</h1>
+            <h1 className="text-2xl font-bold text-white tracking-tight">{t('tiktokPriceSimulator.pageTitle')}</h1>
           </div>
           <p className="text-sm text-slate-500 max-w-2xl">
-            คำนวณราคาตั้ง, จุด Break-even, และกลยุทธ์โปรโมชันก่อนเข้าร่วม Campaign —
-            ป้องกัน "ขายดีแต่เข้าเนื้อ" ทุกออเดอร์
+            {t('tiktokPriceSimulator.pageSubtitle')}
           </p>
         </div>
         <button
           onClick={() => {
             setResetKey(k => k + 1)
           }}
-          className="btn-ghost flex items-center gap-2 text-xs shrink-0"
-          title="รีเซ็ตทุกค่า"
+          className="btn-ghost flex items-center gap-2 text-xs shrink-0 cursor-pointer"
+          title={t('tiktokPriceSimulator.resetTitle')}
         >
           <RefreshCw className="w-4 h-4" />
-          Reset
+          {t('tiktokPriceSimulator.reset')}
         </button>
       </div>
 
       {/* Quick guide */}
       <div className="rounded-xl bg-night-800/40 border border-white/5 p-4 mb-8 grid grid-cols-2 md:grid-cols-4 gap-3">
         {[
-          { num: '1', title: 'ตั้งราคา', desc: 'คำนวณ List / Selling / Campaign Price พร้อม Buffer' },
-          { num: '2', title: 'Volume vs Margin', desc: 'เปรียบกำไรรวมวันปกติ vs วัน Campaign' },
-          { num: '3', title: 'จัดกลุ่มสินค้า', desc: 'Hero / Profit Maker / Bundle ตาม Margin %' },
-          { num: '4', title: 'เช็ค Break-even', desc: 'ราคาแคมเปญที่ TikTok กำหนด เข้าได้หรือไม่' },
+          { num: '1', title: t('tiktokPriceSimulator.step1Title'), desc: t('tiktokPriceSimulator.step1Desc') },
+          { num: '2', title: t('tiktokPriceSimulator.step2Title'), desc: t('tiktokPriceSimulator.step2Desc') },
+          { num: '3', title: t('tiktokPriceSimulator.step3Title'), desc: t('tiktokPriceSimulator.step3Desc') },
+          { num: '4', title: t('tiktokPriceSimulator.step4Title'), desc: t('tiktokPriceSimulator.step4Desc') },
         ].map(s => (
           <div key={s.num} className="flex gap-3">
             <div className="w-6 h-6 rounded-full bg-cyan-glow/20 border border-cyan-glow/30 flex items-center justify-center text-cyan-glow text-xs font-bold shrink-0">
@@ -889,8 +891,8 @@ export default function TiktokPriceSimulatorPage() {
       {/* Sections */}
       <SectionCard
         icon={<Calculator className="w-5 h-5" />}
-        title="ส่วนที่ 1 — Price Buffer Calculator"
-        subtitle="คำนวณราคาตั้งที่เผื่อ Buffer สำหรับ Campaign ไว้แล้วตั้งแต่ต้น"
+        title={t('tiktokPriceSimulator.sec1Title')}
+        subtitle={t('tiktokPriceSimulator.sec1Subtitle')}
         accentColor="cyan"
       >
         <PriceBufferCalculator />
@@ -898,8 +900,8 @@ export default function TiktokPriceSimulatorPage() {
 
       <SectionCard
         icon={<TrendingUp className="w-5 h-5" />}
-        title="ส่วนที่ 2 — Volume vs Margin Simulator"
-        subtitle="เปรียบเทียบกำไรรวมวันปกติ vs วัน Campaign เพื่อตัดสินใจ"
+        title={t('tiktokPriceSimulator.sec2Title')}
+        subtitle={t('tiktokPriceSimulator.sec2Subtitle')}
         accentColor="violet"
         defaultOpen={false}
       >
@@ -908,8 +910,8 @@ export default function TiktokPriceSimulatorPage() {
 
       <SectionCard
         icon={<BarChart3 className="w-5 h-5" />}
-        title="ส่วนที่ 3 — Product Strategy Classifier"
-        subtitle="จัดกลุ่มสินค้าเป็น 3 กลุ่มตาม Margin % เพื่อวางกลยุทธ์ต่างกัน"
+        title={t('tiktokPriceSimulator.sec3Title')}
+        subtitle={t('tiktokPriceSimulator.sec3Subtitle')}
         accentColor="amber"
         defaultOpen={false}
       >
@@ -918,8 +920,8 @@ export default function TiktokPriceSimulatorPage() {
 
       <SectionCard
         icon={<AlertTriangle className="w-5 h-5" />}
-        title="ส่วนที่ 4 — Break-even Alert"
-        subtitle="เช็คทันทีว่าราคาที่ TikTok บังคับ ต่ำกว่า Break-even หรือไม่"
+        title={t('tiktokPriceSimulator.sec4Title')}
+        subtitle={t('tiktokPriceSimulator.sec4Subtitle')}
         accentColor="rose"
         defaultOpen={false}
       >
@@ -928,11 +930,11 @@ export default function TiktokPriceSimulatorPage() {
 
       {/* Footer tip */}
       <div className="rounded-xl bg-cyan-glow/5 border border-cyan-glow/10 p-5 mt-2">
-        <p className="text-xs font-bold text-cyan-glow mb-2">💡 กฎเหล็ก: อย่าหลงกับตัวเลข GMV</p>
+        <p className="text-xs font-bold text-cyan-glow mb-2">{t('tiktokPriceSimulator.footerTipTitle')}</p>
         <p className="text-xs text-slate-500 leading-relaxed">
-          ยอดขาย (GMV) ตัวเลขสวย ≠ เงินในบัญชี ให้โฟกัสที่{' '}
-          <span className="text-white">กำไรสุทธิหลังหักทุกอย่างแล้ว (Net Profit)</span> เสมอ
-          ถ้าแคมเปญไหนบังคับให้ขาดทุน → อย่าเข้า หรือส่งเฉพาะ SKU ที่มี Buffer สูงพอเท่านั้น
+          {t('tiktokPriceSimulator.footerTipBody')}{' '}
+          <span className="text-white">{t('tiktokPriceSimulator.footerTipBodyHighlight')}</span>{' '}
+          {t('tiktokPriceSimulator.footerTipBodyEnd')}
         </p>
       </div>
     </div>
diff --git a/apps/admin/src/pages/TiktokSalesMapPage.tsx b/apps/admin/src/pages/TiktokSalesMapPage.tsx
index bc4091a..6fee0c2 100644
--- a/apps/admin/src/pages/TiktokSalesMapPage.tsx
+++ b/apps/admin/src/pages/TiktokSalesMapPage.tsx
@@ -4,16 +4,18 @@ import {
   Filter, Calendar, Table2, Search,
   MapPin,
 } from 'lucide-react';
+import { useTranslation } from 'react-i18next';
 import { API_BASE } from '@homaroma/types';
 import ThailandMapSvg from '../components/tiktok-map/ThailandMapSvg';
 import DistrictMapModal from '../components/tiktok-map/DistrictMapModal';
-import { fmtBaht, fmtNum } from '../utils/thaiGeoUtils';
+import { fmtBaht, fmtNum, getLocalizedProvinceName, getLocalizedRegionName } from '../utils/thaiGeoUtils';
 import { TIKTOK_SHOPS } from './TiktokOrderPage';
 
 type ViewMode = 'map' | 'list';
 type TimePeriod = 'all' | '30days' | 'this_year' | 'custom';
 
 export default function TiktokSalesMapPage() {
+  const { t, i18n } = useTranslation();
   const [viewMode, setViewMode] = useState<ViewMode>('map');
   const [shop, setShop] = useState('all');
   const [period, setPeriod] = useState<TimePeriod>('all');
@@ -93,11 +95,11 @@ export default function TiktokSalesMapPage() {
           <div>
             <div className="flex items-center gap-2">
               <h1 className="text-2xl md:text-3xl font-bold tracking-tight text-white">
-                แผนที่ยอดขายประเทศไทย (Thailand Sales Map)
+                {t('tiktokSalesMap.title')}
               </h1>
             </div>
             <p className="text-xs text-slate-400 mt-0.5">
-              วิเคราะห์การกระจายตัวของยอดขาย TikTok และศักยภาพลูกค้าแยกตาม 77 จังหวัด
+              {t('tiktokSalesMap.subtitle')}
             </p>
           </div>
         </div>
@@ -114,7 +116,7 @@ export default function TiktokSalesMapPage() {
                   : 'text-slate-400 hover:text-white'
               }`}
             >
-              <Map className="w-3.5 h-3.5" /> มุมมองแผนที่
+              <Map className="w-3.5 h-3.5" /> {t('tiktokSalesMap.mapView')}
             </button>
             <button
               onClick={() => setViewMode('list')}
@@ -124,7 +126,7 @@ export default function TiktokSalesMapPage() {
                   : 'text-slate-400 hover:text-white'
               }`}
             >
-              <Table2 className="w-3.5 h-3.5" /> มุมมองรายการ
+              <Table2 className="w-3.5 h-3.5" /> {t('tiktokSalesMap.listView')}
             </button>
           </div>
 
@@ -134,7 +136,7 @@ export default function TiktokSalesMapPage() {
             onChange={(e) => setShop(e.target.value)}
             className="bg-slate-900 border border-white/10 text-xs text-slate-300 rounded-xl px-3 py-2 font-medium focus:outline-none focus:border-emerald-500/50"
           >
-            <option value="all">ทั้งหมด (ทุกร้าน)</option>
+            <option value="all">{t('tiktokSalesMap.allShops')}</option>
             {TIKTOK_SHOPS.map((s) => (
               <option key={s.id} value={s.id}>
                 {s.label}
@@ -148,10 +150,10 @@ export default function TiktokSalesMapPage() {
             onChange={(e) => handlePeriodChange(e.target.value as TimePeriod)}
             className="bg-slate-900 border border-white/10 text-xs text-slate-300 rounded-xl px-3 py-2 font-medium focus:outline-none focus:border-emerald-500/50"
           >
-            <option value="all">ทั้งหมด (All Time)</option>
-            <option value="30days">30 วันล่าสุด</option>
-            <option value="this_year">ปีนี้</option>
-            <option value="custom">กำหนดเอง</option>
+            <option value="all">{t('tiktokSalesMap.periodAll')}</option>
+            <option value="30days">{t('tiktokSalesMap.period30Days')}</option>
+            <option value="this_year">{t('tiktokSalesMap.periodThisYear')}</option>
+            <option value="custom">{t('tiktokSalesMap.periodCustom')}</option>
           </select>
 
           {/* Custom Date Pickers */}
@@ -184,7 +186,7 @@ export default function TiktokSalesMapPage() {
             className="flex items-center gap-1.5 px-4 py-2 rounded-xl bg-emerald-500 hover:bg-emerald-600 disabled:opacity-50 text-slate-950 font-bold text-xs transition-all shadow-lg shadow-emerald-500/20 cursor-pointer"
           >
             {loading ? <span className="animate-spin">⏳</span> : <Filter className="w-3.5 h-3.5" />}
-            {loading ? 'กำลังโหลด...' : 'กรอง'}
+            {loading ? t('common.loading') : t('common.filter')}
           </button>
         </div>
       </div>
@@ -194,7 +196,7 @@ export default function TiktokSalesMapPage() {
         {/* KPI 1 */}
         <div className="bg-slate-900/60 border border-white/10 rounded-2xl p-4 flex flex-col justify-between">
           <div className="flex items-center justify-between text-xs text-slate-400">
-            <span>ยอดขายรวม</span>
+            <span>{t('tiktokSalesMap.kpiTotalRevenue')}</span>
             <span className="text-emerald-400 font-bold text-[11px] bg-emerald-500/10 px-1.5 py-0.5 rounded-full border border-emerald-500/20">
               ↗ YoY
             </span>
@@ -210,21 +212,21 @@ export default function TiktokSalesMapPage() {
         {/* KPI 2 */}
         <div className="bg-slate-900/60 border border-white/10 rounded-2xl p-4 flex flex-col justify-between">
           <div className="flex items-center justify-between text-xs text-slate-400">
-            <span>คำสั่งซื้อสะสม</span>
+            <span>{t('tiktokSalesMap.kpiTotalOrders')}</span>
             <ShoppingBag className="w-3.5 h-3.5 text-rose-400" />
           </div>
           <div className="mt-2">
             <p className="text-xl md:text-2xl font-bold text-white font-mono">
               {fmtNum(mapData?.kpi?.totalOrders || 0)}
             </p>
-            <p className="text-[10px] text-slate-500 mt-0.5">รวมทุกสถานะคำสั่งซื้อ</p>
+            <p className="text-[10px] text-slate-500 mt-0.5">{t('tiktokSalesMap.allStatusesSub')}</p>
           </div>
         </div>
 
         {/* KPI 3 */}
         <div className="bg-slate-900/60 border border-white/10 rounded-2xl p-4 flex flex-col justify-between">
           <div className="flex items-center justify-between text-xs text-slate-400">
-            <span>การเข้าถึงจังหวัด</span>
+            <span>{t('tiktokSalesMap.kpiCoverage')}</span>
             <span className="text-emerald-400 font-bold text-[11px] font-mono">
               {(mapData?.kpi?.coveragePercent || 0).toFixed(1)}%
             </span>
@@ -232,41 +234,43 @@ export default function TiktokSalesMapPage() {
           <div className="mt-2">
             <p className="text-xl md:text-2xl font-bold text-emerald-400 font-mono">
               {mapData?.kpi?.coverageCount || 0}{' '}
-              <span className="text-xs text-slate-500 font-normal">/ 77 จังหวัด</span>
+              <span className="text-xs text-slate-500 font-normal">{t('tiktokSalesMap.outOf77Provinces')}</span>
             </p>
-            <p className="text-[10px] text-slate-500 mt-0.5">ครอบคลุมทั่วประเทศ</p>
+            <p className="text-[10px] text-slate-500 mt-0.5">{t('tiktokSalesMap.nationwideCoverage')}</p>
           </div>
         </div>
 
         {/* KPI 4 */}
         <div className="bg-slate-900/60 border border-white/10 rounded-2xl p-4 flex flex-col justify-between">
           <div className="flex items-center justify-between text-xs text-slate-400">
-            <span>ยอดเฉลี่ย/ออเดอร์</span>
+            <span>{t('tiktokSalesMap.kpiAov')}</span>
             <DollarSign className="w-3.5 h-3.5 text-amber-400" />
           </div>
           <div className="mt-2">
             <p className="text-xl md:text-2xl font-bold text-amber-400 font-mono">
               {fmtBaht(mapData?.kpi?.aov || 0)}
             </p>
-            <p className="text-[10px] text-slate-500 mt-0.5">AOV คำนวณจากทุกคำสั่งซื้อ</p>
+            <p className="text-[10px] text-slate-500 mt-0.5">{t('tiktokSalesMap.aovSub')}</p>
           </div>
         </div>
 
         {/* KPI 5 */}
         <div className="bg-slate-900/60 border border-white/10 rounded-2xl p-4 flex flex-col justify-between col-span-2 md:col-span-1">
           <div className="flex items-center justify-between text-xs text-slate-400">
-            <span>ภาคที่มีสัดส่วนสูงสุด</span>
+            <span>{t('tiktokSalesMap.kpiTopRegion')}</span>
             <span className="text-rose-400 font-bold text-[10px] bg-rose-500/10 px-2 py-0.5 rounded-full border border-rose-500/20">
               Top Region
             </span>
           </div>
           <div className="mt-2">
             <p className="text-xl md:text-2xl font-bold text-white tracking-tight">
-              {mapData?.kpi?.topRegion?.name || 'ภาคกลาง'}
+              {getLocalizedRegionName(mapData?.kpi?.topRegion?.name, i18n.language) || getLocalizedRegionName('Central', i18n.language)}
             </p>
             <p className="text-[10px] text-slate-500 mt-0.5">
-              {fmtNum(mapData?.kpi?.topRegion?.orders || 0)} ออเดอร์ (
-              {fmtBaht(mapData?.kpi?.topRegion?.revenue || 0)})
+              {t('tiktokSalesMap.topRegionSub', {
+                count: fmtNum(mapData?.kpi?.topRegion?.orders || 0),
+                amount: fmtBaht(mapData?.kpi?.topRegion?.revenue || 0)
+              })}
             </p>
           </div>
         </div>
@@ -279,9 +283,9 @@ export default function TiktokSalesMapPage() {
           <div className="lg:col-span-8 flex flex-col gap-4">
             <div className="bg-slate-900/60 border border-white/10 rounded-3xl p-5 md:p-6 flex flex-col">
               <div className="mb-4">
-                <h2 className="text-lg font-bold text-white">แผนที่ยอดขายประเทศไทย</h2>
+                <h2 className="text-lg font-bold text-white">{t('tiktokSalesMap.mapCardTitle')}</h2>
                 <p className="text-xs text-slate-400">
-                  สีเข้มหมายถึงยอดขายสูง คลิกจังหวัดเพื่อดูข้อมูลทั้งหมดของจังหวัดนั้น
+                  {t('tiktokSalesMap.mapCardSub')}
                 </p>
               </div>
 
@@ -306,21 +310,23 @@ export default function TiktokSalesMapPage() {
                 <div className="md:col-span-5 flex flex-col bg-slate-950/70 border border-white/10 rounded-2xl p-5 space-y-4">
                   <div className="flex items-center justify-between text-xs">
                     <span className="text-slate-500 uppercase tracking-wider font-bold">
-                      จังหวัด
+                      {t('tiktokSalesMap.provinceLabel')}
                     </span>
                     {selectedProvince && (
                       <button
                         onClick={() => setSelectedProvince(null)}
-                        className="text-xs text-emerald-400 hover:underline font-bold"
+                        className="text-xs text-emerald-400 hover:underline font-bold cursor-pointer"
                       >
-                        ดูทั่วประเทศ
+                        {t('tiktokSalesMap.viewNationwide')}
                       </button>
                     )}
                   </div>
 
                   <div>
                     <h3 className="text-2xl md:text-3xl font-bold text-white tracking-tight">
-                      {currentProvinceInfo ? currentProvinceInfo.nameTh : 'ทั่วประเทศ'}
+                      {currentProvinceInfo
+                        ? getLocalizedProvinceName(currentProvinceInfo.nameTh, i18n.language)
+                        : t('tiktokSalesMap.nationwide')}
                     </h3>
                     <p className="text-2xl font-bold text-emerald-400 font-mono mt-1">
                       {fmtBaht(
@@ -330,23 +336,20 @@ export default function TiktokSalesMapPage() {
                       )}
                     </p>
                     <p className="text-xs text-slate-400 mt-1">
-                      {fmtNum(
-                        currentProvinceInfo
-                          ? currentProvinceInfo.orders
-                          : mapData?.kpi?.totalOrders || 0
-                      )}{' '}
-                      คำสั่งซื้อ •{' '}
-                      {currentProvinceInfo
-                        ? currentProvinceInfo.regionTh
-                        : `${mapData?.kpi?.coverageCount || 0} จังหวัดที่มียอดขาย`}
+                      {t('tiktokSalesMap.provinceCardSub', {
+                        orders: fmtNum(currentProvinceInfo ? currentProvinceInfo.orders : mapData?.kpi?.totalOrders || 0),
+                        region: currentProvinceInfo
+                          ? getLocalizedRegionName(currentProvinceInfo.regionTh, i18n.language)
+                          : t('tiktokSalesMap.coverageCountText', { count: mapData?.kpi?.coverageCount || 0 })
+                      })}
                     </p>
                   </div>
 
                   {/* Color Scale Legend */}
                   <div className="space-y-1.5 pt-2">
                     <div className="flex items-center justify-between text-[11px] text-slate-500">
-                      <span>ไม่มียอด</span>
-                      <span>ยอดสูง</span>
+                      <span>{t('tiktokSalesMap.noSales')}</span>
+                      <span>{t('tiktokSalesMap.highSales')}</span>
                     </div>
                     <div className="h-2 rounded-full bg-gradient-to-r from-slate-800 via-emerald-600 to-emerald-300 w-full" />
                   </div>
@@ -355,13 +358,13 @@ export default function TiktokSalesMapPage() {
                   {selectedProvince ? (
                     <button
                       onClick={() => setIsModalOpen(true)}
-                      className="w-full flex items-center justify-center gap-2 py-3 px-4 rounded-xl bg-emerald-500 hover:bg-emerald-600 text-slate-950 font-bold text-xs transition-all shadow-lg shadow-emerald-500/20"
+                      className="w-full flex items-center justify-center gap-2 py-3 px-4 rounded-xl bg-emerald-500 hover:bg-emerald-600 text-slate-950 font-bold text-xs transition-all shadow-lg shadow-emerald-500/20 cursor-pointer"
                     >
-                      <MapPin className="w-4 h-4" /> ดูรายละเอียดและแผนที่อำเภอ (Map Focus)
+                      <MapPin className="w-4 h-4" /> {t('tiktokSalesMap.btnDistrictFocus')}
                     </button>
                   ) : (
                     <div className="text-[11px] text-slate-500 leading-relaxed pt-1">
-                      เลือกจังหวัดแล้วทุกส่วนด้านล่างจะเปลี่ยนพร้อมกัน ทั้งแนวโน้ม กลุ่มสินค้า และร้านยอดสูง
+                      {t('tiktokSalesMap.selectProvinceHint')}
                     </div>
                   )}
                 </div>
@@ -374,7 +377,7 @@ export default function TiktokSalesMapPage() {
             <div className="flex items-center justify-between pb-4 border-b border-white/10">
               <div className="flex items-center gap-2">
                 <Award className="w-5 h-5 text-amber-400" />
-                <h2 className="text-base font-bold text-white">จังหวัดยอดขายสูง</h2>
+                <h2 className="text-base font-bold text-white">{t('tiktokSalesMap.topProvincesTitle')}</h2>
               </div>
               <span className="text-xs text-slate-400 font-mono">Top 20</span>
             </div>
@@ -405,10 +408,13 @@ export default function TiktokSalesMapPage() {
                       </span>
                       <div>
                         <p className="text-xs font-bold text-white flex items-center gap-1.5">
-                          {p.nameTh}
+                          {getLocalizedProvinceName(p.nameTh, i18n.language)}
                         </p>
                         <p className="text-[10px] text-slate-500">
-                          {p.orders} ออเดอร์ • {p.regionTh}
+                          {t('tiktokSalesMap.rankingItemSub', {
+                            orders: p.orders,
+                            region: getLocalizedRegionName(p.regionTh, i18n.language)
+                          })}
                         </p>
                       </div>
                     </div>
@@ -418,7 +424,7 @@ export default function TiktokSalesMapPage() {
                         {fmtBaht(p.revenue)}
                       </p>
                       <p className="text-[9px] text-slate-500">
-                        AOV {fmtBaht(p.aov)}
+                        {t('tiktokSalesMap.rankingAov', { amount: fmtBaht(p.aov) })}
                       </p>
                     </div>
                   </div>
@@ -432,7 +438,7 @@ export default function TiktokSalesMapPage() {
         <div className="bg-slate-900/60 border border-white/10 rounded-3xl p-6 space-y-4">
           <div className="flex items-center justify-between flex-wrap gap-3">
             <h2 className="text-base font-bold text-white">
-              ตารางสรุปยอดขายแยกราย 77 จังหวัด
+              {t('tiktokSalesMap.tableTitle')}
             </h2>
             <div className="relative w-64">
               <Search className="w-3.5 h-3.5 absolute left-3 top-1/2 -translate-y-1/2 text-slate-500" />
@@ -440,7 +446,7 @@ export default function TiktokSalesMapPage() {
                 type="text"
                 value={listSearch}
                 onChange={(e) => setListSearch(e.target.value)}
-                placeholder="ค้นหาชื่อจังหวัด หรือ ภาค..."
+                placeholder={t('tiktokSalesMap.searchPlaceholder')}
                 className="w-full bg-slate-950/80 border border-white/10 rounded-xl pl-9 pr-3 py-1.5 text-xs text-white placeholder-slate-500 focus:outline-none focus:border-emerald-500/50"
               />
             </div>
@@ -450,13 +456,13 @@ export default function TiktokSalesMapPage() {
             <table className="w-full text-xs text-left">
               <thead className="text-[11px] text-slate-400 uppercase bg-white/5 border-b border-white/10">
                 <tr>
-                  <th className="px-4 py-3">รหัส</th>
-                  <th className="px-4 py-3">จังหวัด</th>
-                  <th className="px-4 py-3">ภูมิภาค</th>
-                  <th className="px-4 py-3 text-right">ยอดขายรวม (฿)</th>
-                  <th className="px-4 py-3 text-right">จำนวนออเดอร์</th>
-                  <th className="px-4 py-3 text-right">AOV (฿/ออเดอร์)</th>
-                  <th className="px-4 py-3 text-center">จัดการ</th>
+                  <th className="px-4 py-3">{t('tiktokSalesMap.thCode')}</th>
+                  <th className="px-4 py-3">{t('tiktokSalesMap.thProvince')}</th>
+                  <th className="px-4 py-3">{t('tiktokSalesMap.thRegion')}</th>
+                  <th className="px-4 py-3 text-right">{t('tiktokSalesMap.thRevenue')}</th>
+                  <th className="px-4 py-3 text-right">{t('tiktokSalesMap.thOrders')}</th>
+                  <th className="px-4 py-3 text-right">{t('tiktokSalesMap.thAov')}</th>
+                  <th className="px-4 py-3 text-center">{t('tiktokSalesMap.thActions')}</th>
                 </tr>
               </thead>
               <tbody className="divide-y divide-white/5">
@@ -466,7 +472,9 @@ export default function TiktokSalesMapPage() {
                       !listSearch ||
                       p.nameTh.includes(listSearch) ||
                       p.nameEn.toLowerCase().includes(listSearch.toLowerCase()) ||
-                      p.regionTh.includes(listSearch)
+                      p.regionTh.includes(listSearch) ||
+                      getLocalizedProvinceName(p.nameTh, i18n.language).toLowerCase().includes(listSearch.toLowerCase()) ||
+                      getLocalizedRegionName(p.regionTh, i18n.language).toLowerCase().includes(listSearch.toLowerCase())
                   )
                   .sort((a: any, b: any) => b.revenue - a.revenue)
                   .map((p: any) => (
@@ -476,10 +484,14 @@ export default function TiktokSalesMapPage() {
                     >
                       <td className="px-4 py-3 font-mono text-slate-500">{p.code}</td>
                       <td className="px-4 py-3 font-bold text-white">
-                        {p.nameTh}{' '}
-                        <span className="text-slate-500 text-[10px] font-mono">({p.nameEn})</span>
+                        {getLocalizedProvinceName(p.nameTh, i18n.language)}{' '}
+                        <span className="text-slate-500 text-[10px] font-mono">
+                          ({i18n.language === 'th' ? p.nameEn : p.nameTh})
+                        </span>
+                      </td>
+                      <td className="px-4 py-3 text-slate-400">
+                        {getLocalizedRegionName(p.regionTh, i18n.language)}
                       </td>
-                      <td className="px-4 py-3 text-slate-400">{p.regionTh}</td>
                       <td className="px-4 py-3 text-right font-mono font-bold text-emerald-400">
                         {fmtBaht(p.revenue)}
                       </td>
@@ -495,9 +507,9 @@ export default function TiktokSalesMapPage() {
                             setSelectedProvince(p.nameTh);
                             setIsModalOpen(true);
                           }}
-                          className="px-3 py-1 bg-emerald-500/10 hover:bg-emerald-500/20 text-emerald-400 rounded-lg text-xs font-bold border border-emerald-500/20 transition-colors inline-flex items-center gap-1"
+                          className="px-3 py-1 bg-emerald-500/10 hover:bg-emerald-500/20 text-emerald-400 rounded-lg text-xs font-bold border border-emerald-500/20 transition-colors inline-flex items-center gap-1 cursor-pointer"
                         >
-                          <MapPin className="w-3 h-3" /> แผนที่อำเภอ
+                          <MapPin className="w-3 h-3" /> {t('tiktokSalesMap.btnDistrictMap')}
                         </button>
                       </td>
                     </tr>
diff --git a/apps/admin/src/pages/TiktokShopCasePage.tsx b/apps/admin/src/pages/TiktokShopCasePage.tsx
index 179b462..8b92cd3 100644
--- a/apps/admin/src/pages/TiktokShopCasePage.tsx
+++ b/apps/admin/src/pages/TiktokShopCasePage.tsx
@@ -4,12 +4,14 @@ import {
   Info, 
   RefreshCw 
 } from 'lucide-react'
+import { useTranslation } from 'react-i18next'
 
 function fmt(val: number) {
   return '฿' + val.toLocaleString('th-TH', { minimumFractionDigits: 2, maximumFractionDigits: 2 })
 }
 
 export default function TiktokShopCasePage() {
+  const { t } = useTranslation()
   const [resetKey, setResetKey] = useState(0)
   const [selectedCase, setSelectedCase] = useState<'case1' | 'case2' | 'case3'>('case1')
   
@@ -38,7 +40,7 @@ export default function TiktokShopCasePage() {
       origTotalFees: -13.08,
       originalPayout: 48.02,
       defaultCost: 30.00,
-      label: 'เคสที่ 1: บิลสินค้า ฿79 (สุทธิ ฿48.02)',
+      name: t('tiktokShopCase.case1Name'),
     },
     case2: {
       beforeDiscount: 190.00,
@@ -51,7 +53,7 @@ export default function TiktokShopCasePage() {
       origTotalFees: -36.19,
       originalPayout: 132.91,
       defaultCost: 80.00,
-      label: 'เคสที่ 2: บิลสินค้า ฿190 (สุทธิ ฿132.91)',
+      name: t('tiktokShopCase.case2Name'),
     },
     case3: {
       beforeDiscount: 190.00,
@@ -64,7 +66,7 @@ export default function TiktokShopCasePage() {
       origTotalFees: -40.18,
       originalPayout: 112.01,
       defaultCost: 70.00,
-      label: 'เคสที่ 3: บิลสินค้า ฿190 + Affiliate (สุทธิ ฿112.01)',
+      name: t('tiktokShopCase.case3Name'),
     }
   }
 
@@ -85,7 +87,6 @@ export default function TiktokShopCasePage() {
   }, [selectedCase])
 
   // Simulated calculations
-  // Deduct discounts. Let's make it cumulative based on the original list price:
   const simDiscountAmount = discounts.reduce((sum, d) => {
     const amt = d.type === 'pct' ? simBeforeDiscount * (d.value / 100) : d.value
     return sum + amt
@@ -122,10 +123,10 @@ export default function TiktokShopCasePage() {
             <div className="w-10 h-10 rounded-xl bg-cyan-glow/10 border border-cyan-glow/20 flex items-center justify-center">
               <Calculator className="w-5 h-5 text-cyan-glow" />
             </div>
-            <h1 className="text-2xl font-bold text-white tracking-tight">TikTok Shop Case</h1>
+            <h1 className="text-2xl font-bold text-white tracking-tight">{t('tiktokShopCase.pageTitle')}</h1>
           </div>
           <p className="text-sm text-slate-500 max-w-2xl">
-            ศึกษาโครงสร้างบิลรับเงินจริงจากระบบ TikTok Shop พร้อมทั้งจำลองคำนวณราคาขาย, คูปองส่วนลดร้านค้า, ต้นทุน และประเมินสถิติกำไร & ROI ก่อนขายจริง
+            {t('tiktokShopCase.pageSubtitle')}
           </p>
         </div>
         <button
@@ -136,11 +137,11 @@ export default function TiktokShopCasePage() {
             setSimGrowthPct(7.50)
             setSimAffiliatePct(selectedCase === 'case3' ? 5.00 : 0)
           }}
-          className="btn-ghost flex items-center gap-2 text-xs shrink-0"
-          title="รีเซ็ตทุกค่า"
+          className="btn-ghost flex items-center gap-2 text-xs shrink-0 cursor-pointer"
+          title={t('tiktokShopCase.resetTitle')}
         >
           <RefreshCw className="w-4 h-4" />
-          Reset
+          {t('tiktokShopCase.reset')}
         </button>
       </div>
 
@@ -149,30 +150,30 @@ export default function TiktokShopCasePage() {
         <div className="flex items-center justify-between mb-4 flex-wrap gap-4 border-b border-white/5 pb-4">
           <div className="flex items-center gap-3">
             <Info className="w-5 h-5 text-cyan-glow" />
-            <h2 className="text-lg font-bold text-white">กรณีศึกษา & เครื่องมือจำลองค่าธรรมเนียมจริง</h2>
+            <h2 className="text-lg font-bold text-white">{t('tiktokShopCase.sectionTitle')}</h2>
           </div>
-          <div className="flex items-center gap-2">
+          <div className="flex items-center gap-2 flex-wrap">
             <div className="flex p-1 bg-night-900 border border-white/10 rounded-lg">
               <button
                 type="button"
-                className={`px-3 py-1.5 text-xs font-medium rounded-md transition-all ${selectedCase === 'case1' ? 'bg-cyan-glow/20 text-cyan-glow' : 'text-slate-400 hover:text-white'}`}
+                className={`px-3 py-1.5 text-xs font-medium rounded-md transition-all cursor-pointer ${selectedCase === 'case1' ? 'bg-cyan-glow/20 text-cyan-glow' : 'text-slate-400 hover:text-white'}`}
                 onClick={() => setSelectedCase('case1')}
               >
-                ตัวอย่างที่ 1 (ยอด ฿79)
+                {t('tiktokShopCase.case1Btn')}
               </button>
               <button
                 type="button"
-                className={`px-3 py-1.5 text-xs font-medium rounded-md transition-all ${selectedCase === 'case2' ? 'bg-cyan-glow/20 text-cyan-glow' : 'text-slate-400 hover:text-white'}`}
+                className={`px-3 py-1.5 text-xs font-medium rounded-md transition-all cursor-pointer ${selectedCase === 'case2' ? 'bg-cyan-glow/20 text-cyan-glow' : 'text-slate-400 hover:text-white'}`}
                 onClick={() => setSelectedCase('case2')}
               >
-                ตัวอย่างที่ 2 (ยอด ฿190)
+                {t('tiktokShopCase.case2Btn')}
               </button>
               <button
                 type="button"
-                className={`px-3 py-1.5 text-xs font-medium rounded-md transition-all ${selectedCase === 'case3' ? 'bg-cyan-glow/20 text-cyan-glow' : 'text-slate-400 hover:text-white'}`}
+                className={`px-3 py-1.5 text-xs font-medium rounded-md transition-all cursor-pointer ${selectedCase === 'case3' ? 'bg-cyan-glow/20 text-cyan-glow' : 'text-slate-400 hover:text-white'}`}
                 onClick={() => setSelectedCase('case3')}
               >
-                ตัวอย่างที่ 3 (ยอด ฿190 + Affiliate)
+                {t('tiktokShopCase.case3Btn')}
               </button>
             </div>
             <button
@@ -182,39 +183,39 @@ export default function TiktokShopCasePage() {
                 setSimGrowthPct(7.50)
                 setSimAffiliatePct(selectedCase === 'case3' ? 5.00 : 0)
               }}
-              className="btn-ghost text-xs py-1.5 px-3 rounded border border-white/10"
+              className="btn-ghost text-xs py-1.5 px-3 rounded border border-white/10 cursor-pointer"
             >
-              ใช้ค่าตั้งต้นตัวอย่าง
+              {t('tiktokShopCase.useDefaultBtn')}
             </button>
           </div>
         </div>
 
         <p className="text-xs text-slate-400 mb-2 font-medium">
-          รายละเอียดบิลจริงดั้งเดิมของ {selectedCase === 'case1' ? 'ตัวอย่างที่ 1' : selectedCase === 'case2' ? 'ตัวอย่างที่ 2' : 'ตัวอย่างที่ 3'}:
+          {t('tiktokShopCase.billDetailSubtitle', { caseName: activeCase.name })}
         </p>
-        <div className="grid grid-cols-3 gap-4 p-3 rounded-lg bg-night-800/40 border border-white/5 text-xs mb-6 opacity-80">
+        <div className="grid grid-cols-1 sm:grid-cols-3 gap-4 p-3 rounded-lg bg-night-800/40 border border-white/5 text-xs mb-6 opacity-80">
           <div>
-            <span className="text-slate-500 block">ยอดรวมสินค้าก่อนลด</span>
+            <span className="text-slate-500 block">{t('tiktokShopCase.grossBeforeDiscount')}</span>
             <span className="font-bold text-white font-mono">{fmt(activeCase.beforeDiscount)}</span>
           </div>
           <div>
-            <span className="text-slate-500 block">ส่วนลดจากร้านค้า (ลดไป %)</span>
+            <span className="text-slate-500 block">{t('tiktokShopCase.shopDiscountWithPct')}</span>
             <span className="font-bold text-rose-400 font-mono">
               {fmt(activeCase.shopDiscount)} (-{((Math.abs(activeCase.shopDiscount) / activeCase.beforeDiscount) * 100).toFixed(1)}%)
             </span>
           </div>
           <div>
-            <span className="text-slate-500 block">ยอดรวมหลังหักส่วนลด (ฐานคิดค่าคอม)</span>
+            <span className="text-slate-500 block">{t('tiktokShopCase.netBaseForCommission')}</span>
             <span className="font-bold text-cyan-glow font-mono">{fmt(activeCase.baseAmt)}</span>
           </div>
         </div>
 
         {/* Simulator controls - Price & Discounts */}
-        <p className="text-xs text-slate-400 mb-2 font-medium">1. จำลองการตั้งราคา ส่วนลด และต้นทุนสินค้า (ปรับแต่งเองได้):</p>
+        <p className="text-xs text-slate-400 mb-2 font-medium">{t('tiktokShopCase.step1ControlTitle')}</p>
         <div className="mb-4 grid grid-cols-1 sm:grid-cols-3 gap-4 p-4 rounded-xl bg-night-800/40 border border-white/5">
           <div className="space-y-4">
             <div>
-              <label className="block text-xs text-slate-400 font-medium mb-1.5">ราคาขายก่อนลด (List Price)</label>
+              <label className="block text-xs text-slate-400 font-medium mb-1.5">{t('tiktokShopCase.listPriceLabel')}</label>
               <div className="flex items-center gap-2">
                 <input
                   type="number"
@@ -228,7 +229,7 @@ export default function TiktokShopCasePage() {
               </div>
             </div>
             <div>
-              <label className="block text-xs text-slate-400 font-medium mb-1.5">ต้นทุนสินค้า (Cost)</label>
+              <label className="block text-xs text-slate-400 font-medium mb-1.5">{t('tiktokShopCase.costLabel')}</label>
               <div className="flex items-center gap-2 mb-2">
                 <input
                   type="number"
@@ -246,7 +247,7 @@ export default function TiktokShopCasePage() {
                     key={val}
                     type="button"
                     onClick={() => setSimCost(val)}
-                    className={`px-2.5 py-1 text-[10px] font-medium rounded border transition-all ${simCost === val ? 'bg-cyan-glow/20 text-cyan-glow border-cyan-glow/30' : 'bg-night-900 text-slate-400 border-white/10 hover:text-white hover:border-white/20'}`}
+                    className={`px-2.5 py-1 text-[10px] font-medium rounded border transition-all cursor-pointer ${simCost === val ? 'bg-cyan-glow/20 text-cyan-glow border-cyan-glow/30' : 'bg-night-900 text-slate-400 border-white/10 hover:text-white hover:border-white/20'}`}
                   >
                     ฿{val}
                   </button>
@@ -256,16 +257,16 @@ export default function TiktokShopCasePage() {
           </div>
 
           <div className="space-y-3 sm:col-span-2">
-            <label className="block text-xs text-slate-400 font-medium">ส่วนลดจากร้านค้า (คูปองร้านค้า 1-3)</label>
+            <label className="block text-xs text-slate-400 font-medium">{t('tiktokShopCase.shopDiscountsLabel')}</label>
             <div className="grid grid-cols-1 md:grid-cols-3 gap-3">
               {discounts.map((discount, index) => (
                 <div key={index} className="flex flex-col gap-2 p-2.5 rounded-lg bg-night-900/60 border border-white/5">
-                  <span className="text-[10px] text-slate-500 font-bold">คูปองที่ #{index + 1}</span>
+                  <span className="text-[10px] text-slate-500 font-bold">{t('tiktokShopCase.couponIndex', { index: index + 1 })}</span>
                   <div className="flex items-center gap-2">
                     <div className="flex p-0.5 bg-night-950 border border-white/10 rounded-md shrink-0">
                       <button
                         type="button"
-                        className={`px-1.5 py-0.5 text-[9px] font-medium rounded transition-all ${discount.type === 'pct' ? 'bg-cyan-glow/20 text-cyan-glow' : 'text-slate-400 hover:text-white'}`}
+                        className={`px-1.5 py-0.5 text-[9px] font-medium rounded transition-all cursor-pointer ${discount.type === 'pct' ? 'bg-cyan-glow/20 text-cyan-glow' : 'text-slate-400 hover:text-white'}`}
                         onClick={() => {
                           const updated = [...discounts]
                           updated[index] = { ...updated[index], type: 'pct' }
@@ -276,7 +277,7 @@ export default function TiktokShopCasePage() {
                       </button>
                       <button
                         type="button"
-                        className={`px-1.5 py-0.5 text-[9px] font-medium rounded transition-all ${discount.type === 'amount' ? 'bg-cyan-glow/20 text-cyan-glow' : 'text-slate-400 hover:text-white'}`}
+                        className={`px-1.5 py-0.5 text-[9px] font-medium rounded transition-all cursor-pointer ${discount.type === 'amount' ? 'bg-cyan-glow/20 text-cyan-glow' : 'text-slate-400 hover:text-white'}`}
                         onClick={() => {
                           const updated = [...discounts]
                           updated[index] = { ...updated[index], type: 'amount' }
@@ -307,10 +308,10 @@ export default function TiktokShopCasePage() {
         </div>
 
         {/* Simulator controls - Fees */}
-        <p className="text-xs text-slate-400 mb-2 font-medium">2. จำลองการปรับเปลี่ยนอัตราค่าธรรมเนียม (%):</p>
+        <p className="text-xs text-slate-400 mb-2 font-medium">{t('tiktokShopCase.step2ControlTitle')}</p>
         <div className="mb-6 grid grid-cols-2 sm:grid-cols-4 gap-4 p-4 rounded-xl bg-night-800/40 border border-white/5">
           <div>
-            <label className="block text-xs text-slate-400 font-medium mb-1.5">Transaction (%)</label>
+            <label className="block text-xs text-slate-400 font-medium mb-1.5">{t('tiktokShopCase.feeTransaction')}</label>
             <div className="flex items-center gap-2">
               <input
                 type="number"
@@ -325,7 +326,7 @@ export default function TiktokShopCasePage() {
             </div>
           </div>
           <div>
-            <label className="block text-xs text-slate-400 font-medium mb-1.5">ค่าคอม TikTok (%)</label>
+            <label className="block text-xs text-slate-400 font-medium mb-1.5">{t('tiktokShopCase.feeCommission')}</label>
             <div className="flex items-center gap-2">
               <input
                 type="number"
@@ -340,7 +341,7 @@ export default function TiktokShopCasePage() {
             </div>
           </div>
           <div>
-            <label className="block text-xs text-slate-400 font-medium mb-1.5">สนับสนุนเติบโต (%)</label>
+            <label className="block text-xs text-slate-400 font-medium mb-1.5">{t('tiktokShopCase.feeGrowth')}</label>
             <div className="flex items-center gap-2">
               <input
                 type="number"
@@ -355,7 +356,7 @@ export default function TiktokShopCasePage() {
             </div>
           </div>
           <div>
-            <label className="block text-xs text-slate-400 font-medium mb-1.5">ค่าคอมแอฟฟิลิเอต (%)</label>
+            <label className="block text-xs text-slate-400 font-medium mb-1.5">{t('tiktokShopCase.feeAffiliate')}</label>
             <div className="flex items-center gap-2">
               <input
                 type="number"
@@ -376,66 +377,66 @@ export default function TiktokShopCasePage() {
           {/* ก่อนปรับ (ค่าธรรมเนียมจากบิลตัวอย่างจริง) */}
           <div className="rounded-xl bg-night-800/30 border border-white/5 p-4 space-y-4">
             <h3 className="text-xs font-bold text-slate-400 uppercase tracking-wider border-b border-white/5 pb-2 flex justify-between">
-              <span>ก่อนปรับ (บิลดั้งเดิม)</span>
-              <span className="text-slate-500">รวม {((Math.abs(activeCase.origTotalFees) / activeCase.baseAmt) * 100).toFixed(2)}%</span>
+              <span>{t('tiktokShopCase.tableBeforeTitle')}</span>
+              <span className="text-slate-500">{t('tiktokShopCase.totalPctHeader', { pct: ((Math.abs(activeCase.origTotalFees) / activeCase.baseAmt) * 100).toFixed(2) })}</span>
             </h3>
             <div className="space-y-2 text-xs">
               <div className="flex justify-between text-slate-400">
-                <span>ยอดรวมสินค้าก่อนลด</span>
+                <span>{t('tiktokShopCase.rowGross')}</span>
                 <span className="font-mono">{fmt(activeCase.beforeDiscount)}</span>
               </div>
               <div className="flex justify-between text-slate-400">
-                <span>ส่วนลดจากร้านค้า</span>
+                <span>{t('tiktokShopCase.rowShopDiscount')}</span>
                 <span className="font-mono text-rose-400">{fmt(activeCase.shopDiscount)}</span>
               </div>
               <div className="flex justify-between border-t border-white/5 pt-1.5 font-medium text-slate-300">
-                <span>ยอดสินค้าสุทธิ (ฐานคิดคอม)</span>
+                <span>{t('tiktokShopCase.rowNetBase')}</span>
                 <span>{fmt(activeCase.baseAmt)}</span>
               </div>
               <div className="flex justify-between pl-3 text-slate-500">
-                <span>- ค่าคำสั่งซื้อ (Transaction 3.21%)</span>
+                <span>{t('tiktokShopCase.rowFeeTrans', { pct: '3.21' })}</span>
                 <span className="font-mono text-rose-400">{fmt(activeCase.origTrans)}</span>
               </div>
               <div className="flex justify-between pl-3 text-slate-500">
-                <span>- ค่าคอม TikTok Shop (10.70%)</span>
+                <span>{t('tiktokShopCase.rowFeeComm', { pct: '10.70' })}</span>
                 <span className="font-mono text-rose-400">{fmt(activeCase.origComm)}</span>
               </div>
               <div className="flex justify-between pl-3 text-slate-500">
-                <span>- ค่าสนับสนุนการเติบโต (7.50%)</span>
+                <span>{t('tiktokShopCase.rowFeeGrowth', { pct: '7.50' })}</span>
                 <span className="font-mono text-rose-400">{fmt(activeCase.origGrowth)}</span>
               </div>
               {activeCase.origAffiliate !== 0 && (
                 <div className="flex justify-between pl-3 text-slate-500">
-                  <span>- ค่าคอมแอฟฟิลิเอต (5.00%)</span>
+                  <span>{t('tiktokShopCase.rowFeeAffiliate', { pct: '5.00' })}</span>
                   <span className="font-mono text-rose-400">{fmt(activeCase.origAffiliate)}</span>
                 </div>
               )}
               <div className="flex justify-between border-t border-white/5 pt-1.5 font-medium text-slate-300">
-                <span>รวมค่าธรรมเนียมโดนหัก</span>
+                <span>{t('tiktokShopCase.rowTotalFees')}</span>
                 <span className="font-mono text-rose-400">{fmt(activeCase.origTotalFees)}</span>
               </div>
               <div className="flex justify-between border-t border-white/5 pt-2 font-bold text-white text-sm">
-                <span>ยอดเงินโอนเข้าบัญชีสุทธิ</span>
+                <span>{t('tiktokShopCase.rowNetPayout')}</span>
                 <span className="font-mono text-cyan-glow">{fmt(activeCase.originalPayout)}</span>
               </div>
               <div className="flex justify-between border-t border-white/5 pt-1.5 text-slate-400">
-                <span>- ต้นทุนสินค้า (Cost)</span>
+                <span>{t('tiktokShopCase.rowCost')}</span>
                 <span className="font-mono text-rose-400">฿-{simCost.toFixed(2)}</span>
               </div>
               <div className="flex justify-between border-t border-white/5 pt-2 font-bold text-white text-sm">
-                <span>กำไรสุทธิ (Net Profit)</span>
+                <span>{t('tiktokShopCase.rowNetProfit')}</span>
                 <span className={`font-mono ${origProfit >= 0 ? 'text-green-400' : 'text-rose-400'}`}>
                   {origProfit >= 0 ? '' : '-'}฿{Math.abs(origProfit).toFixed(2)}
                 </span>
               </div>
               <div className="flex justify-between text-slate-400 pl-3">
-                <span>กำไรต่อยอดขาย (Margin %)</span>
+                <span>{t('tiktokShopCase.rowMargin')}</span>
                 <span className={`font-mono ${origProfit >= 0 ? 'text-green-400' : 'text-rose-400'}`}>
                   {origProfitMargin.toFixed(1)}%
                 </span>
               </div>
               <div className="flex justify-between text-slate-400 pl-3">
-                <span>กำไรต่อทุน (ROI %)</span>
+                <span>{t('tiktokShopCase.rowRoi')}</span>
                 <span className={`font-mono ${origProfit >= 0 ? 'text-green-400' : 'text-rose-400'}`}>
                   {origROI.toFixed(1)}%
                 </span>
@@ -446,76 +447,76 @@ export default function TiktokShopCasePage() {
           {/* หลังปรับ (จำลองการปรับค่าธรรมเนียม) */}
           <div className="rounded-xl bg-cyan-glow/5 border border-cyan-glow/20 p-4 space-y-4">
             <h3 className="text-xs font-bold text-cyan-glow uppercase tracking-wider border-b border-cyan-glow/10 pb-2 flex justify-between">
-              <span>หลังปรับ (ผลการจำลองใหม่)</span>
-              <span>รวม {simTotalPct.toFixed(2)}%</span>
+              <span>{t('tiktokShopCase.tableAfterTitle')}</span>
+              <span>{t('tiktokShopCase.totalPctHeader', { pct: simTotalPct.toFixed(2) })}</span>
             </h3>
             <div className="space-y-2 text-xs">
               <div className="flex justify-between text-slate-400">
-                <span>ยอดรวมสินค้าก่อนลด</span>
+                <span>{t('tiktokShopCase.rowGross')}</span>
                 <span className="font-mono">{fmt(simBeforeDiscount)}</span>
               </div>
               <div className="flex justify-between text-slate-400">
-                <span>ส่วนลดจากร้านค้า (รวม)</span>
+                <span>{t('tiktokShopCase.rowShopDiscountTotal')}</span>
                 <span className="font-mono text-rose-400">
                   -{fmt(simDiscountAmount)}
                 </span>
               </div>
               {discounts.map((d, i) => d.value > 0 ? (
                 <div key={i} className="flex justify-between text-[10px] text-slate-500 pl-3">
-                  <span>- คูปอง #{i + 1} ({d.type === 'pct' ? `${d.value}%` : `฿${d.value}`})</span>
+                  <span>{t('tiktokShopCase.rowCouponItem', { index: i + 1, val: d.type === 'pct' ? `${d.value}%` : `฿${d.value}` })}</span>
                   <span className="font-mono text-rose-400">
                     -{fmt(d.type === 'pct' ? simBeforeDiscount * (d.value / 100) : d.value)}
                   </span>
                 </div>
               ) : null)}
               <div className="flex justify-between border-t border-cyan-glow/10 pt-1.5 font-medium text-slate-300">
-                <span>ยอดสินค้าสุทธิ (ฐานคิดคอม)</span>
+                <span>{t('tiktokShopCase.rowNetBase')}</span>
                 <span className="font-mono text-cyan-glow">{fmt(baseAmt)}</span>
               </div>
               <div className="flex justify-between pl-3 text-slate-500">
-                <span>- ค่าคำสั่งซื้อ ({simTransPct.toFixed(2)}%)</span>
+                <span>{t('tiktokShopCase.rowFeeTrans', { pct: simTransPct.toFixed(2) })}</span>
                 <span className="font-mono text-rose-400">฿-{simTransAmt.toFixed(2)}</span>
               </div>
               <div className="flex justify-between pl-3 text-slate-500">
-                <span>- ค่าคอม TikTok Shop ({simCommPct.toFixed(2)}%)</span>
+                <span>{t('tiktokShopCase.rowFeeComm', { pct: simCommPct.toFixed(2) })}</span>
                 <span className="font-mono text-rose-400">฿-{simCommAmt.toFixed(2)}</span>
               </div>
               <div className="flex justify-between pl-3 text-slate-500">
-                <span>- ค่าสนับสนุนการเติบโต ({simGrowthPct.toFixed(2)}%)</span>
+                <span>{t('tiktokShopCase.rowFeeGrowth', { pct: simGrowthPct.toFixed(2) })}</span>
                 <span className="font-mono text-rose-400">฿-{simGrowthAmt.toFixed(2)}</span>
               </div>
               {simAffiliatePct > 0 && (
                 <div className="flex justify-between pl-3 text-slate-500">
-                  <span>- ค่าคอมคอมแอฟฟิลิเอต ({simAffiliatePct.toFixed(2)}%)</span>
+                  <span>{t('tiktokShopCase.rowFeeAffiliate', { pct: simAffiliatePct.toFixed(2) })}</span>
                   <span className="font-mono text-rose-400">฿-{simAffiliateAmt.toFixed(2)}</span>
                 </div>
               )}
               <div className="flex justify-between border-t border-cyan-glow/10 pt-1.5 font-medium text-slate-300">
-                <span>รวมค่าธรรมเนียมโดนหัก</span>
+                <span>{t('tiktokShopCase.rowTotalFees')}</span>
                 <span className="font-mono text-rose-400">฿-{simTotalAmt.toFixed(2)}</span>
               </div>
               <div className="flex justify-between border-t border-cyan-glow/10 pt-2 font-bold text-white text-sm">
-                <span>ยอดเงินโอนเข้าบัญชีสุทธิ</span>
+                <span>{t('tiktokShopCase.rowNetPayout')}</span>
                 <span className="font-mono text-cyan-glow">฿{simPayout.toFixed(2)}</span>
               </div>
               <div className="flex justify-between border-t border-cyan-glow/10 pt-1.5 text-slate-400">
-                <span>- ต้นทุนสินค้า (Cost)</span>
+                <span>{t('tiktokShopCase.rowCost')}</span>
                 <span className="font-mono text-rose-400">฿-{simCost.toFixed(2)}</span>
               </div>
               <div className="flex justify-between border-t border-cyan-glow/10 pt-2 font-bold text-white text-sm">
-                <span>กำไรสุทธิ (Net Profit)</span>
+                <span>{t('tiktokShopCase.rowNetProfit')}</span>
                 <span className={`font-mono ${simProfit >= 0 ? 'text-green-400' : 'text-rose-400'}`}>
                   {simProfit >= 0 ? '' : '-'}฿{Math.abs(simProfit).toFixed(2)}
                 </span>
               </div>
               <div className="flex justify-between text-slate-400 pl-3">
-                <span>กำไรต่อยอดขาย (Margin %)</span>
+                <span>{t('tiktokShopCase.rowMargin')}</span>
                 <span className={`font-mono ${simProfit >= 0 ? 'text-green-400' : 'text-rose-400'}`}>
                   {simProfitMargin.toFixed(1)}%
                 </span>
               </div>
               <div className="flex justify-between text-slate-400 pl-3">
-                <span>กำไรต่อทุน (ROI %)</span>
+                <span>{t('tiktokShopCase.rowRoi')}</span>
                 <span className={`font-mono ${simProfit >= 0 ? 'text-green-400' : 'text-rose-400'}`}>
                   {simROI.toFixed(1)}%
                 </span>
@@ -527,14 +528,14 @@ export default function TiktokShopCasePage() {
         {/* Difference comparison status card */}
         <div className={`mt-6 rounded-xl p-4 flex items-center justify-between text-xs border ${diffVal >= 0 ? 'bg-green-500/10 border-green-500/30 text-green-400' : 'bg-rose-500/10 border-rose-500/30 text-rose-400'}`}>
           <div className="flex items-center gap-2">
-            <Info className="w-4 h-4" />
+            <Info className="w-4 h-4 shrink-0" />
             <span className="font-medium">
               {diffVal >= 0
-                ? `ยอดรับเงินเพิ่มขึ้น ฿${diffVal.toFixed(2)} จากโครงสร้างธรรมเนียมใหม่`
-                : `ยอดเงินโอนเข้าบัญชีสุทธิจะต่างไป ฿${diffVal.toFixed(2)} (${diffVal >= 0 ? '+' : ''}${diffPct.toFixed(1)}%) เมื่อเทียบกับบิลจริงดั้งเดิม`}
+                ? t('tiktokShopCase.diffProfitUp', { diff: diffVal.toFixed(2) })
+                : t('tiktokShopCase.diffPayoutChanged', { diff: Math.abs(diffVal).toFixed(2), sign: diffVal >= 0 ? '+' : '', pct: diffPct.toFixed(1) })}
             </span>
           </div>
-          <span className="font-bold font-mono text-sm">{diffVal >= 0 ? '+' : ''}฿{diffVal.toFixed(2)}</span>
+          <span className="font-bold font-mono text-sm shrink-0 ml-2">{diffVal >= 0 ? '+' : ''}฿{diffVal.toFixed(2)}</span>
         </div>
       </div>
     </div>
diff --git a/apps/admin/src/pages/analytics/OmnichannelSalesMapPage.tsx b/apps/admin/src/pages/analytics/OmnichannelSalesMapPage.tsx
index 28c71b8..af46003 100644
--- a/apps/admin/src/pages/analytics/OmnichannelSalesMapPage.tsx
+++ b/apps/admin/src/pages/analytics/OmnichannelSalesMapPage.tsx
@@ -4,10 +4,11 @@ import {
   Calendar, Table2, Search, CheckCircle2, XCircle, Filter,
   MapPin, Globe2, TrendingUp, Layers, ArrowUpRight
 } from 'lucide-react';
+import { useTranslation } from 'react-i18next';
 import { API_BASE } from '@homaroma/types';
 import ThailandMapSvg from '../../components/tiktok-map/ThailandMapSvg';
 import OmnichannelDistrictModal from '../../components/analytics/OmnichannelDistrictModal';
-import { fmtBaht, fmtNum } from '../../utils/thaiGeoUtils';
+import { fmtBaht, fmtNum, getLocalizedProvinceName, getLocalizedRegionName } from '../../utils/thaiGeoUtils';
 import { TIKTOK_SHOPS } from '../TiktokOrderPage';
 import { SHOPEE_SHOPS } from '../ShopeePage';
 import { LAZADA_SHOPS } from '../LazadaOrderPage';
@@ -18,6 +19,7 @@ type ChannelType = 'all' | 'tiktok' | 'shopee' | 'lazada';
 type StatusFilter = 'completed' | 'all' | 'cancelled';
 
 export default function OmnichannelSalesMapPage() {
+  const { t, i18n } = useTranslation();
   const [viewMode, setViewMode] = useState<ViewMode>('map');
   const [channel, setChannel] = useState<ChannelType>('all');
   const [tiktokShop, setTiktokShop] = useState('all');
@@ -108,13 +110,20 @@ export default function OmnichannelSalesMapPage() {
     if (!mapData?.provinces) return [];
     if (!searchTable.trim()) return mapData.provinces;
     const q = searchTable.toLowerCase();
-    return mapData.provinces.filter(
-      (p: any) =>
+    return mapData.provinces.filter((p: any) => {
+      const zh = getLocalizedProvinceName(p.nameTh, 'zh');
+      const ja = getLocalizedProvinceName(p.nameTh, 'ja');
+      const reg = getLocalizedRegionName(p.region || p.regionTh, i18n.language);
+      return (
         p.nameTh.toLowerCase().includes(q) ||
         p.nameEn.toLowerCase().includes(q) ||
-        p.regionTh.toLowerCase().includes(q)
-    );
-  }, [mapData, searchTable]);
+        zh.toLowerCase().includes(q) ||
+        ja.toLowerCase().includes(q) ||
+        p.regionTh?.toLowerCase().includes(q) ||
+        reg.toLowerCase().includes(q)
+      );
+    });
+  }, [mapData, searchTable, i18n.language]);
 
   const kpi = mapData?.kpi;
 
@@ -128,13 +137,13 @@ export default function OmnichannelSalesMapPage() {
           </div>
           <div>
             <div className="flex items-center gap-2">
-              <h1 className="text-3xl font-bold text-white tracking-tight">Omnichannel Sales Map</h1>
+              <h1 className="text-3xl font-bold text-white tracking-tight">{t('salesMap.title', 'Omnichannel Sales Map')}</h1>
               <span className="px-2.5 py-0.5 rounded-full text-xs font-bold bg-gradient-to-r from-rose-500/20 via-orange-500/20 to-blue-500/20 text-orange-300 border border-orange-500/30">
                 TikTok + Shopee + Lazada
               </span>
             </div>
             <p className="text-xs text-slate-400 mt-0.5">
-              Business Analytics • แผนที่ยอดขายรวม 77 จังหวัด และระบบเจาะลึกรายอำเภอ 928 อำเภอ
+              {t('salesMap.subtitle', 'Business Analytics • แผนที่ยอดขายรวม 77 จังหวัด และระบบเจาะลึกรายอำเภอ 928 อำเภอ')}
             </p>
           </div>
         </div>
@@ -149,7 +158,7 @@ export default function OmnichannelSalesMapPage() {
                 : 'text-slate-400 hover:text-white bg-white/5 border border-white/10'
             }`}
           >
-            <Map className="w-4 h-4" /> มุมมองแผนที่
+            <Map className="w-4 h-4" /> {t('salesMap.mapView', 'มุมมองแผนที่')}
           </button>
           <button
             onClick={() => setViewMode('list')}
@@ -159,7 +168,7 @@ export default function OmnichannelSalesMapPage() {
                 : 'text-slate-400 hover:text-white bg-white/5 border border-white/10'
             }`}
           >
-            <Table2 className="w-4 h-4" /> ตาราง 77 จังหวัด
+            <Table2 className="w-4 h-4" /> {t('salesMap.listView', 'ตาราง 77 จังหวัด')}
           </button>
         </div>
       </div>
@@ -178,7 +187,7 @@ export default function OmnichannelSalesMapPage() {
               }`}
             >
               <Globe2 className="w-3.5 h-3.5 text-cyan-400" />
-              ทุกช่องทาง (Omnichannel)
+              {t('salesMap.allChannels', 'ทุกช่องทาง')}
             </button>
             <button
               onClick={() => setChannel('tiktok')}
@@ -189,7 +198,7 @@ export default function OmnichannelSalesMapPage() {
               }`}
             >
               <span className="w-2 h-2 rounded-full bg-rose-500" />
-              เฉพาะ TikTok
+              TikTok
             </button>
             <button
               onClick={() => setChannel('shopee')}
@@ -200,7 +209,7 @@ export default function OmnichannelSalesMapPage() {
               }`}
             >
               <span className="w-2 h-2 rounded-full bg-orange-500" />
-              เฉพาะ Shopee
+              Shopee
             </button>
             <button
               onClick={() => setChannel('lazada')}
@@ -211,7 +220,7 @@ export default function OmnichannelSalesMapPage() {
               }`}
             >
               <span className="w-2 h-2 rounded-full bg-blue-500" />
-              เฉพาะ Lazada
+              Lazada
             </button>
           </div>
 
@@ -226,7 +235,7 @@ export default function OmnichannelSalesMapPage() {
                   : 'bg-white/5 text-slate-400 border-white/5 hover:text-white'
               }`}
             >
-              ทั้งหมด (All Time)
+              {t('analytics.presetAll', 'ทั้งหมด')}
             </button>
             <button
               onClick={() => handlePeriodChange('30days')}
@@ -236,7 +245,7 @@ export default function OmnichannelSalesMapPage() {
                   : 'bg-white/5 text-slate-400 border-white/5 hover:text-white'
               }`}
             >
-              30 วันล่าสุด
+              {t('analytics.preset30d', '30 วันล่าสุด')}
             </button>
             <button
               onClick={() => handlePeriodChange('this_year')}
@@ -246,7 +255,7 @@ export default function OmnichannelSalesMapPage() {
                   : 'bg-white/5 text-slate-400 border-white/5 hover:text-white'
               }`}
             >
-              ปีนี้
+              {t('analytics.presetThisYear', 'ปีนี้')}
             </button>
             <button
               onClick={() => handlePeriodChange('custom')}
@@ -256,7 +265,7 @@ export default function OmnichannelSalesMapPage() {
                   : 'bg-white/5 text-slate-400 border-white/5 hover:text-white'
               }`}
             >
-              กำหนดเอง
+              {t('analytics.customRange', 'กำหนดเอง')}
             </button>
           </div>
         </div>
@@ -267,13 +276,13 @@ export default function OmnichannelSalesMapPage() {
             {/* TikTok Shop Dropdown */}
             {(channel === 'all' || channel === 'tiktok') && (
               <div className="flex items-center gap-2">
-                <span className="text-slate-400">ร้าน TikTok:</span>
+                <span className="text-slate-400">{t('salesMap.tiktokShopLabel', 'ร้าน TikTok:')}</span>
                 <select
                   value={tiktokShop}
                   onChange={(e) => setTiktokShop(e.target.value)}
                   className="px-2.5 py-1 rounded-lg bg-black/40 border border-white/10 text-rose-300 font-bold focus:outline-none"
                 >
-                  <option value="all">TikTok ทุกร้าน</option>
+                  <option value="all">{t('salesMap.allTiktokShops', 'TikTok ทุกร้าน')}</option>
                   {TIKTOK_SHOPS.map((s) => (
                     <option key={s.id} value={s.id}>
                       {s.label}
@@ -286,13 +295,13 @@ export default function OmnichannelSalesMapPage() {
             {/* Shopee Shop Dropdown */}
             {(channel === 'all' || channel === 'shopee') && (
               <div className="flex items-center gap-2">
-                <span className="text-slate-400">ร้าน Shopee:</span>
+                <span className="text-slate-400">{t('salesMap.shopeeShopLabel', 'ร้าน Shopee:')}</span>
                 <select
                   value={shopeeShop}
                   onChange={(e) => setShopeeShop(e.target.value)}
                   className="px-2.5 py-1 rounded-lg bg-black/40 border border-white/10 text-orange-300 font-bold focus:outline-none"
                 >
-                  <option value="all">Shopee ทุกร้าน</option>
+                  <option value="all">{t('salesMap.allShopeeShops', 'Shopee ทุกร้าน')}</option>
                   {SHOPEE_SHOPS.map((s) => (
                     <option key={s.id} value={s.id}>
                       {s.label}
@@ -305,13 +314,13 @@ export default function OmnichannelSalesMapPage() {
             {/* Lazada Shop Dropdown */}
             {(channel === 'all' || channel === 'lazada') && (
               <div className="flex items-center gap-2">
-                <span className="text-slate-400">ร้าน Lazada:</span>
+                <span className="text-slate-400">{t('salesMap.lazadaShopLabel', 'ร้าน Lazada:')}</span>
                 <select
                   value={lazadaShop}
                   onChange={(e) => setLazadaShop(e.target.value)}
                   className="px-2.5 py-1 rounded-lg bg-black/40 border border-white/10 text-blue-300 font-bold focus:outline-none"
                 >
-                  <option value="all">Lazada ทุกร้าน</option>
+                  <option value="all">{t('salesMap.allLazadaShops', 'Lazada ทุกร้าน')}</option>
                   {LAZADA_SHOPS.map((s) => (
                     <option key={s.id} value={s.id}>
                       {s.label}
@@ -324,7 +333,7 @@ export default function OmnichannelSalesMapPage() {
             {/* Status Filter */}
             <div className="flex items-center gap-1.5 bg-black/40 p-1 rounded-xl border border-white/10">
               <span className="text-slate-400 text-xs px-1.5 flex items-center gap-1">
-                <Filter className="w-3 h-3 text-slate-400" /> สถานะ:
+                <Filter className="w-3 h-3 text-slate-400" /> {t('orders.status', 'สถานะ')}:
               </span>
               <button
                 type="button"
@@ -336,7 +345,7 @@ export default function OmnichannelSalesMapPage() {
                 }`}
               >
                 <CheckCircle2 className="w-3 h-3 text-emerald-400" />
-                สำเร็จ (ไม่รวมยกเลิก)
+                {t('salesMap.completedOnly', 'สำเร็จ (ไม่รวมยกเลิก)')}
               </button>
               <button
                 type="button"
@@ -347,7 +356,7 @@ export default function OmnichannelSalesMapPage() {
                     : 'text-slate-400 hover:text-white'
                 }`}
               >
-                ทุกสถานะ (รวมยกเลิก)
+                {t('salesMap.allStatuses', 'ทุกสถานะ (รวมยกเลิก)')}
               </button>
               <button
                 type="button"
@@ -359,7 +368,7 @@ export default function OmnichannelSalesMapPage() {
                 }`}
               >
                 <XCircle className="w-3 h-3 text-rose-400" />
-                เฉพาะที่ยกเลิก
+                {t('salesMap.cancelledOnly', 'เฉพาะที่ยกเลิก')}
               </button>
             </div>
           </div>
@@ -367,14 +376,14 @@ export default function OmnichannelSalesMapPage() {
           {/* Custom Date Range */}
           {period === 'custom' && (
             <div className="flex items-center gap-2">
-              <span className="text-slate-400">ตั้งแต่วันที่:</span>
+              <span className="text-slate-400">{t('analytics.customRange', 'ตั้งแต่วันที่')}:</span>
               <input
                 type="date"
                 value={dateFrom}
                 onChange={(e) => setDateFrom(e.target.value)}
                 className="px-2.5 py-1 rounded-lg bg-black/40 border border-white/10 text-white font-mono focus:outline-none"
               />
-              <span className="text-slate-400">ถึง</span>
+              <span className="text-slate-400">{t('analytics.to', 'ถึง')}</span>
               <input
                 type="date"
                 value={dateTo}
@@ -391,7 +400,7 @@ export default function OmnichannelSalesMapPage() {
         {/* Total Revenue & Channel Split */}
         <div className="bg-white/5 border border-white/10 rounded-2xl p-5 flex flex-col justify-between gap-3">
           <div className="flex items-center justify-between">
-            <p className="text-xs text-slate-400 uppercase tracking-widest font-semibold">ยอดขายรวมทุกช่องทาง</p>
+            <p className="text-xs text-slate-400 uppercase tracking-widest font-semibold">{t('salesMap.totalRevenue', 'ยอดขายรวม')}</p>
             <DollarSign className="w-4 h-4 text-emerald-400" />
           </div>
           <div>
@@ -429,12 +438,12 @@ export default function OmnichannelSalesMapPage() {
         {/* Total Orders & Channel Count */}
         <div className="bg-white/5 border border-white/10 rounded-2xl p-5 flex flex-col justify-between gap-3">
           <div className="flex items-center justify-between">
-            <p className="text-xs text-slate-400 uppercase tracking-widest font-semibold">คำสั่งซื้อทั้งหมด</p>
+            <p className="text-xs text-slate-400 uppercase tracking-widest font-semibold">{t('salesMap.totalOrders', 'คำสั่งซื้อทั้งหมด')}</p>
             <ShoppingBag className="w-4 h-4 text-orange-400" />
           </div>
           <div>
             <p className="text-2xl font-bold text-white font-mono">
-              {fmtNum(kpi?.totalOrders || 0)} <span className="text-xs font-normal text-slate-400">ออเดอร์</span>
+              {fmtNum(kpi?.totalOrders || 0)} <span className="text-xs font-normal text-slate-400">{t('salesMap.orders', 'ออเดอร์')}</span>
             </p>
             <div className="flex items-center justify-between text-[11px] text-slate-400 mt-2 pt-2 border-t border-white/5 font-mono flex-wrap gap-1">
               <span className="text-rose-400">TT: {fmtNum(kpi?.totalTiktokOrders || 0)}</span>
@@ -447,15 +456,15 @@ export default function OmnichannelSalesMapPage() {
         {/* Province Coverage */}
         <div className="bg-white/5 border border-white/10 rounded-2xl p-5 flex flex-col justify-between gap-3">
           <div className="flex items-center justify-between">
-            <p className="text-xs text-slate-400 uppercase tracking-widest font-semibold">การเข้าถึงพื้นที่</p>
+            <p className="text-xs text-slate-400 uppercase tracking-widest font-semibold">{t('salesMap.penetration', 'การเข้าถึงพื้นที่')}</p>
             <Map className="w-4 h-4 text-cyan-400" />
           </div>
           <div>
             <p className="text-2xl font-bold text-cyan-400 font-mono">
-              {kpi?.coverageCount || 0} <span className="text-sm font-normal text-slate-400">/ 77 จังหวัด</span>
+              {kpi?.coverageCount || 0} <span className="text-sm font-normal text-slate-400">/ 77 {t('salesMap.province', 'จังหวัด')}</span>
             </p>
             <p className="text-xs text-slate-400 mt-1">
-              ครอบคลุม <span className="text-white font-bold">{kpi?.coveragePercent?.toFixed(1)}%</span> ของประเทศไทย
+              <span className="text-white font-bold">{kpi?.coveragePercent?.toFixed(1)}%</span>
             </p>
           </div>
         </div>
@@ -463,7 +472,7 @@ export default function OmnichannelSalesMapPage() {
         {/* AOV (Average Order Value) */}
         <div className="bg-white/5 border border-white/10 rounded-2xl p-5 flex flex-col justify-between gap-3">
           <div className="flex items-center justify-between">
-            <p className="text-xs text-slate-400 uppercase tracking-widest font-semibold">ยอดซื้อเฉลี่ย (AOV)</p>
+            <p className="text-xs text-slate-400 uppercase tracking-widest font-semibold">{t('salesMap.aov', 'ยอดซื้อเฉลี่ย (AOV)')}</p>
             <TrendingUp className="w-4 h-4 text-amber-400" />
           </div>
           <div>
@@ -481,12 +490,12 @@ export default function OmnichannelSalesMapPage() {
         {/* Top Region */}
         <div className="bg-white/5 border border-white/10 rounded-2xl p-5 flex flex-col justify-between gap-3">
           <div className="flex items-center justify-between">
-            <p className="text-xs text-slate-400 uppercase tracking-widest font-semibold">ภูมิภาคยอดขายสูงสุด</p>
+            <p className="text-xs text-slate-400 uppercase tracking-widest font-semibold">{t('salesMap.topProvince', 'ภูมิภาคยอดขายสูงสุด')}</p>
             <Award className="w-4 h-4 text-rose-400" />
           </div>
           <div>
             <p className="text-xl font-bold text-white">
-              {kpi?.topRegion?.name || '-'}
+              {getLocalizedRegionName(kpi?.topRegion?.name, i18n.language) || '-'}
             </p>
             <p className="text-xs text-slate-400 mt-1">
               {fmtBaht(kpi?.topRegion?.revenue || 0)} • {fmtNum(kpi?.topRegion?.orders || 0)} ออเดอร์
@@ -522,7 +531,7 @@ export default function OmnichannelSalesMapPage() {
               <div className="flex-1 flex items-center justify-center">
                 {loading ? (
                   <div className="py-24 text-center text-slate-400 text-sm">
-                    <span className="animate-spin inline-block mr-2">⏳</span> กำลังประมวลผลข้อมูลแผนที่...
+                    {t('salesMap.loadingMap', 'กำลังประมวลผลข้อมูลแผนที่...')}
                   </div>
                 ) : (
                   <ThailandMapSvg
@@ -541,21 +550,25 @@ export default function OmnichannelSalesMapPage() {
                   <div className="space-y-1">
                     <div className="flex items-center gap-2">
                       <MapPin className="w-5 h-5 text-orange-400" />
-                      <h4 className="text-xl font-bold text-white">จังหวัด{selectedProvinceDetail.nameTh}</h4>
-                      <span className="text-xs font-mono text-slate-400">({selectedProvinceDetail.nameEn})</span>
+                      <h4 className="text-xl font-bold text-white">
+                        {i18n.language === 'th' ? `จังหวัด${selectedProvinceDetail.nameTh}` : getLocalizedProvinceName(selectedProvinceDetail.nameTh, i18n.language)}
+                      </h4>
+                      <span className="text-xs font-mono text-slate-400">
+                        ({i18n.language === 'en' ? selectedProvinceDetail.nameTh : selectedProvinceDetail.nameEn})
+                      </span>
                       <span className="px-2 py-0.5 rounded text-[10px] bg-white/10 text-slate-300">
-                        {selectedProvinceDetail.regionTh}
+                        {getLocalizedRegionName(selectedProvinceDetail.region || selectedProvinceDetail.regionTh, i18n.language)}
                       </span>
                     </div>
                     <div className="flex items-center gap-4 text-xs text-slate-300 font-mono pt-1 flex-wrap">
-                      <span>ยอดรวม: <strong className="text-emerald-400 text-sm">{fmtBaht(selectedProvinceDetail.revenue)}</strong></span>
-                      <span>คำสั่งซื้อ: <strong className="text-white text-sm">{selectedProvinceDetail.orders}</strong> รายการ</span>
+                      <span>{t('salesMap.totalRevenue', 'ยอดรวม')}: <strong className="text-emerald-400 text-sm">{fmtBaht(selectedProvinceDetail.revenue)}</strong></span>
+                      <span>{t('salesMap.orders', 'คำสั่งซื้อ')}: <strong className="text-white text-sm">{selectedProvinceDetail.orders}</strong></span>
                       <span>AOV: <strong className="text-amber-400">{fmtBaht(selectedProvinceDetail.aov)}</strong></span>
                     </div>
 
                     {/* Platform Breakdown Mini Bar */}
                     <div className="pt-2 flex items-center gap-3 text-xs flex-wrap">
-                      <span className="text-[11px] text-slate-400">สัดส่วนยอดขาย:</span>
+                      <span className="text-[11px] text-slate-400">{t('salesMap.share', 'สัดส่วนยอดขาย')}:</span>
                       <div className="w-48 h-2 bg-slate-800 rounded-full overflow-hidden flex">
                         <div
                           className="h-full bg-rose-500"
@@ -583,7 +596,7 @@ export default function OmnichannelSalesMapPage() {
                     onClick={() => setShowDistrictModal(true)}
                     className="px-6 py-3 rounded-xl bg-gradient-to-r from-orange-500 to-rose-600 hover:from-orange-600 hover:to-rose-700 text-white font-bold text-sm shadow-lg shadow-orange-500/20 flex items-center justify-center gap-2 transition-all shrink-0"
                   >
-                    <span>ดูรายละเอียดและแผนที่อำเภอ (District Focus)</span>
+                    <span>{t('salesMap.viewDistricts', 'ดูรายละเอียดและแผนที่อำเภอ')}</span>
                     <ArrowUpRight className="w-4 h-4" />
                   </button>
                 </div>
@@ -598,7 +611,7 @@ export default function OmnichannelSalesMapPage() {
               <div className="flex items-center justify-between pb-3 border-b border-white/10">
                 <div className="flex items-center gap-2">
                   <Award className="w-4 h-4 text-orange-400" />
-                  <h3 className="font-bold text-white text-sm">Top 20 จังหวัดยอดขายสูงสุด</h3>
+                  <h3 className="font-bold text-white text-sm">{t('salesMap.topProvince', 'Top 20 จังหวัดยอดขายสูงสุด')}</h3>
                 </div>
                 <span className="text-[10px] text-slate-400 uppercase tracking-widest font-mono">Omnichannel</span>
               </div>
@@ -628,8 +641,10 @@ export default function OmnichannelSalesMapPage() {
                             {item.rank}
                           </span>
                           <div>
-                            <p className="text-xs font-bold text-white">{item.nameTh}</p>
-                            <p className="text-[10px] text-slate-400 font-mono">{item.orders} ออเดอร์</p>
+                            <p className="text-xs font-bold text-white">
+                              {getLocalizedProvinceName(item.nameTh, i18n.language)}
+                            </p>
+                            <p className="text-[10px] text-slate-400 font-mono">{item.orders} {t('salesMap.orders', 'ออเดอร์')}</p>
                           </div>
                         </div>
                         <div className="text-right">
@@ -660,14 +675,16 @@ export default function OmnichannelSalesMapPage() {
             <div className="bg-white/5 border border-white/10 rounded-2xl p-5 backdrop-blur-sm">
               <div className="flex items-center gap-2 pb-3 border-b border-white/10">
                 <Layers className="w-4 h-4 text-cyan-400" />
-                <h3 className="font-bold text-white text-sm">สัดส่วนยอดขายตามภูมิภาค</h3>
+                <h3 className="font-bold text-white text-sm">{t('salesMap.regionalBreakdown', 'สัดส่วนยอดขายตามภูมิภาค')}</h3>
               </div>
 
               <div className="mt-3 space-y-3">
                 {mapData?.regionBreakdown?.map((reg: any) => (
                   <div key={reg.region} className="space-y-1">
                     <div className="flex items-center justify-between text-xs">
-                      <span className="text-white font-medium">{reg.regionTh}</span>
+                      <span className="text-white font-medium">
+                        {getLocalizedRegionName(reg.region || reg.regionTh, i18n.language)}
+                      </span>
                       <span className="font-mono text-emerald-400 font-bold">
                         {fmtBaht(reg.revenue)}{' '}
                         <span className="text-slate-400 font-normal">({reg.percentage?.toFixed(1)}%)</span>
@@ -688,7 +705,7 @@ export default function OmnichannelSalesMapPage() {
                       />
                     </div>
                     <div className="flex justify-between text-[10px] text-slate-500 font-mono">
-                      <span>{reg.orders} ออเดอร์</span>
+                      <span>{reg.orders} {t('salesMap.orders', 'ออเดอร์')}</span>
                       <span className="text-slate-400">
                         TT ฿{fmtNum(reg.tiktokRevenue)} | SP ฿{fmtNum(reg.shopeeRevenue)} | LZ ฿{fmtNum(reg.lazadaRevenue)}
                       </span>
@@ -707,14 +724,14 @@ export default function OmnichannelSalesMapPage() {
               <Search className="w-4 h-4 text-slate-500 absolute left-3 top-1/2 -translate-y-1/2" />
               <input
                 type="text"
-                placeholder="ค้นหาชื่อจังหวัด หรือภาค..."
+                placeholder={t('salesMap.searchProvince', 'ค้นหาชื่อจังหวัด หรือภาค...')}
                 value={searchTable}
                 onChange={(e) => setSearchTable(e.target.value)}
                 className="w-full pl-9 pr-4 py-2 rounded-xl bg-white/5 border border-white/10 text-xs text-white placeholder-slate-500 focus:outline-none focus:border-orange-500/40"
               />
             </div>
             <p className="text-xs text-slate-400">
-              แสดง <span className="text-white font-bold">{filteredProvinces.length}</span> จาก 77 จังหวัด
+              <span className="text-white font-bold">{filteredProvinces.length}</span> / 77 {t('salesMap.province', 'จังหวัด')}
             </p>
           </div>
 
@@ -722,16 +739,16 @@ export default function OmnichannelSalesMapPage() {
             <table className="w-full text-xs text-left">
               <thead className="bg-white/5 text-slate-400 border-b border-white/10 uppercase">
                 <tr>
-                  <th className="px-4 py-3">รหัส</th>
-                  <th className="px-4 py-3">จังหวัด</th>
-                  <th className="px-4 py-3">ภูมิภาค</th>
-                  <th className="px-4 py-3 text-right">ยอดรวม (฿)</th>
-                  <th className="px-4 py-3 text-right">ออเดอร์รวม</th>
+                  <th className="px-4 py-3">#</th>
+                  <th className="px-4 py-3">{t('salesMap.province', 'จังหวัด')}</th>
+                  <th className="px-4 py-3">{t('salesMap.region', 'ภูมิภาค')}</th>
+                  <th className="px-4 py-3 text-right">{t('salesMap.totalRevenue', 'ยอดรวม')} (฿)</th>
+                  <th className="px-4 py-3 text-right">{t('salesMap.totalOrders', 'ออเดอร์รวม')}</th>
                   <th className="px-4 py-3 text-right">TikTok (฿)</th>
                   <th className="px-4 py-3 text-right">Shopee (฿)</th>
                   <th className="px-4 py-3 text-right">Lazada (฿)</th>
                   <th className="px-4 py-3 text-right">AOV (฿)</th>
-                  <th className="px-4 py-3 text-center">สัดส่วนช่องทาง</th>
+                  <th className="px-4 py-3 text-center">{t('salesMap.share', 'สัดส่วน')}</th>
                   <th className="px-4 py-3" />
                 </tr>
               </thead>
@@ -739,7 +756,7 @@ export default function OmnichannelSalesMapPage() {
                 {filteredProvinces.length === 0 ? (
                   <tr>
                     <td colSpan={11} className="px-4 py-12 text-center text-slate-500">
-                      ไม่พบข้อมูลจังหวัดตามคำค้นหา
+                      {t('salesMap.noData', 'ไม่พบข้อมูลจังหวัดตามคำค้นหา')}
                     </td>
                   </tr>
                 ) : (
@@ -747,18 +764,21 @@ export default function OmnichannelSalesMapPage() {
                     <tr key={p.code} className="border-b border-white/5 hover:bg-white/[0.04] transition-colors">
                       <td className="px-4 py-3 font-mono text-slate-500">{p.code}</td>
                       <td className="px-4 py-3 font-bold text-white">
-                        {p.nameTh} <span className="text-slate-500 text-[10px] font-normal font-mono">({p.nameEn})</span>
+                        {getLocalizedProvinceName(p.nameTh, i18n.language)}{' '}
+                        <span className="text-slate-500 text-[10px] font-normal font-mono">
+                          ({i18n.language === 'en' ? p.nameTh : p.nameEn})
+                        </span>
                       </td>
                       <td className="px-4 py-3">
                         <span className="px-2 py-0.5 rounded text-[10px] bg-white/5 text-slate-300 border border-white/10">
-                          {p.regionTh}
+                          {getLocalizedRegionName(p.region || p.regionTh, i18n.language)}
                         </span>
                       </td>
                       <td className="px-4 py-3 text-right font-mono font-bold text-emerald-400">
                         {p.revenue > 0 ? fmtBaht(p.revenue) : '-'}
                       </td>
                       <td className="px-4 py-3 text-right font-mono text-white">
-                        {p.orders > 0 ? `${p.orders} ออเดอร์` : '-'}
+                        {p.orders > 0 ? `${p.orders} ${t('salesMap.orders', 'ออเดอร์')}` : '-'}
                       </td>
                       <td className="px-4 py-3 text-right font-mono text-rose-400">
                         {p.tiktokRevenue > 0 ? fmtBaht(p.tiktokRevenue) : '-'}
@@ -798,7 +818,7 @@ export default function OmnichannelSalesMapPage() {
                           }}
                           className="px-2.5 py-1 rounded-lg bg-white/5 hover:bg-orange-500/20 hover:text-orange-300 text-slate-400 border border-white/10 text-xs transition-colors"
                         >
-                          ดูรายอำเภอ
+                          {t('salesMap.viewDistricts', 'ดูรายอำเภอ')}
                         </button>
                       </td>
                     </tr>
diff --git a/apps/admin/src/pages/analytics/ProductSalesMapPage.tsx b/apps/admin/src/pages/analytics/ProductSalesMapPage.tsx
index 3d6aa88..3182a37 100644
--- a/apps/admin/src/pages/analytics/ProductSalesMapPage.tsx
+++ b/apps/admin/src/pages/analytics/ProductSalesMapPage.tsx
@@ -5,10 +5,11 @@ import {
   MapPin, Globe2, Layers, ArrowUpRight,
   Package, ChevronDown, Loader2
 } from 'lucide-react';
+import { useTranslation } from 'react-i18next';
 import { API_BASE } from '@homaroma/types';
 import ThailandMapSvg from '../../components/tiktok-map/ThailandMapSvg';
 import ProductDistrictModal from '../../components/analytics/ProductDistrictModal';
-import { fmtBaht, fmtNum } from '../../utils/thaiGeoUtils';
+import { fmtBaht, fmtNum, getLocalizedProvinceName, getLocalizedRegionName } from '../../utils/thaiGeoUtils';
 
 type ViewMode = 'map' | 'list';
 type TimePeriod = 'all' | '30days' | 'this_year' | 'custom';
@@ -39,6 +40,7 @@ interface ProductItem {
 }
 
 export default function ProductSalesMapPage() {
+  const { t, i18n } = useTranslation();
   const [viewMode, setViewMode] = useState<ViewMode>('map');
   const [metric, setMetric] = useState<MetricType>('revenue');
   const [channel, setChannel] = useState<ChannelType>('all');
@@ -185,13 +187,20 @@ export default function ProductSalesMapPage() {
     if (!mapData?.provinces) return [];
     if (!searchTable.trim()) return mapData.provinces;
     const q = searchTable.toLowerCase();
-    return mapData.provinces.filter(
-      (p: any) =>
+    return mapData.provinces.filter((p: any) => {
+      const zh = getLocalizedProvinceName(p.nameTh, 'zh');
+      const ja = getLocalizedProvinceName(p.nameTh, 'ja');
+      const reg = getLocalizedRegionName(p.region || p.regionTh, i18n.language);
+      return (
         p.nameTh.toLowerCase().includes(q) ||
         p.nameEn.toLowerCase().includes(q) ||
-        p.regionTh.toLowerCase().includes(q)
-    );
-  }, [mapData, searchTable]);
+        zh.toLowerCase().includes(q) ||
+        ja.toLowerCase().includes(q) ||
+        p.regionTh?.toLowerCase().includes(q) ||
+        reg.toLowerCase().includes(q)
+      );
+    });
+  }, [mapData, searchTable, i18n.language]);
 
   const kpi = mapData?.kpi;
 
@@ -205,13 +214,13 @@ export default function ProductSalesMapPage() {
           </div>
           <div>
             <div className="flex items-center gap-2 flex-wrap">
-              <h1 className="text-3xl font-bold text-white tracking-tight">Product Sales Map</h1>
+              <h1 className="text-3xl font-bold text-white tracking-tight">{t('salesMap.productTitle', 'Product Sales Map')}</h1>
               <span className="px-2.5 py-0.5 rounded-full text-xs font-bold bg-indigo-500/20 text-indigo-300 border border-indigo-500/30">
-                Geo-Intelligence by Product
+                {t('salesMap.productBadge', 'Geo-Intelligence by Product')}
               </span>
             </div>
             <p className="text-xs text-slate-400 mt-0.5">
-              Business Analytics • วิเคราะห์ความหนาแน่นและพื้นที่ยอดขายของสินค้าแต่ละรายการใน 77 จังหวัด และ 928 อำเภอ
+              {t('salesMap.productSubtitle', 'Business Analytics • วิเคราะห์ความหนาแน่นและพื้นที่ยอดขายของสินค้าแต่ละรายการใน 77 จังหวัด และ 928 อำเภอ')}
             </p>
           </div>
         </div>
@@ -228,7 +237,7 @@ export default function ProductSalesMapPage() {
                   : 'text-slate-400 hover:text-white'
               }`}
             >
-              ฿ ดูตามยอดขาย
+              {t('salesMap.viewByRevenue', '฿ ดูตามยอดขาย')}
             </button>
             <button
               onClick={() => setMetric('quantity')}
@@ -238,7 +247,7 @@ export default function ProductSalesMapPage() {
                   : 'text-slate-400 hover:text-white'
               }`}
             >
-              📦 ดูตามจำนวนชิ้น
+              {t('salesMap.viewByQuantity', '📦 ดูตามจำนวนชิ้น')}
             </button>
           </div>
 
@@ -252,7 +261,7 @@ export default function ProductSalesMapPage() {
                   : 'text-slate-400 hover:text-white bg-white/5 border border-white/10'
               }`}
             >
-              <Map className="w-4 h-4" /> แผนที่
+              <Map className="w-4 h-4" /> {t('salesMap.mapView', 'แผนที่')}
             </button>
             <button
               onClick={() => setViewMode('list')}
@@ -262,7 +271,7 @@ export default function ProductSalesMapPage() {
                   : 'text-slate-400 hover:text-white bg-white/5 border border-white/10'
               }`}
             >
-              <Table2 className="w-4 h-4" /> ตาราง
+              <Table2 className="w-4 h-4" /> {t('salesMap.listView', 'ตาราง 77 จังหวัด')}
             </button>
           </div>
         </div>
@@ -272,7 +281,7 @@ export default function ProductSalesMapPage() {
       <div className="bg-gradient-to-r from-indigo-500/10 via-purple-500/10 to-slate-900 border border-indigo-500/30 rounded-2xl p-4 backdrop-blur-md relative z-30">
         <div className="flex flex-col lg:flex-row lg:items-center justify-between gap-4">
           <div className="flex items-center gap-3 flex-1 relative">
-            <span className="text-xs font-bold text-slate-300 shrink-0">เลือกสินค้า Master:</span>
+            <span className="text-xs font-bold text-slate-300 shrink-0">{t('salesMap.selectMasterProduct', 'เลือกสินค้า Master:')}</span>
 
             {/* Product Selector Dropdown Button */}
             <div className="relative flex-1 max-w-xl">
@@ -283,7 +292,7 @@ export default function ProductSalesMapPage() {
                 <div className="flex items-center gap-2 truncate">
                   <Package className="w-4 h-4 text-indigo-400 shrink-0" />
                   <span className="truncate">
-                    {loadingProducts ? 'กำลังโหลดสินค้า...' : currentProduct ? currentProduct.name : 'เลือกสินค้า'}
+                    {loadingProducts ? t('products.loadingProducts', 'กำลังโหลดสินค้า...') : currentProduct ? currentProduct.name : t('salesMap.selectProduct', 'เลือกสินค้า')}
                   </span>
                   {currentProduct?.category && (
                     <span className="px-2 py-0.5 rounded text-[10px] bg-white/10 text-slate-300 font-normal">
@@ -301,7 +310,7 @@ export default function ProductSalesMapPage() {
                     <Search className="w-4 h-4 text-slate-500 absolute left-3 top-1/2 -translate-y-1/2" />
                     <input
                       type="text"
-                      placeholder="ค้นหาชื่อสินค้าหลัก, SKU, หมวดหมู่..."
+                      placeholder={t('salesMap.searchProduct', 'ค้นหาชื่อสินค้าหลัก, SKU, หมวดหมู่...')}
                       value={productSearch}
                       onChange={(e) => setProductSearch(e.target.value)}
                       className="w-full pl-9 pr-3 py-1.5 rounded-xl bg-black/50 border border-white/10 text-xs text-white placeholder-slate-500 focus:outline-none focus:border-indigo-500/40"
@@ -330,12 +339,12 @@ export default function ProductSalesMapPage() {
                             <p className="truncate font-semibold">{prod.name}</p>
                             <div className="flex items-center gap-2 text-[10px] text-slate-400">
                               <span>{prod.category}</span>
-                              <span>• {prod.variants.length} ตัวเลือก</span>
+                              <span>• {prod.variants.length} {t('products.variants', 'ตัวเลือก')}</span>
                             </div>
                           </div>
                           <div className="text-right shrink-0 font-mono text-[11px]">
                             <p className="text-emerald-400 font-bold">{fmtBaht(prod.totalRevenue)}</p>
-                            <p className="text-[10px] text-slate-400">{fmtNum(prod.totalSoldUnits)} ชิ้น</p>
+                            <p className="text-[10px] text-slate-400">{fmtNum(prod.totalSoldUnits)} {t('salesMap.unitsSold', 'ชิ้น')}</p>
                           </div>
                         </div>
                       );
@@ -349,7 +358,7 @@ export default function ProductSalesMapPage() {
           {/* Variant Selector Tabs */}
           {currentProduct && currentProduct.variants.length > 0 && (
             <div className="flex items-center gap-1.5 flex-wrap text-xs">
-              <span className="text-slate-400 mr-1">ขนาด/ตัวเลือก:</span>
+              <span className="text-slate-400 mr-1">{t('salesMap.variantOptions', 'ขนาด/ตัวเลือก:')}</span>
               <button
                 onClick={() => setSelectedVariantId(null)}
                 className={`px-3 py-1 rounded-lg font-bold border transition-all ${
@@ -358,7 +367,7 @@ export default function ProductSalesMapPage() {
                     : 'bg-black/30 text-slate-400 border-white/10 hover:text-white'
                 }`}
               >
-                ทุกตัวเลือกรวม ({currentProduct.variants.length})
+                {t('salesMap.allVariantsTotal', 'ทุกตัวเลือกรวม')} ({currentProduct.variants.length})
               </button>
 
               {currentProduct.variants.map((v) => {
@@ -394,7 +403,7 @@ export default function ProductSalesMapPage() {
               }`}
             >
               <Globe2 className="w-3.5 h-3.5 text-cyan-400" />
-              ทุกช่องทาง (Omnichannel)
+              {t('salesMap.allChannels', 'ทุกช่องทาง (Omnichannel)')}
             </button>
             <button
               onClick={() => setChannel('tiktok')}
@@ -405,7 +414,7 @@ export default function ProductSalesMapPage() {
               }`}
             >
               <span className="w-2 h-2 rounded-full bg-rose-500" />
-              เฉพาะ TikTok
+              {t('salesMap.tiktokOnly', 'เฉพาะ TikTok')}
             </button>
             <button
               onClick={() => setChannel('shopee')}
@@ -416,7 +425,7 @@ export default function ProductSalesMapPage() {
               }`}
             >
               <span className="w-2 h-2 rounded-full bg-orange-500" />
-              เฉพาะ Shopee
+              {t('salesMap.shopeeOnly', 'เฉพาะ Shopee')}
             </button>
             <button
               onClick={() => setChannel('lazada')}
@@ -427,7 +436,7 @@ export default function ProductSalesMapPage() {
               }`}
             >
               <span className="w-2 h-2 rounded-full bg-blue-500" />
-              เฉพาะ Lazada
+              {t('salesMap.lazadaOnly', 'เฉพาะ Lazada')}
             </button>
           </div>
 
@@ -440,7 +449,7 @@ export default function ProductSalesMapPage() {
                 period === 'all' ? 'bg-white/15 text-white border-white/20' : 'bg-white/5 text-slate-400 border-white/5 hover:text-white'
               }`}
             >
-              ทั้งหมด (All Time)
+              {t('analytics.presetAll', 'ทั้งหมด')}
             </button>
             <button
               onClick={() => handlePeriodChange('30days')}
@@ -448,7 +457,7 @@ export default function ProductSalesMapPage() {
                 period === '30days' ? 'bg-white/15 text-white border-white/20' : 'bg-white/5 text-slate-400 border-white/5 hover:text-white'
               }`}
             >
-              30 วันล่าสุด
+              {t('analytics.preset30d', '30 วันล่าสุด')}
             </button>
             <button
               onClick={() => handlePeriodChange('this_year')}
@@ -456,7 +465,7 @@ export default function ProductSalesMapPage() {
                 period === 'this_year' ? 'bg-white/15 text-white border-white/20' : 'bg-white/5 text-slate-400 border-white/5 hover:text-white'
               }`}
             >
-              ปีนี้
+              {t('analytics.presetThisYear', 'ปีนี้')}
             </button>
             <button
               onClick={() => handlePeriodChange('custom')}
@@ -464,7 +473,7 @@ export default function ProductSalesMapPage() {
                 period === 'custom' ? 'bg-white/15 text-white border-white/20' : 'bg-white/5 text-slate-400 border-white/5 hover:text-white'
               }`}
             >
-              กำหนดเอง
+              {t('analytics.customRange', 'กำหนดเอง')}
             </button>
           </div>
         </div>
@@ -474,7 +483,7 @@ export default function ProductSalesMapPage() {
           {/* Status Filter */}
           <div className="flex items-center gap-1.5 bg-black/40 p-1 rounded-xl border border-white/10">
             <span className="text-slate-400 text-xs px-1.5 flex items-center gap-1">
-              <Filter className="w-3 h-3 text-slate-400" /> สถานะ:
+              <Filter className="w-3 h-3 text-slate-400" /> {t('orders.status', 'สถานะ')}:
             </span>
             <button
               type="button"
@@ -486,7 +495,7 @@ export default function ProductSalesMapPage() {
               }`}
             >
               <CheckCircle2 className="w-3 h-3 text-emerald-400" />
-              สำเร็จ (ไม่รวมยกเลิก)
+              {t('salesMap.completedOnly', 'สำเร็จ (ไม่รวมยกเลิก)')}
             </button>
             <button
               type="button"
@@ -497,7 +506,7 @@ export default function ProductSalesMapPage() {
                   : 'text-slate-400 hover:text-white'
               }`}
             >
-              ทุกสถานะ (รวมยกเลิก)
+              {t('salesMap.allStatuses', 'ทุกสถานะ (รวมยกเลิก)')}
             </button>
             <button
               type="button"
@@ -509,21 +518,21 @@ export default function ProductSalesMapPage() {
               }`}
             >
               <XCircle className="w-3 h-3 text-rose-400" />
-              เฉพาะที่ยกเลิก
+              {t('salesMap.cancelledOnly', 'เฉพาะที่ยกเลิก')}
             </button>
           </div>
 
           {/* Custom Date Range */}
           {period === 'custom' && (
             <div className="flex items-center gap-2">
-              <span className="text-slate-400">ตั้งแต่วันที่:</span>
+              <span className="text-slate-400">{t('analytics.customRange', 'ตั้งแต่วันที่')}:</span>
               <input
                 type="date"
                 value={dateFrom}
                 onChange={(e) => setDateFrom(e.target.value)}
                 className="px-2.5 py-1 rounded-lg bg-black/40 border border-white/10 text-white font-mono focus:outline-none"
               />
-              <span className="text-slate-400">ถึง</span>
+              <span className="text-slate-400">{t('analytics.to', 'ถึง')}</span>
               <input
                 type="date"
                 value={dateTo}
@@ -540,7 +549,7 @@ export default function ProductSalesMapPage() {
         {/* Product Total Revenue */}
         <div className="bg-white/5 border border-white/10 rounded-2xl p-5 flex flex-col justify-between gap-3">
           <div className="flex items-center justify-between">
-            <p className="text-xs text-slate-400 uppercase tracking-widest font-semibold">ยอดขายสินค้านี้รวม</p>
+            <p className="text-xs text-slate-400 uppercase tracking-widest font-semibold">{t('salesMap.productTotalRevenue', 'ยอดขายสินค้านี้รวม')}</p>
             <DollarSign className="w-4 h-4 text-emerald-400" />
           </div>
           <div>
@@ -578,12 +587,12 @@ export default function ProductSalesMapPage() {
         {/* Total Units Sold */}
         <div className="bg-white/5 border border-white/10 rounded-2xl p-5 flex flex-col justify-between gap-3">
           <div className="flex items-center justify-between">
-            <p className="text-xs text-slate-400 uppercase tracking-widest font-semibold">จำนวนชิ้นที่ขายได้</p>
+            <p className="text-xs text-slate-400 uppercase tracking-widest font-semibold">{t('salesMap.totalUnitsSold', 'จำนวนชิ้นที่ขายได้')}</p>
             <ShoppingBag className="w-4 h-4 text-amber-400" />
           </div>
           <div>
             <p className="text-2xl font-bold text-amber-400 font-mono">
-              {fmtNum(kpi?.totalUnitsSold || 0)} <span className="text-xs font-normal text-slate-400">ชิ้น</span>
+              {fmtNum(kpi?.totalUnitsSold || 0)} <span className="text-xs font-normal text-slate-400">{t('salesMap.unitsSold', 'ชิ้น')}</span>
             </p>
             <div className="flex items-center justify-between text-[11px] text-slate-400 mt-2 pt-2 border-t border-white/5 font-mono flex-wrap gap-1">
               <span className="text-rose-400">TT: {fmtNum(kpi?.totalTiktokUnits || 0)}</span>
@@ -596,15 +605,15 @@ export default function ProductSalesMapPage() {
         {/* Province Coverage */}
         <div className="bg-white/5 border border-white/10 rounded-2xl p-5 flex flex-col justify-between gap-3">
           <div className="flex items-center justify-between">
-            <p className="text-xs text-slate-400 uppercase tracking-widest font-semibold">การกระจายตัวในจังหวัด</p>
+            <p className="text-xs text-slate-400 uppercase tracking-widest font-semibold">{t('salesMap.provinceCoverage', 'การกระจายตัวในจังหวัด')}</p>
             <Map className="w-4 h-4 text-cyan-400" />
           </div>
           <div>
             <p className="text-2xl font-bold text-cyan-400 font-mono">
-              {kpi?.coverageCount || 0} <span className="text-sm font-normal text-slate-400">/ 77 จังหวัด</span>
+              {kpi?.coverageCount || 0} <span className="text-sm font-normal text-slate-400">/ 77 {t('salesMap.province', 'จังหวัด')}</span>
             </p>
             <p className="text-xs text-slate-400 mt-1">
-              ครอบคลุม <span className="text-white font-bold">{kpi?.coveragePercent?.toFixed(1)}%</span> ของประเทศไทย
+              {t('salesMap.share', 'ครอบคลุม')} <span className="text-white font-bold">{kpi?.coveragePercent?.toFixed(1)}%</span>
             </p>
           </div>
         </div>
@@ -612,15 +621,15 @@ export default function ProductSalesMapPage() {
         {/* Top Province */}
         <div className="bg-white/5 border border-white/10 rounded-2xl p-5 flex flex-col justify-between gap-3">
           <div className="flex items-center justify-between">
-            <p className="text-xs text-slate-400 uppercase tracking-widest font-semibold">จังหวัดที่ขายดีที่สุด</p>
+            <p className="text-xs text-slate-400 uppercase tracking-widest font-semibold">{t('salesMap.topSellingProvince', 'จังหวัดที่ขายดีที่สุด')}</p>
             <Award className="w-4 h-4 text-rose-400" />
           </div>
           <div>
             <p className="text-xl font-bold text-white">
-              {kpi?.topProvince?.name ? `จ.${kpi.topProvince.name}` : '-'}
+              {kpi?.topProvince?.name ? getLocalizedProvinceName(kpi.topProvince.name, i18n.language) : '-'}
             </p>
             <p className="text-xs text-slate-400 mt-1 font-mono">
-              {fmtBaht(kpi?.topProvince?.revenue || 0)} • {fmtNum(kpi?.topProvince?.unitsSold || 0)} ชิ้น
+              {fmtBaht(kpi?.topProvince?.revenue || 0)} • {fmtNum(kpi?.topProvince?.unitsSold || 0)} {t('salesMap.unitsSold', 'ชิ้น')}
             </p>
           </div>
         </div>
@@ -628,12 +637,12 @@ export default function ProductSalesMapPage() {
         {/* Top Region */}
         <div className="bg-white/5 border border-white/10 rounded-2xl p-5 flex flex-col justify-between gap-3">
           <div className="flex items-center justify-between">
-            <p className="text-xs text-slate-400 uppercase tracking-widest font-semibold">ภูมิภาคยอดขายสูงสุด</p>
+            <p className="text-xs text-slate-400 uppercase tracking-widest font-semibold">{t('salesMap.topSellingRegion', 'ภูมิภาคยอดขายสูงสุด')}</p>
             <Layers className="w-4 h-4 text-indigo-400" />
           </div>
           <div>
             <p className="text-xl font-bold text-white">
-              {kpi?.topRegion?.name || '-'}
+              {kpi?.topRegion?.name ? getLocalizedRegionName(kpi.topRegion.name, i18n.language) : '-'}
             </p>
             <p className="text-xs text-slate-400 mt-1 font-mono">
               {fmtBaht(kpi?.topRegion?.revenue || 0)}
@@ -652,17 +661,17 @@ export default function ProductSalesMapPage() {
                 <div className="flex items-center gap-2">
                   <Map className="w-4 h-4 text-indigo-400" />
                   <h3 className="font-bold text-white text-sm">
-                    แผนที่ความหนาแน่น {metric === 'quantity' ? 'จำนวนชิ้นที่ขาย (Units)' : 'ยอดขาย (Revenue)'}
+                    {t('salesMap.densityMap', 'แผนที่ความหนาแน่น')} {metric === 'quantity' ? `(${t('salesMap.unitsSold', 'จำนวนชิ้น')})` : `(${t('salesMap.revenue', 'ยอดขาย')})`}
                   </h3>
                 </div>
                 <div className="text-xs text-slate-400 flex items-center gap-4">
                   <div className="flex items-center gap-1.5">
                     <span className="w-2.5 h-2.5 rounded bg-emerald-950 border border-emerald-800" />
-                    <span>น้อย</span>
+                    <span>{t('salesMap.less', 'น้อย')}</span>
                   </div>
                   <div className="flex items-center gap-1.5">
                     <span className="w-2.5 h-2.5 rounded bg-emerald-500" />
-                    <span>มาก</span>
+                    <span>{t('salesMap.more', 'มาก')}</span>
                   </div>
                 </div>
               </div>
@@ -672,7 +681,7 @@ export default function ProductSalesMapPage() {
                 {loading ? (
                   <div className="py-24 text-center text-slate-400 text-sm">
                     <Loader2 className="w-6 h-6 animate-spin mx-auto mb-2 text-indigo-400" />
-                    กำลังประมวลผลข้อมูลแผนที่สินค้า...
+                    {t('salesMap.loadingMap', 'กำลังประมวลผลข้อมูลแผนที่สินค้า...')}
                   </div>
                 ) : (
                   <ThailandMapSvg
@@ -691,21 +700,25 @@ export default function ProductSalesMapPage() {
                   <div className="space-y-1">
                     <div className="flex items-center gap-2">
                       <MapPin className="w-5 h-5 text-indigo-400" />
-                      <h4 className="text-xl font-bold text-white">จังหวัด{selectedProvinceDetail.nameTh}</h4>
-                      <span className="text-xs font-mono text-slate-400">({selectedProvinceDetail.nameEn})</span>
+                      <h4 className="text-xl font-bold text-white">
+                        {i18n.language === 'th' ? `จังหวัด${selectedProvinceDetail.nameTh}` : getLocalizedProvinceName(selectedProvinceDetail.nameTh, i18n.language)}
+                      </h4>
+                      <span className="text-xs font-mono text-slate-400">
+                        ({i18n.language === 'en' ? selectedProvinceDetail.nameTh : selectedProvinceDetail.nameEn})
+                      </span>
                       <span className="px-2 py-0.5 rounded text-[10px] bg-white/10 text-slate-300">
-                        {selectedProvinceDetail.regionTh}
+                        {getLocalizedRegionName(selectedProvinceDetail.region || selectedProvinceDetail.regionTh, i18n.language)}
                       </span>
                     </div>
                     <div className="flex items-center gap-4 text-xs text-slate-300 font-mono pt-1 flex-wrap">
-                      <span>ยอดขาย: <strong className="text-emerald-400 text-sm">{fmtBaht(selectedProvinceDetail.revenue)}</strong></span>
-                      <span>จำนวนที่ขาย: <strong className="text-amber-400 text-sm">{selectedProvinceDetail.unitsSold}</strong> ชิ้น</span>
-                      <span>คำสั่งซื้อ: <strong className="text-white text-sm">{selectedProvinceDetail.ordersCount}</strong> ออเดอร์</span>
+                      <span>{t('salesMap.revenue', 'ยอดขาย')}: <strong className="text-emerald-400 text-sm">{fmtBaht(selectedProvinceDetail.revenue)}</strong></span>
+                      <span>{t('salesMap.unitsSold', 'จำนวนที่ขาย')}: <strong className="text-amber-400 text-sm">{selectedProvinceDetail.unitsSold}</strong> {t('salesMap.unitsSold', 'ชิ้น')}</span>
+                      <span>{t('salesMap.orders', 'คำสั่งซื้อ')}: <strong className="text-white text-sm">{selectedProvinceDetail.ordersCount}</strong> {t('salesMap.orders', 'ออเดอร์')}</span>
                     </div>
 
                     {/* Platform Breakdown Mini Bar */}
                     <div className="pt-2 flex items-center gap-3 text-xs flex-wrap">
-                      <span className="text-[11px] text-slate-400">สัดส่วนช่องทาง:</span>
+                      <span className="text-[11px] text-slate-400">{t('salesMap.share', 'สัดส่วนช่องทาง')}:</span>
                       <div className="w-48 h-2 bg-slate-800 rounded-full overflow-hidden flex">
                         <div
                           className="h-full bg-rose-500"
@@ -733,7 +746,7 @@ export default function ProductSalesMapPage() {
                     onClick={() => setShowDistrictModal(true)}
                     className="px-6 py-3 rounded-xl bg-gradient-to-r from-indigo-500 via-purple-500 to-pink-500 hover:from-indigo-600 hover:to-pink-600 text-white font-bold text-sm shadow-lg shadow-indigo-500/20 flex items-center justify-center gap-2 transition-all shrink-0"
                   >
-                    <span>ดูรายละเอียดและแผนที่อำเภอ (District Focus)</span>
+                    <span>{t('salesMap.viewDistricts', 'ดูรายละเอียดและแผนที่อำเภอ')}</span>
                     <ArrowUpRight className="w-4 h-4" />
                   </button>
                 </div>
@@ -748,7 +761,7 @@ export default function ProductSalesMapPage() {
               <div className="flex items-center justify-between pb-3 border-b border-white/10">
                 <div className="flex items-center gap-2">
                   <Award className="w-4 h-4 text-indigo-400" />
-                  <h3 className="font-bold text-white text-sm">Top 20 จังหวัดที่สินค้านี้ขายดีที่สุด</h3>
+                  <h3 className="font-bold text-white text-sm">{t('salesMap.topProvince', 'Top 20 จังหวัดที่สินค้านี้ขายดีที่สุด')}</h3>
                 </div>
                 <span className="text-[10px] text-slate-400 uppercase tracking-widest font-mono">By {metric}</span>
               </div>
@@ -778,8 +791,10 @@ export default function ProductSalesMapPage() {
                             {item.rank}
                           </span>
                           <div>
-                            <p className="text-xs font-bold text-white">{item.nameTh}</p>
-                            <p className="text-[10px] text-amber-400 font-mono font-bold">{item.unitsSold} ชิ้น</p>
+                            <p className="text-xs font-bold text-white">
+                              {getLocalizedProvinceName(item.nameTh, i18n.language)}
+                            </p>
+                            <p className="text-[10px] text-amber-400 font-mono font-bold">{item.unitsSold} {t('salesMap.unitsSold', 'ชิ้น')}</p>
                           </div>
                         </div>
                         <div className="text-right">
@@ -810,17 +825,19 @@ export default function ProductSalesMapPage() {
             <div className="bg-white/5 border border-white/10 rounded-2xl p-5 backdrop-blur-sm">
               <div className="flex items-center gap-2 pb-3 border-b border-white/10">
                 <Layers className="w-4 h-4 text-cyan-400" />
-                <h3 className="font-bold text-white text-sm">สัดส่วนตามภูมิภาค</h3>
+                <h3 className="font-bold text-white text-sm">{t('salesMap.regionalBreakdown', 'สัดส่วนตามภูมิภาค')}</h3>
               </div>
 
               <div className="mt-3 space-y-3">
                 {mapData?.regionBreakdown?.map((reg: any) => (
                   <div key={reg.region} className="space-y-1">
                     <div className="flex items-center justify-between text-xs">
-                      <span className="text-white font-medium">{reg.regionTh}</span>
+                      <span className="text-white font-medium">
+                        {getLocalizedRegionName(reg.region || reg.regionTh, i18n.language)}
+                      </span>
                       <span className="font-mono text-emerald-400 font-bold">
                         {fmtBaht(reg.revenue)}{' '}
-                        <span className="text-amber-400 font-normal">({reg.unitsSold} ชิ้น)</span>
+                        <span className="text-amber-400 font-normal">({reg.unitsSold} {t('salesMap.unitsSold', 'ชิ้น')})</span>
                       </span>
                     </div>
                     <div className="h-1.5 w-full bg-slate-800 rounded-full overflow-hidden flex">
@@ -851,14 +868,14 @@ export default function ProductSalesMapPage() {
               <Search className="w-4 h-4 text-slate-500 absolute left-3 top-1/2 -translate-y-1/2" />
               <input
                 type="text"
-                placeholder="ค้นหาชื่อจังหวัด หรือภาค..."
+                placeholder={t('salesMap.searchProvince', 'ค้นหาชื่อจังหวัด หรือภาค...')}
                 value={searchTable}
                 onChange={(e) => setSearchTable(e.target.value)}
                 className="w-full pl-9 pr-4 py-2 rounded-xl bg-white/5 border border-white/10 text-xs text-white placeholder-slate-500 focus:outline-none focus:border-indigo-500/40"
               />
             </div>
             <p className="text-xs text-slate-400">
-              แสดง <span className="text-white font-bold">{filteredProvinces.length}</span> จาก 77 จังหวัด
+              <span className="text-white font-bold">{filteredProvinces.length}</span> / 77 {t('salesMap.province', 'จังหวัด')}
             </p>
           </div>
 
@@ -866,15 +883,15 @@ export default function ProductSalesMapPage() {
             <table className="w-full text-xs text-left">
               <thead className="bg-white/5 text-slate-400 border-b border-white/10 uppercase">
                 <tr>
-                  <th className="px-4 py-3">รหัส</th>
-                  <th className="px-4 py-3">จังหวัด</th>
-                  <th className="px-4 py-3">ภูมิภาค</th>
-                  <th className="px-4 py-3 text-right">ยอดรวม (฿)</th>
-                  <th className="px-4 py-3 text-right">จำนวนที่ขาย (ชิ้น)</th>
+                  <th className="px-4 py-3">#</th>
+                  <th className="px-4 py-3">{t('salesMap.province', 'จังหวัด')}</th>
+                  <th className="px-4 py-3">{t('salesMap.region', 'ภูมิภาค')}</th>
+                  <th className="px-4 py-3 text-right">{t('salesMap.totalRevenue', 'ยอดรวม')} (฿)</th>
+                  <th className="px-4 py-3 text-right">{t('salesMap.unitsSold', 'จำนวนที่ขาย')}</th>
                   <th className="px-4 py-3 text-right">TikTok (฿)</th>
                   <th className="px-4 py-3 text-right">Shopee (฿)</th>
                   <th className="px-4 py-3 text-right">Lazada (฿)</th>
-                  <th className="px-4 py-3 text-center">สัดส่วนช่องทาง</th>
+                  <th className="px-4 py-3 text-center">{t('salesMap.share', 'สัดส่วนช่องทาง')}</th>
                   <th className="px-4 py-3" />
                 </tr>
               </thead>
@@ -882,7 +899,7 @@ export default function ProductSalesMapPage() {
                 {filteredProvinces.length === 0 ? (
                   <tr>
                     <td colSpan={10} className="px-4 py-12 text-center text-slate-500">
-                      ไม่พบข้อมูลจังหวัดตามคำค้นหา
+                      {t('salesMap.noData', 'ไม่พบข้อมูลจังหวัดตามคำค้นหา')}
                     </td>
                   </tr>
                 ) : (
@@ -890,18 +907,21 @@ export default function ProductSalesMapPage() {
                     <tr key={p.code} className="border-b border-white/5 hover:bg-white/[0.04] transition-colors">
                       <td className="px-4 py-3 font-mono text-slate-500">{p.code}</td>
                       <td className="px-4 py-3 font-bold text-white">
-                        {p.nameTh} <span className="text-slate-500 text-[10px] font-normal font-mono">({p.nameEn})</span>
+                        {getLocalizedProvinceName(p.nameTh, i18n.language)}{' '}
+                        <span className="text-slate-500 text-[10px] font-normal font-mono">
+                          ({i18n.language === 'en' ? p.nameTh : p.nameEn})
+                        </span>
                       </td>
                       <td className="px-4 py-3">
                         <span className="px-2 py-0.5 rounded text-[10px] bg-white/5 text-slate-300 border border-white/10">
-                          {p.regionTh}
+                          {getLocalizedRegionName(p.region || p.regionTh, i18n.language)}
                         </span>
                       </td>
                       <td className="px-4 py-3 text-right font-mono font-bold text-emerald-400">
                         {p.revenue > 0 ? fmtBaht(p.revenue) : '-'}
                       </td>
                       <td className="px-4 py-3 text-right font-mono text-amber-400 font-bold">
-                        {p.unitsSold > 0 ? `${p.unitsSold} ชิ้น` : '-'}
+                        {p.unitsSold > 0 ? `${p.unitsSold} ${t('salesMap.unitsSold', 'ชิ้น')}` : '-'}
                       </td>
                       <td className="px-4 py-3 text-right font-mono text-rose-400">
                         {p.tiktokRevenue > 0 ? fmtBaht(p.tiktokRevenue) : '-'}
@@ -938,7 +958,7 @@ export default function ProductSalesMapPage() {
                           }}
                           className="px-2.5 py-1 rounded-lg bg-white/5 hover:bg-indigo-500/20 hover:text-indigo-300 text-slate-400 border border-white/10 text-xs transition-colors"
                         >
-                          ดูรายอำเภอ
+                          {t('salesMap.viewDistricts', 'ดูรายอำเภอ')}
                         </button>
                       </td>
                     </tr>
diff --git a/apps/admin/src/pages/tools/MarketplaceProductsPage.tsx b/apps/admin/src/pages/tools/MarketplaceProductsPage.tsx
index bcb893d..e566837 100644
--- a/apps/admin/src/pages/tools/MarketplaceProductsPage.tsx
+++ b/apps/admin/src/pages/tools/MarketplaceProductsPage.tsx
@@ -17,6 +17,7 @@ import {
   ChevronRight,
   Loader2,
 } from 'lucide-react';
+import { useTranslation } from 'react-i18next';
 import { API_BASE } from '@homaroma/types';
 import { fmtBaht, fmtNum } from '../../utils/thaiGeoUtils';
 import { TIKTOK_SHOPS } from '../TiktokOrderPage';
@@ -38,6 +39,7 @@ interface MasterVariant {
 }
 
 export default function MarketplaceProductsPage() {
+  const { t } = useTranslation();
   const [loading, setLoading] = useState(false);
   const [syncing, setSyncing] = useState(false);
   const [autoMatching, setAutoMatching] = useState(false);
@@ -89,7 +91,7 @@ export default function MarketplaceProductsPage() {
       .then((res) => setData(res))
       .catch((err) => {
         console.error('Failed to load marketplace products:', err);
-        showToast('เกิดข้อผิดพลาดในการโหลดข้อมูลสินค้า', 'error');
+        showToast(t('marketplaceProducts.toastLoadError', 'เกิดข้อผิดพลาดในการโหลดข้อมูลสินค้า'), 'error');
       })
       .finally(() => setLoading(false));
   };
@@ -131,16 +133,20 @@ export default function MarketplaceProductsPage() {
       const result = await res.json();
       if (result.success) {
         showToast(
-          `Sync ข้อมูลสินค้าเรียบร้อย! ทั้งหมด ${fmtNum(result.totalMarketplaceProducts)} รายการ (จับคู่ใหม่อัตโนมัติ ${result.matchedCount} รายการ)`,
+          t('marketplaceProducts.toastSyncSuccess', {
+            total: fmtNum(result.totalMarketplaceProducts),
+            matched: result.matchedCount,
+            defaultValue: `Sync ข้อมูลสินค้าเรียบร้อย! ทั้งหมด ${fmtNum(result.totalMarketplaceProducts)} รายการ (จับคู่ใหม่อัตโนมัติ ${result.matchedCount} รายการ)`,
+          }),
           'success'
         );
         fetchData();
       } else {
-        showToast('ไม่สามารถ Sync ข้อมูลได้', 'error');
+        showToast(t('marketplaceProducts.toastSyncError', 'ไม่สามารถ Sync ข้อมูลได้'), 'error');
       }
     } catch (err) {
       console.error(err);
-      showToast('เกิดข้อผิดพลาดในการเชื่อมต่อ Sync', 'error');
+      showToast(t('marketplaceProducts.toastSyncConnError', 'เกิดข้อผิดพลาดในการเชื่อมต่อ Sync'), 'error');
     } finally {
       setSyncing(false);
     }
@@ -160,14 +166,18 @@ export default function MarketplaceProductsPage() {
       const result = await res.json();
       if (result.success) {
         showToast(
-          `Auto-Match สำเร็จ! จับคู่ SKU ตรงกันได้เพิ่ม ${fmtNum(result.matched)} รายการ (คงเหลือยังไม่ผูก ${fmtNum(result.remainingUnmapped)} รายการ)`,
+          t('marketplaceProducts.toastAutoMatchSuccess', {
+            matched: fmtNum(result.matched),
+            remaining: fmtNum(result.remainingUnmapped),
+            defaultValue: `Auto-Match สำเร็จ! จับคู่ SKU ตรงกันได้เพิ่ม ${fmtNum(result.matched)} รายการ (คงเหลือยังไม่ผูก ${fmtNum(result.remainingUnmapped)} รายการ)`,
+          }),
           'success'
         );
         fetchData();
       }
     } catch (err) {
       console.error(err);
-      showToast('เกิดข้อผิดพลาดในการ Auto-Match', 'error');
+      showToast(t('marketplaceProducts.toastAutoMatchError', 'เกิดข้อผิดพลาดในการ Auto-Match'), 'error');
     } finally {
       setAutoMatching(false);
     }
@@ -187,13 +197,18 @@ export default function MarketplaceProductsPage() {
       });
       const result = await res.json();
       if (result.success) {
-        showToast(masterVariantId ? 'ผูกสินค้ากับ Master Catalog เรียบร้อย' : 'ยกเลิกการผูกสินค้าเรียบร้อย', 'success');
+        showToast(
+          masterVariantId
+            ? t('marketplaceProducts.toastMapSuccess', 'ผูกสินค้ากับ Master Catalog เรียบร้อย')
+            : t('marketplaceProducts.toastUnlinkSuccess', 'ยกเลิกการผูกสินค้าเรียบร้อย'),
+          'success'
+        );
         setMappingModalItem(null);
         fetchData();
       }
     } catch (err) {
       console.error(err);
-      showToast('ไม่สามารถบันทึกการผูกสินค้าได้', 'error');
+      showToast(t('marketplaceProducts.toastMapError', 'ไม่สามารถบันทึกการผูกสินค้าได้'), 'error');
     } finally {
       setSavingMapping(false);
     }
@@ -247,13 +262,18 @@ export default function MarketplaceProductsPage() {
           </div>
           <div>
             <div className="flex items-center gap-2">
-              <h1 className="text-3xl font-bold text-white tracking-tight">Marketplace Products & SKU Manager</h1>
+              <h1 className="text-3xl font-bold text-white tracking-tight">
+                {t('marketplaceProducts.title', 'Marketplace Products & SKU Manager')}
+              </h1>
               <span className="px-2.5 py-0.5 rounded-full text-xs font-bold bg-amber-500/15 text-amber-400 border border-amber-500/30">
-                Tool • TikTok + Shopee + Lazada
+                {t('marketplaceProducts.badge', 'Tool • TikTok + Shopee + Lazada')}
               </span>
             </div>
             <p className="text-xs text-slate-400 mt-0.5">
-              รวมรายการสินค้าที่ขายได้จากทุก Marketplace และเชื่อมโยง (SKU Mapping) เข้ากับ Master Catalog เพื่อวิเคราะห์ต้นทุนและกำไร
+              {t(
+                'marketplaceProducts.subtitle',
+                'รวมรายการสินค้าที่ขายได้จากทุก Marketplace และเชื่อมโยง (SKU Mapping) เข้ากับ Master Catalog เพื่อวิเคราะห์ต้นทุนและกำไร'
+              )}
             </p>
           </div>
         </div>
@@ -266,7 +286,7 @@ export default function MarketplaceProductsPage() {
             className="flex items-center gap-2 px-4 py-2.5 rounded-xl bg-white/5 hover:bg-white/10 text-slate-200 hover:text-white border border-white/10 text-xs font-bold transition-all disabled:opacity-50"
           >
             {autoMatching ? <Loader2 className="w-4 h-4 animate-spin text-amber-400" /> : <Sparkles className="w-4 h-4 text-amber-400" />}
-            <span>⚡ Auto-Match SKUs</span>
+            <span>{t('marketplaceProducts.autoMatch', '⚡ Auto-Match SKUs')}</span>
           </button>
 
           <button
@@ -275,7 +295,11 @@ export default function MarketplaceProductsPage() {
             className="flex items-center gap-2 px-5 py-2.5 rounded-xl bg-gradient-to-r from-amber-500 via-orange-500 to-rose-500 hover:from-amber-600 hover:to-rose-600 text-slate-950 font-black text-xs shadow-lg shadow-orange-500/20 transition-all disabled:opacity-50"
           >
             <RefreshCw className={`w-4 h-4 ${syncing ? 'animate-spin' : ''}`} />
-            <span>{syncing ? 'กำลังประมวลผลดึงข้อมูล...' : '🔄 Sync จาก Order ทั้งหมด'}</span>
+            <span>
+              {syncing
+                ? t('marketplaceProducts.syncing', 'กำลังประมวลผลดึงข้อมูล...')
+                : t('marketplaceProducts.syncFromOrders', '🔄 Sync จาก Order ทั้งหมด')}
+            </span>
           </button>
         </div>
       </div>
@@ -285,15 +309,20 @@ export default function MarketplaceProductsPage() {
         {/* Total SKUs */}
         <div className="bg-white/5 border border-white/10 rounded-2xl p-5 flex flex-col justify-between gap-3">
           <div className="flex items-center justify-between">
-            <p className="text-xs text-slate-400 uppercase tracking-widest font-semibold">สินค้าบน Marketplace</p>
+            <p className="text-xs text-slate-400 uppercase tracking-widest font-semibold">
+              {t('marketplaceProducts.kpiTotalSkus', 'สินค้าบน Marketplace')}
+            </p>
             <Package className="w-4 h-4 text-amber-400" />
           </div>
           <div>
             <p className="text-2xl font-bold text-white font-mono">
-              {fmtNum(kpi?.totalSkus || 0)} <span className="text-xs font-normal text-slate-400">รายการ/SKU</span>
+              {fmtNum(kpi?.totalSkus || 0)}{' '}
+              <span className="text-xs font-normal text-slate-400">
+                {t('marketplaceProducts.skuUnit', 'รายการ/SKU')}
+              </span>
             </p>
             <p className="text-xs text-slate-400 mt-1">
-              รวมทุกรูปแบบสินค้าที่เคยขายได้
+              {t('marketplaceProducts.kpiTotalSkusSub', 'รวมทุกรูปแบบสินค้าที่เคยขายได้')}
             </p>
           </div>
         </div>
@@ -301,7 +330,9 @@ export default function MarketplaceProductsPage() {
         {/* Mapping Progress */}
         <div className="bg-white/5 border border-white/10 rounded-2xl p-5 flex flex-col justify-between gap-3">
           <div className="flex items-center justify-between">
-            <p className="text-xs text-slate-400 uppercase tracking-widest font-semibold">สถานะการผูก Master SKU</p>
+            <p className="text-xs text-slate-400 uppercase tracking-widest font-semibold">
+              {t('marketplaceProducts.kpiMappingProgress', 'สถานะการผูก Master SKU')}
+            </p>
             <Link2 className="w-4 h-4 text-cyan-400" />
           </div>
           <div>
@@ -321,7 +352,9 @@ export default function MarketplaceProductsPage() {
               />
             </div>
             <p className="text-[11px] text-slate-400 mt-1 font-mono">
-              ยังไม่ผูก: <span className="text-rose-400 font-bold">{kpi?.unmappedSkus || 0}</span> รายการ
+              {t('marketplaceProducts.unmappedLabel', 'ยังไม่ผูก:')}{' '}
+              <span className="text-rose-400 font-bold">{kpi?.unmappedSkus || 0}</span>{' '}
+              {t('marketplaceProducts.itemUnit', 'รายการ')}
             </p>
           </div>
         </div>
@@ -329,15 +362,20 @@ export default function MarketplaceProductsPage() {
         {/* Total Sold Units */}
         <div className="bg-white/5 border border-white/10 rounded-2xl p-5 flex flex-col justify-between gap-3">
           <div className="flex items-center justify-between">
-            <p className="text-xs text-slate-400 uppercase tracking-widest font-semibold">จำนวนชิ้นที่ขายได้รวม</p>
+            <p className="text-xs text-slate-400 uppercase tracking-widest font-semibold">
+              {t('marketplaceProducts.kpiTotalSold', 'จำนวนชิ้นที่ขายได้รวม')}
+            </p>
             <ShoppingBag className="w-4 h-4 text-orange-400" />
           </div>
           <div>
             <p className="text-2xl font-bold text-orange-400 font-mono">
-              {fmtNum(kpi?.totalSoldQty || 0)} <span className="text-xs font-normal text-slate-400">ชิ้น</span>
+              {fmtNum(kpi?.totalSoldQty || 0)}{' '}
+              <span className="text-xs font-normal text-slate-400">
+                {t('marketplaceProducts.unitsSold', 'ชิ้น')}
+              </span>
             </p>
             <p className="text-xs text-slate-400 mt-1">
-              ยอดขายรวมสะสมจากทุกออเดอร์
+              {t('marketplaceProducts.kpiTotalSoldSub', 'ยอดขายรวมสะสมจากทุกออเดอร์')}
             </p>
           </div>
         </div>
@@ -345,7 +383,9 @@ export default function MarketplaceProductsPage() {
         {/* Total Revenue */}
         <div className="bg-white/5 border border-white/10 rounded-2xl p-5 flex flex-col justify-between gap-3">
           <div className="flex items-center justify-between">
-            <p className="text-xs text-slate-400 uppercase tracking-widest font-semibold">ยอดขายรวม (Gross)</p>
+            <p className="text-xs text-slate-400 uppercase tracking-widest font-semibold">
+              {t('marketplaceProducts.kpiTotalRevenue', 'ยอดขายรวม (Gross)')}
+            </p>
             <DollarSign className="w-4 h-4 text-emerald-400" />
           </div>
           <div>
@@ -353,7 +393,7 @@ export default function MarketplaceProductsPage() {
               {fmtBaht(kpi?.totalRevenue || 0)}
             </p>
             <p className="text-xs text-slate-400 mt-1">
-              ยอดเงินที่ได้รับจากลูกค้า
+              {t('marketplaceProducts.kpiTotalRevenueSub', 'ยอดเงินที่ได้รับจากลูกค้า')}
             </p>
           </div>
         </div>
@@ -361,7 +401,9 @@ export default function MarketplaceProductsPage() {
         {/* Est. Gross Profit (From Linked BOM) */}
         <div className="bg-white/5 border border-white/10 rounded-2xl p-5 flex flex-col justify-between gap-3">
           <div className="flex items-center justify-between">
-            <p className="text-xs text-slate-400 uppercase tracking-widest font-semibold">กำไรขั้นต้นประเมิน (BOM)</p>
+            <p className="text-xs text-slate-400 uppercase tracking-widest font-semibold">
+              {t('marketplaceProducts.kpiEstProfit', 'กำไรขั้นต้นประเมิน (BOM)')}
+            </p>
             <TrendingUp className="w-4 h-4 text-amber-400" />
           </div>
           <div>
@@ -369,7 +411,8 @@ export default function MarketplaceProductsPage() {
               {fmtBaht(kpi?.totalEstProfit || 0)}
             </p>
             <p className="text-xs text-slate-400 mt-1 font-mono">
-              Margin รวม: <span className="text-emerald-400 font-bold">{kpi?.grossProfitMargin?.toFixed(1)}%</span>
+              {t('marketplaceProducts.marginLabel', 'Margin รวม:')}{' '}
+              <span className="text-emerald-400 font-bold">{kpi?.grossProfitMargin?.toFixed(1)}%</span>
             </p>
           </div>
         </div>
@@ -389,7 +432,7 @@ export default function MarketplaceProductsPage() {
                 channel === 'all' ? 'bg-white/15 text-white shadow' : 'text-slate-400 hover:text-white'
               }`}
             >
-              🌐 ทุกช่องทาง
+              {t('marketplaceProducts.allChannels', '🌐 ทุกช่องทาง')}
             </button>
             <button
               onClick={() => {
@@ -402,7 +445,7 @@ export default function MarketplaceProductsPage() {
                   : 'text-slate-400 hover:text-rose-400'
               }`}
             >
-              🔴 TikTok
+              {t('marketplaceProducts.tiktok', '🔴 TikTok')}
             </button>
             <button
               onClick={() => {
@@ -415,7 +458,7 @@ export default function MarketplaceProductsPage() {
                   : 'text-slate-400 hover:text-orange-400'
               }`}
             >
-              🟠 Shopee
+              {t('marketplaceProducts.shopee', '🟠 Shopee')}
             </button>
             <button
               onClick={() => {
@@ -428,13 +471,13 @@ export default function MarketplaceProductsPage() {
                   : 'text-slate-400 hover:text-blue-400'
               }`}
             >
-              🔵 Lazada
+              {t('marketplaceProducts.lazada', '🔵 Lazada')}
             </button>
           </div>
 
           {/* Shop Selector */}
           <div className="flex items-center gap-2 text-xs">
-            <span className="text-slate-400">ร้านค้า:</span>
+            <span className="text-slate-400">{t('marketplaceProducts.shopLabel', 'ร้านค้า:')}</span>
             <select
               value={shop}
               onChange={(e) => {
@@ -443,7 +486,7 @@ export default function MarketplaceProductsPage() {
               }}
               className="px-2.5 py-1.5 rounded-xl bg-black/40 border border-white/10 text-white font-medium focus:outline-none"
             >
-              <option value="all">ทุกร้านค้า (All Shops)</option>
+              <option value="all">{t('marketplaceProducts.allShops', 'ทุกร้านค้า (All Shops)')}</option>
               {channel === 'tiktok' &&
                 TIKTOK_SHOPS.map((s) => (
                   <option key={s.id} value={s.id}>
@@ -503,7 +546,7 @@ export default function MarketplaceProductsPage() {
                   : 'bg-white/5 text-slate-400 border-white/5 hover:text-white'
               }`}
             >
-              ทั้งหมด
+              {t('marketplaceProducts.statusAll', 'ทั้งหมด')}
             </button>
             <button
               onClick={() => {
@@ -517,7 +560,7 @@ export default function MarketplaceProductsPage() {
               }`}
             >
               <CheckCircle2 className="w-3.5 h-3.5 inline mr-1 text-cyan-400" />
-              ผูกแล้ว (Mapped)
+              {t('marketplaceProducts.statusMapped', 'ผูกแล้ว (Mapped)')}
             </button>
             <button
               onClick={() => {
@@ -531,7 +574,7 @@ export default function MarketplaceProductsPage() {
               }`}
             >
               <AlertCircle className="w-3.5 h-3.5 inline mr-1 text-rose-400" />
-              ยังไม่ผูก (Unmapped)
+              {t('marketplaceProducts.statusUnmapped', 'ยังไม่ผูก (Unmapped)')}
             </button>
           </div>
         </div>
@@ -542,7 +585,10 @@ export default function MarketplaceProductsPage() {
             <Search className="w-4 h-4 text-slate-500 absolute left-3 top-1/2 -translate-y-1/2" />
             <input
               type="text"
-              placeholder="ค้นหาชื่อสินค้า, SKU, ตัวเลือก, หรือ Master Variant..."
+              placeholder={t(
+                'marketplaceProducts.searchPlaceholder',
+                'ค้นหาชื่อสินค้า, SKU, ตัวเลือก, หรือ Master Variant...'
+              )}
               value={search}
               onChange={(e) => {
                 setSearch(e.target.value);
@@ -554,7 +600,7 @@ export default function MarketplaceProductsPage() {
 
           <div className="flex items-center gap-3 text-xs">
             <div className="flex items-center gap-2">
-              <span className="text-slate-400">เรียงตาม:</span>
+              <span className="text-slate-400">{t('marketplaceProducts.sortBy', 'เรียงตาม:')}</span>
               <select
                 value={sortBy}
                 onChange={(e) => {
@@ -563,10 +609,10 @@ export default function MarketplaceProductsPage() {
                 }}
                 className="px-2.5 py-1 rounded-lg bg-black/40 border border-white/10 text-white font-medium focus:outline-none"
               >
-                <option value="revenue">ยอดขายรวมสูงสุด (Revenue)</option>
-                <option value="sold">จำนวนชิ้นขายสูงสุด (Sold Qty)</option>
-                <option value="name">ชื่อสินค้า (A-Z)</option>
-                <option value="recent">ขายล่าสุด (Recent)</option>
+                <option value="revenue">{t('marketplaceProducts.sortRevenue', 'ยอดขายรวมสูงสุด (Revenue)')}</option>
+                <option value="sold">{t('marketplaceProducts.sortSold', 'จำนวนชิ้นขายสูงสุด (Sold Qty)')}</option>
+                <option value="name">{t('marketplaceProducts.sortName', 'ชื่อสินค้า (A-Z)')}</option>
+                <option value="recent">{t('marketplaceProducts.sortRecent', 'ขายล่าสุด (Recent)')}</option>
               </select>
             </div>
           </div>
@@ -579,16 +625,20 @@ export default function MarketplaceProductsPage() {
           <table className="w-full text-xs text-left">
             <thead className="bg-white/5 text-slate-400 border-b border-white/10 uppercase tracking-wider">
               <tr>
-                <th className="px-4 py-3.5">ช่องทาง / ร้านค้า</th>
-                <th className="px-4 py-3.5">ชื่อสินค้า & ตัวเลือก (Marketplace)</th>
-                <th className="px-4 py-3.5">Seller SKU</th>
-                <th className="px-4 py-3.5 text-right">จำนวนที่ขาย</th>
-                <th className="px-4 py-3.5 text-right">ยอดขายรวม (฿)</th>
-                <th className="px-4 py-3.5 text-right">ราคาเฉลี่ย</th>
-                <th className="px-4 py-3.5">สินค้า Master (Core Catalog)</th>
-                <th className="px-4 py-3.5 text-right">ต้นทุน BOM (฿)</th>
-                <th className="px-4 py-3.5 text-right">กำไรประเมิน</th>
-                <th className="px-4 py-3.5 text-center">จัดการ</th>
+                <th className="px-4 py-3.5">{t('marketplaceProducts.thChannelShop', 'ช่องทาง / ร้านค้า')}</th>
+                <th className="px-4 py-3.5">
+                  {t('marketplaceProducts.thProductName', 'ชื่อสินค้า & ตัวเลือก (Marketplace)')}
+                </th>
+                <th className="px-4 py-3.5">{t('marketplaceProducts.thSku', 'Seller SKU')}</th>
+                <th className="px-4 py-3.5 text-right">{t('marketplaceProducts.thSoldQty', 'จำนวนที่ขาย')}</th>
+                <th className="px-4 py-3.5 text-right">{t('marketplaceProducts.thTotalRevenue', 'ยอดขายรวม (฿)')}</th>
+                <th className="px-4 py-3.5 text-right">{t('marketplaceProducts.thAvgPrice', 'ราคาเฉลี่ย')}</th>
+                <th className="px-4 py-3.5">
+                  {t('marketplaceProducts.thMasterProduct', 'สินค้า Master (Core Catalog)')}
+                </th>
+                <th className="px-4 py-3.5 text-right">{t('marketplaceProducts.thBomCost', 'ต้นทุน BOM (฿)')}</th>
+                <th className="px-4 py-3.5 text-right">{t('marketplaceProducts.thEstProfit', 'กำไรประเมิน')}</th>
+                <th className="px-4 py-3.5 text-center">{t('marketplaceProducts.thActions', 'จัดการ')}</th>
               </tr>
             </thead>
             <tbody className="divide-y divide-white/5">
@@ -596,18 +646,18 @@ export default function MarketplaceProductsPage() {
                 <tr>
                   <td colSpan={10} className="px-4 py-16 text-center text-slate-400">
                     <Loader2 className="w-6 h-6 animate-spin mx-auto mb-2 text-amber-400" />
-                    กำลังโหลดข้อมูลสินค้า...
+                    {t('marketplaceProducts.loading', 'กำลังโหลดข้อมูลสินค้า...')}
                   </td>
                 </tr>
               ) : items.length === 0 ? (
                 <tr>
                   <td colSpan={10} className="px-4 py-16 text-center text-slate-400 space-y-2">
-                    <p>ไม่พบรายการสินค้าตามเงื่อนไขที่เลือก</p>
+                    <p>{t('marketplaceProducts.noData', 'ไม่พบรายการสินค้าตามเงื่อนไขที่เลือก')}</p>
                     <button
                       onClick={handleSyncAll}
                       className="px-4 py-2 rounded-xl bg-amber-500/20 text-amber-300 border border-amber-500/30 text-xs font-bold hover:bg-amber-500/30 transition-all"
                     >
-                      กดเพื่อ Sync ข้อมูลจากออเดอร์
+                      {t('marketplaceProducts.clickToSync', 'กดเพื่อ Sync ข้อมูลจากออเดอร์')}
                     </button>
                   </td>
                 </tr>
@@ -645,7 +695,7 @@ export default function MarketplaceProductsPage() {
                         </p>
                         {item.variation && (
                           <span className="inline-block mt-1 px-2 py-0.5 rounded text-[10px] bg-white/5 text-amber-300 border border-white/10">
-                            ตัวเลือก: {item.variation}
+                            {t('marketplaceProducts.variationPrefix', 'ตัวเลือก:')} {item.variation}
                           </span>
                         )}
                       </td>
@@ -663,7 +713,10 @@ export default function MarketplaceProductsPage() {
 
                       {/* Sold Qty */}
                       <td className="px-4 py-3.5 text-right font-mono font-bold text-white">
-                        {fmtNum(item.totalSoldQty)} <span className="text-[10px] font-normal text-slate-500">ชิ้น</span>
+                        {fmtNum(item.totalSoldQty)}{' '}
+                        <span className="text-[10px] font-normal text-slate-500">
+                          {t('marketplaceProducts.unitsSold', 'ชิ้น')}
+                        </span>
                       </td>
 
                       {/* Total Revenue */}
@@ -693,7 +746,8 @@ export default function MarketplaceProductsPage() {
                           </div>
                         ) : (
                           <span className="inline-flex items-center gap-1 px-2.5 py-1 rounded-lg text-[10px] font-semibold bg-rose-500/10 text-rose-300 border border-rose-500/20">
-                            <AlertCircle className="w-3 h-3 text-rose-400" /> ยังไม่ผูก SKU
+                            <AlertCircle className="w-3 h-3 text-rose-400" />{' '}
+                            {t('marketplaceProducts.unmappedBadge', 'ยังไม่ผูก SKU')}
                           </span>
                         )}
                       </td>
@@ -702,11 +756,18 @@ export default function MarketplaceProductsPage() {
                       <td className="px-4 py-3.5 text-right font-mono">
                         {hasMapping && profit?.unitBomCost > 0 ? (
                           <div>
-                            <span className="text-slate-300">{fmtBaht(profit.unitBomCost)}/ชิ้น</span>
-                            <p className="text-[10px] text-slate-500">รวม {fmtBaht(profit.totalCost)}</p>
+                            <span className="text-slate-300">
+                              {fmtBaht(profit.unitBomCost)}
+                              {t('marketplaceProducts.perUnit', '/ชิ้น')}
+                            </span>
+                            <p className="text-[10px] text-slate-500">
+                              {t('marketplaceProducts.totalPrefix', 'รวม')} {fmtBaht(profit.totalCost)}
+                            </p>
                           </div>
                         ) : hasMapping ? (
-                          <span className="text-slate-500 text-[10px]">ยังไม่ตั้ง BOM</span>
+                          <span className="text-slate-500 text-[10px]">
+                            {t('marketplaceProducts.noBom', 'ยังไม่ตั้ง BOM')}
+                          </span>
                         ) : (
                           <span className="text-slate-600">-</span>
                         )}
@@ -717,7 +778,9 @@ export default function MarketplaceProductsPage() {
                         {hasMapping && profit ? (
                           <div>
                             <span className="font-bold text-amber-400">{fmtBaht(profit.profit)}</span>
-                            <p className="text-[10px] text-emerald-400 font-bold">{profit.marginPercent.toFixed(1)}% margin</p>
+                            <p className="text-[10px] text-emerald-400 font-bold">
+                              {profit.marginPercent.toFixed(1)}% margin
+                            </p>
                           </div>
                         ) : (
                           <span className="text-slate-600">-</span>
@@ -735,7 +798,11 @@ export default function MarketplaceProductsPage() {
                           className="px-2.5 py-1.5 rounded-xl bg-white/5 hover:bg-amber-500/20 hover:text-amber-300 text-slate-300 border border-white/10 text-xs font-semibold transition-all inline-flex items-center gap-1.5"
                         >
                           <Link2 className="w-3.5 h-3.5" />
-                          <span>{hasMapping ? 'เปลี่ยนผูก' : 'ผูกสินค้า'}</span>
+                          <span>
+                            {hasMapping
+                              ? t('marketplaceProducts.changeMapping', 'เปลี่ยนผูก')
+                              : t('marketplaceProducts.mapProduct', 'ผูกสินค้า')}
+                          </span>
                         </button>
                       </td>
                     </tr>
@@ -750,8 +817,11 @@ export default function MarketplaceProductsPage() {
         {pagination && pagination.totalPages > 1 && (
           <div className="p-4 border-t border-white/10 flex flex-col sm:flex-row sm:items-center justify-between gap-3 bg-white/[0.01]">
             <p className="text-xs text-slate-400">
-              แสดงหน้าที่ <strong className="text-white">{pagination.page}</strong> จาก{' '}
-              <strong className="text-white">{pagination.totalPages}</strong> (ทั้งหมด {fmtNum(pagination.total)} รายการ)
+              {t('common.showingPage', 'แสดงหน้าที่')}{' '}
+              <strong className="text-white">{pagination.page}</strong> {t('common.of', 'จาก')}{' '}
+              <strong className="text-white">{pagination.totalPages}</strong> (
+              {t('marketplaceProducts.totalPrefix', 'ทั้งหมด')} {fmtNum(pagination.total)}{' '}
+              {t('marketplaceProducts.itemUnit', 'รายการ')})
             </p>
             <div className="flex items-center gap-2">
               <button
@@ -759,14 +829,14 @@ export default function MarketplaceProductsPage() {
                 disabled={pagination.page <= 1}
                 className="px-3 py-1.5 rounded-xl bg-white/5 hover:bg-white/10 text-slate-300 disabled:opacity-30 text-xs border border-white/10 transition-all flex items-center gap-1"
               >
-                <ChevronLeft className="w-4 h-4" /> ก่อนหน้า
+                <ChevronLeft className="w-4 h-4" /> {t('common.prev', 'ก่อนหน้า')}
               </button>
               <button
                 onClick={() => setPage((p) => Math.min(p + 1, pagination.totalPages))}
                 disabled={pagination.page >= pagination.totalPages}
                 className="px-3 py-1.5 rounded-xl bg-white/5 hover:bg-white/10 text-slate-300 disabled:opacity-30 text-xs border border-white/10 transition-all flex items-center gap-1"
               >
-                ถัดไป <ChevronRight className="w-4 h-4" />
+                {t('common.next', 'ถัดไป')} <ChevronRight className="w-4 h-4" />
               </button>
             </div>
           </div>
@@ -784,8 +854,12 @@ export default function MarketplaceProductsPage() {
                   <Link2 className="w-5 h-5 text-amber-400" />
                 </div>
                 <div>
-                  <h3 className="font-bold text-white text-base">ผูกสินค้า Marketplace เข้า Master Catalog</h3>
-                  <p className="text-xs text-slate-400">เลือกสินค้า/ขนาดจากระบบหลักที่ตรงกับรายการนี้</p>
+                  <h3 className="font-bold text-white text-base">
+                    {t('marketplaceProducts.modalTitle', 'ผูกสินค้า Marketplace เข้า Master Catalog')}
+                  </h3>
+                  <p className="text-xs text-slate-400">
+                    {t('marketplaceProducts.modalSubtitle', 'เลือกสินค้า/ขนาดจากระบบหลักที่ตรงกับรายการนี้')}
+                  </p>
                 </div>
               </div>
               <button
@@ -799,7 +873,9 @@ export default function MarketplaceProductsPage() {
             {/* Target Marketplace Item Summary */}
             <div className="p-4 mx-6 mt-4 bg-white/5 border border-white/10 rounded-xl space-y-1.5 text-xs">
               <div className="flex items-center gap-2">
-                <span className="text-slate-400">สินค้าบน {mappingModalItem.channel.toUpperCase()} ({mappingModalItem.shop}):</span>
+                <span className="text-slate-400">
+                  {t('marketplaceProducts.productOn', 'สินค้าบน')} {mappingModalItem.channel.toUpperCase()} ({mappingModalItem.shop}):
+                </span>
                 {mappingModalItem.marketplaceSku && (
                   <span className="px-2 py-0.2 rounded bg-black/40 text-amber-300 font-mono">
                     SKU: {mappingModalItem.marketplaceSku}
@@ -808,12 +884,24 @@ export default function MarketplaceProductsPage() {
               </div>
               <p className="font-bold text-white text-sm">{mappingModalItem.productName}</p>
               {mappingModalItem.variation && (
-                <p className="text-amber-400">ตัวเลือก: {mappingModalItem.variation}</p>
+                <p className="text-amber-400">
+                  {t('marketplaceProducts.variationPrefix', 'ตัวเลือก:')} {mappingModalItem.variation}
+                </p>
               )}
               <div className="flex items-center gap-4 text-slate-400 font-mono pt-1">
-                <span>ขายแล้ว: <strong className="text-white">{fmtNum(mappingModalItem.totalSoldQty)}</strong> ชิ้น</span>
-                <span>ยอดขาย: <strong className="text-emerald-400">{fmtBaht(mappingModalItem.totalRevenue)}</strong></span>
-                <span>ราคาเฉลี่ย: <strong className="text-amber-400">{fmtBaht(mappingModalItem.avgPrice)}</strong></span>
+                <span>
+                  {t('marketplaceProducts.soldLabel', 'ขายแล้ว:')}{' '}
+                  <strong className="text-white">{fmtNum(mappingModalItem.totalSoldQty)}</strong>{' '}
+                  {t('marketplaceProducts.unitsSold', 'ชิ้น')}
+                </span>
+                <span>
+                  {t('marketplaceProducts.revenueLabel', 'ยอดขาย:')}{' '}
+                  <strong className="text-emerald-400">{fmtBaht(mappingModalItem.totalRevenue)}</strong>
+                </span>
+                <span>
+                  {t('marketplaceProducts.avgPriceLabel', 'ราคาเฉลี่ย:')}{' '}
+                  <strong className="text-amber-400">{fmtBaht(mappingModalItem.avgPrice)}</strong>
+                </span>
               </div>
             </div>
 
@@ -823,7 +911,10 @@ export default function MarketplaceProductsPage() {
                 <Search className="w-4 h-4 text-slate-500 absolute left-3 top-1/2 -translate-y-1/2" />
                 <input
                   type="text"
-                  placeholder="พิมพ์ค้นหาชื่อสินค้าหลัก, รหัส SKU, หรือขนาด (เช่น 50ml, 120ml)..."
+                  placeholder={t(
+                    'marketplaceProducts.modalSearchPlaceholder',
+                    'พิมพ์ค้นหาชื่อสินค้าหลัก, รหัส SKU, หรือขนาด (เช่น 50ml, 120ml)...'
+                  )}
                   value={variantSearch}
                   onChange={(e) => setVariantSearch(e.target.value)}
                   className="w-full pl-9 pr-4 py-2 rounded-xl bg-black/40 border border-white/10 text-xs text-white placeholder-slate-500 focus:outline-none focus:border-amber-500/40"
@@ -834,7 +925,7 @@ export default function MarketplaceProductsPage() {
               <div className="flex-1 overflow-y-auto space-y-2 pr-1 max-h-[300px]">
                 {filteredMasterVariants.length === 0 ? (
                   <div className="py-8 text-center text-slate-500 text-xs">
-                    ไม่พบรายการสินค้า Master ในระบบที่ตรงกับคำค้นหา
+                    {t('marketplaceProducts.noMasterFound', 'ไม่พบรายการสินค้า Master ในระบบที่ตรงกับคำค้นหา')}
                   </div>
                 ) : (
                   filteredMasterVariants.map((variant) => {
@@ -861,7 +952,8 @@ export default function MarketplaceProductsPage() {
                         <div className="text-right shrink-0 font-mono text-xs">
                           <p className="text-emerald-400 font-bold">{fmtBaht(variant.price)}</p>
                           <p className="text-[10px] text-slate-400">
-                            ต้นทุน BOM: <span className="text-amber-300">{fmtBaht(variant.bomCost)}</span>
+                            {t('marketplaceProducts.bomCostLabel', 'ต้นทุน BOM:')}{' '}
+                            <span className="text-amber-300">{fmtBaht(variant.bomCost)}</span>
                           </p>
                         </div>
                       </div>
@@ -879,7 +971,7 @@ export default function MarketplaceProductsPage() {
                   disabled={savingMapping}
                   className="px-4 py-2 rounded-xl bg-rose-500/10 hover:bg-rose-500/20 text-rose-300 border border-rose-500/30 text-xs font-bold transition-all flex items-center gap-1.5"
                 >
-                  <Unlink className="w-4 h-4" /> ยกเลิกการผูก
+                  <Unlink className="w-4 h-4" /> {t('marketplaceProducts.unlink', 'ยกเลิกการผูก')}
                 </button>
               ) : <div />}
 
@@ -888,7 +980,7 @@ export default function MarketplaceProductsPage() {
                   onClick={() => setMappingModalItem(null)}
                   className="px-4 py-2 rounded-xl bg-white/5 hover:bg-white/10 text-slate-300 text-xs font-bold transition-all"
                 >
-                  ปิด
+                  {t('common.close', 'ปิด')}
                 </button>
                 <button
                   onClick={() => handleSaveMapping(mappingModalItem.id, selectedVariantId)}
@@ -896,7 +988,7 @@ export default function MarketplaceProductsPage() {
                   className="px-5 py-2 rounded-xl bg-gradient-to-r from-amber-500 to-orange-500 hover:from-amber-600 hover:to-orange-600 text-slate-950 font-black text-xs shadow-lg shadow-orange-500/20 transition-all disabled:opacity-50 flex items-center gap-1.5"
                 >
                   {savingMapping ? <Loader2 className="w-4 h-4 animate-spin" /> : <Link2 className="w-4 h-4" />}
-                  <span>บันทึกการผูกสินค้า</span>
+                  <span>{t('marketplaceProducts.saveMapping', 'บันทึกการผูกสินค้า')}</span>
                 </button>
               </div>
             </div>
diff --git a/apps/admin/src/utils/thaiGeoUtils.ts b/apps/admin/src/utils/thaiGeoUtils.ts
index ef37ba3..13d6d0f 100644
--- a/apps/admin/src/utils/thaiGeoUtils.ts
+++ b/apps/admin/src/utils/thaiGeoUtils.ts
@@ -1,4 +1,5 @@
 // Utility for formatting, region mapping and color scale for Thailand Map
+// Supports multilingual names (TH, EN, ZH, JA) for 77 provinces, regions, and districts
 
 export function fmtBaht(val: number | null | undefined): string {
   if (val == null || isNaN(val)) return '฿0.00';
@@ -46,3 +47,224 @@ export function getDistrictColor(value: number, max: number, isSelected: boolean
   if (ratio < 0.85) return '#10b981';
   return '#34d399';
 }
+
+// ─────────────────────────────────────────────────────────────────────────────
+// Multilingual Geo Dictionary (77 Provinces of Thailand)
+// ─────────────────────────────────────────────────────────────────────────────
+export interface ProvinceGeoInfo {
+  code: string;
+  th: string;
+  en: string;
+  zh: string;
+  ja: string;
+  regionKey: 'Central' | 'North' | 'Northeast' | 'East' | 'West' | 'South';
+}
+
+export const THAILAND_PROVINCES_GEO: ProvinceGeoInfo[] = [
+  { code: '10', th: 'กรุงเทพมหานคร', en: 'Bangkok', zh: '曼谷', ja: 'バンコク', regionKey: 'Central' },
+  { code: '11', th: 'สมุทรปราการ', en: 'Samut Prakan', zh: '北榄', ja: 'サムットプラーカーン', regionKey: 'Central' },
+  { code: '12', th: 'นนทบุรี', en: 'Nonthaburi', zh: '暖武里', ja: 'ノンタブリー', regionKey: 'Central' },
+  { code: '13', th: 'ปทุมธานี', en: 'Pathum Thani', zh: '巴吞他尼', ja: 'パトゥムターニー', regionKey: 'Central' },
+  { code: '14', th: 'พระนครศรีอยุธยา', en: 'Phra Nakhon Si Ayutthaya', zh: '大城 (阿瑜陀耶)', ja: 'アユタヤ', regionKey: 'Central' },
+  { code: '15', th: 'อ่างทอง', en: 'Ang Thong', zh: '红统', ja: 'アーントーン', regionKey: 'Central' },
+  { code: '16', th: 'ลพบุรี', en: 'Lop Buri', zh: '华富里', ja: 'ロッブリー', regionKey: 'Central' },
+  { code: '17', th: 'สิงห์บุรี', en: 'Sing Buri', zh: '信武里', ja: 'シンブリー', regionKey: 'Central' },
+  { code: '18', th: 'ชัยนาท', en: 'Chai Nat', zh: '猜纳', ja: 'チャイナート', regionKey: 'Central' },
+  { code: '19', th: 'สระบุรี', en: 'Saraburi', zh: '北标', ja: 'サラブリー', regionKey: 'Central' },
+  { code: '20', th: 'ชลบุรี', en: 'Chon Buri', zh: '春武里', ja: 'チョンブリー', regionKey: 'East' },
+  { code: '21', th: 'ระยอง', en: 'Rayong', zh: '罗勇', ja: 'ラヨーン', regionKey: 'East' },
+  { code: '22', th: 'จันทบุรี', en: 'Chanthaburi', zh: '尖竹汶', ja: 'チャンタブリー', regionKey: 'East' },
+  { code: '23', th: 'ตราด', en: 'Trat', zh: '达叻', ja: 'トラート', regionKey: 'East' },
+  { code: '24', th: 'ฉะเชิงเทรา', en: 'Chachoengsao', zh: '北柳', ja: 'チャチューンサオ', regionKey: 'East' },
+  { code: '25', th: 'ปราจีนบุรี', en: 'Prachin Buri', zh: '巴真', ja: 'プラーチーンブリー', regionKey: 'East' },
+  { code: '26', th: 'นครนายก', en: 'Nakhon Nayok', zh: '那空那育', ja: 'ナコーンナーヨック', regionKey: 'Central' },
+  { code: '27', th: 'สระแก้ว', en: 'Sa Kaeo', zh: '沙缴', ja: 'サケーオ', regionKey: 'East' },
+  { code: '30', th: 'นครราชสีมา', en: 'Nakhon Ratchasima', zh: '呵叻', ja: 'ナコーンラーチャシーマー', regionKey: 'Northeast' },
+  { code: '31', th: 'บุรีรัมย์', en: 'Buri Ram', zh: '武里南', ja: 'ブリーラム', regionKey: 'Northeast' },
+  { code: '32', th: 'สุรินทร์', en: 'Surin', zh: '素辇', ja: 'スリン', regionKey: 'Northeast' },
+  { code: '33', th: 'ศรีสะเกษ', en: 'Si Sa Ket', zh: '四色菊', ja: 'シーサケート', regionKey: 'Northeast' },
+  { code: '34', th: 'อุบลราชธานี', en: 'Ubon Ratchathani', zh: '乌汶', ja: 'ウボンラーチャターニー', regionKey: 'Northeast' },
+  { code: '35', th: 'ยโสธร', en: 'Yasothon', zh: '益梭通', ja: 'ヤソートーン', regionKey: 'Northeast' },
+  { code: '36', th: 'ชัยภูมิ', en: 'Chaiyaphum', zh: '猜也奔', ja: 'チャイヤプーム', regionKey: 'Northeast' },
+  { code: '37', th: 'อำนาจเจริญ', en: 'Amnat Charoen', zh: '安纳乍伦', ja: 'アムナートチャルーン', regionKey: 'Northeast' },
+  { code: '38', th: 'บึงกาฬ', en: 'Bueng Kan', zh: '汶干', ja: 'ブンカーン', regionKey: 'Northeast' },
+  { code: '39', th: 'หนองบัวลำภู', en: 'Nong Bua Lam Phu', zh: '农磨兰普', ja: 'ノーンブワラムプー', regionKey: 'Northeast' },
+  { code: '40', th: 'ขอนแก่น', en: 'Khon Kaen', zh: '孔敬', ja: 'コーンケン', regionKey: 'Northeast' },
+  { code: '41', th: 'อุดรธานี', en: 'Udon Thani', zh: '乌隆', ja: 'ウドーンターニー', regionKey: 'Northeast' },
+  { code: '42', th: 'เลย', en: 'Loei', zh: '黎府', ja: 'ルーイ', regionKey: 'Northeast' },
+  { code: '43', th: 'หนองคาย', en: 'Nong Khai', zh: '廊开', ja: 'ノーンカーイ', regionKey: 'Northeast' },
+  { code: '44', th: 'มหาสารคาม', en: 'Maha Sarakham', zh: '玛哈沙拉堪', ja: 'マハーサーラカーム', regionKey: 'Northeast' },
+  { code: '45', th: 'ร้อยเอ็ด', en: 'Roi Et', zh: '黎逸', ja: 'ローイエット', regionKey: 'Northeast' },
+  { code: '46', th: 'กาฬสินธุ์', en: 'Kalasin', zh: '加拉信', ja: 'カーラシン', regionKey: 'Northeast' },
+  { code: '47', th: 'สกลนคร', en: 'Sakon Nakhon', zh: '色军', ja: 'サコンナコーン', regionKey: 'Northeast' },
+  { code: '48', th: 'นครพนม', en: 'Nakhon Phanom', zh: '那空帕侬', ja: 'ナコーンパノム', regionKey: 'Northeast' },
+  { code: '49', th: 'มุกดาหาร', en: 'Mukdahan', zh: '穆达汉', ja: 'ムックダーハーン', regionKey: 'Northeast' },
+  { code: '50', th: 'เชียงใหม่', en: 'Chiang Mai', zh: '清迈', ja: 'チェンマイ', regionKey: 'North' },
+  { code: '51', th: 'ลำพูน', en: 'Lamphun', zh: '南奔', ja: 'ランプーン', regionKey: 'North' },
+  { code: '52', th: 'ลำปาง', en: 'Lampang', zh: '南邦', ja: 'ランパーン', regionKey: 'North' },
+  { code: '53', th: 'อุตรดิตถ์', en: 'Uttaradit', zh: '程逸', ja: 'ウッタラディット', regionKey: 'North' },
+  { code: '54', th: 'แพร่', en: 'Phrae', zh: '帕府', ja: 'プレー', regionKey: 'North' },
+  { code: '55', th: 'น่าน', en: 'Nan', zh: '难府', ja: 'ナーン', regionKey: 'North' },
+  { code: '56', th: 'พะเยา', en: 'Phayao', zh: '帕夭', ja: 'パヤオ', regionKey: 'North' },
+  { code: '57', th: 'เชียงราย', en: 'Chiang Rai', zh: '清莱', ja: 'チェンライ', regionKey: 'North' },
+  { code: '58', th: 'แม่ฮ่องสอน', en: 'Mae Hong Son', zh: '夜丰颂', ja: 'メーホンソーン', regionKey: 'North' },
+  { code: '60', th: 'นครสวรรค์', en: 'Nakhon Sawan', zh: '那空沙旺 (北榄坡)', ja: 'ナコーンサワン', regionKey: 'Central' },
+  { code: '61', th: 'อุทัยธานี', en: 'Uthai Thani', zh: '乌泰他尼', ja: 'ウタイターニー', regionKey: 'Central' },
+  { code: '62', th: 'กำแพงเพชร', en: 'Kamphaeng Phet', zh: '甘烹碧', ja: 'カンペーンペット', regionKey: 'Central' },
+  { code: '63', th: 'ตาก', en: 'Tak', zh: '达府 (来兴)', ja: 'ターク', regionKey: 'West' },
+  { code: '64', th: 'สุโขทัย', en: 'Sukhothai', zh: '素可泰', ja: 'スコータイ', regionKey: 'Central' },
+  { code: '65', th: 'พิษณุโลก', en: 'Phitsanulok', zh: '彭世洛', ja: 'ピッサヌローク', regionKey: 'Central' },
+  { code: '66', th: 'พิจิตร', en: 'Phichit', zh: '披集', ja: 'ピチット', regionKey: 'Central' },
+  { code: '67', th: 'เพชรบูรณ์', en: 'Phetchabun', zh: '碧差汶', ja: 'ペッチャブーン', regionKey: 'Central' },
+  { code: '70', th: 'ราชบุรี', en: 'Ratchaburi', zh: '叻丕', ja: 'ラーチャブリー', regionKey: 'West' },
+  { code: '71', th: 'กาญจนบุรี', en: 'Kanchanaburi', zh: '北碧', ja: 'カーンチャナブリー', regionKey: 'West' },
+  { code: '72', th: 'สุพรรณบุรี', en: 'Suphan Buri', zh: '素攀', ja: 'スパンブリー', regionKey: 'Central' },
+  { code: '73', th: 'นครปฐม', en: 'Nakhon Pathom', zh: '佛统', ja: 'ナコーンパトム', regionKey: 'Central' },
+  { code: '74', th: 'สมุทรสาคร', en: 'Samut Sakhon', zh: '龙仔厝', ja: 'サムットサーコーン', regionKey: 'Central' },
+  { code: '75', th: 'สมุทรสงคราม', en: 'Samut Songkhram', zh: '夜功', ja: 'サムットソンクラーム', regionKey: 'Central' },
+  { code: '76', th: 'เพชรบุรี', en: 'Phetchaburi', zh: '佛丕 (碧武里)', ja: 'ペッチャブリー', regionKey: 'West' },
+  { code: '77', th: 'ประจวบคีรีขันธ์', en: 'Prachuap Khiri Khan', zh: '巴蜀 (华欣)', ja: 'プラチュワップキーリーカン', regionKey: 'West' },
+  { code: '80', th: 'นครศรีธรรมราช', en: 'Nakhon Si Thammarat', zh: '洛坤', ja: 'ナコーンシータンマラート', regionKey: 'South' },
+  { code: '81', th: 'กระบี่', en: 'Krabi', zh: '甲米', ja: 'クラビ', regionKey: 'South' },
+  { code: '82', th: 'พังงา', en: 'Phangnga', zh: '攀牙', ja: 'パンガー', regionKey: 'South' },
+  { code: '83', th: 'ภูเก็ต', en: 'Phuket', zh: '普吉', ja: 'プーケット', regionKey: 'South' },
+  { code: '84', th: 'สุราษฎร์ธานี', en: 'Surat Thani', zh: '素叻他尼 (苏梅岛)', ja: 'スラートターニー', regionKey: 'South' },
+  { code: '85', th: 'ระนอง', en: 'Ranong', zh: '拉廊', ja: 'ラノーン', regionKey: 'South' },
+  { code: '86', th: 'ชุมพร', en: 'Chumphon', zh: '春蓬', ja: 'チュムポーン', regionKey: 'South' },
+  { code: '90', th: 'สงขลา', en: 'Songkhla', zh: '宋卡 (合艾)', ja: 'ソンクラー', regionKey: 'South' },
+  { code: '91', th: 'สตูล', en: 'Satun', zh: '沙敦', ja: 'サトゥーン', regionKey: 'South' },
+  { code: '92', th: 'ตรัง', en: 'Trang', zh: '董里', ja: 'トラン', regionKey: 'South' },
+  { code: '93', th: 'พัทลุง', en: 'Phatthalung', zh: '博他仑', ja: 'パッタルン', regionKey: 'South' },
+  { code: '94', th: 'ปัตตานี', en: 'Pattani', zh: '北大年', ja: 'パッターニー', regionKey: 'South' },
+  { code: '95', th: 'ยะลา', en: 'Yala', zh: '也拉', ja: 'ヤラー', regionKey: 'South' },
+  { code: '96', th: 'นราธิวาส', en: 'Narathiwat', zh: '陶公 (那拉提瓦)', ja: 'ナラーティワート', regionKey: 'South' },
+];
+
+export const REGIONS_GEO: Record<string, { th: string; en: string; zh: string; ja: string }> = {
+  Central: { th: 'ภาคกลาง', en: 'Central', zh: '中部', ja: '中部地方' },
+  North: { th: 'ภาคเหนือ', en: 'North', zh: '北部', ja: '北部地方' },
+  Northeast: { th: 'ภาคอีสาน', en: 'Northeast', zh: '东北部 (伊善)', ja: '東北部 (イサーン)' },
+  East: { th: 'ภาคตะวันออก', en: 'East', zh: '东部', ja: '東部地方' },
+  West: { th: 'ภาคตะวันตก', en: 'West', zh: '西部', ja: '西部地方' },
+  South: { th: 'ภาคใต้', en: 'South', zh: '南部', ja: '南部地方' },
+};
+
+// Prominent districts multi-language dictionary
+export const PROMINENT_DISTRICTS: Record<string, { en: string; zh: string; ja: string }> = {
+  'คลองเตย': { en: 'Khlong Toei', zh: '空堤区', ja: 'クローントゥーイ' },
+  'พระนคร': { en: 'Phra Nakhon', zh: '拍那空区', ja: 'プラナコーン' },
+  'บางรัก': { en: 'Bang Rak', zh: '挽叻区', ja: 'バンラック' },
+  'ปทุมวัน': { en: 'Pathum Wan', zh: '巴吞旺区', ja: 'パトゥムワン' },
+  'วัฒนา': { en: 'Watthana', zh: '瓦他那区', ja: 'ワッタナー' },
+  'จตุจักร': { en: 'Chatuchak', zh: '乍都节区', ja: 'チャトゥチャック' },
+  'ห้วยขวาง': { en: 'Huai Khwang', zh: '汇权区', ja: 'フアイクワーン' },
+  'สาทร': { en: 'Sathon', zh: '沙吞区', ja: 'サートーン' },
+  'พญาไท': { en: 'Phaya Thai', zh: '披耶泰区', ja: 'パヤータイ' },
+  'ดินแดง': { en: 'Din Daeng', zh: '邻铃区', ja: 'ディンデーン' },
+  'บางนา': { en: 'Bang Na', zh: '邦纳区', ja: 'バンナー' },
+  'หัวหิน': { en: 'Hua Hin', zh: '华欣', ja: 'ホアヒン' },
+  'บางละมุง': { en: 'Bang Lamung (Pattaya)', zh: '挽腊蒙 (芭提雅)', ja: 'バーンラムン (パタヤ)' },
+  'เมืองเชียงใหม่': { en: 'Mueang Chiang Mai', zh: '清迈府治县 (市区)', ja: 'ムアンチェンマイ' },
+  'เมืองภูเก็ต': { en: 'Mueang Phuket', zh: '普吉府治县 (市区)', ja: 'ムアンプーケット' },
+  'กะทู้': { en: 'Kathu (Patong)', zh: '甲涂县 (芭东)', ja: 'カトゥー (パトン)' },
+  'ถลาง': { en: 'Thalang', zh: '他朗县', ja: 'タラーン' },
+  'เกาะสมุย': { en: 'Ko Samui', zh: '苏梅岛', ja: 'サムイ島' },
+  'หาดใหญ่': { en: 'Hat Yai', zh: '合艾', ja: 'ハートヤイ' },
+};
+
+function normalizeGeoStr(str: string): string {
+  return (str || '')
+    .toLowerCase()
+    .replace(/^(จังหวัด|จ\.|อำเภอ|เขต|อ\.)\s*/, '')
+    .replace(/[\s\-_.,()]/g, '')
+    .trim();
+}
+
+/**
+ * Get localized province name according to selected language
+ */
+export function getLocalizedProvinceName(provinceInput: string | null | undefined, lang: string = 'th'): string {
+  if (!provinceInput) return '';
+  const clean = normalizeGeoStr(provinceInput);
+
+  const found = THAILAND_PROVINCES_GEO.find(
+    (p) =>
+      p.code === provinceInput ||
+      normalizeGeoStr(p.th) === clean ||
+      normalizeGeoStr(p.en) === clean ||
+      clean.includes(normalizeGeoStr(p.th)) ||
+      normalizeGeoStr(p.th).includes(clean)
+  );
+
+  if (!found) return provinceInput;
+
+  const code = (lang || 'th').toLowerCase();
+  if (code.startsWith('en')) return found.en;
+  if (code.startsWith('zh')) return found.zh;
+  if (code.startsWith('ja')) return found.ja;
+  return found.th;
+}
+
+/**
+ * Get localized region name according to selected language
+ */
+export function getLocalizedRegionName(regionInput: string | null | undefined, lang: string = 'th'): string {
+  if (!regionInput) return '';
+
+  const clean = regionInput.trim().toLowerCase();
+  let matchKey = '';
+
+  for (const [k, v] of Object.entries(REGIONS_GEO)) {
+    if (
+      k.toLowerCase() === clean ||
+      v.th === regionInput ||
+      v.en.toLowerCase() === clean ||
+      clean.includes(k.toLowerCase()) ||
+      clean.includes(v.th) ||
+      (k === 'Northeast' && (clean.includes('อีสาน') || clean.includes('เฉียงเหนือ') || clean.includes('northeast'))) ||
+      (k === 'Central' && (clean.includes('กลาง') || clean.includes('central'))) ||
+      (k === 'North' && (clean.includes('เหนือ') || clean.includes('north'))) ||
+      (k === 'South' && (clean.includes('ใต้') || clean.includes('south'))) ||
+      (k === 'East' && ((clean.includes('ตะวันออก') && !clean.includes('เฉียงเหนือ')) || clean.includes('east'))) ||
+      (k === 'West' && (clean.includes('ตะวันตก') || clean.includes('west')))
+    ) {
+      matchKey = k;
+      break;
+    }
+  }
+
+  const region = REGIONS_GEO[matchKey];
+  if (!region) return regionInput;
+
+  const code = (lang || 'th').toLowerCase();
+  if (code.startsWith('en')) return region.en;
+  if (code.startsWith('zh')) return region.zh;
+  if (code.startsWith('ja')) return region.ja;
+  return region.th;
+}
+
+/**
+ * Get localized district name according to selected language
+ */
+export function getLocalizedDistrictName(districtTh: string, districtEn?: string, lang: string = 'th'): string {
+  if (!districtTh) return districtEn || '';
+  const cleanTh = districtTh.replace(/^(อำเภอ|เขต|อ\.)\s*/, '').trim();
+
+  // Check prominent districts
+  const prominent = PROMINENT_DISTRICTS[cleanTh];
+  const code = (lang || 'th').toLowerCase();
+
+  if (code.startsWith('en')) {
+    if (prominent?.en) return prominent.en;
+    return (districtEn || cleanTh).replace(/^(Amphoe|Khet)\s+/i, '').trim();
+  }
+  if (code.startsWith('zh')) {
+    if (prominent?.zh) return prominent.zh;
+    return districtEn || cleanTh;
+  }
+  if (code.startsWith('ja')) {
+    if (prominent?.ja) return prominent.ja;
+    return districtEn || cleanTh;
+  }
+  return cleanTh;
+}
diff --git a/bun.lock b/bun.lock
index c01b5a2..dbb093b 100644
--- a/bun.lock
+++ b/bun.lock
@@ -17,10 +17,12 @@
         "@types/papaparse": "^5.5.2",
         "@uiw/react-md-editor": "^4.1.1",
         "d3-geo": "^3.1.1",
+        "i18next": "^26.0.4",
         "lucide-react": "^1.7.0",
         "papaparse": "^5.5.3",
         "react": "^19.2.4",
         "react-dom": "^19.2.4",
+        "react-i18next": "^17.0.2",
         "react-quill-new": "^3.8.3",
         "react-router-dom": "^7.14.0",
         "recharts": "^3.8.1",