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