*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;background:transparent!important;overflow:hidden}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#fff}.relative{position:relative}.fixed{position:fixed}.absolute{position:absolute}.w-full{width:100%}.h-full{height:100%}.h-screen{height:100vh}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.space-y-1>*+*{margin-top:.25rem}.space-y-2>*+*{margin-top:.5rem}.space-y-4>*+*{margin-top:1rem}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.overflow-y-auto{overflow-y:auto}.bg-transparent{background:transparent}.rounded{border-radius:.375rem}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.text-xs{font-size:.75rem;line-height:1rem}.text-sm{font-size:.875rem;line-height:1.25rem}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-white{color:#fff}.text-gray-300{color:#d1d5db}.border{border-width:1px}.border-b{border-bottom-width:1px}.z-40{z-index:40}.z-50{z-index:50}.max-w-md{max-width:28rem}.max-h-96{max-height:24rem}.w-2{width:.5rem}.h-2{height:.5rem}.top-4{top:1rem}.bottom-4{bottom:1rem}.left-4{left:1rem}.left-20{left:5rem}.right-4{right:1rem}.bg-black\/50{background:#00000080}.bg-black\/70{background:#000000b3}.bg-black\/90{background:#000000e6}.bg-white\/5{background:#ffffff0d}.bg-white\/10{background:#ffffff1a}.bg-green-500\/10{background:#22c55e1a}.bg-red-500\/10{background:#ef44441a}.bg-black\/30{background:#0000004d}.border-white\/20{border-color:#fff3}.border-white\/30{border-color:#ffffff4d}.border-white\/10{border-color:#ffffff1a}.border-green-500\/30{border-color:#22c55e4d}.border-red-500\/30{border-color:#ef44444d}.text-white\/40{color:#fff6}.text-white\/50{color:#ffffff80}.text-white\/60{color:#fff9}.text-white\/70{color:#ffffffb3}.text-white\/80{color:#fffc}.text-white\/90{color:#ffffffe6}.bg-green-400{background:#4ade80}.bg-gray-400{background:#9ca3af}.backdrop-blur-md{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.hover\:bg-black\/70:hover{background:#000000b3}.hover\:bg-black\/90:hover{background:#000000e6}.hover\:text-white:hover{color:#fff}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}button{cursor:pointer;border:none;background:none;font:inherit;color:inherit;outline:none}select,input[type=range]{width:100%}select{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:.375rem;padding:.5rem;color:#fff;font-size:.75rem}select option{background:#1a1a1a;color:#fff}input[type=range]{-webkit-appearance:none;appearance:none;height:4px;background:#fff3;border-radius:2px;outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;background:#fff;border-radius:50%;cursor:pointer}input[type=range]::-moz-range-thumb{width:16px;height:16px;background:#fff;border-radius:50%;cursor:pointer;border:none}pre{white-space:pre-wrap;word-wrap:break-word}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#ffffff80}@custom-variant dark (&:is(.dark *));:root{--font-size: 16px;--background: transparent;--foreground: #ffffff;--card: transparent;--card-foreground: #ffffff;--popover: rgba(0, 0, 0, .8);--popover-foreground: #ffffff;--primary: #ffffff;--primary-foreground: #000000;--secondary: rgba(255, 255, 255, .1);--secondary-foreground: #ffffff;--muted: rgba(255, 255, 255, .1);--muted-foreground: rgba(255, 255, 255, .6);--accent: rgba(255, 255, 255, .15);--accent-foreground: #ffffff;--destructive: #d4183d;--destructive-foreground: #ffffff;--border: rgba(255, 255, 255, .2);--input: transparent;--input-background: rgba(255, 255, 255, .1);--switch-background: rgba(255, 255, 255, .2);--font-weight-medium: 500;--font-weight-normal: 400;--ring: rgba(255, 255, 255, .3);--chart-1: oklch(.646 .222 41.116);--chart-2: oklch(.6 .118 184.704);--chart-3: oklch(.398 .07 227.392);--chart-4: oklch(.828 .189 84.429);--chart-5: oklch(.769 .188 70.08);--radius: .625rem;--sidebar: transparent;--sidebar-foreground: #ffffff;--sidebar-primary: #ffffff;--sidebar-primary-foreground: #000000;--sidebar-accent: rgba(255, 255, 255, .1);--sidebar-accent-foreground: #ffffff;--sidebar-border: rgba(255, 255, 255, .2);--sidebar-ring: rgba(255, 255, 255, .3)}.dark{--background: oklch(.145 0 0);--foreground: oklch(.985 0 0);--card: oklch(.145 0 0);--card-foreground: oklch(.985 0 0);--popover: oklch(.145 0 0);--popover-foreground: oklch(.985 0 0);--primary: oklch(.985 0 0);--primary-foreground: oklch(.205 0 0);--secondary: oklch(.269 0 0);--secondary-foreground: oklch(.985 0 0);--muted: oklch(.269 0 0);--muted-foreground: oklch(.708 0 0);--accent: oklch(.269 0 0);--accent-foreground: oklch(.985 0 0);--destructive: oklch(.396 .141 25.723);--destructive-foreground: oklch(.637 .237 25.331);--border: oklch(.269 0 0);--input: oklch(.269 0 0);--ring: oklch(.439 0 0);--font-weight-medium: 500;--font-weight-normal: 400;--chart-1: oklch(.488 .243 264.376);--chart-2: oklch(.696 .17 162.48);--chart-3: oklch(.769 .188 70.08);--chart-4: oklch(.627 .265 303.9);--chart-5: oklch(.645 .246 16.439);--sidebar: oklch(.205 0 0);--sidebar-foreground: oklch(.985 0 0);--sidebar-primary: oklch(.488 .243 264.376);--sidebar-primary-foreground: oklch(.985 0 0);--sidebar-accent: oklch(.269 0 0);--sidebar-accent-foreground: oklch(.985 0 0);--sidebar-border: oklch(.269 0 0);--sidebar-ring: oklch(.439 0 0)}@theme inline{ --color-background: var(--background); --color-foreground: var(--foreground); --color-card: var(--card); --color-card-foreground: var(--card-foreground); --color-popover: var(--popover); --color-popover-foreground: var(--popover-foreground); --color-primary: var(--primary); --color-primary-foreground: var(--primary-foreground); --color-secondary: var(--secondary); --color-secondary-foreground: var(--secondary-foreground); --color-muted: var(--muted); --color-muted-foreground: var(--muted-foreground); --color-accent: var(--accent); --color-accent-foreground: var(--accent-foreground); --color-destructive: var(--destructive); --color-destructive-foreground: var(--destructive-foreground); --color-border: var(--border); --color-input: var(--input); --color-input-background: var(--input-background); --color-switch-background: var(--switch-background); --color-ring: var(--ring); --color-chart-1: var(--chart-1); --color-chart-2: var(--chart-2); --color-chart-3: var(--chart-3); --color-chart-4: var(--chart-4); --color-chart-5: var(--chart-5); --radius-sm: calc(var(--radius) - 4px); --radius-md: calc(var(--radius) - 2px); --radius-lg: var(--radius); --radius-xl: calc(var(--radius) + 4px); --color-sidebar: var(--sidebar); --color-sidebar-foreground: var(--sidebar-foreground); --color-sidebar-primary: var(--sidebar-primary); --color-sidebar-primary-foreground: var(--sidebar-primary-foreground); --color-sidebar-accent: var(--sidebar-accent); --color-sidebar-accent-foreground: var(--sidebar-accent-foreground); --color-sidebar-border: var(--sidebar-border); --color-sidebar-ring: var(--sidebar-ring); }@layer base{*{@apply border-border outline-ring/50;}body{@apply bg-transparent text-white;}html,body,#root{background:transparent!important}}@layer base{:where(:not(:has([class*=" text-"]),:not(:has([class^=text-])))){h1{font-size:var(--text-2xl);font-weight:var(--font-weight-medium);line-height:1.5}h2{font-size:var(--text-xl);font-weight:var(--font-weight-medium);line-height:1.5}h3{font-size:var(--text-lg);font-weight:var(--font-weight-medium);line-height:1.5}h4{font-size:var(--text-base);font-weight:var(--font-weight-medium);line-height:1.5}p{font-size:var(--text-base);font-weight:var(--font-weight-normal);line-height:1.5}label,button{font-size:var(--text-base);font-weight:var(--font-weight-medium);line-height:1.5}input{font-size:var(--text-base);font-weight:var(--font-weight-normal);line-height:1.5}}}html{font-size:var(--font-size)}@layer utilities{.scrollbar-thin::-webkit-scrollbar{width:6px}.scrollbar-thin::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.scrollbar-thin::-webkit-scrollbar-thumb{background:#00b4d866;border-radius:3px;transition:background .2s ease}.scrollbar-thin::-webkit-scrollbar-thumb:hover{background:#00b4d899}.scrollbar-thin{scrollbar-width:thin;scrollbar-color:rgba(0,180,216,.4) rgba(255,255,255,.05)}}[data-analytics-panel] button:focus-visible{outline:2px solid rgba(102,187,106,.8);outline-offset:2px}[data-analytics-panel] [role=tab]:focus-visible{outline:2px solid rgba(102,187,106,.8);outline-offset:2px}@keyframes chartFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}[data-analytics-panel] .text-3xl{font-weight:800;letter-spacing:-.02em}@keyframes kpiSlideIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}[data-analytics-panel] .kpi-card:nth-child(1){animation-delay:0ms}[data-analytics-panel] .kpi-card:nth-child(2){animation-delay:60ms}[data-analytics-panel] .kpi-card:nth-child(3){animation-delay:.12s}[data-analytics-panel] .kpi-card:nth-child(4){animation-delay:.18s}[data-analytics-panel] .kpi-card:nth-child(5){animation-delay:.24s}[data-analytics-panel] .recharts-responsive-container{animation:chartFadeIn .3s cubic-bezier(.25,1,.5,1) both}@media(prefers-reduced-motion:reduce){[data-analytics-panel] .recharts-responsive-container{animation:none}}[data-analytics-panel] .kpi-card{position:relative;backdrop-filter:blur(14px) saturate(1.5);-webkit-backdrop-filter:blur(14px) saturate(1.5);overflow:hidden;border-radius:12px;animation:kpiSlideIn .35s cubic-bezier(.25,1,.5,1) both;box-shadow:0 10px 15px -3px #0003,inset 0 1px #ffffff14!important;transition:transform .2s cubic-bezier(.25,1,.5,1),box-shadow .25s cubic-bezier(.25,1,.5,1),border-color .2s ease}[data-analytics-panel] .kpi-card:hover{transform:translateY(-2px);box-shadow:0 20px 30px -8px #00000059,inset 0 1px #ffffff1f!important}[data-analytics-panel] .kpi-card:before{content:"";position:absolute;inset:0;border-radius:inherit;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.035'/%3E%3C/svg%3E");pointer-events:none;z-index:1;mix-blend-mode:overlay}@media(prefers-reduced-motion:reduce){[data-analytics-panel] .kpi-card{transition:none;transform:none!important}}@keyframes kpiShimmerOverlay{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes kpiFadeIn{0%{opacity:.6;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}@keyframes kpiSkeletonPulse{0%,to{opacity:.35}50%{opacity:.7}}@keyframes kpiSpin{to{transform:rotate(360deg)}}@keyframes spin{to{transform:rotate(360deg)}}.kpi-transition-wrapper{position:relative}.kpi-transition-wrapper .kpi-transition-content{display:flex;flex-direction:column;gap:12px;transition:opacity .2s ease,filter .2s ease}.kpi-transition-wrapper.kpi-transition-fresh .kpi-transition-content .kpi-card{animation:kpiFadeIn .35s cubic-bezier(.25,1,.5,1) both}.kpi-transition-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:10;pointer-events:none}.kpi-transition-spinner{width:28px;height:28px;border:3px solid rgba(255,255,255,.15);border-top-color:#ffffffe6;border-radius:50%;animation:kpiSpin .65s linear infinite}.kpi-transition-skeleton{display:flex;flex-direction:column;gap:16px}.kpi-transition-skeleton-item{padding:16px;border-radius:12px;border:1px solid rgba(255,255,255,.06);background:#ffffff08;min-height:80px;display:flex;flex-direction:column;gap:10px;animation:kpiSkeletonPulse 2s ease-in-out infinite both}.kpi-skel-label{height:10px;width:35%;border-radius:4px;background:#ffffff1a}.kpi-skel-value-row{display:flex;align-items:baseline;gap:8px}.kpi-skel-value{height:28px;width:45%;border-radius:6px;background:#ffffff1f}.kpi-skel-unit{height:14px;width:15%;border-radius:4px;background:#ffffff0f}.kpi-skel-sub{height:9px;width:50%;border-radius:4px;background:#ffffff0f}@media(prefers-reduced-motion:reduce){.kpi-transition-wrapper.kpi-transition-loading .kpi-transition-content{opacity:.5;filter:none;transition:none}.kpi-transition-spinner{animation:none;border-top-color:#fff9}.kpi-transition-skeleton-item{animation:none;opacity:.5}}