.kpi-tree-hero{--kpitree-tree-background-color:#ffffff;--kpitree-tree-primary-color:#418b75;--kpitree-tree-accent-color:#10b981;--kpitree-tree-secondary-color:#059669;--kpitree-tree-edge-color:#b1b1b7;--kpitree-tree-edge-highlight-color:var(--kpitree-tree-primary-color);--kpitree-tree-edge-label-font-size:12px;--kpitree-tree-edge-label-font-weight:700;--kpitree-tree-edge-label-font-color:#ffffff;--kpitree-tree-edge-label-font-family:"TWK Lausanne",sans-serif;--kpitree-tree-node-border-color:#ccc;--kpitree-tree-node-highlight-border-color:var(--kpitree-tree-primary-color);--kpitree-tree-node-background-color:#ffffff;--kpitree-tree-node-metric-name-font-color:#111827;--kpitree-tree-node-metric-value-font-color:#111827;--kpitree-tree-node-metric-comparison-value-font-color:#111827;--kpitree-tree-node-metric-name-font-weight:normal;--kpitree-tree-node-metric-name-font-size:21px;--kpitree-tree-node-metric-name-font-family:"TWK Lausanne",sans-serif;--kpitree-tree-node-metric-value-font-weight:700;--kpitree-tree-node-metric-value-font-size:30px;--kpitree-tree-node-metric-value-font-family:"TWK Lausanne",sans-serif;--kpitree-tree-node-metric-comparison-value-font-weight:400;--kpitree-tree-node-metric-comparison-value-font-size:.625rem;--kpitree-tree-node-badge-font-color:#ffffff;--kpitree-tree-node-badge-background-color:var(--kpitree-tree-primary-color);--kpitree-tree-node-badge-font-family:"TWK Lausanne",sans-serif;--kpitree-tree-node-badge-font-weight:700;--kpitree-tree-node-badge-font-size:12px;--kpitree-tree-correlation-positive-color:#418b75;--kpitree-tree-correlation-negative-color:#f83b3b;--kpitree-tree-correlation-neutral-color:#cccccc;--kpitree-metric-trend-badge-font-size:0.75rem;--kpitree-metric-trend-badge-font-family:"TWK Lausanne",sans-serif;--kpitree-metric-trend-badge-font-weight:600;--kpitree-metric-trend-badge-increase-font-color:#ffffff;--kpitree-metric-trend-badge-increase-background-color:#418b75;--kpitree-metric-trend-badge-decrease-font-color:#ffffff;--kpitree-metric-trend-badge-decrease-background-color:#f83b3b;--kpitree-metric-trend-badge-no-change-font-color:#000000;--kpitree-metric-trend-badge-no-change-background-color:#cccccc;--kpitree-tree-node-chart-current-color:var(--kpitree-tree-primary-color);--kpitree-tree-node-chart-comparison-color:#94A3B8}.kpi-tree-hero .react-flow__node-metric{width:200px!important;height:200px!important;transition:all .3s cubic-bezier(.4,0,.2,1)}.kpi-tree-hero .react-flow__node-metric:hover{transform:translateY(-2px)}.kpi-tree-hero .metric-trend-badge{font-family:var(--kpitree-metric-trend-badge-font-family)!important;font-size:var(--kpitree-metric-trend-badge-font-size)!important;font-weight:var(--kpitree-metric-trend-badge-font-weight)!important}.kpi-tree-hero .h-6{height:1.5rem}.kpi-tree-hero .gap-x-1{column-gap:.25rem}.kpi-tree-hero .rounded-tremor-small{border-radius:.375rem}.kpi-tree-hero .px-2{padding-left:.5rem;padding-right:.5rem}.kpi-tree-hero .py-1{padding-top:.25rem;padding-bottom:.25rem}.kpi-tree-hero .text-tremor-label{font-size:.75rem;line-height:1rem}.kpi-tree-hero .font-semibold{font-weight:600}.kpi-tree-hero .-ml-0\.5{margin-left:-.125rem}.kpi-tree-hero .h-4{height:1rem}.kpi-tree-hero .w-4{width:1rem}.kpi-tree-hero .metric-node{width:100%;height:100%;background-color:var(--kpitree-tree-node-background-color);border:1px solid var(--kpitree-tree-node-border-color);border-radius:.75rem;position:relative;overflow:visible;transition:all .3s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.kpi-tree-hero .react-flow__node{width:200px!important;height:200px!important;border-radius:.75rem;filter:drop-shadow(0 4px 6px rgb(0 0 0/.1))}.kpi-tree-hero .metric-node:hover{border-color:var(--kpitree-tree-node-highlight-border-color);box-shadow:0 20px 25px -5px rgb(0 0 0/.1),0 10px 10px -5px rgb(0 0 0/.04)}.kpi-tree-hero .metric-name{font-family:var(--kpitree-tree-edge-label-font-family);font-size:var(--kpitree-tree-node-metric-name-font-size);font-weight:var(--kpitree-tree-node-metric-name-font-weight);color:var(--kpitree-tree-node-metric-name-font-color)}.kpi-tree-hero .metric-value{font-family:var(--kpitree-tree-edge-label-font-family);font-size:var(--kpitree-tree-node-metric-value-font-size);font-weight:var(--kpitree-tree-node-metric-value-font-weight);color:var(--kpitree-tree-node-metric-value-font-color)}.kpi-tree-hero .metric-badge{position:absolute;top:-15px;right:-15px;background-color:var(--kpitree-tree-node-badge-background-color);color:var(--kpitree-tree-node-badge-font-color);font-family:var(--kpitree-tree-node-badge-font-family);font-weight:var(--kpitree-tree-node-badge-font-weight);font-size:var(--kpitree-tree-node-badge-font-size);padding:.25rem .5rem;border-radius:.375rem;z-index:10}.kpi-tree-hero .edge{stroke:var(--kpitree-tree-edge-color)!important;stroke-width:2;opacity:1}.kpi-tree-hero .react-flow__edge-path{stroke:var(--kpitree-tree-edge-color)!important}.kpi-tree-hero .edge-label{font-family:var(--kpitree-tree-edge-label-font-family);z-index:10}.kpi-tree-hero .edge.correlation-positive .react-flow__edge-path{stroke:var(--kpitree-tree-correlation-positive-color)!important}.kpi-tree-hero .edge.correlation-negative .react-flow__edge-path{stroke:var(--kpitree-tree-correlation-negative-color)!important}.kpi-tree-hero .edge.correlation-neutral .react-flow__edge-path{stroke:var(--kpitree-tree-correlation-neutral-color)!important}.kpi-tree-hero .edge-label.correlation-positive{background-color:var(--kpitree-tree-correlation-positive-color)}.kpi-tree-hero .edge-label.correlation-negative{background-color:var(--kpitree-tree-correlation-negative-color)}.kpi-tree-hero .edge-label.correlation-neutral{background-color:var(--kpitree-tree-correlation-neutral-color)}.kpi-tree-hero .react-flow__handle{border:1px solid color-mix(in srgb,#418b75 40%,#ffffff);width:100px;background:color-mix(in srgb,#418b75 40%,#ffffff);opacity:0}.kpi-tree-hero .react-flow__handle-top{position:absolute;opacity:0;top:0;border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-left-radius:0;border-bottom-right-radius:0}.kpi-tree-hero .react-flow__handle-bottom{position:absolute;opacity:0;bottom:0;border-top-left-radius:0;border-top-right-radius:0;border-bottom-left-radius:4px;border-bottom-right-radius:4px}.kpi-tree-hero{--dimmed-opacity-edge:0.10;--dimmed-opacity-node:0.25;--dimmed-opacity-marker:0.25;--dimmed-opacity-label:0.25}.kpi-tree-hero .react-flow__node{opacity:1;border:2px solid transparent}.kpi-tree-hero .view-mode .react-flow__node{transition:height .3s ease-in-out,width .3s ease-in-out,opacity .3s ease-in-out,border-color .3s ease-in-out;will-change:height,width,opacity,border-color}.kpi-tree-hero .react-flow__node.dimmed{opacity:var(--dimmed-opacity-node)!important}.kpi-tree-hero .view-mode .react-flow__node.dimmed{transition:opacity .3s ease-in-out;will-change:opacity}.kpi-tree-hero .react-flow__node.highlight{border:2px solid var(--kpitree-tree-node-highlight-border-color)!important;border-radius:.75rem!important;cursor:pointer!important;width:200px!important;height:200px!important;opacity:1!important}.kpi-tree-hero .view-mode .react-flow__node.highlight{transition:height .3s ease-in-out,width .3s ease-in-out,opacity .3s ease-in-out,border-color .3s ease-in-out;will-change:height,width,opacity,border-color}.kpi-tree-hero .react-flow__edge-path{stroke-width:3;stroke:var(--kpitree-tree-edge-color);filter:drop-shadow(0 1px 2px rgb(0 0 0/.1));transition:all .3s ease}.kpi-tree-hero .react-flow__edge{opacity:1}.kpi-tree-hero .view-mode .react-flow__edge{transition:opacity .3s ease-in-out;will-change:opacity}.kpi-tree-hero .view-mode .react-flow__edge-path{transition:stroke .3s ease-in-out;will-change:stroke}.kpi-tree-hero .react-flow__edge.dimmed{opacity:var(--dimmed-opacity-edge)!important}.kpi-tree-hero .react-flow__edge.highlight .react-flow__edge-path{stroke:var(--kpitree-tree-edge-highlight-color)!important}.kpi-tree-hero .react-flow__edge.highlight{opacity:1!important}.kpi-tree-hero .edge-label{padding-left:10px;padding-right:10px;border-radius:5px;font-size:var(--kpitree-tree-edge-label-font-size);font-weight:var(--kpitree-tree-edge-label-font-weight);color:var(--kpitree-tree-edge-label-font-color);cursor:pointer;opacity:1;z-index:10!important;position:relative;transition:opacity .2s ease}.kpi-tree-hero .edge-label.dimmed{opacity:var(--dimmed-opacity-edge)!important}.kpi-tree-hero .edge-label.highlight{opacity:1!important}@keyframes float-cursor{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.animate-float-cursor{animation:float-cursor 2s ease-in-out infinite}@keyframes gradient-shift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.animate-gradient{background-size:200% 200%;animation:gradient-shift 3s ease infinite}@keyframes pulse-glow{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.animate-pulse-glow{animation:pulse-glow 2s ease-in-out infinite}.kpi-tree-hero .react-flow__node:focus-visible{outline:2px solid var(--kpitree-tree-accent-color);outline-offset:2px}.kpi-tree-hero *{transition-timing-function:cubic-bezier(.4,0,.2,1)}