:root{--card-bg:hsl(var(--background, 0 0% 100%));--card-border:hsl(var(--border, 214.3 31.8% 91.4%));--card-foreground:hsl(var(--foreground, 222.2 84% 4.9%));--primary-color:hsl(var(--primary, 222.2 47.4% 11.2%));--muted-foreground:hsl(var(--muted-foreground, 220 8.9% 46.1%));--radius-lg:.75rem;--shadow-md:0 4px 6px -1px rgba(0,0,0,.07), 0 2px 4px -1px rgba(0,0,0,.05)}.metric-card.svelte-1xpfxhz{background-color:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-lg);padding:1.5rem;box-shadow:var(--shadow-md);display:flex;flex-direction:column;justify-content:space-between;transition:box-shadow .2s ease-out,transform .2s ease-out}.card-content.svelte-1xpfxhz{display:flex;align-items:center;gap:1rem}.metric-icon.svelte-1xpfxhz{width:36px;height:36px;display:flex;align-items:center;justify-content:center;color:var(--primary-color);flex-shrink:0}.metric-icon.svelte-1xpfxhz svg{width:100%;height:100%}.metric-details.svelte-1xpfxhz{display:flex;flex-direction:column;align-items:flex-start;flex-grow:1}.metric-value.svelte-1xpfxhz{font-size:2.25rem;font-weight:700;color:var(--card-foreground);line-height:1.1;margin-bottom:.1rem}.metric-label.svelte-1xpfxhz{font-size:.9rem;color:var(--muted-foreground);font-weight:500}.metric-cta.svelte-1xpfxhz{margin-top:1rem}