diff --git a/frontend/src/stores/crypto.test.ts b/frontend/src/stores/crypto.test.ts
index 07b1987..cc5d02b 100644
--- a/frontend/src/stores/crypto.test.ts
+++ b/frontend/src/stores/crypto.test.ts
@@ -15,7 +15,17 @@ const bootstrap: CryptoBootstrap = {
   holdings: [],
   markets: [],
   portfolioValue: '25000',
-  profile: { handle: 'skyline', id: 'profile-1', status: 'active' },
+  profile: {
+    createdAt: Date.now() - 86_400_000,
+    handle: 'skyline',
+    hideBalances: false,
+    id: 'profile-1',
+    priceAlerts: true,
+    status: 'active',
+    totalTrades: 12,
+    totalVolume: '18462.80',
+    tradeConfirmations: true,
+  },
 }
 const quote: CryptoQuote = {
   expiresAt: Date.now() + 8000,
@@ -84,4 +94,26 @@ describe('crypto store', () => {
     expect(crypto.data).toEqual(bootstrap)
     expect(crypto.error).toBe('quote_expired')
   })
+
+  it('updates profile preferences through the authenticated server endpoint', async () => {
+    mockNuiCall.mockResolvedValueOnce({ data: bootstrap, success: true })
+    const crypto = useCryptoStore()
+
+    expect(
+      await crypto.updateProfile({
+        handle: 'skyline',
+        hideBalances: true,
+        password: '',
+        priceAlerts: false,
+        tradeConfirmations: true,
+      }),
+    ).toBe(true)
+    expect(mockNuiCall).toHaveBeenCalledWith('crypto:update-profile', {
+      handle: 'skyline',
+      hideBalances: true,
+      password: '',
+      priceAlerts: false,
+      tradeConfirmations: true,
+    })
+  })
 })
diff --git a/frontend/src/stores/crypto.ts b/frontend/src/stores/crypto.ts
index 19e0f22..3162195 100644
--- a/frontend/src/stores/crypto.ts
+++ b/frontend/src/stores/crypto.ts
@@ -95,5 +95,20 @@ export const useCryptoStore = defineStore('crypto', {
       this.pendingQuote = null
       return true
     },
+    async updateProfile(payload: {
+      handle: string
+      hideBalances: boolean
+      password: string
+      priceAlerts: boolean
+      tradeConfirmations: boolean
+    }): Promise<boolean> {
+      const response = await this.call<CryptoBootstrap>(
+        'update-profile',
+        payload,
+      )
+      if (!response.success || !response.data) return false
+      this.data = response.data
+      return true
+    },
   },
 })
diff --git a/frontend/src/stores/phone.ts b/frontend/src/stores/phone.ts
index ce6df27..e1d67f1 100644
--- a/frontend/src/stores/phone.ts
+++ b/frontend/src/stores/phone.ts
@@ -440,7 +440,12 @@ const cryptoFallbackLocales = {
     loginAction: 'Open portfolio',
     registerAction: 'Create secure profile',
   },
