.kpi-demo[data-astro-cid-7ckqrqbm]{position:relative;width:100%;max-width:1000px;margin:0 auto;font-family:Inter,system-ui,sans-serif;container-type:inline-size}.kpi-stage[data-astro-cid-7ckqrqbm]{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:24px;box-shadow:0 24px 48px -24px #1e3a5f33,0 8px 16px -8px #1e3a5f1a}.kpi-header[data-astro-cid-7ckqrqbm]{display:flex;align-items:center;justify-content:space-between;padding-bottom:18px;border-bottom:1px solid #e2e8f0;margin-bottom:20px;gap:12px;flex-wrap:wrap}.kpi-header-left[data-astro-cid-7ckqrqbm]{display:flex;align-items:center;gap:12px}.kpi-header-icon[data-astro-cid-7ckqrqbm]{width:36px;height:36px;border-radius:8px;background:linear-gradient(135deg,#eff6ff,#dbeafe);color:#2563eb;display:flex;align-items:center;justify-content:center}.kpi-header-icon[data-astro-cid-7ckqrqbm] svg[data-astro-cid-7ckqrqbm]{width:18px;height:18px}.kpi-header-title[data-astro-cid-7ckqrqbm]{font-size:14px;font-weight:700;color:#0f172a}.kpi-header-meta[data-astro-cid-7ckqrqbm]{display:flex;align-items:center;gap:6px;font-size:11px;color:#64748b;margin-top:2px}.kpi-live-dot[data-astro-cid-7ckqrqbm]{width:6px;height:6px;border-radius:50%;background:#10b981;box-shadow:0 0 6px #10b981;animation:kpi-live-pulse 1.5s infinite}@keyframes kpi-live-pulse{0%,to{opacity:1}50%{opacity:.4}}.kpi-period-switch[data-astro-cid-7ckqrqbm]{display:inline-flex;background:#f1f5f9;border-radius:6px;padding:2px}.kpi-period-switch[data-astro-cid-7ckqrqbm] span[data-astro-cid-7ckqrqbm]{padding:4px 10px;font-size:11px;font-weight:500;color:#64748b;border-radius:4px;cursor:default}.kpi-period-active[data-astro-cid-7ckqrqbm]{background:#fff!important;color:#0f172a!important;box-shadow:0 1px 2px #0000000d}.kpi-grid[data-astro-cid-7ckqrqbm]{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}@container (max-width: 800px){.kpi-grid[data-astro-cid-7ckqrqbm]{grid-template-columns:repeat(2,1fr)}}@container (max-width: 480px){.kpi-grid[data-astro-cid-7ckqrqbm]{grid-template-columns:1fr}}.kpi-tile[data-astro-cid-7ckqrqbm]{padding:16px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;position:relative;overflow:hidden}.kpi-tile-head[data-astro-cid-7ckqrqbm]{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.kpi-tile-label[data-astro-cid-7ckqrqbm]{font-size:10px;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.06em}.kpi-tile-trend[data-astro-cid-7ckqrqbm]{display:inline-flex;align-items:center;gap:2px;font-size:10px;font-weight:700;padding:2px 6px;border-radius:4px}.kpi-tile-trend[data-astro-cid-7ckqrqbm] svg[data-astro-cid-7ckqrqbm]{width:10px;height:10px}.kpi-trend-up[data-astro-cid-7ckqrqbm],.kpi-trend-down[data-astro-cid-7ckqrqbm]{background:#10b9811a;color:#059669}.kpi-tile-value[data-astro-cid-7ckqrqbm]{display:flex;align-items:baseline;gap:4px;font-size:28px;font-weight:700;color:#0f172a;line-height:1;margin-bottom:2px}.kpi-tile-unit[data-astro-cid-7ckqrqbm]{font-size:14px;font-weight:500;color:#64748b}.kpi-tile-sub[data-astro-cid-7ckqrqbm]{font-size:11px;color:#64748b;margin-bottom:12px}.kpi-spark[data-astro-cid-7ckqrqbm]{width:100%;height:30px;opacity:0;animation:kpi-spark-fade 1s ease-out .8s forwards}.kpi-demo-active[data-astro-cid-7ckqrqbm] .kpi-spark[data-astro-cid-7ckqrqbm]{animation:kpi-spark-fade 1s ease-out .8s forwards}@keyframes kpi-spark-fade{0%{opacity:0}to{opacity:1}}.kpi-spark-line[data-astro-cid-7ckqrqbm]{stroke-dasharray:300;stroke-dashoffset:300;animation:kpi-spark-draw 1.8s ease-out forwards;animation-delay:.8s}@keyframes kpi-spark-draw{to{stroke-dashoffset:0}}.kpi-tile-gauge[data-astro-cid-7ckqrqbm] .kpi-gauge-wrapper[data-astro-cid-7ckqrqbm]{position:relative;margin:4px 0 8px;text-align:center}.kpi-gauge[data-astro-cid-7ckqrqbm]{width:100%;max-width:120px;display:block;margin:0 auto}.kpi-gauge-arc[data-astro-cid-7ckqrqbm]{animation:kpi-gauge-fill 1.8s cubic-bezier(.4,0,.2,1) forwards}@keyframes kpi-gauge-fill{0%{stroke-dashoffset:157}to{stroke-dashoffset:5}}.kpi-gauge-value[data-astro-cid-7ckqrqbm]{position:absolute;bottom:0;left:50%;transform:translate(-50%);display:flex;align-items:baseline;gap:1px;font-size:24px;font-weight:700;color:#0f172a}.kpi-gauge-unit[data-astro-cid-7ckqrqbm]{font-size:12px;color:#64748b;font-weight:500}.kpi-tile-donut[data-astro-cid-7ckqrqbm] .kpi-donut-wrapper[data-astro-cid-7ckqrqbm]{position:relative;display:flex;justify-content:center;margin:4px 0}.kpi-donut[data-astro-cid-7ckqrqbm]{width:80px;height:80px}.kpi-donut-arc[data-astro-cid-7ckqrqbm]{animation:kpi-donut-fill 1.8s cubic-bezier(.4,0,.2,1) forwards}@keyframes kpi-donut-fill{0%{stroke-dashoffset:201}to{stroke-dashoffset:64}}.kpi-donut-center[data-astro-cid-7ckqrqbm]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.kpi-donut-pct[data-astro-cid-7ckqrqbm]{display:flex;align-items:baseline;gap:1px;justify-content:center;font-size:18px;font-weight:700;color:#0f172a;line-height:1}.kpi-donut-pct[data-astro-cid-7ckqrqbm] span[data-astro-cid-7ckqrqbm]:last-child{font-size:11px;color:#64748b;font-weight:500}.kpi-donut-label[data-astro-cid-7ckqrqbm]{font-size:9px;color:#64748b;margin-top:2px;text-transform:uppercase;letter-spacing:.04em}.kpi-donut-legend[data-astro-cid-7ckqrqbm]{display:flex;flex-direction:column;gap:4px;margin-top:8px}.kpi-donut-leg[data-astro-cid-7ckqrqbm]{display:grid;grid-template-columns:auto 1fr auto;gap:6px;align-items:center;font-size:10px;color:#475569}.kpi-donut-leg-dot[data-astro-cid-7ckqrqbm]{width:8px;height:8px;border-radius:50%}.kpi-donut-leg-val[data-astro-cid-7ckqrqbm]{font-weight:700;color:#0f172a;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.kpi-bottom[data-astro-cid-7ckqrqbm]{display:grid;grid-template-columns:2fr 1fr;gap:12px}@container (max-width: 640px){.kpi-bottom[data-astro-cid-7ckqrqbm]{grid-template-columns:1fr}}.kpi-panel[data-astro-cid-7ckqrqbm]{padding:16px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px}.kpi-panel-compact[data-astro-cid-7ckqrqbm]{display:flex;flex-direction:column;gap:10px;padding:16px}.kpi-panel-head[data-astro-cid-7ckqrqbm]{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.kpi-panel-title[data-astro-cid-7ckqrqbm]{font-size:12px;font-weight:700;color:#0f172a}.kpi-panel-period[data-astro-cid-7ckqrqbm]{font-size:10px;color:#64748b}.kpi-bars[data-astro-cid-7ckqrqbm]{display:flex;flex-direction:column;gap:8px}.kpi-bar-row[data-astro-cid-7ckqrqbm]{display:grid;grid-template-columns:140px 1fr 30px;gap:10px;align-items:center}@container (max-width: 480px){.kpi-bar-row[data-astro-cid-7ckqrqbm]{grid-template-columns:100px 1fr 28px}}.kpi-bar-label[data-astro-cid-7ckqrqbm]{font-size:11px;color:#334155;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kpi-bar-track[data-astro-cid-7ckqrqbm]{height:16px;background:#e2e8f0;border-radius:4px;overflow:hidden}.kpi-bar-fill[data-astro-cid-7ckqrqbm]{height:100%;width:0;background:var(--c);border-radius:4px;animation:kpi-bar-grow 1.5s cubic-bezier(.22,1,.36,1) forwards}.kpi-bar-row[data-astro-cid-7ckqrqbm]:nth-child(1) .kpi-bar-fill[data-astro-cid-7ckqrqbm]{animation-delay:.2s}.kpi-bar-row[data-astro-cid-7ckqrqbm]:nth-child(2) .kpi-bar-fill[data-astro-cid-7ckqrqbm]{animation-delay:.35s}.kpi-bar-row[data-astro-cid-7ckqrqbm]:nth-child(3) .kpi-bar-fill[data-astro-cid-7ckqrqbm]{animation-delay:.5s}.kpi-bar-row[data-astro-cid-7ckqrqbm]:nth-child(4) .kpi-bar-fill[data-astro-cid-7ckqrqbm]{animation-delay:.65s}.kpi-bar-row[data-astro-cid-7ckqrqbm]:nth-child(5) .kpi-bar-fill[data-astro-cid-7ckqrqbm]{animation-delay:.8s}@keyframes kpi-bar-grow{0%{width:0}to{width:var(--w)}}.kpi-bar-val[data-astro-cid-7ckqrqbm]{font-size:11px;font-weight:700;color:#0f172a;text-align:right;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.kpi-metric[data-astro-cid-7ckqrqbm]{display:flex;align-items:center;gap:12px;padding:12px;background:#fff;border:1px solid #e2e8f0;border-radius:8px}.kpi-metric-icon[data-astro-cid-7ckqrqbm]{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.kpi-metric-icon[data-astro-cid-7ckqrqbm] svg[data-astro-cid-7ckqrqbm]{width:18px;height:18px}.kpi-metric-backlog[data-astro-cid-7ckqrqbm] .kpi-metric-icon[data-astro-cid-7ckqrqbm]{background:#ef44441a;color:#dc2626}.kpi-metric-realised[data-astro-cid-7ckqrqbm] .kpi-metric-icon[data-astro-cid-7ckqrqbm]{background:#10b9811a;color:#059669}.kpi-metric-body[data-astro-cid-7ckqrqbm]{flex:1;min-width:0}.kpi-metric-value[data-astro-cid-7ckqrqbm]{display:flex;align-items:baseline;gap:2px;font-size:22px;font-weight:700;color:#0f172a;line-height:1}.kpi-metric-unit[data-astro-cid-7ckqrqbm]{font-size:12px;font-weight:500;color:#64748b}.kpi-metric-label[data-astro-cid-7ckqrqbm]{font-size:11px;font-weight:600;color:#334155;margin-top:2px}.kpi-metric-sub[data-astro-cid-7ckqrqbm]{font-size:10px;color:#64748b;margin-top:1px}@media(prefers-reduced-motion:reduce){.kpi-live-dot[data-astro-cid-7ckqrqbm],.kpi-spark-line[data-astro-cid-7ckqrqbm],.kpi-gauge-arc[data-astro-cid-7ckqrqbm],.kpi-donut-arc[data-astro-cid-7ckqrqbm],.kpi-bar-fill[data-astro-cid-7ckqrqbm]{animation:none!important}.kpi-gauge-arc[data-astro-cid-7ckqrqbm]{stroke-dashoffset:5}.kpi-donut-arc[data-astro-cid-7ckqrqbm]{stroke-dashoffset:64}.kpi-bar-fill[data-astro-cid-7ckqrqbm]{width:var(--w)}}