@layer components{.bi-scope .metric-card{border-width:1px;border-radius:.85rem;padding:1.1rem 1.2rem;transition:transform .18s,box-shadow .18s;position:relative;overflow:hidden}.bi-scope .metric-card:before{content:"";pointer-events:none;background:linear-gradient(135deg,#ffffff8c,#fff0 55%);position:absolute;inset:0}.bi-scope .metric-card:after{content:"";opacity:.08;pointer-events:none;background:currentColor;border-radius:999px;width:120px;height:120px;position:absolute;top:-30px;right:-30px}.bi-scope .metric-card:hover{box-shadow:0 14px 32px -16px color-mix(in oklab,currentColor 70%,transparent);transform:translateY(-2px)}.bi-scope .metric-card .metric-icon{border-radius:.7rem;width:2.4rem;height:2.4rem;box-shadow:0 6px 16px -8px}.bi-scope .metric-card .metric-value{letter-spacing:-.01em;font-size:1.65rem;font-weight:800;line-height:1.1}.bi-scope .metric-pink{color:var(--metric-pink-fg);background:linear-gradient(135deg,color-mix(in oklab,var(--metric-pink-fg) 14%,white),#fff)}.bi-scope .metric-purple{color:var(--metric-purple-fg);background:linear-gradient(135deg,color-mix(in oklab,var(--metric-purple-fg) 14%,white),#fff)}.bi-scope .metric-cyan{color:var(--metric-cyan-fg);background:linear-gradient(135deg,color-mix(in oklab,var(--metric-cyan-fg) 14%,white),#fff)}.bi-scope .metric-mint{color:var(--metric-mint-fg);background:linear-gradient(135deg,color-mix(in oklab,var(--metric-mint-fg) 14%,white),#fff)}.bi-scope .metric-amber{color:var(--metric-amber-fg);background:linear-gradient(135deg,color-mix(in oklab,var(--metric-amber-fg) 14%,white),#fff)}.bi-scope .bi-chart-card{background:linear-gradient(180deg,#fff,color-mix(in oklab,var(--accent) 6%,white));border:1px solid color-mix(in oklab,var(--accent) 25%,transparent);border-radius:.85rem;padding:1rem 1.1rem;box-shadow:0 1px 2px #0f172a0a,0 8px 24px -16px #0f172a1a}.bi-scope .bi-chart-card h3{align-items:center;gap:.5rem;display:inline-flex}.bi-scope .bi-chart-card h3:before{content:"";background:linear-gradient(180deg,var(--metric-pink-fg),var(--metric-purple-fg));border-radius:4px;width:4px;height:16px;display:inline-block}.bi-scope .bi-tabs{border:1px solid color-mix(in oklab,var(--accent) 22%,transparent);background:#fff;border-radius:.75rem;padding:4px;box-shadow:0 1px 2px #0f172a0a}.bi-scope .bi-tabs [data-state=active]{box-shadow:0 6px 16px -8px var(--metric-purple-fg);background:linear-gradient(135deg,var(--metric-pink-fg),var(--metric-purple-fg))!important;color:#fff!important}.bi-scope .bi-preset[data-active=true]{box-shadow:0 6px 16px -8px var(--metric-purple-fg);background:linear-gradient(135deg,var(--metric-pink-fg),var(--metric-purple-fg))!important;color:#fff!important;border-color:#0000!important}.bi-delta{background:color-mix(in oklab,currentColor 14%,white);border-radius:999px;align-items:center;gap:2px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-flex}.bi-delta.up{color:var(--metric-mint-fg)}.bi-delta.down{color:var(--destructive)}}