.app-metric-card{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;min-width:0;padding:14px 12px;border:1px solid var(--line);box-shadow:inset 0 1px #ffffff0a,0 8px 20px #0000002e}.app-metric-card-icon{display:grid;place-items:center;width:36px;height:36px;color:var(--metric-card-icon-color, var(--accent-strong));border-radius:8px;filter:drop-shadow(0 0 8px var(--metric-card-icon-glow, rgba(var(--accent-rgb), .18)))}.app-metric-card-icon svg{width:20px;height:20px;stroke:currentColor}.app-metric-card-body{display:grid;gap:2px;min-width:0}.app-metric-card-value{min-width:0;max-width:100%;overflow:hidden;color:var(--text);font-family:var(--analytics-number-font, Inter, "SF Pro Display", system-ui, sans-serif);font-size:22px;font-weight:780;line-height:1.1;text-overflow:ellipsis;white-space:nowrap}.app-metric-card-label{overflow:hidden;color:var(--muted);font-size:12px;font-weight:480;line-height:1.3;text-overflow:ellipsis;white-space:nowrap}.app-metric-card-tone-accent{--metric-card-icon-color: var(--accent-strong);--metric-card-icon-glow: rgba(var(--accent-rgb), .2)}.app-metric-card-tone-running{--metric-card-icon-color: #d8a64b;--metric-card-icon-glow: rgba(216, 166, 75, .18)}.app-metric-card-tone-success{--metric-card-icon-color: #74e1a6;--metric-card-icon-glow: rgba(116, 225, 166, .16)}.app-metric-card-tone-activity{--metric-card-icon-color: #8bd3ff;--metric-card-icon-glow: rgba(139, 211, 255, .16)}.app-metric-card-tone-cost{--metric-card-icon-color: #ffc552;--metric-card-icon-glow: rgba(255, 197, 82, .2)}.app-metric-card-tone-duration{--metric-card-icon-color: #b9a7ff;--metric-card-icon-glow: rgba(185, 167, 255, .16)}.app-metric-card-tone-neutral{--metric-card-icon-color: var(--muted-strong);--metric-card-icon-glow: rgba(203, 208, 205, .12)}@media(max-width:760px){.app-metric-card{padding:10px 8px}.app-metric-card-value{font-size:18px}}