.metric-card.svelte-gx1149{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md,12px);box-shadow:var(--shadow-md);padding:20px 16px;transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s cubic-bezier(.22,1,.36,1)}.metric-card.svelte-gx1149:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.metric-card.hero.svelte-gx1149{box-shadow:0 0 20px color-mix(in srgb, var(--accent) 15%, transparent), var(--shadow-md);padding:28px 24px}.metric-card.hero.svelte-gx1149:hover{box-shadow:0 0 30px color-mix(in srgb, var(--accent) 25%, transparent), var(--shadow-lg)}.metric-card.hero.svelte-gx1149 .metric-value:where(.svelte-gx1149){letter-spacing:-.03em;font-size:2.25rem;font-weight:800}.metric-header.svelte-gx1149{align-items:center;gap:0;display:flex}.metric-label.svelte-gx1149{color:var(--text-dim);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:500}.metric-value.svelte-gx1149{color:var(--text);letter-spacing:-.02em;margin:10px 0 6px;font-size:1.5rem;font-weight:700;display:block}.metric-value.positive.svelte-gx1149{color:var(--green)}.metric-value.negative.svelte-gx1149{color:var(--red)}.metric-sub.svelte-gx1149{color:var(--text-dim);font-size:.75rem}@media (width<=600px){.metric-value.svelte-gx1149{font-size:1.25rem}.metric-card.hero.svelte-gx1149 .metric-value:where(.svelte-gx1149){font-size:1.75rem}}