:root{--neu-bg-base: #0d0d0d;--neu-bg-card: #141414;--neu-bg-elevated: #1a1a1a;--neu-bg-input: #0a0a0a;--neu-bg-button: #111111;--neu-bg-active: #ffffff;--neu-border: #1f1f1f;--neu-border-hi: rgba(255, 255, 255, .06);--divider: rgba(255, 255, 255, .04);--neu-text-primary: #ffffff;--neu-text-secondary: rgba(255, 255, 255, .62);--neu-text-muted: rgba(255, 255, 255, .4);--neu-text-ghost: rgba(255, 255, 255, .18);--neu-text-active: #0d0d0d;--neu-accent: #ffffff;--neu-accent-glow: rgba(255, 255, 255, .12);--neu-success: #4ADE80;--neu-warning: #F59E0B;--neu-error: #EF4444;--neu-info: #3B82F6;--neu-shadow-raised: 6px 6px 12px rgba(0,0,0,.7), -6px -6px 12px rgba(40,40,40,.15);--neu-shadow-raised-sm: 3px 3px 6px rgba(0,0,0,.6), -3px -3px 6px rgba(40,40,40,.12);--neu-shadow-raised-lg: 8px 8px 16px rgba(0,0,0,.8), -8px -8px 16px rgba(40,40,40,.18);--neu-shadow-pressed: inset 4px 4px 8px rgba(0,0,0,.7), inset -4px -4px 8px rgba(40,40,40,.08);--neu-shadow-pressed-sm: inset 2px 2px 4px rgba(0,0,0,.6), inset -2px -2px 4px rgba(40,40,40,.06);--neu-shadow-glow: 0 0 20px rgba(255,255,255,.03);--neu-shadow-glow-accent: 0 0 20px var(--neu-accent-glow);--neu-radius-sm: 12px;--neu-radius-md: 16px;--neu-radius-lg: 20px;--neu-radius-xl: 24px;--neu-radius-2xl: 32px;--neu-radius-full: 9999px;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--header-height: 56px;--sidebar-width: 220px;--sidebar-collapsed: 54px;--page-max-width: 1280px;--chart-tick: rgba(255,255,255,.22);--chart-refline: rgba(255,255,255,.08);--chart-cursor: rgba(255,255,255,.03);--tooltip-bg: rgba(20,20,20,.88);--tooltip-border: rgba(255,255,255,.08);--progress-fill: linear-gradient(90deg, rgba(255,255,255,.55), rgba(255,255,255,.9));--font-sans: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", "Space Mono", monospace;--font-display: "Neue Haas Grotesk Display", "Inter", sans-serif}[data-theme=light]{--neu-bg-base: #efefef;--neu-bg-card: #e6e6e6;--neu-bg-elevated: #f5f5f5;--neu-bg-input: #e0e0e0;--neu-bg-button: #e8e8e8;--neu-bg-active: #1a1a1a;--neu-border: #d0d0d0;--neu-border-hi: rgba(0,0,0,.06);--divider: rgba(0,0,0,.06);--neu-text-primary: #111111;--neu-text-secondary: rgba(0,0,0,.62);--neu-text-muted: rgba(0,0,0,.4);--neu-text-ghost: rgba(0,0,0,.18);--neu-text-active: #ffffff;--neu-accent: #1a1a1a;--neu-accent-glow: rgba(0,0,0,.1);--neu-success: #22c55e;--neu-warning: #d97706;--neu-error: #dc2626;--neu-shadow-raised: 6px 6px 12px rgba(0,0,0,.12), -6px -6px 12px rgba(255,255,255,.8);--neu-shadow-raised-sm: 3px 3px 6px rgba(0,0,0,.1), -3px -3px 6px rgba(255,255,255,.7);--neu-shadow-raised-lg: 8px 8px 16px rgba(0,0,0,.14), -8px -8px 16px rgba(255,255,255,.85);--neu-shadow-pressed: inset 4px 4px 8px rgba(0,0,0,.1), inset -4px -4px 8px rgba(255,255,255,.7);--neu-shadow-pressed-sm: inset 2px 2px 4px rgba(0,0,0,.08), inset -2px -2px 4px rgba(255,255,255,.6);--chart-tick: rgba(0,0,0,.4);--chart-refline: rgba(0,0,0,.12);--tooltip-bg: rgba(230,230,230,.92);--tooltip-border: rgba(0,0,0,.1)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--neu-bg-base);color:var(--neu-text-primary);font-family:var(--font-sans);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .2s ease,color .2s ease}a{color:inherit;text-decoration:none}button{font-family:inherit}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--neu-text-ghost);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--neu-text-muted)}.neu-card{background:var(--neu-bg-card);box-shadow:var(--neu-shadow-raised);border-radius:var(--neu-radius-xl);transition:all .2s cubic-bezier(.4,0,.2,1)}.neu-card-inset{background:var(--neu-bg-input);box-shadow:var(--neu-shadow-pressed);border-radius:var(--neu-radius-lg)}.neu-btn{background:var(--neu-bg-button);color:var(--neu-text-primary);box-shadow:var(--neu-shadow-raised-sm);border-radius:var(--neu-radius-lg);padding:12px 20px;font-size:.875rem;font-weight:500;border:none;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;align-items:center;justify-content:center;gap:8px}.neu-btn:hover{transform:translateY(-2px);box-shadow:var(--neu-shadow-raised)}.neu-btn:active{transform:translateY(0);box-shadow:var(--neu-shadow-pressed-sm)}.neu-btn[disabled]{opacity:.5;cursor:not-allowed;transform:none}.neu-btn-primary{background:var(--neu-accent);color:var(--neu-text-active)}.neu-btn-primary:hover{box-shadow:var(--neu-shadow-glow-accent)}.neu-btn-ghost{background:transparent;border:1px solid var(--neu-border-hi);box-shadow:none}.neu-input{width:100%;background:var(--neu-bg-input);box-shadow:var(--neu-shadow-pressed-sm);border-radius:var(--neu-radius-lg);border:1px solid var(--neu-border);padding:12px 16px;color:var(--neu-text-primary);font-size:.875rem;font-family:inherit;transition:all .15s ease}.neu-input:focus{outline:none;box-shadow:var(--neu-shadow-pressed),0 0 0 2px var(--neu-accent)}.neu-input::placeholder{color:var(--neu-text-muted)}.neu-label{display:block;font-size:.72rem;font-weight:500;text-transform:uppercase;letter-spacing:.1em;color:var(--neu-text-muted);margin-bottom:6px}.neu-icon{width:40px;height:40px;border-radius:var(--neu-radius-md);background:var(--neu-bg-input);box-shadow:var(--neu-shadow-pressed);display:flex;align-items:center;justify-content:center;color:var(--neu-text-primary)}.neu-badge{display:inline-flex;align-items:center;padding:4px 12px;border-radius:var(--neu-radius-full);font-size:.72rem;font-weight:600;box-shadow:var(--neu-shadow-raised-sm);background:var(--neu-bg-elevated);color:var(--neu-text-secondary)}.neu-badge-success{color:var(--neu-success)}.neu-badge-warning{color:var(--neu-warning)}.neu-badge-error{color:var(--neu-error)}.neu-status-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.neu-status-dot.online{background:var(--neu-success);box-shadow:0 0 8px var(--neu-success)}.neu-status-dot.warning{background:var(--neu-warning);box-shadow:0 0 8px var(--neu-warning);animation:neu-pulse 2s infinite}.neu-status-dot.error{background:var(--neu-error);box-shadow:0 0 8px var(--neu-error)}.neu-nav-item{padding:12px 16px;border-radius:var(--neu-radius-lg);color:var(--neu-text-secondary);transition:all .2s cubic-bezier(.4,0,.2,1);cursor:pointer;display:flex;align-items:center;gap:12px;font-size:.875rem;font-weight:500;text-decoration:none;-webkit-user-select:none;user-select:none}.neu-nav-item:hover{background:var(--neu-bg-card);box-shadow:var(--neu-shadow-raised-sm);color:var(--neu-text-primary)}.neu-nav-item.active{background:var(--neu-bg-active);color:var(--neu-text-active);box-shadow:var(--neu-shadow-raised-sm)}.neu-skeleton{background:linear-gradient(90deg,var(--neu-bg-input) 25%,var(--neu-bg-elevated) 50%,var(--neu-bg-input) 75%);background-size:200% 100%;animation:neu-shimmer 1.5s ease-in-out infinite;border-radius:var(--neu-radius-md)}@keyframes neu-pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes neu-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes neu-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}:root{--neu-bg-base: #0B0F18;--neu-bg-card: #131827;--neu-bg-elevated: #1A2033;--neu-bg-input: #080B13;--neu-bg-button: #10151F;--neu-bg-active: #5B82FF;--neu-border: #1E2538;--neu-border-hi: rgba(180, 200, 255, .06);--divider: rgba(180, 200, 255, .04);--neu-text-primary: #F2F4F9;--neu-text-secondary: rgba(242, 244, 249, .62);--neu-text-muted: rgba(242, 244, 249, .42);--neu-text-ghost: rgba(242, 244, 249, .18);--neu-text-active: #0B0F18;--neu-accent: #5B82FF;--neu-accent-glow: rgba(91, 130, 255, .22);--neu-shadow-raised: 6px 6px 12px rgba(0, 0, 0, .72), -6px -6px 12px rgba(60, 80, 120, .12);--neu-shadow-raised-sm: 3px 3px 6px rgba(0, 0, 0, .62), -3px -3px 6px rgba(60, 80, 120, .1);--neu-shadow-raised-lg: 8px 8px 16px rgba(0, 0, 0, .82), -8px -8px 16px rgba(60, 80, 120, .14);--neu-shadow-pressed: inset 4px 4px 8px rgba(0, 0, 0, .72), inset -4px -4px 8px rgba(60, 80, 120, .06);--neu-shadow-pressed-sm: inset 2px 2px 4px rgba(0, 0, 0, .62), inset -2px -2px 4px rgba(60, 80, 120, .05);--neu-shadow-glow: 0 0 20px rgba(242, 244, 249, .04);--neu-shadow-glow-accent: 0 0 24px var(--neu-accent-glow);--chart-tick: rgba(242, 244, 249, .24);--chart-refline: rgba(242, 244, 249, .08);--chart-cursor: rgba(91, 130, 255, .06);--tooltip-bg: rgba(19, 24, 39, .92);--tooltip-border: rgba(91, 130, 255, .14);--progress-fill: linear-gradient(90deg, rgba(91,130,255,.55), rgba(91,130,255,.95))}[data-theme=light]{--neu-bg-base: #F5F6FA;--neu-bg-card: #FFFFFF;--neu-bg-elevated: #FAFBFE;--neu-bg-input: #EDEFF5;--neu-bg-button: #F0F2F7;--neu-bg-active: #13182B;--neu-border: #D8DCE6;--neu-border-hi: rgba(19, 24, 43, .08);--divider: rgba(19, 24, 43, .06);--neu-text-primary: #13182B;--neu-text-secondary: rgba(19, 24, 43, .64);--neu-text-muted: rgba(19, 24, 43, .42);--neu-text-ghost: rgba(19, 24, 43, .18);--neu-text-active: #FFFFFF;--neu-accent: #13182B;--neu-accent-glow: rgba(19, 24, 43, .1);--neu-shadow-raised: 6px 6px 12px rgba(19, 24, 43, .12), -6px -6px 12px rgba(255, 255, 255, .85);--neu-shadow-raised-sm: 3px 3px 6px rgba(19, 24, 43, .1), -3px -3px 6px rgba(255, 255, 255, .78);--neu-shadow-raised-lg: 8px 8px 16px rgba(19, 24, 43, .14), -8px -8px 16px rgba(255, 255, 255, .9);--neu-shadow-pressed: inset 4px 4px 8px rgba(19, 24, 43, .1), inset -4px -4px 8px rgba(255, 255, 255, .78);--neu-shadow-pressed-sm: inset 2px 2px 4px rgba(19, 24, 43, .08), inset -2px -2px 4px rgba(255, 255, 255, .7);--neu-shadow-glow: 0 0 20px rgba(19, 24, 43, .04);--neu-shadow-glow-accent: 0 0 24px var(--neu-accent-glow);--chart-tick: rgba(19, 24, 43, .44);--chart-refline: rgba(19, 24, 43, .14);--chart-cursor: rgba(19, 24, 43, .04);--tooltip-bg: rgba(255, 255, 255, .96);--tooltip-border: rgba(19, 24, 43, .1);--progress-fill: linear-gradient(90deg, rgba(19,24,43,.55), rgba(19,24,43,.9))}:root{--feature-gold: #F5B800;--feature-coral: #FF6B6B;--feature-teal: #14B8A6;--feature-violet: #A78BFA;--feature-gold-glow: rgba(245, 184, 0, .22);--feature-coral-glow: rgba(255, 107, 107, .22);--feature-teal-glow: rgba( 20, 184, 166, .22);--feature-violet-glow: rgba(167, 139, 250, .22)}.feature-badge-gold{color:var(--feature-gold);box-shadow:var(--neu-shadow-raised-sm),0 0 16px var(--feature-gold-glow)}.feature-badge-coral{color:var(--feature-coral);box-shadow:var(--neu-shadow-raised-sm),0 0 16px var(--feature-coral-glow)}.feature-badge-teal{color:var(--feature-teal);box-shadow:var(--neu-shadow-raised-sm),0 0 16px var(--feature-teal-glow)}.feature-badge-violet{color:var(--feature-violet);box-shadow:var(--neu-shadow-raised-sm),0 0 16px var(--feature-violet-glow)}html,body,#root{min-height:100vh}.hero-blob{position:absolute;width:62vw;max-width:820px;aspect-ratio:1;top:-12%;left:50%;transform:translate(-50%);border-radius:50%;background:radial-gradient(circle at center,#5b82ff73,#5b82ff2e 40%,#5b82ff00 70%);filter:blur(64px);pointer-events:none;z-index:0}.section{position:relative;max-width:var(--page-max-width);margin-inline:auto;padding:var(--space-2xl) var(--space-xl)}.kicker{font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--neu-text-muted)}