.dash-kpi{box-sizing:border-box;background:var(--dash-card-bg,#fff);border:1px solid var(--dash-border,#e5e7eb);border-radius:var(--dash-radius,12px);width:100%;box-shadow:var(--dash-shadow-sm,0 1px 2px #1118270d);flex-direction:column;flex:1;justify-content:space-between;min-height:130px;padding:18px 20px;transition:box-shadow .22s cubic-bezier(.16,1,.3,1),transform .22s cubic-bezier(.16,1,.3,1);display:flex}.dash-kpi:hover{box-shadow:var(--dash-shadow-md,0 4px 12px -2px #11182714);transform:translateY(-1px)}.dash-kpi-header{justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex;position:relative}.dash-kpi-title-group{align-items:center;gap:6px;min-width:0;display:inline-flex}.dash-kpi-title{letter-spacing:.02em;text-transform:uppercase;color:var(--dash-text-tertiary,#94a3b8);font-size:13px;font-weight:500}.dash-kpi-note{flex:none;display:inline-flex}.dash-kpi-note[hidden]{display:none}.dash-kpi-note-trigger{border:1px solid var(--dash-border,#e5e7eb);background:var(--dash-card-bg,#fff);width:17px;height:17px;color:var(--dash-text-tertiary,#94a3b8);cursor:help;border-radius:999px;justify-content:center;align-items:center;padding:0;font:700 11px/1 sans-serif;display:inline-flex}.dash-kpi-note-trigger:hover{border-color:var(--dash-accent,#8b5cf6);color:var(--dash-accent,#8b5cf6);outline:none}.dash-kpi-note-trigger:focus-visible{border-color:var(--dash-accent,#8b5cf6);color:var(--dash-accent,#8b5cf6);outline:none}.dash-kpi-note-tooltip{z-index:10;border:1px solid var(--dash-border,#e5e7eb);background:var(--dash-card-bg,#fff);width:auto;max-width:min(280px,75vw);box-shadow:var(--dash-shadow-md,0 4px 12px -2px #11182714);color:var(--dash-text-primary,#0f172a);letter-spacing:normal;text-transform:none;text-align:start;visibility:hidden;opacity:0;pointer-events:none;border-radius:8px;padding:8px 10px;font-size:11px;font-weight:400;line-height:1.45;transition:opacity .12s,transform .12s,visibility .12s;position:absolute;top:calc(100% + 7px);left:0;right:0;transform:translateY(-2px)}.dash-kpi-note:hover .dash-kpi-note-tooltip,.dash-kpi-note:focus-within .dash-kpi-note-tooltip{visibility:visible;opacity:1;transform:translateY(0)}.dash-kpi-modifier-pill{letter-spacing:.04em;background:var(--dash-accent-soft,#8b5cf61a);color:var(--dash-accent,#8b5cf6);border-radius:999px;padding:2px 6px;font-size:10px;font-weight:600}.dash-kpi-modifier-pill[hidden]{display:none}.dash-kpi-value{letter-spacing:-.02em;color:var(--dash-text-primary,#0f172a);margin-bottom:8px;font-size:32px;font-weight:700;line-height:1.1}.dash-kpi-spark{pointer-events:none;height:28px;margin-bottom:8px}.dash-kpi-spark[hidden]{display:none}.dash-kpi-spark svg{width:100%;height:100%;display:block}.dash-kpi-footer{align-items:center;gap:8px;font-size:12px;display:flex}.dash-kpi-delta{border-radius:999px;align-items:center;gap:3px;padding:2px 7px;font-weight:600;display:inline-flex}.dash-kpi-delta-up{color:#047857;background:#10b9811a}.dash-kpi-delta-down{color:#b91c1c;background:#ef44441a}.dash-kpi-delta-flat{background:var(--dash-row-hover,#f1f5f9);color:var(--dash-text-tertiary,#94a3b8)}.dash-kpi-period{color:var(--dash-text-tertiary,#94a3b8)}.dash-kpi-hint{color:#92400e;background:#f59e0b1a;border:1px solid #f59e0b40;border-radius:8px;align-items:flex-start;gap:6px;margin-bottom:8px;padding:6px 9px;font-size:11px;font-weight:500;line-height:1.35;display:flex}.dash-kpi-hint[hidden]{display:none}.dash-kpi-hint:before{content:"⚠";line-height:1.2}html[data-mode=dark] .dash-kpi-hint{color:#fcd34d;background:#f59e0b24;border-color:#f59e0b59}.dash-kpi-error{color:var(--dash-text-tertiary,#94a3b8);font-size:24px;font-weight:400;line-height:1}.dash-kpi-skeleton{background:linear-gradient(90deg,#0f172a0d 0%,#0f172a1a 50%,#0f172a0d 100%) 0 0/200% 100%;border-radius:6px;width:72px;height:32px;animation:1.4s ease-in-out infinite dash-kpi-shimmer;display:inline-block}.dash-kpi-skeleton-sm{width:48px;height:14px}@keyframes dash-kpi-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}[data-state=ready] .dash-kpi-skeleton{display:none}