@layer ui{.ui-metric{border-radius:var(--ui-radius-xl);background:var(--ui-bg-primary);min-width:0;box-shadow:inset 0 0 0 1px var(--ui-border-secondary), var(--ui-shadow-xs);flex-direction:column;gap:20px;padding:20px;display:flex}.ui-metric__content{flex-direction:column;gap:8px;min-width:0;display:flex}.ui-metric__label{font-size:var(--ui-font-size-sm);line-height:var(--ui-line-height-sm);font-weight:var(--ui-weight-medium);color:var(--ui-text-tertiary)}.ui-metric__row{flex-wrap:wrap;align-items:flex-end;gap:16px;display:flex}.ui-metric__value{font-size:var(--ui-font-size-display-sm);line-height:var(--ui-line-height-display-sm);font-weight:var(--ui-weight-semibold);color:var(--ui-text-primary);font-variant-numeric:tabular-nums}}