:root{--kv-bg-body: #0c1018;--kv-bg-surface: #111827;--kv-bg-raised: #1a2233;--kv-bg-overlay: rgba(17, 24, 39, .92);--kv-glass-bg: rgba(17, 24, 39, .55);--kv-glass-border: rgba(255, 255, 255, .08);--kv-glass-blur: 12px;--kv-glass-bg-hover: rgba(17, 24, 39, .7);--kv-sidebar-bg: rgba(12, 16, 24, .85);--kv-sidebar-border: rgba(255, 255, 255, .06);--kv-sidebar-width: 240px;--kv-sidebar-collapsed: 56px;--kv-topbar-height: 52px;--kv-topbar-bg: rgba(12, 16, 24, .6);--kv-text-primary: rgba(255, 255, 255, .92);--kv-text-secondary: rgba(255, 255, 255, .56);--kv-text-muted: rgba(255, 255, 255, .32);--kv-text-inverse: #0c1018;--kv-accent: #30d5a8;--kv-accent-hover: #28c098;--kv-accent-glow: rgba(48, 213, 168, .25);--kv-accent-subtle: rgba(48, 213, 168, .1);--kv-border: rgba(255, 255, 255, .08);--kv-border-strong: rgba(255, 255, 255, .14);--kv-border-accent: rgba(48, 213, 168, .3);--kv-success: #22c55e;--kv-warning: #f59e0b;--kv-danger: #ef4444;--kv-info: #3b82f6;--kv-chart-line: #30d5a8;--kv-chart-area: rgba(48, 213, 168, .08);--kv-chart-grid: rgba(255, 255, 255, .06);--kv-chart-dot: #30d5a8;--kv-chart-dot-glow: rgba(48, 213, 168, .4);--kv-chart-bar: rgba(48, 213, 168, .6);--kv-chart-bar-hover:rgba(48, 213, 168, .85);--kv-chart-secondary:#667eea;--kv-chart-tertiary: #f59e0b;--kv-radius-sm: 6px;--kv-radius-md: 10px;--kv-radius-lg: 16px;--kv-radius-full: 9999px;--kv-shadow-sm: 0 1px 3px rgba(0, 0, 0, .3);--kv-shadow-md: 0 4px 16px rgba(0, 0, 0, .35);--kv-shadow-lg: 0 8px 32px rgba(0, 0, 0, .4);--kv-shadow-glow: 0 0 20px rgba(48, 213, 168, .15);--kv-transition-fast: .15s ease;--kv-transition: .25s ease}*,*:before,*:after{box-sizing:border-box}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{margin:0;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;line-height:1.5;color:var(--kv-text-primary);background:var(--kv-bg-body);min-height:100vh}#root{min-height:100vh}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#fff3}::selection{background:#30d5a84d;color:#fff}:focus-visible{outline:2px solid var(--kv-accent);outline-offset:2px}input,select,textarea,button{font-family:inherit;font-size:inherit;color:inherit}button{cursor:pointer;border:none;background:none;padding:0}a{color:var(--kv-accent);text-decoration:none}a:hover{color:var(--kv-accent-hover)}@keyframes kvPulse{0%{box-shadow:0 0 #30d5a866}70%{box-shadow:0 0 0 8px #30d5a800}to{box-shadow:0 0 #30d5a800}}@keyframes kvFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes kvSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes kvGlow{0%,to{filter:drop-shadow(0 0 4px rgba(48,213,168,.3))}50%{filter:drop-shadow(0 0 8px rgba(48,213,168,.5))}}.replayer-wrapper{position:relative}.replayer-mouse{position:absolute;width:20px;height:20px;transition:left .05s linear,top .05s linear;background-size:contain;background-position:center center;background-repeat:no-repeat;background-image:url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9JzMwMHB4JyB3aWR0aD0nMzAwcHgnICBmaWxsPSIjMDAwMDAwIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGRhdGEtbmFtZT0iTGF5ZXIgMSIgdmlld0JveD0iMCAwIDUwIDUwIiB4PSIwcHgiIHk9IjBweCI+PHRpdGxlPkRlc2lnbl90bnA8L3RpdGxlPjxwYXRoIGQ9Ik00OC43MSw0Mi45MUwzNC4wOCwyOC4yOSw0NC4zMywxOEExLDEsMCwwLDAsNDQsMTYuMzlMMi4zNSwxLjA2QTEsMSwwLDAsMCwxLjA2LDIuMzVMMTYuMzksNDRhMSwxLDAsMCwwLDEuNjUuMzZMMjguMjksMzQuMDgsNDIuOTEsNDguNzFhMSwxLDAsMCwwLDEuNDEsMGw0LjM4LTQuMzhBMSwxLDAsMCwwLDQ4LjcxLDQyLjkxWm0tNS4wOSwzLjY3TDI5LDMyYTEsMSwwLDAsMC0xLjQxLDBsLTkuODUsOS44NUwzLjY5LDMuNjlsMzguMTIsMTRMMzIsMjcuNThBMSwxLDAsMCwwLDMyLDI5TDQ2LjU5LDQzLjYyWiI+PC9wYXRoPjwvc3ZnPg==);border-color:transparent}.replayer-mouse:after{content:"";display:inline-block;width:20px;height:20px;background:#4950f6;border-radius:100%;transform:translate(-50%,-50%);opacity:.3}.replayer-mouse.active:after{animation:click .2s ease-in-out 1}.replayer-mouse.touch-device{background-image:none;width:70px;height:70px;border-width:4px;border-style:solid;border-radius:100%;margin-left:-37px;margin-top:-37px;border-color:#4950f600;transition:left 0s linear,top 0s linear,border-color .2s ease-in-out}.replayer-mouse.touch-device.touch-active{border-color:#4950f6;transition:left .25s linear,top .25s linear,border-color .2s ease-in-out}.replayer-mouse.touch-device:after{opacity:0}.replayer-mouse.touch-device.active:after{animation:touch-click .2s ease-in-out 1}.replayer-mouse-tail{position:absolute;pointer-events:none}@keyframes click{0%{opacity:.3;width:20px;height:20px}50%{opacity:.5;width:10px;height:10px}}@keyframes touch-click{0%{opacity:0;width:20px;height:20px}50%{opacity:.5;width:10px;height:10px}}