#root{margin:0 auto;padding:0;text-align:left}.main-content::-webkit-scrollbar{width:6px}.main-content::-webkit-scrollbar-track{background:transparent}.main-content::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:3px}.main-content::-webkit-scrollbar-thumb:hover{background:#ffffff24}.sidebar{pointer-events:auto;z-index:100}:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg-base: #09090b;--bg-surface: #111113;--bg-elevated: #18181b;--bg-overlay: #1c1c1f;--bg-hover: #27272a;--border-default: rgba(255, 255, 255, .06);--border-hover: rgba(255, 255, 255, .1);--border-focus: rgba(255, 255, 255, .16);--text-primary: #fafafa;--text-secondary: #a1a1aa;--text-tertiary: #71717a;--text-muted: #52525b;--accent: #dcfe52;--accent-hover: #c9e648;--accent-muted: rgba(220, 254, 82, .1);--accent-border: rgba(220, 254, 82, .25);--success: #22c55e;--success-muted: rgba(34, 197, 94, .1);--danger: #ef4444;--danger-muted: rgba(239, 68, 68, .1);--warning: #f59e0b;--warning-muted: rgba(245, 158, 11, .1);--info: #3b82f6;--info-muted: rgba(59, 130, 246, .1);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 2px 8px rgba(0, 0, 0, .3);--shadow-lg: 0 4px 16px rgba(0, 0, 0, .4)}body{margin:0;min-width:320px;min-height:100vh;background:var(--bg-base);overflow-x:hidden;position:relative;color:var(--text-primary)}#root{min-height:100vh;width:100%;position:relative;z-index:1}.flat-card{background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:border-color .2s ease,box-shadow .2s ease}.flat-card-strong{background:var(--bg-overlay);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);transition:border-color .2s ease,box-shadow .2s ease}.sidebar{border-radius:0}.btn-flat-primary,.btn-flat-danger,.btn-flat-blue{border:none;color:#000;font-weight:500;letter-spacing:.2px;border-radius:var(--radius-sm);transition:background-color .15s ease,opacity .15s ease;box-shadow:none}.btn-flat-primary{background-color:var(--accent)}.btn-flat-primary:hover{background-color:var(--accent-hover)}.btn-flat-primary:active{background-color:#a0c23a}.btn-flat-danger{background-color:var(--danger)}.btn-flat-danger:hover{background-color:#f87171}.btn-flat-danger:active{background-color:#dc2626}.btn-flat-blue{background-color:var(--accent)}.btn-flat-blue:hover{background-color:var(--accent-hover)}.btn-flat-blue:active{background-color:#a0c23a}.btn-flat-outline{background-color:transparent;border:1px solid var(--border-hover);color:var(--text-primary);font-weight:500;letter-spacing:.2px;border-radius:var(--radius-sm);transition:background-color .15s ease,border-color .15s ease;box-shadow:none}.btn-flat-outline:hover{background-color:#ffffff0a;border-color:var(--border-focus)}.btn-flat-outline:active{background-color:#ffffff05}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes shimmer{0%{left:-100%}to{left:100%}}html{scroll-behavior:smooth}.landing-gradient-text{background:linear-gradient(180deg,#fafafa,#71717a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.landing-dot-grid{background-image:radial-gradient(circle,rgba(255,255,255,.04) 1px,transparent 1px);background-size:32px 32px}.landing-card{position:relative;overflow:hidden;transition:border-color .3s ease,box-shadow .3s ease,transform .3s ease}.landing-card:before{content:"";position:absolute;top:0;left:15%;right:15%;height:1px;background:linear-gradient(90deg,transparent,rgba(220,254,82,.5),transparent);opacity:0;transition:opacity .3s ease}.landing-card:hover:before{opacity:1}.landing-card:hover{border-color:#ffffff1a;transform:translateY(-2px);box-shadow:0 8px 32px #0000004d}.landing-preview-glow{position:relative}.landing-preview-glow:after{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:linear-gradient(180deg,rgba(220,254,82,.2) 0%,rgba(220,254,82,.03) 40%,transparent 100%);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;-webkit-mask-composite:xor;pointer-events:none}.landing-noise{position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.028;background-image: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.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:180px 180px}.landing-vignette{position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse at center,transparent 50%,rgba(0,0,0,.4) 100%)}.landing-divider{width:100%;height:1px;background:linear-gradient(90deg,transparent 5%,rgba(220,254,82,.08) 30%,rgba(220,254,82,.12) 50%,rgba(220,254,82,.08) 70%,transparent 95%);border:none;margin:0}@keyframes ambientDrift{0%,to{transform:translate(0) scale(1)}25%{transform:translate(15px,-10px) scale(1.02)}50%{transform:translate(-10px,15px) scale(.98)}75%{transform:translate(-15px,-5px) scale(1.01)}}@keyframes ambientDriftReverse{0%,to{transform:translate(0) scale(1)}25%{transform:translate(-12px,8px) scale(.98)}50%{transform:translate(8px,-12px) scale(1.03)}75%{transform:translate(10px,6px) scale(.99)}}