.metrics-grid{position:absolute;top:72px;right:16px;padding:16px;margin-top:0;max-width:min(100% - 32px,480px);display:grid;grid-template-columns:repeat(2,minmax(160px,1fr));gap:14px;background:rgba(15,23,42,.97);border-radius:var(--radius-main);border:1px solid rgba(56,189,248,.6);box-shadow:var(--glow-main);z-index:9999}.metrics-hidden{opacity:0;pointer-events:none;transform:translateY(-6px);transition:opacity 120ms ease-out,transform 120ms ease-out}.metrics-visible{opacity:1;pointer-events:auto;transform:translateY(0)}.metric-card{border-radius:var(--radius-main);padding:16px 18px;background:var(--color-bg-soft);box-shadow:var(--glow-main);border:1px solid var(--color-border)}.metric-card__label{font-size:.75rem;letter-spacing:.18em;text-transform:uppercase;color:var(--color-text-muted);margin-bottom:8px}.metric-card__value{font-size:2rem;font-weight:700;color:var(--color-accent-soft)}.metric-card__sub{margin-top:4px;font-size:.85rem;color:var(--color-text-muted)}.metric-card--final{background:linear-gradient(135deg,var(--color-accent),var(--color-secondary));color:#f9fafb;box-shadow:0 18px 40px rgba(79,70,229,.7);border-color:transparent}.metric-card--final .metric-card__label{color:rgba(243,244,246,.9)}.metric-card--final .metric-card__value{color:#f9fafb}