.kpi-explanation{min-height:200px}.kpi-explanation-loading{flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:40px 20px;display:flex}.kpi-explanation-loading-spinner{color:var(--accent);animation:2s ease-in-out infinite kpi-explanation-pulse}@keyframes kpi-explanation-pulse{0%,to{opacity:.5;transform:scale(.95)}50%{opacity:1;transform:scale(1.05)}}.kpi-explanation-loading-text{color:var(--fg-2);font-size:13px;font-style:italic}.kpi-explanation-error{border-radius:var(--radius-1);color:var(--signal-neg);background:#ef44441a;align-items:center;gap:8px;padding:16px;font-size:13px;display:flex}.kpi-explanation-content,.kpi-explanation-streaming{position:relative}.kpi-explanation-streaming-indicator{gap:4px;margin-bottom:12px;display:flex}.kpi-explanation-streaming-dot{background:var(--accent);border-radius:50%;width:6px;height:6px;animation:1.4s ease-in-out infinite kpi-explanation-bounce}.kpi-explanation-streaming-dot:first-child{animation-delay:0s}.kpi-explanation-streaming-dot:nth-child(2){animation-delay:.2s}.kpi-explanation-streaming-dot:nth-child(3){animation-delay:.4s}@keyframes kpi-explanation-bounce{0%,80%,to{opacity:.5;transform:scale(.6)}40%{opacity:1;transform:scale(1)}}.kpi-explanation-text{flex-direction:column;gap:16px;display:flex}.kpi-explanation-section-header{font-family:var(--mono);text-transform:uppercase;letter-spacing:.12em;color:var(--accent);border-bottom:1px solid var(--line);margin:8px 0 0;padding-bottom:8px;font-size:11px;font-weight:700}.kpi-explanation-paragraph{color:var(--fg-0);margin:0;font-size:14px;line-height:1.7}.kpi-explanation-streaming .kpi-explanation-text:after{content:"▋";color:var(--accent);margin-left:2px;animation:1s step-end infinite kpi-explanation-cursor-blink}@keyframes kpi-explanation-cursor-blink{0%,to{opacity:1}50%{opacity:0}}.kpi-explanation-actions{border-top:1px solid var(--line);justify-content:space-between;align-items:center;margin-top:20px;padding-top:16px;display:flex}.kpi-explanation-actions .btn{align-items:center;gap:6px;display:flex}.kpi-explanation-cached-badge{color:var(--signal-pos);background:#10b9811a;border-radius:12px;align-items:center;gap:4px;padding:4px 8px;font-size:10px;display:flex}.kpi-explanation-rationale{background:var(--glass-whisper);border:1px solid var(--line);border-radius:var(--radius-1);margin-bottom:20px;padding:14px 16px}.kpi-explanation-confidence{align-items:center;gap:10px;margin-bottom:8px;display:flex}.kpi-explanation-confidence-label{font-family:var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--fg-3);font-size:10px;font-weight:700}.kpi-explanation-confidence-level{text-transform:uppercase;letter-spacing:.05em;border-radius:12px;padding:3px 10px;font-size:10px;font-weight:700}.kpi-explanation-confidence-level.high{color:var(--signal-pos);background:#10b9811f}.kpi-explanation-confidence-level.medium{color:var(--signal-warn);background:#f59e0b1f}.kpi-explanation-rationale-text{color:var(--fg-2);margin:0;font-size:12px;line-height:1.5}.kpi-explanation-word{animation:.3s kpi-explanation-word-fade}@keyframes kpi-explanation-word-fade{0%{opacity:0;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}.kpi-comparison{background:var(--glass-whisper);border-radius:var(--radius-2);margin-bottom:24px;padding:20px}.kpi-comparison-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.kpi-comparison-title{font-family:var(--mono);text-transform:uppercase;letter-spacing:.1em;color:var(--fg-2);margin:0;font-size:11px;font-weight:700}.kpi-comparison-change{border-radius:20px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;display:flex}.kpi-comparison-change.positive{color:var(--signal-pos);background:#10b98126}.kpi-comparison-change.negative{color:var(--signal-neg);background:#ef444426}.kpi-comparison-change-icon{font-size:14px}.kpi-comparison-change-value{font-family:var(--mono)}.kpi-comparison-change-label{text-transform:uppercase;letter-spacing:.03em;font-size:10px}.kpi-comparison-trend{background:var(--glass-pane);border-radius:var(--radius-1);margin-bottom:20px;padding:16px;overflow:hidden}.kpi-comparison-cards{align-items:center;gap:12px;margin-bottom:20px;display:flex}.kpi-comparison-card{background:var(--glass-pane);border-radius:var(--radius-1);border:1px solid var(--line);flex:1;padding:16px}.kpi-comparison-card-current{border-color:var(--accent-border);background:linear-gradient(135deg,#8b5cf60d 0%,#0000 100%)}.kpi-comparison-card-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.kpi-comparison-card-day{font-family:var(--mono);text-transform:uppercase;letter-spacing:.05em;color:var(--fg-3);font-size:10px;font-weight:700}.kpi-comparison-card-status{background:#ffffff1a;border-radius:12px;padding:2px 8px;font-size:9px;font-weight:600}.kpi-comparison-card-value{color:var(--fg-0);font-size:28px;font-weight:700;font-family:var(--mono);margin-bottom:4px}.kpi-comparison-card-gap{color:var(--fg-3);font-size:10px}.kpi-comparison-arrow{background:var(--glass-pane);border:1px solid var(--line);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.kpi-comparison-arrow.positive{color:var(--signal-pos);background:#10b9811a;border-color:#10b9814d}.kpi-comparison-arrow.negative{color:var(--signal-neg);background:#ef44441a;border-color:#ef44444d}.kpi-comparison-benchmarks{background:var(--glass-pane);border-radius:var(--radius-1);justify-content:space-around;gap:8px;margin-bottom:16px;padding:12px;display:flex}.kpi-comparison-benchmark{text-align:center}.kpi-comparison-benchmark-label{color:var(--fg-3);text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px;font-size:9px;display:block}.kpi-comparison-benchmark-value{font-size:14px;font-weight:700;font-family:var(--mono)}.kpi-comparison-summary{border-radius:var(--radius-1);border-left:3px solid var(--accent);background:#8b5cf60d;padding:12px 16px}.kpi-comparison-summary p{color:var(--fg-1);margin:0;font-size:13px;line-height:1.6}.kpi-comparison-summary strong{font-weight:600}.kpi-comparison-summary strong.positive{color:var(--signal-pos)}.kpi-comparison-summary strong.negative{color:var(--signal-neg)}.kpi-followup{margin-top:20px}.kpi-followup-messages{max-height:300px;margin-bottom:16px;padding:4px;overflow-y:auto}.kpi-followup-messages::-webkit-scrollbar{width:4px}.kpi-followup-messages::-webkit-scrollbar-track{background:0 0}.kpi-followup-messages::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}.kpi-followup-empty{text-align:center;color:var(--fg-3);flex-direction:column;justify-content:center;align-items:center;padding:32px 16px;display:flex}.kpi-followup-empty svg{opacity:.5;margin-bottom:12px}.kpi-followup-empty p{margin:0 0 16px;font-size:13px}.kpi-followup-suggestions{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.kpi-followup-suggestion{background:var(--glass-pane);border:1px solid var(--line);color:var(--fg-2);cursor:pointer;border-radius:16px;padding:6px 12px;font-size:11px;transition:all .2s}.kpi-followup-suggestion:hover{background:var(--glass-vault);border-color:var(--accent-border);color:var(--accent)}.kpi-followup-message{gap:12px;margin-bottom:16px;animation:.3s kpi-followup-message-fade;display:flex}@keyframes kpi-followup-message-fade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.kpi-followup-message-user{flex-direction:row-reverse}.kpi-followup-message-avatar{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:10px;font-weight:700;display:flex}.kpi-followup-message-user .kpi-followup-message-avatar{background:var(--glass-pane);color:var(--fg-2);border:1px solid var(--line)}.kpi-followup-message-ai .kpi-followup-message-avatar,.kpi-followup-message-loading .kpi-followup-message-avatar{background:var(--accent-soft);color:var(--accent);border:1px solid var(--accent-border)}.kpi-followup-message-error .kpi-followup-message-avatar{color:var(--signal-neg);background:#ef44441a;border:1px solid #ef44444d}.kpi-followup-avatar-user{text-transform:uppercase;letter-spacing:.02em;font-size:8px}.kpi-followup-message-content{flex:1;max-width:calc(100% - 50px)}.kpi-followup-message-content p{color:var(--fg-0);background:var(--glass-pane);border:1px solid var(--line);border-radius:12px;margin:0 0 4px;padding:10px 14px;font-size:13px;line-height:1.6}.kpi-followup-message-user .kpi-followup-message-content p{background:var(--accent-soft);border-color:var(--accent-border);color:var(--fg-0)}.kpi-followup-message-error .kpi-followup-message-content p{color:var(--signal-neg);background:#ef44440d;border-color:#ef444433}.kpi-followup-message-time{color:var(--fg-3);padding:0 4px;font-size:9px}.kpi-followup-loading-dots{background:var(--glass-pane);border:1px solid var(--line);border-radius:12px;gap:4px;width:fit-content;padding:12px 14px;display:flex}.kpi-followup-loading-dots span{background:var(--accent);border-radius:50%;width:6px;height:6px;animation:1.4s ease-in-out infinite kpi-followup-bounce}.kpi-followup-loading-dots span:first-child{animation-delay:0s}.kpi-followup-loading-dots span:nth-child(2){animation-delay:.2s}.kpi-followup-loading-dots span:nth-child(3){animation-delay:.4s}@keyframes kpi-followup-bounce{0%,80%,to{opacity:.5;transform:scale(.6)}40%{opacity:1;transform:scale(1)}}.kpi-followup-input{background:var(--glass-whisper);border-radius:var(--radius-2);border:1px solid var(--line);gap:8px;padding:12px;display:flex}.kpi-followup-input-field{color:var(--fg-0);background:0 0;border:none;outline:none;flex:1;padding:0;font-size:13px}.kpi-followup-input-field::placeholder{color:var(--fg-3)}.kpi-followup-submit{border-radius:8px!important;padding:8px 12px!important}.kpi-followup-submit:disabled{opacity:.5;cursor:not-allowed}.kpi-followup-clear{color:var(--fg-3);cursor:pointer;opacity:.7;background:0 0;border:none;margin:8px auto 0;font-size:10px;text-decoration:underline;transition:opacity .2s;display:block}.kpi-followup-clear:hover{opacity:1;color:var(--fg-2)}.kpi-report-export{position:relative}.kpi-report-export-btn{align-items:center;gap:6px;display:flex}.kpi-report-export-backdrop{z-index:210;position:fixed;inset:0}.kpi-report-export-menu{background:var(--glass-vault);min-width:180px;-webkit-backdrop-filter:var(--blur-3);backdrop-filter:var(--blur-3);border:1px solid var(--line-strong);border-radius:var(--radius-2);z-index:211;animation:.2s kpi-report-menu-fade;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden;box-shadow:0 8px 32px #0006}@keyframes kpi-report-menu-fade{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.kpi-report-export-option{width:100%;color:var(--fg-1);text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:10px;padding:10px 14px;font-size:12px;transition:all .15s;display:flex}.kpi-report-export-option:hover{background:var(--glass-pane);color:var(--fg-0)}.kpi-report-export-option svg{opacity:.7}.kpi-report-export-option:hover svg{opacity:1}.kpi-panel-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200;background:#00000080;animation:.2s kpi-panel-fade-in;position:fixed;inset:0}@keyframes kpi-panel-fade-in{0%{opacity:0}to{opacity:1}}.kpi-detail-panel{z-index:201;background:var(--glass-vault);width:520px;max-width:90vw;height:100vh;-webkit-backdrop-filter:var(--blur-3);border-right:none;border-top-left-radius:32px;border-bottom-left-radius:32px;padding:32px;animation:.3s cubic-bezier(.16,1,.3,1) kpi-panel-slide-in;position:fixed;top:0;right:0;overflow:hidden auto;box-shadow:-8px 0 40px #0006}@keyframes kpi-panel-slide-in{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.kpi-detail-panel::-webkit-scrollbar{width:6px}.kpi-detail-panel::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.kpi-detail-panel::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.kpi-detail-panel::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.kpi-panel-header{justify-content:space-between;align-items:flex-start;margin-bottom:16px;display:flex}.kpi-panel-header-left{align-items:center;gap:12px;display:flex}.kpi-panel-driver-indicator{border-radius:50%;flex-shrink:0;width:12px;height:12px}.kpi-panel-badges{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.kpi-panel-id{font-family:var(--mono);color:var(--fg-3);text-transform:uppercase;letter-spacing:.05em;font-size:11px;font-weight:700}.kpi-panel-driver-badge{text-transform:uppercase;letter-spacing:.03em;border:1px solid;border-radius:12px;padding:3px 8px;font-size:9px;font-weight:700}.kpi-panel-tier-badge{background:var(--glass-whisper);color:var(--fg-2);border:1px solid var(--line);border-radius:12px;padding:3px 8px;font-size:9px;font-weight:600}.kpi-panel-headline-badge{background:var(--accent-soft);color:var(--accent);border:1px solid var(--accent-border);border-radius:12px;padding:3px 8px;font-size:9px;font-weight:700}.kpi-panel-close{border-radius:50%!important;min-width:auto!important;height:auto!important;padding:8px!important}.kpi-panel-title{color:var(--fg-0);margin:0 0 24px;font-size:28px;font-weight:400;line-height:1.2}.kpi-panel-visualization{background:var(--glass-pane);border-radius:var(--radius-2);border:1px solid var(--line);margin-bottom:24px;padding:24px;position:relative}.kpi-panel-zone-badge{text-transform:uppercase;letter-spacing:.05em;border:1px solid;border-radius:12px;padding:4px 10px;font-size:9px;font-weight:700;position:absolute;top:16px;right:16px}.kpi-panel-chart{flex-direction:column;justify-content:center;align-items:center;min-height:200px;display:flex}.kpi-panel-chart-circular{flex-direction:column;align-items:center;gap:16px;display:flex}.kpi-panel-chart-context{text-align:center;width:100%}.kpi-panel-chart-labels{color:var(--fg-3);justify-content:space-between;margin-bottom:8px;padding:0 20px;font-size:11px;display:flex}.kpi-panel-chart-change{font-size:13px;font-weight:600}.kpi-panel-chart-speedometer{flex-direction:column;align-items:center;gap:12px;display:flex}.kpi-panel-chart-sparkline{width:100%}.kpi-panel-chart-sparkline-header{justify-content:space-between;align-items:baseline;margin-bottom:16px;padding:0 8px;display:flex}.kpi-panel-chart-value{color:var(--fg-0);font-size:36px;font-weight:700;font-family:var(--mono)}.kpi-panel-metrics{background:var(--glass-whisper);border-radius:var(--radius-2);grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:24px;padding:16px;display:grid}.kpi-panel-metric{flex-direction:column;gap:4px;display:flex}.kpi-panel-metric-label{color:var(--fg-3);text-transform:uppercase;letter-spacing:.05em;font-size:10px;font-weight:600}.kpi-panel-metric-value{color:var(--fg-0);font-size:20px;font-weight:700;font-family:var(--mono)}.kpi-panel-comparison-toggle{margin-bottom:20px}.kpi-panel-toggle-label{cursor:pointer;align-items:center;gap:12px;padding:8px 0;display:flex}.kpi-panel-toggle-input{display:none}.kpi-panel-toggle-slider{background:var(--glass-pane);border:1px solid var(--line);border-radius:12px;width:44px;height:24px;transition:all .2s;position:relative}.kpi-panel-toggle-slider:after{content:"";background:var(--fg-1);border-radius:50%;width:18px;height:18px;transition:all .2s;position:absolute;top:2px;left:2px}.kpi-panel-toggle-input:checked+.kpi-panel-toggle-slider{background:var(--accent-soft);border-color:var(--accent-border)}.kpi-panel-toggle-input:checked+.kpi-panel-toggle-slider:after{background:var(--accent);transform:translate(20px)}.kpi-panel-toggle-text{color:var(--fg-1);font-size:13px;font-weight:500}.kpi-panel-section{border-bottom:1px solid var(--line);margin-bottom:24px;padding-bottom:24px}.kpi-panel-section:last-of-type{border-bottom:none;margin-bottom:0}.kpi-panel-section-title{font-family:var(--mono);text-transform:uppercase;letter-spacing:.1em;color:var(--fg-2);margin:0 0 12px;font-size:11px;font-weight:600}.kpi-panel-definition{color:var(--fg-0);margin:0 0 12px;font-size:14px;line-height:1.6}.kpi-panel-formula{background:var(--glass-whisper);border-radius:var(--radius-1);flex-direction:column;gap:4px;margin-bottom:12px;padding:12px;display:flex}.kpi-panel-formula-label{color:var(--fg-3);text-transform:uppercase;letter-spacing:.05em;font-size:10px;font-weight:600}.kpi-panel-formula-code{font-family:var(--mono);color:var(--fg-1);background:0 0;padding:0;font-size:12px}.kpi-panel-meta{color:var(--fg-3);gap:16px;font-size:11px;display:flex}.kpi-panel-benchmarks{gap:8px;margin-bottom:12px;display:flex}.kpi-panel-benchmark{border-radius:var(--radius-1);text-align:center;flex-direction:column;flex:1;gap:4px;padding:12px;display:flex}.kpi-panel-benchmark-lagging{background:#ef44441a}.kpi-panel-benchmark-mid{background:#f59e0b1a}.kpi-panel-benchmark-high{background:#10b9811a}.kpi-panel-benchmark-label{color:var(--fg-3);text-transform:uppercase;letter-spacing:.05em;font-size:9px;font-weight:600}.kpi-panel-benchmark-value{color:var(--fg-0);font-size:16px;font-weight:700;font-family:var(--mono)}.kpi-panel-benchmark-note{color:var(--fg-3);margin:0;font-size:11px;font-style:italic}.kpi-panel-related{flex-wrap:wrap;gap:8px;display:flex}.kpi-panel-related-chip{font-family:var(--mono);background:var(--glass-pane);color:var(--fg-1);border:1px solid var(--line);cursor:pointer;border-radius:16px;padding:6px 12px;font-size:11px;font-weight:600;transition:all .2s}.kpi-panel-related-chip:hover{background:var(--glass-vault);color:var(--fg-0);border-color:var(--line-strong);transform:translateY(-1px)}.kpi-panel-ai-section{border-radius:var(--radius-2);background:linear-gradient(135deg,#8b5cf60d 0%,#0000 100%);border:1px solid #8b5cf633;margin-bottom:24px;padding:20px}.kpi-panel-ai-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.kpi-panel-ai-header .kpi-panel-section-title{color:var(--accent);align-items:center;gap:8px;margin:0;display:flex}.kpi-panel-ai-actions{gap:8px;display:flex}@media (width<=640px){.kpi-detail-panel{border-radius:0;width:100%;max-width:100%}}.kpi-panel-close:focus-visible,.kpi-panel-related-chip:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@keyframes kpi-panel-streaming-cursor{0%,to{opacity:1}50%{opacity:0}}.kpi-panel-streaming:after{content:"▋";color:var(--accent);animation:1s infinite kpi-panel-streaming-cursor}:root{--hue:292;--chroma:.14;--glass-strength:1;--ink-0:oklch(.08 .012 var(--hue));--ink-1:oklch(.13 .014 var(--hue));--ink-2:oklch(.18 .016 var(--hue));--ink-3:oklch(.26 .018 var(--hue));--paper-0:oklch(.98 .005 var(--hue));--paper-1:oklch(.95 .008 var(--hue));--paper-2:oklch(.9 .012 var(--hue));--fg-0:oklch(.97 .005 var(--hue));--fg-1:oklch(.84 .012 var(--hue));--fg-2:oklch(.65 .016 var(--hue));--fg-3:oklch(.45 .018 var(--hue));--accent:oklch(.65 var(--chroma) var(--hue));--accent-soft:oklch(.65 var(--chroma) var(--hue) / .16);--accent-2:oklch(.72 var(--chroma) calc(var(--hue) - 30));--accent-3:oklch(.78 var(--chroma) calc(var(--hue) + 60));--signal-pos:oklch(74% .13 155);--signal-warn:oklch(78% .14 75);--signal-neg:oklch(65% .18 25);--line:oklch(100% 0 0/.08);--line-strong:oklch(100% 0 0/.16);--glass-whisper:oklch(1 0 0 / calc(.06 * var(--glass-strength)));--glass-pane:oklch(1 0 0 / calc(.1 * var(--glass-strength)));--glass-vault:oklch(1 0 0 / calc(.15 * var(--glass-strength)));--blur-1:blur(calc(20px * var(--glass-strength)));--blur-2:blur(calc(40px * var(--glass-strength)));--blur-3:blur(calc(80px * var(--glass-strength)));--radius-1:8px;--radius-2:14px;--radius-3:22px;--radius-4:32px;--shadow-1:0 1px 0 oklch(100% 0 0/.06) inset, 0 24px 48px -24px oklch(0% 0 0/.5);--shadow-2:0 1px 0 oklch(100% 0 0/.08) inset, 0 40px 80px -32px oklch(0% 0 0/.6);--ease:cubic-bezier(.2, .8, .2, 1);--ease-out:cubic-bezier(.16, 1, .3, 1);--serif:"Instrument Serif", "Cormorant Garamond", Georgia, serif;--sans:"Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--mono:"Geist Mono", "JetBrains Mono", ui-monospace, Menlo, monospace;--density:1;--d1:#2563eb;--d1-bg:#2563eb12;--d1-b:#2563eb2e;--d2:#059669;--d2-bg:#05966912;--d2-b:#0596692e;--d3:#7c3aed;--d3-bg:#7c3aed12;--d3-b:#7c3aed2e;--accent-border:oklch(from var(--accent) l c h / .5);--danger:oklch(65% .18 25);--danger-bg:oklch(65% .18 25/.12);--danger-b:oklch(65% .18 25/.3);--z-base:1;--z-content:10;--z-nav:100;--z-modal:200;--z-toast:300}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--ink-0);color:var(--fg-0);font-family:var(--sans);font-feature-settings:"ss01", "cv11";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:-.005em;height:100vh;overflow:hidden}#root{height:100vh;overflow:hidden}.mesh{z-index:0;pointer-events:none;background:radial-gradient(60% 60% at 18% 12%, oklch(.55 .2 var(--hue) / .45), transparent 60%), radial-gradient(50% 50% at 82% 18%, oklch(.6 .18 calc(var(--hue) + 60) / .35), transparent 60%), radial-gradient(70% 70% at 50% 95%, oklch(.45 .18 calc(var(--hue) - 40) / .35), transparent 60%), radial-gradient(40% 40% at 12% 88%, oklch(.65 .16 calc(var(--hue) + 30) / .3), transparent 60%);filter:saturate(1.05);position:fixed;inset:0}.mesh:after{content:"";opacity:.08;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.6 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.5'/%3E%3C/svg%3E");position:absolute;inset:0}.app-frame{z-index:1;width:100vw;height:100vh;position:relative;overflow:hidden}.glass{background:var(--glass-pane);-webkit-backdrop-filter:var(--blur-2) saturate(1.4);backdrop-filter:var(--blur-2) saturate(1.4);border:1px solid var(--line);border-radius:var(--radius-3);box-shadow:var(--shadow-1)}.glass-vault{background:var(--glass-vault);-webkit-backdrop-filter:var(--blur-3) saturate(1.5);backdrop-filter:var(--blur-3) saturate(1.5);border:1px solid var(--line-strong);border-radius:var(--radius-4);box-shadow:var(--shadow-2)}.glass-whisper{background:var(--glass-whisper);-webkit-backdrop-filter:var(--blur-1) saturate(1.2);backdrop-filter:var(--blur-1) saturate(1.2);border:1px solid var(--line);border-radius:var(--radius-2)}.hairline{border:1px solid var(--line)}.hairline-strong{border:1px solid var(--line-strong)}.serif{font-family:var(--serif);letter-spacing:-.01em;font-weight:400}.mono{font-family:var(--mono);font-feature-settings:"ss01";letter-spacing:0}.eyebrow{font-family:var(--mono);text-transform:uppercase;letter-spacing:.14em;color:var(--fg-1);font-size:11px;font-weight:600}.eyebrow .dot{background:var(--accent);vertical-align:2px;width:5px;height:5px;box-shadow:0 0 12px var(--accent);border-radius:50%;margin-right:8px;display:inline-block}h1.display{font-family:var(--serif);letter-spacing:-.025em;font-size:96px;font-weight:400;line-height:.96}h1.display em{color:var(--fg-1);font-style:italic}h2.headline{font-family:var(--serif);letter-spacing:-.02em;font-size:56px;font-weight:400;line-height:1}h3.title{font-family:var(--serif);letter-spacing:-.015em;font-size:32px;font-weight:400;line-height:1.05}h4.subtitle{letter-spacing:-.005em;font-size:18px;font-weight:500}.body-l{color:var(--fg-0);font-size:17px;line-height:1.5}.body{color:var(--fg-0);font-size:14px;line-height:1.5}.body-s{color:var(--fg-1);font-size:12.5px;line-height:1.45}.caption{color:var(--fg-1);font-size:11.5px;font-weight:500;line-height:1.4}.label{font-family:var(--mono);text-transform:uppercase;letter-spacing:.1em;color:var(--fg-1);font-size:11px;font-weight:600}.btn{height:44px;font-family:var(--sans);letter-spacing:-.005em;border:1px solid var(--line);background:var(--glass-pane);color:var(--fg-0);cursor:pointer;transition:all .2s var(--ease);-webkit-backdrop-filter:var(--blur-1);backdrop-filter:var(--blur-1);white-space:nowrap;z-index:var(--z-content);pointer-events:auto;border-radius:999px;align-items:center;gap:10px;padding:0 20px;font-size:14px;font-weight:500;display:inline-flex;position:relative}.btn:hover{background:var(--glass-vault);border-color:var(--line-strong);transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn-primary{background:var(--fg-0);color:var(--ink-0);border-color:#0000}.btn-primary:hover{background:var(--fg-1);transform:translateY(-1px)}.btn-accent{background:var(--accent);color:var(--ink-0);border-color:#0000}.btn-accent:hover{background:oklch(.72 var(--chroma) var(--hue))}.btn-ghost{color:var(--fg-1);background:0 0;border-color:#0000}.btn-ghost:hover{color:var(--fg-0);background:var(--glass-whisper)}.btn-sm{gap:6px;height:32px;padding:0 14px;font-size:12.5px}.btn-lg{height:52px;padding:0 26px;font-size:15px}.btn .arr{transition:transform .25s var(--ease)}.btn:hover .arr{transform:translate(3px)}.input{background:var(--glass-whisper);border:1px solid var(--line);border-radius:var(--radius-1);width:100%;height:44px;font-family:var(--sans);color:var(--fg-0);transition:all .2s var(--ease);-webkit-backdrop-filter:var(--blur-1);backdrop-filter:var(--blur-1);padding:0 14px;font-size:14px}.input:focus{border-color:var(--accent);background:var(--glass-pane);box-shadow:0 0 0 3px var(--accent-soft);outline:none}textarea.input{resize:vertical;height:auto;min-height:88px;padding:12px 14px;line-height:1.5}.field-label{font-family:var(--mono);text-transform:uppercase;letter-spacing:.12em;color:var(--fg-2);margin-bottom:8px;font-size:10.5px;display:block}.helper{color:var(--fg-2);margin-top:6px;font-size:11.5px;font-weight:500}.error{color:var(--signal-neg)}.chip{height:26px;font-family:var(--mono);text-transform:uppercase;letter-spacing:.1em;background:var(--glass-whisper);border:1px solid var(--line);color:var(--fg-1);border-radius:999px;align-items:center;gap:6px;padding:0 10px;font-size:10.5px;display:inline-flex}.chip-accent{background:var(--accent-soft);border-color:oklch(from var(--accent) l c h / .5);color:oklch(.95 .02 var(--hue));font-weight:600}.chip-pos{background:oklch(from var(--signal-pos) l c h / .2);color:oklch(85% .1 155);border-color:oklch(from var(--signal-pos) l c h / .4);font-weight:600}.chip-warn{background:oklch(from var(--signal-warn) l c h / .2);color:oklch(90% .12 75);border-color:oklch(from var(--signal-warn) l c h / .4);font-weight:600}.chip-neg{background:oklch(from var(--signal-neg) l c h / .25);color:oklch(95% .15 25);border-color:oklch(from var(--signal-neg) l c h / .5);font-weight:600}.topnav{z-index:50;align-items:center;gap:32px;height:68px;padding:0 32px;display:flex;position:absolute;top:0;left:0;right:0}.brand{font-family:var(--serif);letter-spacing:-.01em;align-items:center;gap:10px;font-size:22px;display:inline-flex}.brand .glyph-legacy{background:linear-gradient(140deg, var(--accent), var(--accent-2));width:26px;height:26px;box-shadow:0 0 24px oklch(from var(--accent) l c h / .4);border-radius:6px;position:relative}.brand .glyph-legacy:after{content:"";border:1px solid oklch(100% 0 0/.5);border-radius:2px;position:absolute;inset:6px}.topnav .links{gap:28px;margin-left:8px;display:flex}.topnav .links a{color:var(--fg-2);transition:color .2s var(--ease);cursor:pointer;font-size:13px;text-decoration:none}.topnav .links a:hover{color:var(--fg-0)}.topnav .right{align-items:center;gap:10px;margin-left:auto;display:flex}.scroll-page{scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent;height:100vh;overflow:hidden auto}.scroll-page::-webkit-scrollbar{width:6px}.scroll-page::-webkit-scrollbar-thumb{background:var(--line-strong);border-radius:3px}.section{max-width:1280px;margin:0 auto;padding:120px 32px}.divider{background:var(--line);width:100%;height:1px}.kbd{min-width:22px;height:22px;font-family:var(--mono);background:var(--glass-whisper);border:1px solid var(--line);color:var(--fg-2);border-radius:5px;justify-content:center;align-items:center;padding:0 6px;font-size:10.5px;display:inline-flex}.fade-in{animation:fadeIn .6s var(--ease-out) both}.slide-up{animation:slideUp .6s var(--ease-out) both}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.no-motion *,.no-motion :before,.no-motion :after{transition-duration:.001ms!important;animation-duration:.001ms!important}.app-shell{grid-template-columns:240px 1fr;height:100vh;display:grid}.sidebar{border-right:1px solid var(--line-strong);-webkit-backdrop-filter:var(--blur-2);backdrop-filter:var(--blur-2);background:oklch(0% 0 0/.35);flex-direction:column;gap:4px;padding:24px 16px;display:flex}.nav-item{height:38px;color:var(--fg-1);cursor:pointer;transition:all .15s var(--ease);z-index:var(--z-content);border-radius:8px;align-items:center;gap:12px;padding:0 12px;font-size:13px;font-weight:500;display:flex;position:relative}.nav-item:hover{background:var(--glass-pane);color:var(--fg-0)}.nav-item.active{background:var(--glass-vault);color:var(--fg-0);font-weight:600}.nav-item.active:before{content:"";background:var(--accent);border-radius:2px;width:2px;position:absolute;top:8px;bottom:8px;left:0}.nav-item .ic{opacity:.8;flex-shrink:0;width:16px;height:16px}.app-main{overflow-y:auto}.dots{gap:6px;display:inline-flex}.dots .d{background:var(--line-strong);width:6px;height:6px;transition:all .2s var(--ease);border-radius:50%}.dots .d.on{background:var(--accent);border-radius:3px;width:18px}.tabular{font-variant-numeric:tabular-nums}.sdot{vertical-align:2px;border-radius:50%;width:6px;height:6px;display:inline-block}.sdot.pos{background:var(--signal-pos);box-shadow:0 0 8px var(--signal-pos)}.sdot.warn{background:var(--signal-warn);box-shadow:0 0 8px var(--signal-warn)}.sdot.neg{background:var(--signal-neg);box-shadow:0 0 8px var(--signal-neg)}.seg{background:var(--glass-pane);border:1px solid var(--line-strong);border-radius:999px;padding:3px;display:inline-flex}.seg button{color:var(--fg-1);font-family:var(--sans);cursor:pointer;height:30px;z-index:var(--z-content);transition:all .2s var(--ease);background:0 0;border:none;border-radius:999px;padding:0 14px;font-size:12.5px;font-weight:500;position:relative}.seg button.on{background:var(--fg-0);color:var(--ink-0);font-weight:600}.seg button:hover:not(.on){color:var(--fg-0);background:var(--glass-whisper)}.tt{position:relative}.tt:after{content:attr(data-tt);background:var(--ink-0);border:1px solid var(--line);color:var(--fg-1);white-space:nowrap;opacity:0;pointer-events:none;transition:all .2s var(--ease);border-radius:6px;padding:6px 10px;font-size:11px;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)translateY(4px)}.tt:hover:after{opacity:1;transform:translate(-50%)translateY(0)}[data-density=compact]{--density:.85}[data-density=compact] .section{padding:80px 32px}[data-density=compact] h1.display{font-size:80px}[data-density=compact] h2.headline{font-size:44px}.ph{background:repeating-linear-gradient(45deg, oklch(100% 0 0/.03) 0 8px, transparent 8px 16px), var(--glass-whisper);border:1px solid var(--line);border-radius:var(--radius-2);font-family:var(--mono);color:var(--fg-3);text-transform:uppercase;letter-spacing:.12em;justify-content:center;align-items:center;font-size:11px;display:flex}.benchmark-bar{width:100%;position:relative}.benchmark-bar__track{height:var(--bar-height,8px);background:var(--glass-whisper);border-radius:calc(var(--bar-height,8px) / 2);border:1px solid var(--line);position:relative;overflow:hidden}.benchmark-bar__zone{position:absolute;top:0;bottom:0}.benchmark-bar__fill{border-radius:calc(var(--bar-height,8px) / 2);transition:width .3s,background-color .3s;position:absolute;top:0;bottom:0}.benchmark-bar__dot{width:calc(var(--bar-height,8px) * 2);height:calc(var(--bar-height,8px) * 2);border:2px solid var(--ink-0);z-index:10;border-radius:50%;transition:left .3s,background-color .3s;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 2px 4px #0003}.benchmark-bar__labels{font-family:var(--mono);color:var(--fg-3);justify-content:space-between;margin-top:8px;font-size:10px;display:flex}.benchmark-bar__label{text-align:center;flex:1}.benchmark-bar__label:first-child{text-align:left}.benchmark-bar__label:last-child{text-align:right}.benchmark-bar__tooltip{background:var(--ink-2);color:var(--fg-0);font-size:11px;font-family:var(--mono);white-space:nowrap;opacity:0;pointer-events:none;z-index:20;border-radius:4px;padding:4px 8px;transition:opacity .2s;position:absolute;top:-28px;left:50%;transform:translate(-50%)}.benchmark-bar:hover .benchmark-bar__tooltip{opacity:1}.benchmark-bar__value{font-weight:600}.benchmark-bar__zone-label{text-transform:uppercase;opacity:.8;margin-left:4px;font-size:9px}.benchmark-bar--unknown .benchmark-bar__track{justify-content:center;align-items:center;display:flex}.benchmark-bar__unknown{font-family:var(--mono);color:var(--fg-3);text-transform:uppercase;letter-spacing:.1em;font-size:10px}.benchmark-bar[data-size=sm]{--bar-height:4px}.benchmark-bar[data-size=sm] .benchmark-bar__dot{width:8px;height:8px}.benchmark-bar[data-size=md]{--bar-height:8px}.benchmark-bar[data-size=lg]{--bar-height:12px}.benchmark-bar[data-size=lg] .benchmark-bar__dot{width:20px;height:20px}.benchmark-bar[data-zone=leading] .benchmark-bar__fill{box-shadow:0 0 8px var(--signal-pos)}.benchmark-bar[data-zone=mid] .benchmark-bar__fill{box-shadow:0 0 8px var(--signal-warn)}.benchmark-bar[data-zone=under] .benchmark-bar__fill{box-shadow:0 0 8px var(--signal-neg)}.kpi-card-interactive{transition:all .2s var(--ease);will-change:transform, box-shadow}.kpi-card-interactive:hover{box-shadow:var(--shadow-2);border-color:var(--line-strong);transform:translateY(-2px)}.kpi-card-interactive:active{transform:translateY(0)}.kpi-card-interactive:focus-visible{outline:2px solid var(--accent);outline-offset:2px}