.kpi-vendor{background-image:linear-gradient(165deg, color-mix(in oklch, var(--card) 92%, var(--foreground)) 0%, var(--card) 42%, color-mix(in oklch, var(--muted) 35%, var(--card)) 100%)}.kpi-vendor__wash{pointer-events:none;background:radial-gradient(120% 90% at 100% 0%, color-mix(in oklch, var(--primary) 8%, transparent), transparent 55%), radial-gradient(80% 70% at 0% 100%, color-mix(in oklch, var(--foreground) 4%, transparent), transparent 50%);opacity:.9;transition:opacity .2s cubic-bezier(.23,1,.32,1);position:absolute;inset:0}.kpi-vendor:hover .kpi-vendor__wash{opacity:1}.kpi-vendor__rule{pointer-events:none;background:color-mix(in oklch, var(--foreground) 55%, transparent);border-radius:0 2px 2px 0;width:2px;transition:width .16s cubic-bezier(.23,1,.32,1),background-color .16s cubic-bezier(.23,1,.32,1);position:absolute;top:.85rem;bottom:.85rem;left:0}.kpi-vendor:hover .kpi-vendor__rule{background:var(--foreground);width:3px}.kpi-vendor__mark{border:1px solid color-mix(in oklch, var(--border) 90%, var(--foreground));background:color-mix(in oklch, var(--background) 70%, transparent);letter-spacing:.04em;border-radius:4px;transition:border-color .16s cubic-bezier(.23,1,.32,1),color .16s cubic-bezier(.23,1,.32,1)}.kpi-vendor:hover .kpi-vendor__mark{border-color:color-mix(in oklch, var(--foreground) 28%, var(--border));color:var(--foreground)}.kpi-vendor__count{letter-spacing:-.045em;font-size:clamp(2.6rem,4.2vw,3.15rem);transition:letter-spacing .22s cubic-bezier(.23,1,.32,1)}.kpi-vendor:hover .kpi-vendor__count{letter-spacing:-.06em}.kpi-vendor__unit{transition:color .16s cubic-bezier(.23,1,.32,1)}.kpi-vendor:hover .kpi-vendor__unit{color:color-mix(in oklch, var(--muted-foreground) 85%, var(--foreground))}@media (prefers-reduced-motion:reduce){.kpi-vendor,.kpi-vendor__wash,.kpi-vendor__rule,.kpi-vendor__mark,.kpi-vendor__count,.kpi-vendor__unit{transition:none}}
.mix-liquid-panel{--mix-liquid-blur:28px;--mix-liquid-saturate:160%;--mix-liquid-fill:color-mix(in oklch, var(--card) 78%, transparent);--mix-liquid-gap:color-mix(in oklch, var(--card) 55%, transparent);border:1px solid var(--border);background-color:var(--mix-liquid-fill);background-image:none;transform:translateZ(0);box-shadow:inset 0 1px #ffffff8c,0 1px 2px #0000000a;box-shadow:inset 0 1px lab(100% 0 0/.54902),0 1px 2px lab(0% 0 0/.04)}.mix-liquid-panel:before{content:"";z-index:0;border-radius:inherit;pointer-events:none;background:linear-gradient(#ffffff61 0%,#ffffff14 14%,#0000 42%);position:absolute;inset:0}.mix-liquid-panel:after{content:"";z-index:0;border-radius:inherit;pointer-events:none;mix-blend-mode:screen;opacity:.5;position:absolute;inset:0;box-shadow:inset 1.5px 0 #ff505a14,inset -1.5px 0 #468cff1a}.mix-liquid-panel>*{z-index:1;position:relative}.dark .mix-liquid-panel{--mix-liquid-fill:color-mix(in oklch, var(--card) 62%, transparent);--mix-liquid-gap:color-mix(in oklch, var(--card) 40%, transparent);border-color:var(--border);box-shadow:inset 0 1px #ffffff14,0 1px 2px #00000040}.dark .mix-liquid-panel:before{background:linear-gradient(#ffffff1a 0%,#0000 36%)}@supports ((-webkit-backdrop-filter:var(--tw)) or (backdrop-filter:var(--tw))){.mix-liquid-panel{-webkit-backdrop-filter:blur(var(--mix-liquid-blur)) saturate(var(--mix-liquid-saturate)) brightness(1.03);backdrop-filter:blur(var(--mix-liquid-blur)) saturate(var(--mix-liquid-saturate)) brightness(1.03)}}@media (prefers-reduced-transparency:reduce){.mix-liquid-panel{--mix-liquid-fill:var(--card);background-color:var(--card);-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.mix-liquid-panel:before,.mix-liquid-panel:after{display:none}}.mix-stage-row--inline{grid-template-columns:minmax(6.5rem,9.5rem) minmax(0,1fr) auto;align-items:center;column-gap:.75rem}@media (hover:hover) and (pointer:fine){.mix-stage-row--inline:hover{background-color:color-mix(in oklch, var(--muted) 35%, transparent)}}.mix-stage-row--inline:active{transform:scale(.97)}.mix-stage-track{border-radius:var(--radius-xl,.625rem);background:color-mix(in oklch, var(--muted) 55%, transparent);border:.5px solid color-mix(in oklch, white 40%, var(--border));height:10px;display:block;overflow:hidden;box-shadow:inset 0 1px #ffffff73,inset 0 0 0 .5px #0000000a;box-shadow:inset 0 1px lab(100% 0 0/.45098),inset 0 0 0 .5px lab(0% 0 0/.04)}.dark .mix-stage-track{background:#ffffff0f;border-color:#ffffff1a;box-shadow:inset 0 1px #ffffff14}.mix-stage-fill{transform-origin:0;border-radius:inherit;min-width:6px;box-shadow:inset 0 1px #ffffff59,0 0 0 .5px #0000001f;box-shadow:inset 0 1px lab(100% 0 0/.34902),0 0 0 .5px lab(0% 0 0/.12)}.mix-stage-fill--animate{animation:.24s cubic-bezier(.23,1,.32,1) both mix-stage-grow;animation-delay:var(--mix-delay,0s)}@keyframes mix-stage-grow{0%{opacity:.55;transform:scaleX(.12)}to{opacity:1;transform:scaleX(1)}}.mix-stage-item--enter{animation:.2s cubic-bezier(.23,1,.32,1) both mix-stage-row-in;animation-delay:var(--mix-delay,0s)}@keyframes mix-stage-row-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.mix-risk-body{grid-template-columns:minmax(0,1fr) minmax(10.75rem,12.5rem);align-items:stretch;gap:.75rem 1.25rem;height:100%;min-height:0;padding:.75rem 1rem .85rem;display:grid}.mix-risk-chart-slot{place-items:center;min-width:0;min-height:0;display:grid;container-type:size}.mix-risk-chart-frame{width:min(100cqw,100cqh);height:min(100cqw,100cqh);position:relative}.mix-risk-chart{aspect-ratio:1;width:100%;height:100%}.mix-risk-chart .recharts-responsive-container,.mix-risk-chart .recharts-wrapper,.mix-risk-chart .recharts-surface{width:100%!important;height:100%!important}.mix-risk-chart-frame:before{content:"";z-index:0;pointer-events:none;background:#ffffff6b;background:lab(100% 0 0/.42);border-radius:50%;position:absolute;inset:8%;box-shadow:inset 0 1px #ffffffa6,inset 0 -1px #ffffff1f,0 0 0 .5px #0000000f;box-shadow:inset 0 1px lab(100% 0 0/.65098),inset 0 -1px lab(100% 0 0/.121569),0 0 0 .5px lab(0% 0 0/.06)}.dark .mix-risk-chart-frame:before{background:#ffffff0d;box-shadow:inset 0 1px #ffffff1f,0 0 0 .5px #00000059}.mix-risk-chart-frame>.mix-risk-chart{z-index:1;position:relative}.mix-risk-chart-center{z-index:2;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.mix-risk-chart-center__value{font-family:ui-monospace, var(--font-geist-mono), monospace;letter-spacing:-.03em;font-variant-numeric:tabular-nums;color:var(--foreground);text-shadow:0 1px #ffffff73;font-size:clamp(1.25rem,4.5cqmin,1.75rem);font-weight:600;line-height:1}.mix-risk-chart-center__label{letter-spacing:.14em;text-transform:uppercase;color:var(--muted-foreground);margin-top:.3rem;font-size:9px;font-weight:500}.mix-risk-chart .recharts-pie-sector{filter:drop-shadow(0 1px 1px #0000001f);filter:drop-shadow(0 1px 1px lab(0% 0 0/.12));transition:opacity .14s cubic-bezier(.23,1,.32,1),filter .14s cubic-bezier(.23,1,.32,1)}.mix-risk-chart .recharts-pie-sector:hover{filter:drop-shadow(0 2px 4px #0000002e)brightness(1.06);filter:drop-shadow(0 2px 4px lab(0% 0 0/.18))brightness(1.06)}.dark .mix-risk-chart-center__value{text-shadow:0 1px 2px #00000073}@media (max-width:639px){.mix-stage-row--inline{grid-template-rows:auto auto;grid-template-columns:minmax(0,1fr) auto;row-gap:.35rem}.mix-stage-row--inline .mix-stage-track{grid-column:1/-1}.mix-risk-body{grid-template-rows:minmax(11rem,1fr) auto;grid-template-columns:1fr}.mix-risk-chart-slot{min-height:11rem}}@media (prefers-reduced-motion:reduce){.mix-stage-fill--animate,.mix-stage-item--enter{animation:none}.mix-stage-row--inline:active{transform:none}}