@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap");:root{--brand-primary:#06b6d4;--brand-primary-hover:#22d3ee;--brand-primary-active:#0891b2;--brand-primary-subtle:rgba(6,182,212,0.15);--accent-color:#ec4899;--accent-hover:#f472b6;--accent-subtle:rgba(236,72,153,0.15);--color-success:#10b981;--color-success-subtle:rgba(16,185,129,0.12);--color-warning:#f59e0b;--color-warning-subtle:rgba(245,158,11,0.12);--color-error:#ef4444;--color-error-subtle:rgba(239,68,68,0.12);--color-info:#3b82f6;--color-info-subtle:rgba(59,130,246,0.12);--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-mono:"JetBrains Mono","Fira Code","Consolas",monospace;--text-xs:0.75rem;--text-sm:0.8125rem;--text-base:0.875rem;--text-md:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--leading-tight:1.25;--leading-normal:1.5;--leading-relaxed:1.625;--space-0:0;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-2xl:1.25rem;--radius-full:9999px;--shadow-xs:0 2px 4px rgba(0,0,0,0.1);--shadow-sm:0 4px 8px rgba(0,0,0,0.15);--shadow-md:0 8px 16px rgba(0,0,0,0.2);--shadow-lg:0 16px 32px rgba(0,0,0,0.3);--shadow-xl:0 24px 48px rgba(0,0,0,0.4);--shadow-glow:0 0 15px rgba(6,182,212,0.4);--transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--transition-base:250ms cubic-bezier(0.4,0,0.2,1);--transition-slow:350ms cubic-bezier(0.4,0,0.2,1);--transition-spring:500ms cubic-bezier(0.34,1.56,0.64,1);--z-base:1;--z-dropdown:100;--z-sticky:200;--z-overlay:300;--z-modal:400;--z-toast:500;--z-tooltip:600;--sidebar-width:260px;--sidebar-collapsed-width:72px;--topbar-height:64px;--content-max-width:1400px}:root,[data-theme=dark]{--bg-primary:#101115;--bg-secondary:#1C1E26;--bg-tertiary:#252833;--bg-elevated:#2D303D;--bg-hover:#252833;--bg-active:#2D303D;--surface-glass:rgba(28,30,38,0.8);--surface-glass-hover:rgba(37,40,51,0.8);--surface-glass-border:rgba(255,255,255,0.03);--text-primary:#ffffff;--text-secondary:#8b8c9a;--text-tertiary:#606272;--text-inverse:#212330;--border-primary:rgba(255,255,255,0.03);--border-secondary:rgba(255,255,255,0.05);--border-focus:var(--brand-primary);--input-bg:#181A22;--input-border:rgba(255,255,255,0.04);--input-focus-border:var(--brand-primary);--input-placeholder:#606272;--scrollbar-track:transparent;--scrollbar-thumb:rgba(255,255,255,0.1);--scrollbar-thumb-hover:rgba(255,255,255,0.2)}[data-theme=light]{--bg-primary:#ffffff;--bg-secondary:#f8f9fc;--bg-tertiary:#f1f3f8;--bg-elevated:#ffffff;--bg-hover:#eef0f6;--bg-active:#e4e7ef;--surface-glass:rgba(255,255,255,0.7);--surface-glass-hover:rgba(255,255,255,0.85);--surface-glass-border:rgba(0,0,0,0.08);--text-primary:#111827;--text-secondary:#4b5563;--text-tertiary:#9ca3af;--text-inverse:#ffffff;--border-primary:rgba(0,0,0,0.08);--border-secondary:rgba(0,0,0,0.12);--border-focus:var(--brand-primary);--input-bg:#ffffff;--input-border:rgba(0,0,0,0.15);--input-focus-border:var(--brand-primary);--input-placeholder:#9ca3af;--scrollbar-track:rgba(0,0,0,0.02);--scrollbar-thumb:rgba(0,0,0,0.12);--scrollbar-thumb-hover:rgba(0,0,0,0.2);--shadow-xs:0 1px 2px rgba(0,0,0,0.04);--shadow-sm:0 1px 3px rgba(0,0,0,0.06),0 1px 2px rgba(0,0,0,0.04);--shadow-md:0 4px 6px -1px rgba(0,0,0,0.06),0 2px 4px -1px rgba(0,0,0,0.04);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.06),0 4px 6px -2px rgba(0,0,0,0.03)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;scroll-behavior:smooth}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--text-primary);background-color:var(--bg-primary);min-height:100dvh;overflow-x:hidden}canvas,img,picture,svg,video{display:block;max-width:100%}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;border:none;background:none}a{color:inherit;text-decoration:none}ol,ul{list-style:none}table{border-collapse:collapse}h1,h2,h3,h4,h5,h6{font-weight:var(--font-semibold);line-height:var(--leading-tight)}h1,h2,h3,h4,h5,h6,p{overflow-wrap:break-word}:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px;border-radius:var(--radius-sm)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}::selection{background-color:var(--brand-primary-subtle);color:var(--text-primary)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translateX(-12px)}to{opacity:1;transform:translateX(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translateX(12px)}to{opacity:1;transform:translateX(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideInFromBottom{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes ripple{to{transform:scale(4);opacity:0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.animate-fade-in{animation:fadeIn var(--transition-base) ease-out both}.animate-fade-in-up{animation:fadeInUp var(--transition-base) ease-out both}.animate-fade-in-down{animation:fadeInDown var(--transition-base) ease-out both}.animate-scale-in{animation:scaleIn var(--transition-base) ease-out both}.animate-spin{animation:spin 1s linear infinite}.animate-pulse{animation:pulse 2s ease-in-out infinite}.animate-shimmer{background:linear-gradient(90deg,var(--bg-tertiary) 25%,var(--bg-hover) 50%,var(--bg-tertiary) 75%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite}.animate-float{animation:float 3s ease-in-out infinite}.stagger-children>*{animation:fadeInUp var(--transition-base) ease-out both}.stagger-children>:first-child{animation-delay:0s}.stagger-children>:nth-child(2){animation-delay:50ms}.stagger-children>:nth-child(3){animation-delay:.1s}.stagger-children>:nth-child(4){animation-delay:.15s}.stagger-children>:nth-child(5){animation-delay:.2s}.stagger-children>:nth-child(6){animation-delay:.25s}.stagger-children>:nth-child(7){animation-delay:.3s}.stagger-children>:nth-child(8){animation-delay:.35s}.stagger-children>:nth-child(9){animation-delay:.4s}.stagger-children>:nth-child(10){animation-delay:.45s}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}