.perf-card{--perf-status-color:#10b981;--perf-pulse-color:#10b981;position:relative;padding:16px 16px 14px;border-radius:var(--border-radius,14px);background-color:var(--bg-card);border:1px solid var(--border-primary);overflow:hidden;margin-bottom:16px}.perf-card__header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.perf-card__heading{display:flex;align-items:center;gap:8px;min-width:0}.perf-card__title{margin:0;font-size:14px;font-weight:700;line-height:1.2;color:var(--text-primary);letter-spacing:-.01em}.perf-card__status{flex-shrink:0;display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:999px;background:color-mix(in srgb,var(--perf-status-color) 12%,transparent);color:var(--perf-status-color);font-size:11px;font-weight:600}.perf-card__status-dot{position:relative;width:6px;height:6px;border-radius:50%;background:var(--perf-status-color)}.perf-card__status-dot:after{content:"";position:absolute;inset:-3px;border-radius:50%;border:2px solid var(--perf-status-color);opacity:.6;animation:perf-pulse 1.6s ease-out infinite}@keyframes perf-pulse{0%{transform:scale(.5);opacity:.7}100%{transform:scale(1.6);opacity:0}}.perf-card__pulse{position:relative;width:calc(100% + 32px);height:56px;margin:0 -16px 14px;background:var(--bg-secondary,var(--bg-card));border-top:1px solid var(--border-secondary,var(--border-primary));border-bottom:1px solid var(--border-secondary,var(--border-primary));overflow:hidden}.perf-card__pulse-canvas{display:block;width:100%;height:100%}.perf-card__pulse-meta{position:absolute;left:14px;top:8px;font-size:10px;color:var(--text-tertiary,var(--text-secondary));letter-spacing:.06em;text-transform:uppercase;pointer-events:none}.perf-card__pulse-meta strong{color:var(--perf-pulse-color);font-weight:700;margin-left:4px}.perf-card__live{display:grid;grid-template-columns:1fr 1fr;margin-bottom:4px}.perf-card__kpi{position:relative;padding:12px 8px 12px 0;background:0 0;border:0;overflow:hidden}.perf-card__kpi:nth-child(odd){border-right:1px solid var(--border-secondary,var(--border-primary));padding-right:12px}.perf-card__kpi:nth-child(even){padding-left:12px}.perf-card__live>.perf-card__kpi:not(:nth-last-child(-n+2)){border-bottom:1px solid var(--border-secondary,var(--border-primary))}.perf-card__kpi-bg{position:absolute;right:-10px;top:50%;transform:translateY(-50%);width:64px;height:64px;color:color-mix(in srgb,var(--theme-color) 12%,transparent);pointer-events:none;z-index:0}html[data-theme=dark] .perf-card__kpi-bg{color:color-mix(in srgb,var(--theme-color) 18%,transparent)}.perf-card__kpi-label{position:relative;z-index:1;font-size:11px;color:var(--text-tertiary,var(--text-secondary));margin-bottom:6px;line-height:1}.perf-card__kpi-num{position:relative;z-index:1;display:flex;align-items:baseline;gap:3px;color:var(--text-primary);font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;line-height:1.05}.perf-card__kpi-value{font-size:19px;letter-spacing:-.02em}.perf-card__kpi-unit{font-size:11px;color:var(--text-tertiary,var(--text-secondary));font-weight:500}@keyframes perf-fade-up{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.perf-card__kpi{animation:perf-fade-up .4s ease-out backwards}.perf-card__kpi:nth-child(1){animation-delay:.05s}.perf-card__kpi:nth-child(2){animation-delay:.1s}.perf-card__kpi:nth-child(3){animation-delay:.15s}.perf-card__kpi:nth-child(4){animation-delay:.2s}@media (prefers-reduced-motion:reduce){.perf-card__status-dot:after{animation:none}.perf-card__kpi{animation:none}}@media (min-width:641px){.perf-card--hide-pc{display:none !important}}@media (max-width:640px){.perf-card--hide-mobile{display:none !important}}