-  tabs: { portfolio: 'Portfolio', markets: 'Markets', activity: 'Activity' },
+  tabs: {
+    portfolio: 'Portfolio',
+    markets: 'Markets',
+    activity: 'Activity',
+    profile: 'Profile',
+  },
   portfolio: {
     total: 'Total portfolio',
     cash: 'Available cash',
@@ -448,7 +453,11 @@ const cryptoFallbackLocales = {
     empty: 'No assets yet',
     emptyBody: 'Open Markets to request a protected quote.',
     avg: 'Avg.',
+    insightTitle: 'Portfolio insight',
+    insightBody:
+      'Your holdings are valued against the latest synthetic server prices.',
   },
+  quick: { trade: 'Trade', more: 'More' },
   actions: { deposit: 'Deposit', withdraw: 'Withdraw' },
   markets: {
     title: 'Fictional markets',
@@ -456,6 +465,22 @@ const cryptoFallbackLocales = {
     noticeTitle: 'In-game exchange',
     notice:
       'Prices are synthetic and have no real-world value. Every trade is checked against finite exchange liquidity.',
+    eyebrow: 'Market pulse',
+    movers: 'Top movers',
+    today: 'Today',
+  },
+  marketDetail: {
+    back: 'Back to markets',
+    today: 'Today',
+    description:
+      'The reference price is generated by the server. Executable prices use a protected short-lived quote.',
+    investment: 'Your investment',
+    totalValue: 'Current value',
+    statistics: 'Market statistics',
+    high24h: '24h high',
+    low24h: '24h low',
+    supply: 'Issued supply',
+    liquidity: 'Exchange liquidity',
   },
   trade: {
     buy: 'Buy',
@@ -482,6 +507,31 @@ const cryptoFallbackLocales = {
     title: 'Financial activity',
     empty: 'No activity',
     emptyBody: 'Deposits, withdrawals and trades will appear here.',
+    volume: 'Lifetime trading volume',
+    completedTrades: 'completed trades',
+    cash: 'Cash',
+    filters: { all: 'All', trades: 'Trades', wallet: 'Wallet' },
+  },
+  profile: {
+    verified: 'Character ownership verified',
+    trades: 'Trades',
+    volume: 'Volume',
+    memberSince: 'Member since',
+    preferences: 'Preferences',
+    priceAlerts: 'Price alerts',
+    priceAlertsBody: 'Notify me about notable market moves.',
+    confirmations: 'Trade confirmations',
+    confirmationsBody: 'Keep an extra confirmation before execution.',
+    hideBalances: 'Privacy mode',
+    hideBalancesBody: 'Hide balances across VaultX.',
+    identity: 'Profile identity',
+    passwordForChange: 'Password for handle change',
+    passwordOptional: 'Only required when changing handle',
+    saved: 'Profile saved securely.',
+    save: 'Save profile',
+    securityTitle: 'Protected profile',
+    securityBody:
+      'Your profile stays bound to this framework character and financial session.',
   },
   activityTypes: {
     buy: 'Asset purchase',
@@ -516,6 +566,7 @@ const cryptoFallbackLocales = {
     settlement_pending: 'A money transfer is already pending review.',
     service_unavailable: 'VaultX is temporarily unavailable.',
     request_failed: 'The secure exchange request failed.',
+    invalid_profile: 'Check your profile settings and handle.',
     default: 'VaultX could not complete the request.',
   },
 }
diff --git a/frontend/src/types/crypto.ts b/frontend/src/types/crypto.ts
index ddb5cf9..2e2bcae 100644
--- a/frontend/src/types/crypto.ts
+++ b/frontend/src/types/crypto.ts
@@ -4,11 +4,15 @@ export type CryptoMarket = {
   changePercent: number
   color: string
   enabled: boolean
+  high24h: string
   id: string
+  issuedSupply: string
+  low24h: string
   name: string
   price: string
   sparkline: number[]
   symbol: string
+  treasuryAvailable: string
 }
 
 export type CryptoHolding = {
@@ -28,9 +32,15 @@ export type CryptoActivity = {
 }
 
 export type CryptoProfile = {
+  createdAt: number
   handle: string
+  hideBalances: boolean
   id: string
+  priceAlerts: boolean
   status: 'active' | 'frozen' | 'closed'
+  totalTrades: number
+  totalVolume: string
+  tradeConfirmations: boolean
 }
 
 export type CryptoBootstrap = {
diff --git a/frontend/src/views/apps/CryptoApp.contract.test.ts b/frontend/src/views/apps/CryptoApp.contract.test.ts
index 9ab8bb9..bb44bd3 100644
--- a/frontend/src/views/apps/CryptoApp.contract.test.ts
+++ b/frontend/src/views/apps/CryptoApp.contract.test.ts
@@ -36,6 +36,15 @@ describe('VaultX crypto app contracts', () => {
     expect(source).toContain('<WalletCards')
     expect(source).toContain('<ChartNoAxesCombined')
     expect(source).toContain('<History')
+    expect(source).toContain('<UserRound')
+  })
+
+  it('includes advanced market detail and persistent profile controls', () => {
+    expect(source).toContain('detail.sparkline')
+    expect(source).toContain("t('marketDetail.statistics')")
+    expect(source).toContain('<SkyToggle')
+    expect(server).toContain('sky_phone:crypto:update-profile')
+    expect(server).toContain('`price_alerts`')
   })
 
   it('keeps all consequential calculations and state transitions on the server', () => {
@@ -71,7 +80,7 @@ describe('VaultX crypto app contracts', () => {
     expect(passwordProvider).toContain('scryptSync')
     expect(passwordProvider).toContain('timingSafeEqual')
     expect(passwordProvider).toContain('randomBytes(16)')
-    expect(server).not.toContain('data.price')
-    expect(server).not.toContain('data.fee')
+    expect(server).not.toMatch(/data\.price\b/)
+    expect(server).not.toMatch(/data\.fee\b/)
   })
 })
diff --git a/frontend/src/views/apps/CryptoApp.vue b/frontend/src/views/apps/CryptoApp.vue
index e654a27..80bfb6c 100644
--- a/frontend/src/views/apps/CryptoApp.vue
+++ b/frontend/src/views/apps/CryptoApp.vue
@@ -1,22 +1,27 @@
 <script setup lang="ts">
 import {
-  ArrowDownToLine,
+  ArrowDownLeft,
+  ArrowLeft,
   ArrowLeftRight,
-  ArrowUpFromLine,
+  ArrowUpRight,
+  BellRing,
   ChartCandlestick,
   ChartNoAxesCombined,
   ChevronRight,
   Eye,
   EyeOff,
+  Fingerprint,
   History,
   LockKeyhole,
   LogOut,
   RefreshCw,
+  Settings2,
   ShieldCheck,
+  Sparkles,
+  UserRound,
   WalletCards,
 } from 'lucide-vue-next'
-import { computed, onMounted, ref } from 'vue'
-
+import { computed, onMounted, ref, watch } from 'vue'
 import { useCryptoStore } from '@/stores/crypto'
 import { usePhoneStore } from '@/stores/phone'
 import type { CryptoMarket, CryptoSide } from '@/types/crypto'
@@ -35,59 +40,129 @@ import {
   SkySheet,
   SkySpinner,
   SkyStatusCard,
+  SkyToggle,
 } from '@/ui'
 
-type CryptoTab = 'portfolio' | 'markets' | 'activity'
-type SheetMode = 'trade' | 'deposit' | 'withdraw' | null
-
+type Tab = 'portfolio' | 'markets' | 'activity' | 'profile'
+type Sheet = 'trade' | 'deposit' | 'withdraw' | null
 const crypto = useCryptoStore()
 const phone = usePhoneStore()
-const activeTab = ref<CryptoTab>('portfolio')
+const tab = ref<Tab>('portfolio')
 const authMode = ref<'login' | 'register'>('login')
-const handle = ref('')
-const password = ref('')
-const showPassword = ref(false)
-const sheetMode = ref<SheetMode>(null)
+const activityFilter = ref<'all' | 'trades' | 'wallet'>('all')
+const detail = ref<CryptoMarket | null>(null)
+const sheet = ref<Sheet>(null)
 const selectedMarket = ref<CryptoMarket | null>(null)
 const side = ref<CryptoSide>('buy')
+const handle = ref('')
+const password = ref('')
 const amount = ref('')
 const financialPassword = ref('')
+const showPassword = ref(false)
 const formError = ref('')
+const profileHandle = ref('')
+const profilePassword = ref('')
+const priceAlerts = ref(true)
+const confirmations = ref(true)
+const hideBalances = ref(false)
+const saved = ref(false)
+const period = ref('1D')
 
 const locale = computed(() => phone.lang || 'de')
 const authenticated = computed(() => crypto.data?.authenticated === true)
+const profile = computed(() => crypto.data?.profile ?? null)
 const markets = computed(() => crypto.data?.markets ?? [])
 const holdings = computed(() => crypto.data?.holdings ?? [])
-const activity = computed(() => crypto.data?.activity ?? [])
+const activities = computed(() =>
+  (crypto.data?.activity ?? []).filter(
+    (item) =>
+      activityFilter.value === 'all' ||
+      (activityFilter.value === 'trades'
+        ? ['buy', 'sell'].includes(item.type)
+        : ['deposit', 'withdrawal'].includes(item.type)),
+  ),
+)
+const portfolioLine = computed(() => markets.value[0]?.sparkline ?? [])
+const portfolioChange = computed(() =>
+  markets.value.length
+    ? markets.value.reduce((sum, market) => sum + market.changePercent, 0) /
+      markets.value.length
+    : 0,
+)
+const detailHolding = computed(() =>
+  holdings.value.find((item) => item.assetId === detail.value?.id),
+)
 const selectedHolding = computed(() =>
   holdings.value.find((item) => item.assetId === selectedMarket.value?.id),
 )
 
-function t(key: string): string {
+function t(key: string) {
   return phone.t(`Apps.crypto.${key}`)
 }
-
-function money(value: string | number): string {
+function money(value: string | number) {
   return new Intl.NumberFormat(locale.value, {
     currency: 'USD',
     maximumFractionDigits: 2,
     style: 'currency',
   }).format(Number(value) || 0)
 }
-
-function quantity(value: string): string {
+function privateMoney(value: string | number) {
+  return profile.value?.hideBalances ? '••••••' : money(value)
+}
+function quantity(value: string) {
   return new Intl.NumberFormat(locale.value, {
     maximumFractionDigits: 6,
   }).format(Number(value) || 0)
 }
-
-function errorText(code: string): string {
-  const key = `errors.${code}`
-  const translated = t(key)
-  return translated === `Apps.crypto.${key}` ? t('errors.default') : translated
+function compact(value: string | number) {
+  return new Intl.NumberFormat(locale.value, {
+    maximumFractionDigits: 2,
+    notation: 'compact',
+  }).format(Number(value) || 0)
+}
+function points(values: number[], width = 320, height = 110) {
+  return values
+    .map(
+      (value, index) =>
+        `${index * (width / Math.max(1, values.length - 1))},${height - 7 - value * (height - 14)}`,
+    )
+    .join(' ')
+}
+function market(id?: string) {
+  return markets.value.find((item) => item.id === id)
+}
+function errorText(code: string) {
+  const value = t(`errors.${code}`)
+  return value.startsWith('Apps.crypto.') ? t('errors.default') : value
+}
+function setTab(next: Tab) {
+  detail.value = null
+  tab.value = next
+}
+function openMarket(next: CryptoMarket) {
+  detail.value = next
+  period.value = '1D'
+}
+function openTrade(next: CryptoMarket, nextSide: CryptoSide = 'buy') {
+  selectedMarket.value = next
+  side.value = nextSide
+  amount.value = ''
+  formError.value = ''
+  crypto.pendingQuote = null
+  sheet.value = 'trade'
+}
+function openSettlement(next: 'deposit' | 'withdraw') {
+  sheet.value = next
+  amount.value = ''
+  financialPassword.value = ''
+  formError.value = ''
+}
+function closeSheet() {
+  sheet.value = null
+  crypto.pendingQuote = null
 }
 
-async function submitAuth(): Promise<void> {
+async function submitAuth() {
   formError.value = ''
   const success =
     authMode.value === 'register'
@@ -96,126 +171,118 @@ async function submitAuth(): Promise<void> {
   if (!success) formError.value = errorText(crypto.error)
   else password.value = ''
 }
-
-function openSettlement(mode: 'deposit' | 'withdraw'): void {
-  sheetMode.value = mode
-  amount.value = ''
-  financialPassword.value = ''
-  formError.value = ''
-}
-
-function openTrade(market: CryptoMarket, nextSide: CryptoSide = 'buy'): void {
-  selectedMarket.value = market
-  side.value = nextSide
-  amount.value = ''
-  formError.value = ''
-  crypto.pendingQuote = null
-  sheetMode.value = 'trade'
-}
-
-function closeSheet(): void {
-  sheetMode.value = null
-  crypto.pendingQuote = null
-}
-
-async function submitSettlement(): Promise<void> {
-  if (sheetMode.value !== 'deposit' && sheetMode.value !== 'withdraw') return
-  const normalized = amount.value.trim()
-  if (!/^\d+$/.test(normalized) || Number(normalized) <= 0) {
+async function submitSettlement() {
+  if (sheet.value !== 'deposit' && sheet.value !== 'withdraw') return
+  if (!/^\d+$/.test(amount.value) || Number(amount.value) <= 0) {
     formError.value = t('errors.invalid_amount')
     return
   }
-  const success = await crypto.settle(
-    sheetMode.value,
-    normalized,
-    financialPassword.value,
+  if (
+    !(await crypto.settle(sheet.value, amount.value, financialPassword.value))
   )
-  if (!success) formError.value = errorText(crypto.error)
+    formError.value = errorText(crypto.error)
   else closeSheet()
 }
-
-async function requestQuote(): Promise<void> {
+async function requestQuote() {
   if (!selectedMarket.value || !/^\d+(?:\.\d{1,6})?$/.test(amount.value)) {
     formError.value = t('errors.invalid_quantity')
     return
   }
-  const response = await crypto.quote(
-    selectedMarket.value.id,
-    side.value,
-    amount.value,
+  if (
+    !(await crypto.quote(selectedMarket.value.id, side.value, amount.value))
+      .success
   )
-  if (!response.success) formError.value = errorText(crypto.error)
+    formError.value = errorText(crypto.error)
 }
-
-async function executeQuote(): Promise<void> {
-  const success = await crypto.executeQuote()
-  if (!success) formError.value = errorText(crypto.error)
+async function executeQuote() {
+  if (!(await crypto.executeQuote())) formError.value = errorText(crypto.error)
   else closeSheet()
 }
-
-function activityTitle(type: string): string {
-  return t(`activityTypes.${type}`)
+async function saveProfile() {
+  saved.value = false
+  formError.value = ''
+  const success = await crypto.updateProfile({
+    handle: profileHandle.value.trim(),
+    hideBalances: hideBalances.value,
+    password: profilePassword.value,
+    priceAlerts: priceAlerts.value,
+    tradeConfirmations: confirmations.value,
+  })
+  if (!success) formError.value = errorText(crypto.error)
+  else {
+    profilePassword.value = ''
+    saved.value = true
+  }
 }
 
+watch(
+  profile,
+  (value) => {
+    if (!value) return
+    profileHandle.value = value.handle
+    priceAlerts.value = value.priceAlerts
+    confirmations.value = value.tradeConfirmations
+    hideBalances.value = value.hideBalances
+  },
+  { immediate: true },
+)
 onMounted(() => void crypto.load())
 </script>
 
 <template>
   <SkyAppPage
     class="crypto-app"
-    accent="#20d69b"
-    accent-soft="rgba(32, 214, 155, 0.18)"
+    accent="#31d6aa"
+    accent-soft="rgba(49,214,170,.16)"
     dark
   >
     <SkyNavbar
-      :title="t('name')"
+      :title="detail?.symbol ?? t('name')"
       :subtitle="
-        authenticated ? `@${crypto.data?.profile?.handle}` : t('subtitle')
+        detail?.name ?? (authenticated ? `@${profile?.handle}` : t('subtitle'))
       "
       large
     >
-      <template v-if="authenticated" #right>
-        <SkyLink :aria-label="t('logout')" @click="crypto.logout()">
-          <LogOut :size="18" />
-        </SkyLink>
-      </template>
+      <template v-if="detail" #left
+        ><SkyLink :aria-label="t('marketDetail.back')" @click="detail = null"
+          ><ArrowLeft :size="19" /></SkyLink
+      ></template>
+      <template v-else-if="authenticated" #right
+        ><SkyLink :aria-label="t('refresh')" @click="crypto.load()"
+          ><RefreshCw :size="18" /></SkyLink
+      ></template>
     </SkyNavbar>
 
-    <SkyScrollArea
-      v-if="crypto.isLoading && !crypto.data"
-      class="crypto-state"
-      padded
+    <SkyScrollArea v-if="crypto.isLoading && !crypto.data" class="state" padded
+      ><SkySpinner />
+      <p>{{ t('loading') }}</p></SkyScrollArea
     >
-      <SkySpinner />
-      <p>{{ t('loading') }}</p>
-    </SkyScrollArea>
-
-    <SkyScrollArea v-else-if="!authenticated" class="crypto-auth" padded>
-      <div class="crypto-auth__hero">
-        <span class="crypto-auth__mark"><ChartCandlestick :size="32" /></span>
-        <p class="crypto-eyebrow">{{ t('auth.eyebrow') }}</p>
+    <SkyScrollArea v-else-if="!authenticated" class="auth" padded>
+      <div class="auth-hero">
+        <span><ChartCandlestick :size="32" /></span>
+        <p>{{ t('auth.eyebrow') }}</p>
         <h2>
           {{
-            authMode === 'login'
-              ? t('auth.loginTitle')
-              : t('auth.registerTitle')
+            t(authMode === 'login' ? 'auth.loginTitle' : 'auth.registerTitle')
           }}
         </h2>
-        <p>{{ t('auth.body') }}</p>
+        <small>{{ t('auth.body') }}</small>
       </div>
-      <SkySegmented>
-        <SkySegmentedButton
+      <SkySegmented
+        strong
+        :active-index="authMode === 'login' ? 0 : 1"
+        :item-count="2"
+        ><SkySegmentedButton
           :active="authMode === 'login'"
           @click="authMode = 'login'"
           >{{ t('auth.login') }}</SkySegmentedButton
-        >
-        <SkySegmentedButton
+        ><SkySegmentedButton
           :active="authMode === 'register'"
           @click="authMode = 'register'"
           >{{ t('auth.register') }}</SkySegmentedButton
-        >
-      </SkySegmented>
-      <form class="crypto-form" @submit.prevent="submitAuth">
+        ></SkySegmented
+      >
+      <form class="form" @submit.prevent="submitAuth">
         <SkyField
           v-if="authMode === 'register'"
           v-model="handle"
@@ -227,318 +294,521 @@ onMounted(() => void crypto.load())
         <SkyField
           v-model="password"
           :label="t('auth.password')"
-          :placeholder="t('auth.passwordPlaceholder')"
           :type="showPassword ? 'text' : 'password'"
+          :placeholder="t('auth.passwordPlaceholder')"
           maxlength="72"
           outline
-        >
-          <template #leading><LockKeyhole :size="18" /></template>
-          <template #trailing>
-            <button
-              class="crypto-visibility"
+          ><template #leading><LockKeyhole :size="18" /></template
+          ><template #trailing
+            ><button
+              class="visibility"
               type="button"
-              :aria-label="
-                t(showPassword ? 'auth.hidePassword' : 'auth.showPassword')
-              "
               @click="showPassword = !showPassword"
             >
-              <EyeOff v-if="showPassword" :size="18" /><Eye v-else :size="18" />
-            </button>
-          </template>
-        </SkyField>
-        <p class="crypto-form__hint">
-          <ShieldCheck :size="15" />{{ t('auth.security') }}
-        </p>
-        <p v-if="formError" class="crypto-error" role="alert">
-          {{ formError }}
-        </p>
-        <SkyButton type="submit" :disabled="crypto.isLoading" block>{{
+              <EyeOff v-if="showPassword" :size="18" /><Eye
+                v-else
+                :size="18"
+              /></button></template
+        ></SkyField>
+        <p class="hint"><ShieldCheck :size="15" />{{ t('auth.security') }}</p>
+        <p v-if="formError" class="error">{{ formError }}</p>
+        <SkyButton block type="submit">{{
           t(authMode === 'login' ? 'auth.loginAction' : 'auth.registerAction')
         }}</SkyButton>
       </form>
     </SkyScrollArea>
 
-    <SkyScrollArea v-else with-tabbar padded>
-      <template v-if="activeTab === 'portfolio'">
-        <SkyCard class="crypto-balance">
-          <p>{{ t('portfolio.total') }}</p>
-          <strong>{{ money(crypto.data?.portfolioValue ?? '0') }}</strong>
-          <span
-            >{{ t('portfolio.cash') }} ·
-            {{ money(crypto.data?.cashBalance ?? '0') }}</span
-          >
-          <div class="crypto-balance__actions">
-            <SkyButton @click="openSettlement('deposit')"
-              ><ArrowDownToLine :size="17" />{{
-                t('actions.deposit')
-              }}</SkyButton
-            >
-            <SkyButton variant="secondary" @click="openSettlement('withdraw')"
-              ><ArrowUpFromLine :size="17" />{{
-                t('actions.withdraw')
-              }}</SkyButton
-            >
-          </div>
-        </SkyCard>
-        <div class="crypto-section-title">
-          <h2>{{ t('portfolio.holdings') }}</h2>
+    <SkyScrollArea v-else-if="detail" with-tabbar padded>
+      <section class="detail-head">
+        <span class="coin large" :style="{ background: detail.color }">{{
+          detail.symbol[0]
+        }}</span>
+        <p>{{ detail.symbol }} · {{ detail.name }}</p>
+        <strong>{{ money(detail.price) }}</strong
+        ><em :class="detail.changePercent >= 0 ? 'up' : 'down'"
+          >{{ detail.changePercent >= 0 ? '▲' : '▼' }}
+          {{ Math.abs(detail.changePercent).toFixed(2) }}% ·
+          {{ t('marketDetail.today') }}</em
+        >
+      </section>
+      <SkyCard class="big-chart"
+        ><svg viewBox="0 0 320 160" preserveAspectRatio="none">
+          <defs>
+            <linearGradient id="fill" x1="0" y1="0" x2="0" y2="1">
+              <stop offset="0" stop-color="#31d6aa" stop-opacity=".4" />
+              <stop offset="1" stop-color="#31d6aa" stop-opacity="0" />
+            </linearGradient>
+          </defs>
+          <g class="grid">
+            <line
+              v-for="y in [25, 65, 105, 145]"
+              :key="y"
+              x1="0"
+              :y1="y"
+              x2="320"
+              :y2="y"
+            />
+          </g>
+          <polygon
+            :points="`0,160 ${points(detail.sparkline, 320, 150)} 320,160`"
+            fill="url(#fill)"
+          />
+          <polyline :points="points(detail.sparkline, 320, 150)" />
+        </svg>
+        <div class="periods">
           <button
-            type="button"
-            :aria-label="t('refresh')"
-            @click="crypto.load()"
+            v-for="value in ['1D', '1W', '1M', '6M', '1Y']"
+            :key="value"
+            :class="{ active: period === value }"
+            @click="period = value"
           >
-            <RefreshCw :size="17" />
+            {{ value }}
           </button>
+        </div></SkyCard
+      >
+      <p class="detail-copy">{{ t('marketDetail.description') }}</p>
+      <h2 class="title">{{ t('marketDetail.investment') }}</h2>
+      <SkyCard class="investment"
+        ><small>{{ t('marketDetail.totalValue') }}</small
+        ><strong>{{ privateMoney(detailHolding?.value ?? '0') }}</strong>
+        <div>
+          <span class="coin" :style="{ background: detail.color }">{{
+            detail.symbol[0]
+          }}</span
+          ><span
+            ><b>{{ detail.name }}</b
+            ><small
+              >{{ quantity(detailHolding?.quantity ?? '0') }}
+              {{ detail.symbol }}</small
+            ></span
+          ><span
+            ><b>{{ privateMoney(detailHolding?.value ?? '0') }}</b
+            ><small
+              >{{ t('portfolio.avg') }}
+              {{ money(detailHolding?.averagePrice ?? detail.price) }}</small
+            ></span
+          >
+        </div></SkyCard
+      >
+      <h2 class="title">{{ t('marketDetail.statistics') }}</h2>
+      <SkyCard class="stats"
+        ><div>
+          <span>{{ t('marketDetail.high24h') }}</span
+          ><b>{{ money(detail.high24h) }}</b>
+        </div>
+        <div>
+          <span>{{ t('marketDetail.low24h') }}</span
+          ><b>{{ money(detail.low24h) }}</b>
+        </div>
+        <div>
+          <span>{{ t('marketDetail.supply') }}</span
+          ><b>{{ compact(detail.issuedSupply) }} {{ detail.symbol }}</b>
+        </div>
+        <div>
+          <span>{{ t('marketDetail.liquidity') }}</span
+          ><b>{{ compact(detail.treasuryAvailable) }} {{ detail.symbol }}</b>
+        </div></SkyCard
+      >
+      <div class="dual">
+        <SkyButton block @click="openTrade(detail, 'buy')">{{
+          t('trade.buy')
+        }}</SkyButton
+        ><SkyButton
+          block
+          variant="secondary"
+          @click="openTrade(detail, 'sell')"
+          >{{ t('trade.sell') }}</SkyButton
+        >
+      </div>
+    </SkyScrollArea>
+
+    <SkyScrollArea v-else with-tabbar padded>
+      <template v-if="tab === 'portfolio'">
+        <section class="portfolio">
+          <p>{{ t('portfolio.total') }} <ShieldCheck :size="14" /></p>
+          <strong>{{ privateMoney(crypto.data?.portfolioValue ?? '0') }}</strong
+          ><em :class="portfolioChange >= 0 ? 'up' : 'down'"
+            >{{ portfolioChange >= 0 ? '▲' : '▼' }}
+            {{ Math.abs(portfolioChange).toFixed(2) }}% ·
+            {{ t('marketDetail.today') }}</em
+          ><svg viewBox="0 0 320 100" preserveAspectRatio="none">
+            <polyline :points="points(portfolioLine, 320, 96)" />
+          </svg>
+        </section>
+        <div class="quick">
+          <button @click="setTab('markets')">
+            <span><ChartNoAxesCombined :size="21" /></span
+            >{{ t('quick.trade') }}</button
+          ><button @click="openSettlement('deposit')">
+            <span><ArrowDownLeft :size="21" /></span
+            >{{ t('actions.deposit') }}</button
+          ><button @click="openSettlement('withdraw')">
+            <span><ArrowUpRight :size="21" /></span
+            >{{ t('actions.withdraw') }}</button
+          ><button @click="setTab('profile')">
+            <span><Settings2 :size="21" /></span>{{ t('quick.more') }}
+          </button>
+        </div>
+        <SkyCard class="cash"
+          ><WalletCards :size="20" /><span
+            ><small>{{ t('portfolio.cash') }}</small
+            ><b>{{ privateMoney(crypto.data?.cashBalance ?? '0') }}</b></span
+          ><ChevronRight :size="18"
+        /></SkyCard>
+        <div class="heading">
+          <h2>{{ t('portfolio.holdings') }}</h2>
+          <button @click="crypto.load()"><RefreshCw :size="17" /></button>
         </div>
         <SkyEmptyState
           v-if="!holdings.length"
           :title="t('portfolio.empty')"
           :description="t('portfolio.emptyBody')"
-        />
-        <button
+        /><button
           v-for="holding in holdings"
           v-else
           :key="holding.assetId"
-          class="crypto-row"
-          type="button"
-          @click="
-            openTrade(
-              markets.find((market) => market.id === holding.assetId)!,
-              'sell',
-            )
-          "
+          class="row"
+          @click="openMarket(market(holding.assetId)!)"
         >
           <span
-            class="crypto-asset-dot"
-            :style="{
-              background: markets.find(
-                (market) => market.id === holding.assetId,
-              )?.color,
-            }"
-            >{{
-              markets
-                .find((market) => market.id === holding.assetId)
-                ?.symbol.slice(0, 1)
-            }}</span
-          >
-          <span
-            ><strong>{{
-              markets.find((market) => market.id === holding.assetId)?.name
-            }}</strong
+            class="coin"
+            :style="{ background: market(holding.assetId)?.color }"
+            >{{ market(holding.assetId)?.symbol[0] }}</span
+          ><span
+            ><b>{{ market(holding.assetId)?.name }}</b
             ><small
               >{{ quantity(holding.quantity) }}
-              {{
-                markets.find((market) => market.id === holding.assetId)?.symbol
-              }}</small
+              {{ market(holding.assetId)?.symbol }}</small
             ></span
-          >
-          <span class="crypto-row__value"
-            ><strong>{{ money(holding.value) }}</strong
+          ><span
+            ><b>{{ privateMoney(holding.value) }}</b
             ><small
-              >{{ t('portfolio.avg') }} {{ money(holding.averagePrice) }}</small
+              :class="
+                (market(holding.assetId)?.changePercent ?? 0) >= 0
+                  ? 'up'
+                  : 'down'
+              "
+              >{{ market(holding.assetId)?.changePercent.toFixed(2) }}%</small
             ></span
-          >
-          <ChevronRight :size="17" />
+          ><ChevronRight :size="17" />
         </button>
+        <SkyStatusCard
+          tone="neutral"
+          :title="t('portfolio.insightTitle')"
+          :subtitle="t('portfolio.insightBody')"
+          ><template #icon><Sparkles :size="19" /></template
+        ></SkyStatusCard>
       </template>
 
-      <template v-else-if="activeTab === 'markets'">
+      <template v-else-if="tab === 'markets'">
+        <div class="market-head">
+          <span
+            ><small>{{ t('markets.eyebrow') }}</small>
+            <h2>{{ t('markets.title') }}</h2></span
+          ><em>{{ t('markets.live') }}</em>
+        </div>
+        <div class="market-grid">
+          <button
+            v-for="item in markets.slice(0, 2)"
+            :key="item.id"
+            @click="openMarket(item)"
+          >
+            <span class="coin" :style="{ background: item.color }">{{
+              item.symbol[0]
+            }}</span
+            ><small>{{ item.symbol }}</small
+            ><b>{{ money(item.price) }}</b
+            ><em :class="item.changePercent >= 0 ? 'up' : 'down'"
+              >{{ item.changePercent >= 0 ? '▲' : '▼' }}
+              {{ Math.abs(item.changePercent).toFixed(2) }}%</em
+            ><svg viewBox="0 0 120 48" preserveAspectRatio="none">
+              <polyline :points="points(item.sparkline, 120, 46)" />
+            </svg>
+          </button>
+        </div>
+        <SkyCard class="movers"
+          ><div class="heading">
+            <h2>{{ t('markets.movers') }}</h2>
+            <em>{{ t('markets.today') }}</em>
+          </div>
+          <button
+            v-for="item in [...markets].sort(
+              (a, b) => b.changePercent - a.changePercent,
+            )"
+            :key="item.id"
+            @click="openMarket(item)"
+          >
+            <span class="coin" :style="{ background: item.color }">{{
+              item.symbol[0]
+            }}</span
+            ><span
+              ><b>{{ item.name }}</b
+              ><small>{{ item.symbol }}</small></span
+            ><span
+              ><b>{{ money(item.price) }}</b
+              ><small :class="item.changePercent >= 0 ? 'up' : 'down'"
+                >{{ item.changePercent.toFixed(2) }}%</small
+              ></span
+            >
+          </button></SkyCard
+        >
         <SkyStatusCard
           tone="accent"
           :title="t('markets.noticeTitle')"
           :subtitle="t('markets.notice')"
         />
-        <div class="crypto-section-title">
-          <h2>{{ t('markets.title') }}</h2>
-          <span>{{ t('markets.live') }}</span>
-        </div>
-        <button
-          v-for="market in markets"
-          :key="market.id"
-          class="crypto-market"
-          type="button"
-          @click="openTrade(market)"
-        >
-          <span
-            class="crypto-asset-dot"
-            :style="{ background: market.color }"
-            >{{ market.symbol.slice(0, 1) }}</span
-          >
-          <span class="crypto-market__name"
-            ><strong>{{ market.name }}</strong
-            ><small>{{ market.symbol }}</small></span
-          >
-          <svg class="crypto-spark" viewBox="0 0 72 28" aria-hidden="true">
-            <polyline
-              :points="
-                market.sparkline
-                  .map(
-                    (point, index) =>
-                      `${index * (72 / Math.max(1, market.sparkline.length - 1))},${26 - point * 22}`,
-                  )
-                  .join(' ')
-              "
-            />
-          </svg>
-          <span class="crypto-market__price"
-            ><strong>{{ money(market.price) }}</strong
-            ><small :class="market.changePercent >= 0 ? 'is-up' : 'is-down'"
-              >{{ market.changePercent >= 0 ? '+' : ''
-              }}{{ market.changePercent.toFixed(2) }}%</small
-            ></span
-          >
-        </button>
       </template>
 
-      <template v-else>
-        <h2 class="crypto-page-title">{{ t('activity.title') }}</h2>
+      <template v-else-if="tab === 'activity'">
+        <section class="activity-head">
+          <p>{{ t('activity.volume') }}</p>
+          <strong>{{ privateMoney(profile?.totalVolume ?? '0') }}</strong
+          ><span
+            >{{ profile?.totalTrades }}
+            {{ t('activity.completedTrades') }}</span
+          >
+        </section>
+        <SkySegmented
+          strong
+          :active-index="
+            activityFilter === 'all' ? 0 : activityFilter === 'trades' ? 1 : 2
+          "
+          :item-count="3"
+          ><SkySegmentedButton
+            :active="activityFilter === 'all'"
+            @click="activityFilter = 'all'"
+            >{{ t('activity.filters.all') }}</SkySegmentedButton
+          ><SkySegmentedButton
+            :active="activityFilter === 'trades'"
+            @click="activityFilter = 'trades'"
+            >{{ t('activity.filters.trades') }}</SkySegmentedButton
+          ><SkySegmentedButton
+            :active="activityFilter === 'wallet'"
+            @click="activityFilter = 'wallet'"
+            >{{ t('activity.filters.wallet') }}</SkySegmentedButton
+          ></SkySegmented
+        >
+        <h2 class="title">{{ t('activity.title') }}</h2>
         <SkyEmptyState
-          v-if="!activity.length"
+          v-if="!activities.length"
           :title="t('activity.empty')"
           :description="t('activity.emptyBody')"
         />
         <div
-          v-for="item in activity"
+          v-for="item in activities"
           v-else
           :key="item.id"
-          class="crypto-row crypto-row--static"
+          class="row static"
         >
-          <span class="crypto-activity-icon"
-            ><ArrowLeftRight :size="18"
-          /></span>
-          <span
-            ><strong>{{ activityTitle(item.type) }}</strong
-            ><small>{{
-              new Intl.DateTimeFormat(locale, {
-                dateStyle: 'medium',
-                timeStyle: 'short',
-              }).format(item.createdAt)
-            }}</small></span
-          >
-          <span class="crypto-row__value"
-            ><strong
-              >{{ item.type === 'buy' || item.type === 'withdrawal' ? '−' : '+'
-              }}{{ money(item.amount) }}</strong
+          <span class="activity-icon"><ArrowLeftRight :size="18" /></span
+          ><span
+            ><b>{{ t(`activityTypes.${item.type}`) }}</b
+            ><small
+              >{{ market(item.marketId)?.symbol ?? t('activity.cash') }} ·
+              {{
+                new Intl.DateTimeFormat(locale, {
+                  dateStyle: 'medium',
+                  timeStyle: 'short',
+                }).format(item.createdAt)
+              }}</small
+            ></span
+          ><span
+            ><b
+              :class="['buy', 'withdrawal'].includes(item.type) ? 'down' : 'up'"
+              >{{ ['buy', 'withdrawal'].includes(item.type) ? '−' : '+'
+              }}{{ privateMoney(item.amount) }}</b
             ><small>{{ t(`statuses.${item.status}`) }}</small></span
           >
         </div>
       </template>
+
+      <template v-else>
+        <section class="profile-head">
+          <span>{{ profile?.handle.slice(0, 2).toUpperCase() }}</span>
+          <h2>@{{ profile?.handle }}</h2>
+          <p><ShieldCheck :size="15" />{{ t('profile.verified') }}</p>
+        </section>
+        <div class="profile-stats">
+          <div>
+            <b>{{ profile?.totalTrades }}</b
+            ><small>{{ t('profile.trades') }}</small>
+          </div>
+          <div>
+            <b>{{ privateMoney(profile?.totalVolume ?? '0') }}</b
+            ><small>{{ t('profile.volume') }}</small>
+          </div>
+          <div>
+            <b>{{
+              profile
+                ? new Intl.DateTimeFormat(locale, {
+                    month: 'short',
+                    year: 'numeric',
+                  }).format(profile.createdAt)
+                : '—'
+            }}</b
+            ><small>{{ t('profile.memberSince') }}</small>
+          </div>
+        </div>
+        <h2 class="title">{{ t('profile.preferences') }}</h2>
+        <SkyCard class="settings"
+          ><label
+            ><span
+              ><BellRing :size="18" /><span
+                ><b>{{ t('profile.priceAlerts') }}</b
+                ><small>{{ t('profile.priceAlertsBody') }}</small></span
+              ></span
+            ><SkyToggle v-model="priceAlerts" /></label
+          ><label
+            ><span
+              ><Fingerprint :size="18" /><span
+                ><b>{{ t('profile.confirmations') }}</b
+                ><small>{{ t('profile.confirmationsBody') }}</small></span
+              ></span
+            ><SkyToggle v-model="confirmations" /></label
+          ><label
+            ><span
+              ><EyeOff :size="18" /><span
+                ><b>{{ t('profile.hideBalances') }}</b
+                ><small>{{ t('profile.hideBalancesBody') }}</small></span
+              ></span
+            ><SkyToggle v-model="hideBalances" /></label
+        ></SkyCard>
+        <h2 class="title">{{ t('profile.identity') }}</h2>
+        <form class="form profile-form" @submit.prevent="saveProfile">
+          <SkyField
+            v-model="profileHandle"
+            :label="t('auth.handle')"
+            maxlength="20"
+            outline
+            ><template #leading><UserRound :size="18" /></template></SkyField
+          ><SkyField
+            v-model="profilePassword"
+            :label="t('profile.passwordForChange')"
+            :placeholder="t('profile.passwordOptional')"
+            type="password"
+            outline
+            ><template #leading><LockKeyhole :size="18" /></template
+          ></SkyField>
+          <p v-if="saved" class="success">
+            <ShieldCheck :size="15" />{{ t('profile.saved') }}
+          </p>
+          <p v-if="formError" class="error">{{ formError }}</p>
+          <SkyButton block type="submit">{{ t('profile.save') }}</SkyButton>
+        </form>
+        <SkyCard class="security"
+          ><ShieldCheck :size="22" /><span
+            ><b>{{ t('profile.securityTitle') }}</b
+            ><small>{{ t('profile.securityBody') }}</small></span
+          ></SkyCard
+        ><SkyButton block variant="danger" @click="crypto.logout()"
+          ><LogOut :size="18" />{{ t('logout') }}</SkyButton
+        >
+      </template>
     </SkyScrollArea>
 
     <SkyPillNavigation
-      v-if="authenticated"
+      v-if="authenticated && !detail"
       layout="full"
       :label="t('navigation')"
+      ><SkySegmented navigation
+        ><SkySegmentedButton
+          :active="tab === 'portfolio'"
+          @click="setTab('portfolio')"
+          ><WalletCards :size="19" /><span>{{
+            t('tabs.portfolio')
+          }}</span></SkySegmentedButton
+        ><SkySegmentedButton
+          :active="tab === 'markets'"
+          @click="setTab('markets')"
+          ><ChartNoAxesCombined :size="19" /><span>{{
+            t('tabs.markets')
+          }}</span></SkySegmentedButton
+        ><SkySegmentedButton
+          :active="tab === 'activity'"
+          @click="setTab('activity')"
+          ><History :size="19" /><span>{{
+            t('tabs.activity')
+          }}</span></SkySegmentedButton
+        ><SkySegmentedButton
+          :active="tab === 'profile'"
+          @click="setTab('profile')"
+          ><UserRound :size="19" /><span>{{
+            t('tabs.profile')
+          }}</span></SkySegmentedButton
+        ></SkySegmented
+      ></SkyPillNavigation
     >
-      <SkySegmented navigation>
-        <SkySegmentedButton
-          :active="activeTab === 'portfolio'"
-          @click="activeTab = 'portfolio'"
-          ><WalletCards :size="19" :stroke-width="2.2" />
-          <span>{{ t('tabs.portfolio') }}</span></SkySegmentedButton
-        >
-        <SkySegmentedButton
-          :active="activeTab === 'markets'"
-          @click="activeTab = 'markets'"
-          ><ChartNoAxesCombined :size="19" :stroke-width="2.2" />
-          <span>{{ t('tabs.markets') }}</span></SkySegmentedButton
-        >
-        <SkySegmentedButton
-          :active="activeTab === 'activity'"
-          @click="activeTab = 'activity'"
-          ><History :size="19" :stroke-width="2.2" />
-          <span>{{ t('tabs.activity') }}</span></SkySegmentedButton
-        >
-      </SkySegmented>
-    </SkyPillNavigation>
 
     <SkySheet
-      :opened="sheetMode !== null"
+      :opened="sheet !== null"
       swipe-to-close
       @backdropclick="closeSheet"
       @escape="closeSheet"
       @swipeclose="closeSheet"
-    >
-      <div v-if="sheetMode" class="crypto-sheet">
-        <div class="crypto-sheet__handle" />
-        <h2 v-if="sheetMode === 'trade'">
-          {{ side === 'buy' ? t('trade.buy') : t('trade.sell') }}
-          {{ selectedMarket?.symbol }}
+      ><div v-if="sheet" class="sheet">
+        <i />
+        <h2>
+          {{
+            sheet === 'trade'
+              ? `${t(`trade.${side}`)} ${selectedMarket?.symbol}`
+              : t(`actions.${sheet}`)
+          }}
         </h2>
-        <h2 v-else>{{ t(`actions.${sheetMode}`) }}</h2>
-        <template v-if="sheetMode === 'trade' && selectedMarket">
-          <p class="crypto-sheet__market">
-            {{ selectedMarket.name }}
-            <strong>{{ money(selectedMarket.price) }}</strong>
+        <template v-if="sheet === 'trade' && selectedMarket"
+          ><p>
+            {{ selectedMarket.name }} <b>{{ money(selectedMarket.price) }}</b>
           </p>
-          <SkySegmented>
-            <SkySegmentedButton
+          <SkySegmented
+            strong
+            :item-count="2"
+            :active-index="side === 'buy' ? 0 : 1"
+            ><SkySegmentedButton
               :active="side === 'buy'"
               @click="side = 'buy'"
               >{{ t('trade.buy') }}</SkySegmentedButton
-            >
-            <SkySegmentedButton
+            ><SkySegmentedButton
               :active="side === 'sell'"
               @click="side = 'sell'"
               >{{ t('trade.sell') }}</SkySegmentedButton
-            >
-          </SkySegmented>
-          <SkyField
+            ></SkySegmented
+          ><SkyField
             v-model="amount"
             :label="t('trade.quantity')"
-            :placeholder="'0.000000'"
+            placeholder="0.000000"
             inputmode="decimal"
             outline
-          />
-          <p
-            v-if="side === 'sell' && selectedHolding"
-            class="crypto-form__hint"
-          >
-            {{ t('trade.available') }} {{ quantity(selectedHolding.quantity) }}
-            {{ selectedMarket.symbol }}
-          </p>
-          <SkyCard v-if="crypto.pendingQuote" class="crypto-quote">
-            <div>
+          /><small v-if="side === 'sell' && selectedHolding"
+            >{{ t('trade.available') }}
+            {{ quantity(selectedHolding.quantity) }}
+            {{ selectedMarket.symbol }}</small
+          ><SkyCard v-if="crypto.pendingQuote" class="quote"
+            ><div>
               <span>{{ t('trade.price') }}</span
-              ><strong>{{ money(crypto.pendingQuote.price) }}</strong>
-            </div>
-            <div>
-              <span>{{ t('trade.gross') }}</span
-              ><strong>{{ money(crypto.pendingQuote.gross) }}</strong>
+              ><b>{{ money(crypto.pendingQuote.price) }}</b>
             </div>
             <div>
               <span>{{ t('trade.fee') }}</span
-              ><strong>{{ money(crypto.pendingQuote.fee) }}</strong>
+              ><b>{{ money(crypto.pendingQuote.fee) }}</b>
             </div>
-            <div class="crypto-quote__total">
+            <div>
               <span>{{ t('trade.total') }}</span
-              ><strong>{{ money(crypto.pendingQuote.net) }}</strong>
+              ><b>{{ money(crypto.pendingQuote.net) }}</b>
             </div>
-            <small>{{ t('trade.quoteExpiry') }}</small>
-          </SkyCard>
-          <p v-if="formError" class="crypto-error" role="alert">
-            {{ formError }}
-          </p>
-          <SkyButton
-            v-if="!crypto.pendingQuote"
-            block
-            :disabled="crypto.isLoading"
-            @click="requestQuote"
-            >{{ t('trade.getQuote') }}</SkyButton
+            <small>{{ t('trade.quoteExpiry') }}</small></SkyCard
           >
+          <p v-if="formError" class="error">{{ formError }}</p>
           <SkyButton
-            v-else
             block
-            :disabled="crypto.isLoading"
-            @click="executeQuote"
-            >{{ t('trade.confirm') }}</SkyButton
-          >
-        </template>
-        <template v-else>
-          <p>
+            @click="crypto.pendingQuote ? executeQuote() : requestQuote()"
+            >{{
+              t(crypto.pendingQuote ? 'trade.confirm' : 'trade.getQuote')
+            }}</SkyButton
+          ></template
+        ><template v-else
+          ><p>
             {{
               t(
-                sheetMode === 'deposit'
+                sheet === 'deposit'
                   ? 'settlement.depositBody'
                   : 'settlement.withdrawBody',
               )
@@ -547,92 +817,100 @@ onMounted(() => void crypto.load())
           <SkyField
             v-model="amount"
             :label="t('settlement.amount')"
-            placeholder="0"
             inputmode="numeric"
             outline
-          />
-          <SkyField
+          /><SkyField
             v-model="financialPassword"
             :label="t('auth.password')"
             type="password"
             outline
           />
-          <p v-if="formError" class="crypto-error" role="alert">
-            {{ formError }}
-          </p>
-          <SkyButton
-            block
-            :disabled="crypto.isLoading"
-            @click="submitSettlement"
-            >{{ t('settlement.confirm') }}</SkyButton
-          >
-        </template>
-      </div>
-    </SkySheet>
+          <p v-if="formError" class="error">{{ formError }}</p>
+          <SkyButton block @click="submitSettlement">{{
+            t('settlement.confirm')
+          }}</SkyButton></template
+        >
+      </div></SkySheet
+    >
   </SkyAppPage>
 </template>
 
 <style scoped>
 .crypto-app {
-  --crypto-muted: rgba(220, 235, 244, 0.62);
-  color: #f7fbff;
-  background: #07151d;
+  --card: #11151b;
+  --muted: rgba(225, 234, 240, 0.58);
+  color: #f8fbfd;
+  background:
+    radial-gradient(
+      circle at 50% -10%,
+      rgba(42, 91, 105, 0.25),
+      transparent 33%
+    ),
+    #05070b;
 }
-.crypto-state,
-.crypto-auth {
+.state,
+.auth {
   display: grid;
   align-content: center;
   gap: 18px;
   min-height: 100%;
   text-align: center;
 }
-.crypto-auth__hero {
+.auth-hero {
   display: grid;
   justify-items: center;
   gap: 7px;
 }
-.crypto-auth__hero h2,
-.crypto-auth__hero p {
-  margin: 0;
-}
-.crypto-auth__hero > p:last-child {
-  max-width: 280px;
-  color: var(--crypto-muted);
-  font-size: 13px;
-  line-height: 1.45;
-}
-.crypto-auth__mark {
+.auth-hero > span,
+.profile-head > span {
   display: grid;
   place-items: center;
-  width: 66px;
-  height: 66px;
-  margin-bottom: 5px;
-  border-radius: 21px;
-  color: #07151d;
-  background: linear-gradient(145deg, #67f5c8, #11bbeb);
-  box-shadow: 0 16px 45px rgba(32, 214, 155, 0.25);
+  width: 68px;
+  height: 68px;
+  border-radius: 22px;
+  color: #04110e;
+  background: linear-gradient(145deg, #6ff5cd, #3d8fff);
+  box-shadow: 0 18px 45px rgba(49, 214, 170, 0.18);
 }
-.crypto-eyebrow {
-  color: #49e4b2 !important;
-  font-size: 11px !important;
+.auth-hero p,
+.auth-hero h2,
+.auth-hero small {
+  margin: 0;
+}
+.auth-hero p {
+  color: #49e4b2;
+  font-size: 10px;
   font-weight: 800;
-  letter-spacing: 0.13em;
+  letter-spacing: 0.12em;
   text-transform: uppercase;
 }
-.crypto-form {
+.auth-hero small {
+  max-width: 280px;
+  color: var(--muted);
+  line-height: 1.45;
+}
+.form {
   display: grid;
   gap: 13px;
   text-align: left;
 }
-.crypto-form__hint {
+.hint,
+.success {
   display: flex;
   gap: 7px;
   align-items: center;
-  margin: -3px 2px 0;
-  color: var(--crypto-muted);
+  color: var(--muted);
   font-size: 11px;
 }
-.crypto-visibility {
+.success,
+.up {
+  color: #31d6aa !important;
+}
+.error,
+.down {
+  color: #ff5c70 !important;
+}
+.visibility {
   display: grid;
   place-items: center;
   width: 44px;
@@ -641,112 +919,144 @@ onMounted(() => void crypto.load())
   background: none;
   border: 0;
 }
-.crypto-error {
-  margin: 0;
-  color: #ff8d98;
-  font-size: 12px;
-}
-.crypto-balance {
-  margin-bottom: 22px;
-  padding: 21px;
-  background: linear-gradient(
-    145deg,
-    rgba(25, 71, 81, 0.96),
-    rgba(10, 37, 48, 0.96)
-  );
-}
-.crypto-balance p,
-.crypto-balance span {
-  margin: 0;
-  color: var(--crypto-muted);
-  font-size: 12px;
-}
-.crypto-balance > strong {
-  display: block;
-  margin: 6px 0 2px;
-  font-size: 32px;
-  letter-spacing: -0.04em;
-}
-.crypto-balance__actions {
+.portfolio {
   display: grid;
-  grid-template-columns: 1fr 1fr;
-  gap: 9px;
-  margin-top: 20px;
+  justify-items: center;
+  min-height: 225px;
+  text-align: center;
 }
-.crypto-section-title {
+.portfolio p {
+  display: flex;
+  gap: 5px;
+  align-items: center;
+  margin: 15px 0 0;
+  color: var(--muted);
+  font-size: 11px;
+}
+.portfolio > strong {
+  margin: 7px 0 2px;
+  font-size: 38px;
+  letter-spacing: -0.05em;
+}
+.portfolio em,
+.detail-head em {
+  font-size: 11px;
+  font-style: normal;
+}
+.portfolio svg {
+  width: calc(100% + 32px);
+  height: 100px;
+  margin-top: 8px;
+}
+.portfolio polyline,
+.big-chart polyline,
+.market-grid polyline {
+  fill: none;
+  stroke: #dffff6;
+  stroke-width: 3;
+  stroke-linecap: round;
+  stroke-linejoin: round;
+  vector-effect: non-scaling-stroke;
+  filter: drop-shadow(0 0 7px rgba(49, 214, 170, 0.45));
+}
+.quick {
+  display: grid;
+  grid-template-columns: repeat(4, 1fr);
+  gap: 6px;
+  margin-bottom: 20px;
+}
+.quick button {
+  display: grid;
+  justify-items: center;
+  gap: 6px;
+  padding: 0;
+  color: #eef3f5;
+  font-size: 9px;
+  background: none;
+  border: 0;
+}
+.quick button span {
+  display: grid;
+  place-items: center;
+  width: 48px;
+  height: 48px;
+  border-radius: 17px;
+  background: #242a33;
+}
+.cash {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+  margin-bottom: 20px;
+  padding: 15px;
+  background: linear-gradient(135deg, #172026, #101419);
+}
+.cash > svg {
+  color: #49e4b2;
+}
+.cash span {
+  display: grid;
+  flex: 1;
+}
+.cash small {
+  color: var(--muted);
+}
+.heading,
+.market-head {
   display: flex;
   align-items: center;
   justify-content: space-between;
   margin: 0 2px 10px;
 }
-.crypto-section-title h2,
-.crypto-page-title {
+.heading h2,
+.market-head h2,
+.title {
   margin: 0;
   font-size: 18px;
 }
-.crypto-section-title button {
+.heading button {
   display: grid;
   place-items: center;
-  width: 44px;
-  height: 44px;
+  width: 40px;
+  height: 40px;
   color: #fff;
   background: none;
   border: 0;
 }
-.crypto-section-title > span {
-  color: #49e4b2;
-  font-size: 11px;
-  font-weight: 700;
+.title {
+  margin: 23px 2px 11px;
 }
-.crypto-row,
-.crypto-market {
+.row {
   display: grid;
-  grid-template-columns: 42px minmax(0, 1fr) auto 18px;
+  grid-template-columns: 42px 1fr auto 18px;
   gap: 10px;
   align-items: center;
   width: 100%;
-  min-height: 67px;
-  padding: 10px 12px;
-  color: inherit;
+  margin-bottom: 8px;
+  padding: 11px 12px;
+  color: #fff;
   text-align: left;
-  background: rgba(15, 40, 50, 0.86);
-  border: 0;
-  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
+  background: var(--card);
+  border: 1px solid rgba(255, 255, 255, 0.05);
+  border-radius: 18px;
 }
-.crypto-row:first-of-type,
-.crypto-market:first-of-type {
-  border-radius: var(--sky-radius-card) var(--sky-radius-card) 0 0;
+.row.static {
+  grid-template-columns: 42px 1fr auto;
 }
-.crypto-row:last-of-type,
-.crypto-market:last-of-type {
-  border-bottom: 0;
-  border-radius: 0 0 var(--sky-radius-card) var(--sky-radius-card);
-}
-.crypto-row span,
-.crypto-market span {
-  min-width: 0;
-}
-.crypto-row strong,
-.crypto-row small,
-.crypto-market strong,
-.crypto-market small {
-  display: block;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-.crypto-row small,
-.crypto-market small {
-  margin-top: 3px;
-  color: var(--crypto-muted);
-  font-size: 10px;
-}
-.crypto-row__value,
-.crypto-market__price {
+.row span:last-of-type {
   text-align: right;
 }
-.crypto-asset-dot,
-.crypto-activity-icon {
+.row b,
+.row small {
+  display: block;
+}
+.row small {
+  margin-top: 3px;
+  color: var(--muted);
+  font-size: 9px;
+}
+.coin,
+.activity-icon {
   display: grid;
   place-items: center;
   width: 38px;
@@ -754,84 +1064,322 @@ onMounted(() => void crypto.load())
   border-radius: 13px;
   color: #fff;
   font-weight: 900;
-  box-shadow: inset 0 1px rgba(255, 255, 255, 0.3);
 }
-.crypto-activity-icon {
+.activity-icon {
   color: #49e4b2;
-  background: rgba(73, 228, 178, 0.12);
+  background: rgba(49, 214, 170, 0.12);
 }
-.crypto-market {
-  grid-template-columns: 42px minmax(64px, 1fr) 72px auto;
+.market-head small {
+  color: #49e4b2;
+  font-size: 9px;
+  font-weight: 800;
+  letter-spacing: 0.1em;
+  text-transform: uppercase;
 }
-.crypto-spark {
-  width: 72px;
-  height: 28px;
-  overflow: visible;
+.market-head em,
+.heading em {
+  color: #49e4b2;
+  font-size: 9px;
+  font-style: normal;
 }
-.crypto-spark polyline {
-  fill: none;
-  stroke: #49e4b2;
-  stroke-width: 2;
-  vector-effect: non-scaling-stroke;
-}
-.is-up {
-  color: #49e4b2 !important;
-}
-.is-down {
-  color: #ff7d8a !important;
-}
-.crypto-row--static {
-  grid-template-columns: 42px minmax(0, 1fr) auto;
-}
-.crypto-sheet {
+.market-grid {
   display: grid;
-  gap: 14px;
-  padding: 4px 18px calc(var(--sky-safe-area-bottom) + 20px);
-  color: #f7fbff;
+  grid-template-columns: 1fr 1fr;
+  gap: 10px;
+  margin-bottom: 18px;
 }
-.crypto-sheet__handle {
-  width: 38px;
-  height: 5px;
-  margin: 3px auto 2px;
-  border-radius: 9px;
-  background: rgba(255, 255, 255, 0.22);
+.market-grid button {
+  display: grid;
+  min-height: 188px;
+  padding: 15px;
+  color: #fff;
+  text-align: left;
+  background: var(--card);
+  border: 1px solid rgba(255, 255, 255, 0.05);
+  border-radius: 21px;
 }
-.crypto-sheet h2,
-.crypto-sheet p {
-  margin: 0;
+.market-grid button > small {
+  margin-top: 9px;
+  color: var(--muted);
 }
-.crypto-sheet__market {
+.market-grid button > b {
+  font-size: 18px;
+}
+.market-grid em {
+  font-size: 10px;
+  font-style: normal;
+}
+.market-grid svg {
+  align-self: end;
+  width: 100%;
+  height: 48px;
+}
+.market-grid polyline {
+  stroke: #31d6aa;
+  stroke-width: 2;
+}
+.movers {
+  padding: 8px 12px;
+  margin-bottom: 15px;
+  background: var(--card);
+}
+.movers button {
+  display: grid;
+  grid-template-columns: 42px 1fr auto;
+  gap: 10px;
+  align-items: center;
+  width: 100%;
+  padding: 10px 2px;
+  color: #fff;
+  text-align: left;
+  background: none;
+  border: 0;
+  border-top: 1px solid rgba(255, 255, 255, 0.06);
+}
+.movers button span:last-child {
+  text-align: right;
+}
+.movers b,
+.movers small {
+  display: block;
+}
+.movers small {
+  color: var(--muted);
+  font-size: 9px;
+}
+.detail-head {
+  display: grid;
+  justify-items: center;
+  padding: 12px 0 15px;
+  text-align: center;
+}
+.coin.large {
+  width: 58px;
+  height: 58px;
+  border-radius: 20px;
+  font-size: 20px;
+}
+.detail-head p {
+  margin: 9px 0 0;
+  color: var(--muted);
+  font-size: 11px;
+}
+.detail-head > strong {
+  font-size: 34px;
+}
+.big-chart {
+  padding: 7px 0;
+  background: #080b0e;
+  overflow: hidden;
+}
+.big-chart svg {
+  width: 100%;
+  height: 160px;
+}
+.grid line {
+  stroke: rgba(255, 255, 255, 0.06);
+}
+.periods {
+  display: grid;
+  grid-template-columns: repeat(5, 1fr);
+  padding: 3px 9px;
+}
+.periods button {
+  height: 35px;
+  color: var(--muted);
+  background: none;
+  border: 0;
+  border-radius: 11px;
+}
+.periods button.active {
+  color: #fff;
+  background: #252a31;
+}
+.detail-copy {
+  color: var(--muted);
+  font-size: 10px;
+  line-height: 1.5;
+}
+.investment,
+.stats {
+  padding: 16px;
+  background: var(--card);
+}
+.investment > small {
+  color: var(--muted);
+}
+.investment > strong {
+  display: block;
+  margin: 3px 0 14px;
+  font-size: 28px;
+}
+.investment > div {
+  display: grid;
+  grid-template-columns: 42px 1fr auto;
+  gap: 10px;
+  align-items: center;
+}
+.investment > div span:last-child {
+  text-align: right;
+}
+.investment b,
+.investment small {
+  display: block;
+}
+.investment small {
+  color: var(--muted);
+  font-size: 9px;
+}
+.stats div {
   display: flex;
   justify-content: space-between;
-  color: var(--crypto-muted);
-  font-size: 13px;
+  padding: 12px 0;
+  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
+  font-size: 10px;
 }
-.crypto-quote {
+.stats div:last-child {
+  border: 0;
+}
+.stats span {
+  color: var(--muted);
+}
+.dual {
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  gap: 9px;
+  margin-top: 16px;
+}
+.activity-head,
+.profile-head {
+  display: grid;
+  justify-items: center;
+  padding: 22px 0;
+  text-align: center;
+}
+.activity-head p,
+.activity-head span {
+  margin: 0;
+  color: var(--muted);
+  font-size: 10px;
+}
+.activity-head strong {
+  font-size: 32px;
+}
+.profile-head > span {
+  width: 78px;
+  height: 78px;
+  font-size: 24px;
+  font-weight: 900;
+}
+.profile-head h2 {
+  margin: 10px 0 2px;
+}
+.profile-head p {
+  display: flex;
+  gap: 5px;
+  align-items: center;
+  margin: 0;
+  color: #49e4b2;
+  font-size: 10px;
+}
+.profile-stats {
+  display: grid;
+  grid-template-columns: repeat(3, 1fr);
+  gap: 7px;
+}
+.profile-stats div {
+  display: grid;
+  gap: 4px;
+  padding: 13px 5px;
+  text-align: center;
+  background: var(--card);
+  border-radius: 16px;
+}
+.profile-stats small {
+  color: var(--muted);
+  font-size: 8px;
+}
+.settings {
+  padding: 0 14px;
+  background: var(--card);
+}
+.settings label {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 10px;
+  min-height: 67px;
+  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
+}
+.settings label > span {
+  display: flex;
+  gap: 10px;
+  align-items: center;
+}
+.settings b,
+.settings small {
+  display: block;
+}
+.settings small {
+  max-width: 180px;
+  color: var(--muted);
+  font-size: 8px;
+}
+.profile-form {
+  padding: 15px;
+  background: var(--card);
+  border-radius: 20px;
+}
+.security {
+  display: flex;
+  gap: 11px;
+  align-items: center;
+  margin: 15px 0;
+  padding: 15px;
+  color: #49e4b2;
+  background: rgba(49, 214, 170, 0.08);
+}
+.security span {
+  display: grid;
+}
+.security small {
+  color: var(--muted);
+  font-size: 9px;
+}
+.sheet {
+  display: grid;
+  gap: 13px;
+  padding: 4px 18px calc(var(--sky-safe-area-bottom) + 20px);
+}
+.sheet > i {
+  width: 38px;
+  height: 5px;
+  margin: auto;
+  border-radius: 5px;
+  background: rgba(255, 255, 255, 0.22);
+}
+.sheet h2,
+.sheet p {
+  margin: 0;
+}
+.sheet > p {
+  display: flex;
+  justify-content: space-between;
+  color: var(--muted);
+}
+.quote {
   display: grid;
   gap: 8px;
   padding: 14px;
 }
-.crypto-quote div {
+.quote div {
   display: flex;
   justify-content: space-between;
-  color: var(--crypto-muted);
-  font-size: 12px;
+  color: var(--muted);
+  font-size: 11px;
 }
-.crypto-quote strong {
-  color: #fff;
-}
-.crypto-quote__total {
-  padding-top: 8px;
-  border-top: 1px solid rgba(255, 255, 255, 0.1);
-  font-size: 14px !important;
-}
-.crypto-quote small {
-  color: var(--crypto-muted);
-  font-size: 10px;
-}
-@media (prefers-reduced-motion: reduce) {
-  .crypto-auth__mark {
-    box-shadow: none;
-  }
+.quote small {
+  color: var(--muted);
+  font-size: 9px;
 }
 </style>
diff --git a/frontend/testserver/index.cjs b/frontend/testserver/index.cjs
index b21a912..22dcaca 100644
--- a/frontend/testserver/index.cjs
+++ b/frontend/testserver/index.cjs
@@ -211,6 +211,10 @@ const cryptoMarkets = [
     price: '128.50',
     changePercent: 4.82,
     enabled: true,
+    high24h: '132.80',
+    low24h: '119.40',
+    issuedSupply: '1000000',
+    treasuryAvailable: '849882.5',
     sparkline: [0.12, 0.24, 0.2, 0.38, 0.51, 0.46, 0.68, 0.62, 0.81, 0.92],
   },
   {
@@ -221,6 +225,10 @@ const cryptoMarkets = [
     price: '42.75',
     changePercent: -1.37,
     enabled: true,
+    high24h: '46.30',
+    low24h: '40.90',
+    issuedSupply: '2500000',
+    treasuryAvailable: '2099914.75',
     sparkline: [0.84, 0.72, 0.76, 0.61, 0.69, 0.52, 0.46, 0.41, 0.35, 0.39],
   },
   {
@@ -231,9 +239,24 @@ const cryptoMarkets = [
     price: '9.80',
     changePercent: 7.21,
     enabled: true,
+    high24h: '10.24',
+    low24h: '8.76',
+    issuedSupply: '8000000',
+    treasuryAvailable: '6800000',
     sparkline: [0.08, 0.11, 0.18, 0.26, 0.23, 0.4, 0.55, 0.64, 0.79, 0.93],
   },
 ]
+let cryptoProfile = {
+  createdAt: Date.now() - 42 * 86400000,
+  handle: 'skyline',
+  hideBalances: false,
+  id: 'crypto-profile-demo',
+  priceAlerts: true,
+  status: 'active',
+  totalTrades: 12,
+  totalVolume: '18462.80',
+  tradeConfirmations: true,
+}
 let cryptoHoldings = [
   {
     assetId: 'aurora',
@@ -6544,9 +6567,7 @@ app.post('/api/:endpoint', (request, response) => {
           0,
         ),
     ),
-    profile: cryptoAuthenticated
-      ? { handle: 'skyline', id: 'crypto-profile-demo', status: 'active' }
-      : null,
+    profile: cryptoAuthenticated ? cryptoProfile : null,
   })
   const billingInvoice = (invoice) => ({
     ...invoice,
@@ -8044,13 +8065,18 @@ app.post('/api/:endpoint', (request, response) => {
       return
     }
     cryptoAuthenticated = true
-    response.json({
-      success: true,
-      data: {
-        ...cryptoOverview(),
-        profile: { handle, id: 'crypto-profile-new', status: 'active' },
-      },
-    })
+    cryptoProfile = {
+      createdAt: Date.now(),
+      handle,
+      hideBalances: false,
+      id: 'crypto-profile-new',
+      priceAlerts: true,
+      status: 'active',
+      totalTrades: 0,
+      totalVolume: '0',
+      tradeConfirmations: true,
+    }
+    response.json({ success: true, data: cryptoOverview() })
     return
   }
   if (endpoint === 'crypto:logout') {
@@ -8059,6 +8085,37 @@ app.post('/api/:endpoint', (request, response) => {
     response.json({ success: true })
     return
   }
+  if (endpoint === 'crypto:update-profile') {
+    const handle = String(request.body.handle ?? '').trim()
+    if (!/^[A-Za-z0-9][A-Za-z0-9._]{1,18}[A-Za-z0-9]$/.test(handle)) {
+      response.json({ success: false, error: 'invalid_profile' })
+      return
+    }
+    if (
+      handle.toLowerCase() !== cryptoProfile.handle.toLowerCase() &&
+      request.body.password !== cryptoPassword
+    ) {
+      response.json({ success: false, error: 'invalid_credentials' })
+      return
+    }
+    if (
+      typeof request.body.priceAlerts !== 'boolean' ||
+      typeof request.body.tradeConfirmations !== 'boolean' ||
+      typeof request.body.hideBalances !== 'boolean'
+    ) {
+      response.json({ success: false, error: 'invalid_profile' })
+      return
+    }
+    cryptoProfile = {
+      ...cryptoProfile,
+      handle,
+      hideBalances: request.body.hideBalances,
+      priceAlerts: request.body.priceAlerts,
+      tradeConfirmations: request.body.tradeConfirmations,
+    }
+    response.json({ success: true, data: cryptoOverview() })
+    return
+  }
   if (endpoint === 'crypto:deposit' || endpoint === 'crypto:withdraw') {
     const amount = Number(request.body.amount)
     if (!Number.isSafeInteger(amount) || amount < 10) {
diff --git a/frontend/testserver/smoke.cjs b/frontend/testserver/smoke.cjs
index c1c1608..82b5d16 100644
--- a/frontend/testserver/smoke.cjs
+++ b/frontend/testserver/smoke.cjs
@@ -114,6 +114,10 @@ function verifyBrowserTestData(dataByEndpoint) {
   )
 
   expectItems(dataByEndpoint.get('health:overview').days, 'health history', 7)
+  const crypto = dataByEndpoint.get('crypto:bootstrap')
+  expectItems(crypto.markets, 'crypto markets', 3)
+  assert.equal(typeof crypto.profile.priceAlerts, 'boolean')
+  assert.equal(typeof crypto.markets[0].issuedSupply, 'string')
   expectItems(
     dataByEndpoint.get('billing:list').invoices,
     'billing invoices',
diff --git a/sky_phone/config/locales/de.lua b/sky_phone/config/locales/de.lua
index 486a3f9..06d559e 100644
--- a/sky_phone/config/locales/de.lua
+++ b/sky_phone/config/locales/de.lua
@@ -1054,16 +1054,19 @@ Locales["de"] = {
                 auth = {
                     eyebrow = "Charaktergebundene Börse", loginTitle = "Willkommen zurück", registerTitle = "Erstelle dein VaultX-Profil", body = "Handle fiktive digitale Assets mit dem Ingame-Geld deines Charakters.", login = "Einloggen", register = "Registrieren", handle = "VaultX-Benutzername", handlePlaceholder = "3–20 Buchstaben oder Zahlen", password = "Passwort", passwordPlaceholder = "8–72 Zeichen", showPassword = "Passwort anzeigen", hidePassword = "Passwort ausblenden", security = "Nutze ein In-Character-Passwort. Verwende niemals ein echtes Passwort erneut.", loginAction = "Portfolio öffnen", registerAction = "Sicheres Profil erstellen",
                 },
-                tabs = { portfolio = "Portfolio", markets = "Märkte", activity = "Aktivität" },
-                portfolio = { total = "Gesamtes Portfolio", cash = "Verfügbares Guthaben", holdings = "Deine Assets", empty = "Noch keine Assets", emptyBody = "Öffne Märkte und fordere ein geschütztes Angebot an.", avg = "Ø" },
+                tabs = { portfolio = "Portfolio", markets = "Märkte", activity = "Aktivität", profile = "Profil" },
+                portfolio = { total = "Gesamtes Portfolio", cash = "Verfügbares Guthaben", holdings = "Deine Assets", empty = "Noch keine Assets", emptyBody = "Öffne Märkte und fordere ein geschütztes Angebot an.", avg = "Ø", insightTitle = "Portfolio-Einblick", insightBody = "Deine Bestände werden mit den neuesten synthetischen Serverkursen bewertet." },
+                quick = { trade = "Handeln", more = "Mehr" },
                 actions = { deposit = "Einzahlen", withdraw = "Auszahlen" },
-                markets = { title = "Fiktive Märkte", live = "Serverpreise", noticeTitle = "Ingame-Börse", notice = "Die Kurse sind synthetisch und haben keinen realen Wert. Jeder Handel wird gegen die begrenzte Liquidität der Börse geprüft." },
+                markets = { title = "Fiktive Märkte", live = "Serverpreise", noticeTitle = "Ingame-Börse", notice = "Die Kurse sind synthetisch und haben keinen realen Wert. Jeder Handel wird gegen die begrenzte Liquidität der Börse geprüft.", eyebrow = "Marktpuls", movers = "Top-Beweger", today = "Heute" },
+                marketDetail = { back = "Zurück zu den Märkten", today = "Heute", description = "Der Referenzkurs wird vom Server erzeugt. Ausführbare Kurse verwenden ein geschütztes, kurzlebiges Angebot.", investment = "Deine Investition", totalValue = "Aktueller Wert", statistics = "Marktstatistik", high24h = "24h-Hoch", low24h = "24h-Tief", supply = "Ausgegebene Menge", liquidity = "Börsenliquidität" },
                 trade = { buy = "Kaufen", sell = "Verkaufen", quantity = "Menge", available = "Verfügbar:", price = "Angebotspreis", gross = "Brutto", fee = "Börsengebühr", total = "Gesamt", quoteExpiry = "Dieses Serverangebot läuft nach 8 Sekunden ab und kann nur einmal genutzt werden.", getQuote = "Geschütztes Angebot", confirm = "Handel bestätigen" },
                 settlement = { depositBody = "Übertrage Bankguthaben in dein verbuchtes VaultX-Guthaben.", withdrawBody = "Zahle verbuchtes VaultX-Guthaben auf das Bankkonto deines Charakters aus.", amount = "Ganzer Bankbetrag", confirm = "Sicher bestätigen" },
-                activity = { title = "Finanzaktivität", empty = "Keine Aktivität", emptyBody = "Einzahlungen, Auszahlungen und Handel erscheinen hier." },
+                activity = { title = "Finanzaktivität", empty = "Keine Aktivität", emptyBody = "Einzahlungen, Auszahlungen und Handel erscheinen hier.", volume = "Handelsvolumen gesamt", completedTrades = "abgeschlossene Trades", cash = "Guthaben", filters = { all = "Alle", trades = "Trades", wallet = "Wallet" } },
+                profile = { verified = "Charakterbesitz verifiziert", trades = "Trades", volume = "Volumen", memberSince = "Mitglied seit", preferences = "Einstellungen", priceAlerts = "Kurswarnungen", priceAlertsBody = "Bei auffälligen Marktbewegungen benachrichtigen.", confirmations = "Handelsbestätigung", confirmationsBody = "Zusätzliche Bestätigung vor der Ausführung behalten.", hideBalances = "Privatsphäre-Modus", hideBalancesBody = "Beträge in VaultX verbergen.", identity = "Profilidentität", passwordForChange = "Passwort für Benutzernamenänderung", passwordOptional = "Nur bei Änderung des Benutzernamens nötig", saved = "Profil sicher gespeichert.", save = "Profil speichern", securityTitle = "Geschütztes Profil", securityBody = "Dein Profil bleibt an diesen Framework-Charakter und die Finanzsitzung gebunden." },
                 activityTypes = { buy = "Asset-Kauf", sell = "Asset-Verkauf", deposit = "Bankeinzahlung", withdrawal = "Bankauszahlung" },
                 statuses = { completed = "Abgeschlossen", pending = "Prüfung ausstehend", failed = "Fehlgeschlagen", manual_review = "Manuelle Prüfung" },
-                errors = { invalid_handle = "Nutze 3–20 Buchstaben, Zahlen, Punkte oder Unterstriche.", handle_taken = "Dieser VaultX-Benutzername ist bereits vergeben.", profile_exists = "Dieser Charakter besitzt bereits ein VaultX-Profil.", invalid_password = "Das Passwort muss 8–72 Zeichen lang sein.", invalid_credentials = "Das Passwort ist falsch.", locked = "Zu viele Versuche. Versuche es später erneut.", not_authenticated = "Logge dich zuerst bei VaultX ein.", invalid_amount = "Gib einen positiven ganzen Betrag ein.", invalid_quantity = "Gib eine Menge mit bis zu sechs Nachkommastellen ein.", insufficient_funds = "Dein verfügbares Guthaben reicht nicht aus.", insufficient_liquidity = "Die Börse kann diese Menge derzeit nicht ausführen.", quote_expired = "Das Angebot ist abgelaufen. Fordere ein neues an.", quote_unavailable = "Das Angebot ist nicht mehr verfügbar.", market_unavailable = "Dieser Markt ist vorübergehend pausiert.", limit_exceeded = "Die Anfrage überschreitet ein Börsenlimit.", duplicate_request = "Diese Anfrage wurde bereits verarbeitet.", rate_limited = "Zu viele Anfragen. Versuche es gleich erneut.", settlement_pending = "Eine Geldbewegung wartet bereits auf Prüfung.", service_unavailable = "VaultX ist vorübergehend nicht verfügbar.", request_failed = "Die sichere Börsenanfrage ist fehlgeschlagen.", default = "VaultX konnte die Anfrage nicht abschließen." },
+                errors = { invalid_profile = "Prüfe deine VaultX-Profileinstellungen.", invalid_handle = "Nutze 3–20 Buchstaben, Zahlen, Punkte oder Unterstriche.", handle_taken = "Dieser VaultX-Benutzername ist bereits vergeben.", profile_exists = "Dieser Charakter besitzt bereits ein VaultX-Profil.", invalid_password = "Das Passwort muss 8–72 Zeichen lang sein.", invalid_credentials = "Das Passwort ist falsch.", locked = "Zu viele Versuche. Versuche es später erneut.", not_authenticated = "Logge dich zuerst bei VaultX ein.", invalid_amount = "Gib einen positiven ganzen Betrag ein.", invalid_quantity = "Gib eine Menge mit bis zu sechs Nachkommastellen ein.", insufficient_funds = "Dein verfügbares Guthaben reicht nicht aus.", insufficient_liquidity = "Die Börse kann diese Menge derzeit nicht ausführen.", quote_expired = "Das Angebot ist abgelaufen. Fordere ein neues an.", quote_unavailable = "Das Angebot ist nicht mehr verfügbar.", market_unavailable = "Dieser Markt ist vorübergehend pausiert.", limit_exceeded = "Die Anfrage überschreitet ein Börsenlimit.", duplicate_request = "Diese Anfrage wurde bereits verarbeitet.", rate_limited = "Zu viele Anfragen. Versuche es gleich erneut.", settlement_pending = "Eine Geldbewegung wartet bereits auf Prüfung.", service_unavailable = "VaultX ist vorübergehend nicht verfügbar.", request_failed = "Die sichere Börsenanfrage ist fehlgeschlagen.", default = "VaultX konnte die Anfrage nicht abschließen." },
             },
             banking = {
                 name = "Banking", welcome = "Willkommen zurück", totalBalance = "Gesamtsaldo", recentPeriod = "in jüngster Zeit",
diff --git a/sky_phone/config/locales/en.lua b/sky_phone/config/locales/en.lua
index 44b8e99..a248b7e 100644
--- a/sky_phone/config/locales/en.lua
+++ b/sky_phone/config/locales/en.lua
@@ -1054,16 +1054,19 @@ Locales["en"] = {
                 auth = {
                     eyebrow = "Character-bound exchange", loginTitle = "Welcome back", registerTitle = "Create your VaultX profile", body = "Trade fictional digital assets with your character's in-game funds.", login = "Log in", register = "Register", handle = "VaultX handle", handlePlaceholder = "3–20 letters or numbers", password = "Password", passwordPlaceholder = "8–72 characters", showPassword = "Show password", hidePassword = "Hide password", security = "Use an in-character password. Never reuse a real password.", loginAction = "Open portfolio", registerAction = "Create secure profile",
                 },
-                tabs = { portfolio = "Portfolio", markets = "Markets", activity = "Activity" },
-                portfolio = { total = "Total portfolio", cash = "Available cash", holdings = "Your assets", empty = "No assets yet", emptyBody = "Open Markets to request a protected quote.", avg = "Avg." },
+                tabs = { portfolio = "Portfolio", markets = "Markets", activity = "Activity", profile = "Profile" },
+                portfolio = { total = "Total portfolio", cash = "Available cash", holdings = "Your assets", empty = "No assets yet", emptyBody = "Open Markets to request a protected quote.", avg = "Avg.", insightTitle = "Portfolio insight", insightBody = "Your holdings are valued against the latest synthetic server prices." },
+                quick = { trade = "Trade", more = "More" },
                 actions = { deposit = "Deposit", withdraw = "Withdraw" },
-                markets = { title = "Fictional markets", live = "Server priced", noticeTitle = "In-game exchange", notice = "Prices are synthetic and have no real-world value. Every trade is checked against finite exchange liquidity." },
+                markets = { title = "Fictional markets", live = "Server priced", noticeTitle = "In-game exchange", notice = "Prices are synthetic and have no real-world value. Every trade is checked against finite exchange liquidity.", eyebrow = "Market pulse", movers = "Top movers", today = "Today" },
+                marketDetail = { back = "Back to markets", today = "Today", description = "The reference price is generated by the server. Executable prices use a protected short-lived quote.", investment = "Your investment", totalValue = "Current value", statistics = "Market statistics", high24h = "24h high", low24h = "24h low", supply = "Issued supply", liquidity = "Exchange liquidity" },
                 trade = { buy = "Buy", sell = "Sell", quantity = "Quantity", available = "Available:", price = "Quote price", gross = "Gross", fee = "Exchange fee", total = "Total", quoteExpiry = "This server quote expires after 8 seconds and can only be used once.", getQuote = "Get protected quote", confirm = "Confirm trade" },
                 settlement = { depositBody = "Move bank funds into your settled VaultX cash balance.", withdrawBody = "Return settled VaultX cash to your character's bank account.", amount = "Whole bank amount", confirm = "Confirm securely" },
-                activity = { title = "Financial activity", empty = "No activity", emptyBody = "Deposits, withdrawals and trades will appear here." },
+                activity = { title = "Financial activity", empty = "No activity", emptyBody = "Deposits, withdrawals and trades will appear here.", volume = "Lifetime trading volume", completedTrades = "completed trades", cash = "Cash", filters = { all = "All", trades = "Trades", wallet = "Wallet" } },
+                profile = { verified = "Character ownership verified", trades = "Trades", volume = "Volume", memberSince = "Member since", preferences = "Preferences", priceAlerts = "Price alerts", priceAlertsBody = "Notify me about notable market moves.", confirmations = "Trade confirmations", confirmationsBody = "Keep an extra confirmation before execution.", hideBalances = "Privacy mode", hideBalancesBody = "Hide balances across VaultX.", identity = "Profile identity", passwordForChange = "Password for handle change", passwordOptional = "Only required when changing handle", saved = "Profile saved securely.", save = "Save profile", securityTitle = "Protected profile", securityBody = "Your profile stays bound to this framework character and financial session." },
                 activityTypes = { buy = "Asset purchase", sell = "Asset sale", deposit = "Bank deposit", withdrawal = "Bank withdrawal" },
                 statuses = { completed = "Completed", pending = "Pending review", failed = "Failed", manual_review = "Manual review" },
-                errors = { invalid_handle = "Use 3–20 letters, numbers, dots or underscores.", handle_taken = "That VaultX handle is already taken.", profile_exists = "This character already owns a VaultX profile.", invalid_password = "Password must be 8–72 characters.", invalid_credentials = "The password is incorrect.", locked = "Too many attempts. Try again later.", not_authenticated = "Sign in to VaultX first.", invalid_amount = "Enter a positive whole amount.", invalid_quantity = "Enter a quantity with up to six decimals.", insufficient_funds = "Your available balance is too low.", insufficient_liquidity = "The exchange cannot fill that amount right now.", quote_expired = "This quote expired. Request a new one.", quote_unavailable = "The quote is no longer available.", market_unavailable = "This market is temporarily paused.", limit_exceeded = "This request exceeds an exchange limit.", duplicate_request = "This request was already processed.", rate_limited = "Too many requests. Try again shortly.", settlement_pending = "A money transfer is already pending review.", service_unavailable = "VaultX is temporarily unavailable.", request_failed = "The secure exchange request failed.", default = "VaultX could not complete the request." },
+                errors = { invalid_profile = "Check your VaultX profile settings.", invalid_handle = "Use 3–20 letters, numbers, dots or underscores.", handle_taken = "That VaultX handle is already taken.", profile_exists = "This character already owns a VaultX profile.", invalid_password = "Password must be 8–72 characters.", invalid_credentials = "The password is incorrect.", locked = "Too many attempts. Try again later.", not_authenticated = "Sign in to VaultX first.", invalid_amount = "Enter a positive whole amount.", invalid_quantity = "Enter a quantity with up to six decimals.", insufficient_funds = "Your available balance is too low.", insufficient_liquidity = "The exchange cannot fill that amount right now.", quote_expired = "This quote expired. Request a new one.", quote_unavailable = "The quote is no longer available.", market_unavailable = "This market is temporarily paused.", limit_exceeded = "This request exceeds an exchange limit.", duplicate_request = "This request was already processed.", rate_limited = "Too many requests. Try again shortly.", settlement_pending = "A money transfer is already pending review.", service_unavailable = "VaultX is temporarily unavailable.", request_failed = "The secure exchange request failed.", default = "VaultX could not complete the request." },
             },
             banking = {
                 name = "Banking", welcome = "Welcome back", totalBalance = "Total Balance", recentPeriod = "in recent activity",
diff --git a/sky_phone/source/client/main.lua b/sky_phone/source/client/main.lua
index d3f3c16..b08816c 100644
--- a/sky_phone/source/client/main.lua
+++ b/sky_phone/source/client/main.lua
@@ -250,6 +250,7 @@ local server_callbacks = {
     "crypto:execute",
     "crypto:deposit",
     "crypto:withdraw",
+    "crypto:update-profile",
     "billing:overview",
     "billing:list",
     "billing:detail",
diff --git a/sky_phone/source/server/crypto.lua b/sky_phone/source/server/crypto.lua
index d9807e4..33dff5f 100644
--- a/sky_phone/source/server/crypto.lua
+++ b/sky_phone/source/server/crypto.lua
@@ -14,6 +14,9 @@ local function ensure_schema()
             `account_id` BIGINT UNSIGNED NULL,
             `handle` VARCHAR(20) CHARACTER SET ascii COLLATE ascii_general_ci NOT NULL,
             `password_hash` VARCHAR(255) CHARACTER SET ascii COLLATE ascii_bin NOT NULL,
+            `price_alerts` TINYINT(1) UNSIGNED NOT NULL DEFAULT 1,
+            `trade_confirmations` TINYINT(1) UNSIGNED NOT NULL DEFAULT 1,
+            `hide_balances` TINYINT(1) UNSIGNED NOT NULL DEFAULT 0,
             `status` ENUM('active','frozen','closed') NOT NULL DEFAULT 'active',
             `failed_logins` TINYINT UNSIGNED NOT NULL DEFAULT 0,
             `locked_until` DATETIME NULL,
@@ -138,6 +141,9 @@ local function ensure_schema()
     for _, statement in ipairs(statements) do
         Bridge.Database.Query(statement, {})
     end
+    Bridge.Database.Query("ALTER TABLE `sky_phone_crypto_profiles` ADD COLUMN IF NOT EXISTS `price_alerts` TINYINT(1) UNSIGNED NOT NULL DEFAULT 1 AFTER `password_hash`", {})
+    Bridge.Database.Query("ALTER TABLE `sky_phone_crypto_profiles` ADD COLUMN IF NOT EXISTS `trade_confirmations` TINYINT(1) UNSIGNED NOT NULL DEFAULT 1 AFTER `price_alerts`", {})
+    Bridge.Database.Query("ALTER TABLE `sky_phone_crypto_profiles` ADD COLUMN IF NOT EXISTS `hide_balances` TINYINT(1) UNSIGNED NOT NULL DEFAULT 0 AFTER `trade_confirmations`", {})
 end
 
 local function new_id()
@@ -282,6 +288,8 @@ end
 local function profile_by_owner(identifier)
     return Bridge.Database.Query([[
         SELECT `id`,`owner_identifier`,`account_id`,`handle`,`status`,`failed_logins`,
+            `price_alerts`,`trade_confirmations`,`hide_balances`,
+            UNIX_TIMESTAMP(`created_at`) AS `created_at`,
             UNIX_TIMESTAMP(`locked_until`) AS `locked_until`
         FROM `sky_phone_crypto_profiles` WHERE `owner_identifier` = ? LIMIT 1
     ]], { identifier })[1]
@@ -385,6 +393,10 @@ local function market_dtos()
             price = decimal_string(price, Config.Crypto.PriceScale),
             changePercent = first > 0 and ((price - first) / first) * 100 or 0,
             enabled = row.status == "active",
+            high24h = decimal_string(math.max(table.unpack(prices)), Config.Crypto.PriceScale),
+            low24h = decimal_string(math.min(table.unpack(prices)), Config.Crypto.PriceScale),
+            issuedSupply = decimal_string(config.IssuedSupply * Config.Crypto.AssetScale, Config.Crypto.AssetScale),
+            treasuryAvailable = decimal_string(balance("treasury", market_id), Config.Crypto.AssetScale),
             sparkline = sparkline,
         }
     end
@@ -446,9 +458,24 @@ local function bootstrap(profile)
             portfolio = portfolio + value
         end
     end
+    local metrics = Bridge.Database.Query([[
+        SELECT COUNT(*) AS `total_trades`, COALESCE(SUM(`amount`), 0) AS `total_volume`
+        FROM `sky_phone_crypto_operations`
+        WHERE `profile_id` = ? AND `type` IN ('buy','sell') AND `status` = 'completed'
+    ]], { profile.id })[1]
     return {
         authenticated = true,
-        profile = { id = profile.id, handle = profile.handle, status = profile.status },
+        profile = {
+            id = profile.id,
+            handle = profile.handle,
+            status = profile.status,
+            createdAt = (tonumber(profile.created_at) or 0) * 1000,
+            hideBalances = tonumber(profile.hide_balances) == 1,
+            priceAlerts = tonumber(profile.price_alerts) == 1,
+            tradeConfirmations = tonumber(profile.trade_confirmations) == 1,
+            totalTrades = tonumber(metrics and metrics.total_trades) or 0,
+            totalVolume = decimal_string(metrics and metrics.total_volume, Config.Crypto.PriceScale),
+        },
         cashBalance = decimal_string(cash, Config.Crypto.PriceScale),
         portfolioValue = decimal_string(portfolio, Config.Crypto.PriceScale),
         holdings = holdings,
@@ -628,6 +655,49 @@ Bridge.Callbacks.Register("sky_phone:crypto:logout", function(source)
     return { success = true }
 end)
 
+Bridge.Callbacks.Register("sky_phone:crypto:update-profile", function(source, data)
+    if not SkyPhone.AllowOperation(source, "crypto:update-profile", 8, 60) then
+        return { success = false, error = "rate_limited" }
+    end
+    local profile, error_response = authenticated_profile(source)
+    if not profile then
+        return error_response
+    end
+    data = type(data) == "table" and data or {}
+    local handle = valid_handle(data.handle)
+    if not handle or type(data.priceAlerts) ~= "boolean"
+        or type(data.tradeConfirmations) ~= "boolean" or type(data.hideBalances) ~= "boolean"
+    then
+        return { success = false, error = "invalid_profile" }
+    end
+    if handle:lower() ~= profile.handle:lower() then
+        if not verify_password(profile.id, data.password) then
+            audit(profile.id, profile.owner_identifier, "profile_update_reauth_failed", "")
+            return { success = false, error = "invalid_credentials" }
+        end
+        local duplicate = Bridge.Database.Query(
+            "SELECT 1 FROM `sky_phone_crypto_profiles` WHERE `handle` = ? AND `id` <> ? LIMIT 1",
+            { handle, profile.id }
+        )
+        if duplicate[1] then
+            return { success = false, error = "handle_taken" }
+        end
+    end
+    Bridge.Database.Query([[
+        UPDATE `sky_phone_crypto_profiles`
+        SET `handle` = ?, `price_alerts` = ?, `trade_confirmations` = ?, `hide_balances` = ?
+        WHERE `id` = ?
+    ]], {
+        handle,
+        data.priceAlerts and 1 or 0,
+        data.tradeConfirmations and 1 or 0,
+        data.hideBalances and 1 or 0,
+        profile.id,
+    })
+    audit(profile.id, profile.owner_identifier, "profile_updated", handle)
+    return { success = true, data = bootstrap(profile_by_owner(profile.owner_identifier)) }
+end)
+
 Bridge.Callbacks.Register("sky_phone:crypto:quote", function(source, data)
     if not SkyPhone.AllowOperation(source, "crypto:quote", Config.Crypto.ActionsPerMinute, 60) then
         return { success = false, error = "rate_limited" }
diff --git a/sky_phone/sql/install.sql b/sky_phone/sql/install.sql
index 5962d63..eb1795f 100644
--- a/sky_phone/sql/install.sql
+++ b/sky_phone/sql/install.sql
@@ -1351,6 +1351,9 @@ CREATE TABLE IF NOT EXISTS `sky_phone_crypto_profiles` (
     `account_id` BIGINT UNSIGNED NULL,
     `handle` VARCHAR(20) CHARACTER SET ascii COLLATE ascii_general_ci NOT NULL,
     `password_hash` VARCHAR(255) CHARACTER SET ascii COLLATE ascii_bin NOT NULL,
+    `price_alerts` TINYINT(1) UNSIGNED NOT NULL DEFAULT 1,
+    `trade_confirmations` TINYINT(1) UNSIGNED NOT NULL DEFAULT 1,
+    `hide_balances` TINYINT(1) UNSIGNED NOT NULL DEFAULT 0,
     `status` ENUM('active','frozen','closed') NOT NULL DEFAULT 'active',
     `failed_logins` TINYINT UNSIGNED NOT NULL DEFAULT 0,
     `locked_until` DATETIME NULL,