.kpi-dash{text-align:center;width:100%;max-width:720px}.kpi-dash__heading{font-family:var(--font-playfair), Georgia, serif;color:var(--colors-text-text-primary-900);margin-bottom:8px;font-size:28px;font-weight:400;line-height:1.2}.kpi-dash__subheading{color:var(--colors-text-text-quaternary-500);margin-bottom:20px;font-size:13px;line-height:1.5}.kpi-dash__metrics-strip{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffffe6;border:1px solid #00000012;border-radius:10px;align-items:center;gap:0;margin-bottom:14px;padding:10px 8px;display:flex;overflow:hidden;box-shadow:0 1px 4px #00000008}.kpi-dash__metric-item{border-right:1px solid #0000000d;flex:1;justify-content:center;align-items:center;gap:5px;min-width:0;padding:2px 8px;display:flex}.kpi-dash__metric-item:last-child{border-right:none}.kpi-dash__metric-item--more{flex:.5}.kpi-dash__metric-icon{color:var(--colors-foreground-fg-tertiary-600);flex-shrink:0}.kpi-dash__metric-value{color:var(--colors-text-text-primary-900);white-space:nowrap;font-size:14px;font-weight:600}.kpi-dash__metric-delta{white-space:nowrap;font-size:10px;font-weight:500}.kpi-dash__metric-delta--up{color:#0c2340}.kpi-dash__metric-delta--down{color:#c0392b}.kpi-dash__cards{grid-template-columns:1fr 1fr 1fr;gap:12px;margin-bottom:14px;display:grid}.kpi-dash__card{text-align:left;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffffeb;border:1px solid #00000012;border-radius:14px;flex-direction:column;gap:10px;padding:14px;display:flex;box-shadow:0 1px 3px #00000008,0 4px 12px #00000008}.kpi-dash__card-header{color:var(--colors-text-text-primary-900);white-space:nowrap;align-items:center;gap:5px;font-size:12px;font-weight:600;display:flex}.kpi-dash__card-more{color:var(--colors-foreground-fg-quaternary-500);margin-left:auto}.kpi-dash__card-big-row{align-items:baseline;gap:8px;display:flex}.kpi-dash__big-number{color:var(--colors-text-text-primary-900);letter-spacing:-.02em;font-size:28px;font-weight:700;line-height:1}.kpi-dash__big-number--sm{font-size:22px}.kpi-dash__big-pct{font-size:18px;font-weight:600}.kpi-dash__big-sub{color:var(--colors-text-text-quaternary-500);font-size:10px}.kpi-dash__chart-area{position:relative}.kpi-dash__sparkline{width:100%;height:48px;display:block}.kpi-dash__sparkline--roi{height:40px}.kpi-dash__chart-badge{color:#0c2340;background:#e6edf5;border:1px solid #b3c3dc;border-radius:4px;padding:1px 5px;font-size:10px;font-weight:600;position:absolute;top:4px;right:4px}.kpi-dash__chart-badge--top{top:0;right:0}.kpi-dash__chart-axis{color:var(--colors-text-text-placeholder);justify-content:space-between;margin-top:3px;font-size:8px;display:flex}.kpi-dash__log{border-top:1px solid #0000000d;flex-direction:column;gap:4px;padding-top:8px;display:flex}.kpi-dash__log-title{color:var(--colors-text-text-primary-900);margin-bottom:2px;font-size:11px;font-weight:600}.kpi-dash__log-row{color:var(--colors-text-text-secondary-700);align-items:center;gap:5px;font-size:10px;display:flex}.kpi-dash__log-icon{flex-shrink:0}.kpi-dash__log-icon--success{color:#0c2340}.kpi-dash__log-icon--error{color:#c0392b}.kpi-dash__log-icon--pending{color:var(--colors-foreground-fg-quaternary-500)}.kpi-dash__log-label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.kpi-dash__log-time{color:var(--colors-text-text-quaternary-500);flex-shrink:0;font-size:9px}.kpi-dash__engine-top{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.kpi-dash__engine-stats{flex-direction:column;gap:2px;display:flex}.kpi-dash__engine-chf{color:var(--colors-text-text-quaternary-500);font-size:10px}.kpi-dash__donut{flex-shrink:0}.kpi-dash__engine-user{color:var(--colors-text-text-primary-900);align-items:center;gap:6px;font-size:11px;font-weight:500;display:flex}.kpi-dash__engine-avatar{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;display:flex;overflow:hidden}.kpi-dash__engine-avatar-img{object-fit:cover;width:100%;height:100%}.kpi-dash__engine-section{flex-direction:column;gap:4px;display:flex}.kpi-dash__engine-section-title{color:var(--colors-text-text-secondary-700);font-size:10px;font-weight:600}.kpi-dash__engine-workload-header{color:var(--colors-foreground-fg-tertiary-600);align-items:center;gap:4px;display:flex}.kpi-dash__engine-node{color:var(--colors-text-text-secondary-700);align-items:center;gap:5px;font-size:10px;display:flex}.kpi-dash__engine-node-badge{color:var(--colors-text-text-quaternary-500);background:#00000008;border-radius:4px;margin-left:auto;padding:1px 5px;font-size:9px}.kpi-dash__progress-track{background:#0000000d;border-radius:3px;width:100%;height:6px;overflow:hidden}.kpi-dash__progress-fill{background:linear-gradient(90deg,#0c2340 0%,#3d42b0 100%);border-radius:3px;height:100%}.kpi-dash__engine-savings{color:var(--colors-text-text-quaternary-500);align-items:center;gap:4px;font-size:10px;display:flex}.kpi-dash__engine-savings strong{color:var(--colors-text-text-primary-900)}.kpi-dash__onprem-chart{position:relative}.kpi-dash__onprem-stats{justify-content:flex-end;display:flex}.kpi-dash__onprem-stat{flex-direction:column;align-items:flex-end;gap:1px;display:flex}.kpi-dash__onprem-label{color:var(--colors-text-text-primary-900);font-size:13px;font-weight:600}.kpi-dash__onprem-sub{color:var(--colors-text-text-quaternary-500);font-size:9px}.kpi-dash__onprem-roi{border-top:1px solid #0000000d;padding-top:8px;position:relative}.kpi-dash__onprem-roi-value{color:var(--colors-text-text-quaternary-500);flex-direction:column;align-items:flex-end;font-size:10px;display:flex;position:absolute;top:10px;right:0}.kpi-dash__onprem-roi-value strong{color:var(--colors-text-text-primary-900);font-size:13px;font-weight:600}.kpi-dash__legend{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffffb3;border:1px solid #0000000f;border-radius:10px;flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;padding:12px 8px;display:flex}.kpi-dash__legend-item{color:var(--colors-text-text-secondary-700);white-space:nowrap;align-items:center;gap:5px;font-size:11px;font-weight:500;display:flex}.kpi-dash__legend-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}@media (max-width:639px){.kpi-dash__cards{grid-template-columns:1fr;gap:10px}.kpi-dash__metrics-strip{scrollbar-width:none;gap:2px;overflow-x:auto}.kpi-dash__metric-item{white-space:nowrap;flex:none}.kpi-dash__metrics-strip::-webkit-scrollbar{display:none}.kpi-dash__heading{font-size:22px}.kpi-dash__legend{gap:10px}}