.doc-metric{background:color-mix(in srgb, var(--panel,#fff) 92%, var(--tint,#5f8f86) 8%);border:1px solid color-mix(in srgb, var(--tint,#5f8f86) 22%, var(--line-soft,#00000014));min-width:0;box-shadow:inset 0 1px 0 var(--metal-top,#ffffff24), 0 10px 24px color-mix(in srgb, var(--ink) 5%, transparent);border-radius:14px;flex-direction:column;gap:2px;padding:16px 17px;display:flex;position:relative;overflow:hidden}.doc-metric-icon{background:color-mix(in srgb, var(--tint,#5f8f86) 15%, transparent);width:30px;height:30px;color:var(--tint,#8b7cf6);border-radius:8px;place-items:center;margin-bottom:6px;font-size:15px;display:grid}.doc-metric-value{letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:var(--ink,#1a1a1a);font-size:27px;font-weight:700;line-height:1.1;transition:color .3s}.doc-metric-label{letter-spacing:.07em;text-transform:uppercase;color:var(--ink,#1a1a1a);opacity:.62;font-size:11px;font-weight:650}.doc-metric-detail{color:var(--muted,#8a8a8a);margin-top:2px;font-size:12px}.doc-metric-progress{background:color-mix(in srgb, var(--ink,#1a1a1a) 9%, transparent);border-radius:999px;height:5px;margin-top:10px;position:relative;overflow:hidden}.doc-metric-progress i{border-radius:inherit;background:linear-gradient(90deg, color-mix(in srgb, var(--tint) 70%, white), var(--tint));min-width:3px;height:100%;transition:width .38s cubic-bezier(.2,.8,.2,1);display:block}.doc-metric-progress span{color:var(--muted,#8a8a8a);white-space:nowrap;margin-top:6px;font-size:10px;font-weight:650;display:block}.doc-metric.has-progress{padding-bottom:27px}.doc-metric.live:after{content:"";background:var(--tint,#8b7cf6);border-radius:50%;width:7px;height:7px;animation:2.4s ease-out infinite doc-metric-pulse;position:absolute;top:12px;right:12px}@keyframes doc-metric-pulse{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--tint,#8b7cf6) 55%, transparent)}70%{box-shadow:0 0 0 7px #0000}to{box-shadow:0 0 #0000}}.doc-metric.tick .doc-metric-value{animation:.5s doc-metric-flash}@keyframes doc-metric-flash{0%{color:var(--tint,#8b7cf6);transform:translateY(-1px)}to{color:var(--ink,#1a1a1a);transform:none}}