:root,[data-theme=dark]{--bg-primary: #0B0F1A;--bg-surface: #111827;--bg-surface-hover: #1A2332;--bg-elevated: #1F2937;--bg-input: #0D1321;--bg-sidebar: #0B0F1A;--bg-overlay: rgba(0, 0, 0, .7);--bg-muted: #151C28;--bg-selected: rgba(59, 130, 246, .08);--bg-skeleton: rgba(255, 255, 255, .05);--bg-surface-subtle: rgba(255, 255, 255, .02);--bg-surface-subtle-hover: rgba(255, 255, 255, .05);--brand-primary: #3B82F6;--brand-primary-hover: #2563EB;--brand-primary-soft: #1E3A5F;--brand-primary-text: #93C5FD;--brand-accent: #06B6D4;--brand-accent-soft: rgba(6, 182, 212, .15);--brand-gradient: linear-gradient(135deg, #3B82F6, #06B6D4);--color-success: #22C55E;--color-success-soft: #14532D;--color-success-text: #86EFAC;--color-warning: #F59E0B;--color-warning-soft: #713F12;--color-warning-text: #FBBF24;--color-danger: #EF4444;--color-danger-soft: #7F1D1D;--color-danger-text: #FCA5A5;--color-info: #8B5CF6;--color-info-soft: #3B0764;--color-info-text: #C4B5FD;--text-primary: #F9FAFB;--text-secondary: #9CA3AF;--text-muted: #6B7280;--text-placeholder: #4B5563;--text-on-brand: #FFFFFF;--text-on-success: #FFFFFF;--text-on-danger: #FFFFFF;--text-link: #3B82F6;--text-link-hover: #93C5FD;--border-default: #1F2937;--border-subtle: rgba(255, 255, 255, .06);--border-strong: rgba(255, 255, 255, .15);--border-focus: #3B82F6;--border-input: rgba(255, 255, 255, .1);--tag-blue-bg: #1E3A5F;--tag-blue-text: #93C5FD;--tag-green-bg: #14532D;--tag-green-text: #86EFAC;--tag-purple-bg: #3B0764;--tag-purple-text: #C4B5FD;--tag-red-bg: rgba(239, 68, 68, .15);--tag-red-text: #EF4444;--tag-orange-bg: rgba(249, 115, 22, .15);--tag-orange-text: #F97316;--tag-yellow-bg: rgba(234, 179, 8, .15);--tag-yellow-text: #EAB308;--tag-gray-bg: rgba(107, 114, 128, .15);--tag-gray-text: #9CA3AF;--tag-pink-bg: rgba(236, 72, 153, .15);--tag-pink-text: #EC4899;--tag-cyan-bg: rgba(6, 182, 212, .15);--tag-cyan-text: #06B6D4;--bg-glass: rgba(17, 24, 39, .6);--bg-glass-subtle: rgba(17, 24, 39, .4);--bg-glass-sidebar: rgba(11, 15, 26, .95);--bg-glass-header: rgba(11, 15, 26, .8);--glass-backdrop: blur(12px);--glass-backdrop-strong: blur(20px);--border-glass: rgba(255, 255, 255, .06);--border-glass-subtle: rgba(255, 255, 255, .04);--border-card-hover: rgba(59, 130, 246, .3);--shadow-card-glow: 0 0 20px rgba(59, 130, 246, .08), 0 8px 32px rgba(0, 0, 0, .3);--row-hover-bg: rgba(59, 130, 246, .03);--input-focus-glow: 0 0 0 3px rgba(59, 130, 246, .1), 0 0 20px rgba(59, 130, 246, .05);--input-focus-bg: rgba(255, 255, 255, .04);--btn-primary-glow: 0 0 20px rgba(59, 130, 246, .2);--btn-primary-glow-hover: 0 0 30px rgba(59, 130, 246, .35), 0 4px 16px rgba(0, 0, 0, .3);--bg-atmosphere: radial-gradient(ellipse 80% 50% at 50% -20%, rgba(59, 130, 246, .08), transparent), radial-gradient(ellipse 60% 40% at 80% 100%, rgba(6, 182, 212, .04), transparent);--shadow-xs: 0 1px 2px rgba(0, 0, 0, .3);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .3), 0 1px 2px rgba(0, 0, 0, .2);--shadow-card: none;--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .5);--shadow-xl: 0 20px 40px rgba(0, 0, 0, .6);--shadow-glow-brand: 0 0 20px rgba(59, 130, 246, .15);--shadow-glow-brand-strong: 0 0 40px rgba(59, 130, 246, .25);--shadow-glow-success: 0 0 20px rgba(34, 197, 94, .15);--shadow-glow-danger: 0 0 20px rgba(239, 68, 68, .15);--shadow-card-hover: 0 10px 40px rgba(0, 0, 0, .3);--shadow-dropdown: 0 20px 40px rgba(0, 0, 0, .4), 0 0 0 1px rgba(255, 255, 255, .05);--space-0: 0px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 28px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--space-20: 80px;--space-24: 96px;--radius-xs: 4px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 20px;--radius-full: 9999px;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: .3s cubic-bezier(.4, 0, .2, 1);--transition-spring: .5s cubic-bezier(.34, 1.56, .64, 1);--z-base: 0;--z-dropdown: 100;--z-sticky: 500;--z-sidebar: 999;--z-header: 1001;--z-modal: 1050;--z-toast: 9999}[data-theme=light]{--bg-primary: #FAFAFA;--bg-surface: #FFFFFF;--bg-surface-hover: #F7F7F7;--bg-elevated: #FFFFFF;--bg-input: #F7F7F7;--bg-sidebar: #FFFFFF;--bg-overlay: rgba(0, 0, 0, .5);--bg-muted: #F5F5F5;--bg-selected: #F0F0F0;--bg-skeleton: rgba(0, 0, 0, .06);--bg-surface-subtle: var(--bg-muted);--bg-surface-subtle-hover: var(--bg-surface-hover);--brand-primary: #3B82F6;--brand-primary-hover: #2563EB;--brand-primary-soft: #E3F2FD;--brand-primary-text: #1565C0;--brand-accent: #06B6D4;--brand-accent-soft: rgba(6, 182, 212, .1);--brand-gradient: linear-gradient(135deg, #3B82F6, #2563EB);--color-success: #2E7D32;--color-success-soft: #E8F5E9;--color-success-text: #2E7D32;--color-warning: #E65100;--color-warning-soft: #FFF3E0;--color-warning-text: #E65100;--color-danger: #C62828;--color-danger-soft: #FFEBEE;--color-danger-text: #C62828;--color-info: #1565C0;--color-info-soft: #E3F2FD;--color-info-text: #1565C0;--text-primary: #0D0D0D;--text-secondary: #666666;--text-muted: #999999;--text-placeholder: #B3B3B3;--text-on-brand: #FFFFFF;--text-on-success: #FFFFFF;--text-on-danger: #FFFFFF;--text-link: #3B82F6;--text-link-hover: #2563EB;--border-default: #D1D5DB;--border-subtle: #E5E7EB;--border-strong: #CCCCCC;--border-focus: #3B82F6;--border-input: #CCCCCC;--tag-blue-bg: #E3F2FD;--tag-blue-text: #1565C0;--tag-green-bg: #E8F5E9;--tag-green-text: #2E7D32;--tag-purple-bg: #F3E5F5;--tag-purple-text: #6A1B9A;--tag-red-bg: #FFEBEE;--tag-red-text: #C62828;--tag-orange-bg: #FFF3E0;--tag-orange-text: #E65100;--tag-yellow-bg: #FFF8E1;--tag-yellow-text: #F57F17;--tag-gray-bg: #F5F5F5;--tag-gray-text: #666666;--tag-pink-bg: #FCE4EC;--tag-pink-text: #C2185B;--tag-cyan-bg: #E0F7FA;--tag-cyan-text: #00838F;--bg-glass: var(--bg-surface);--bg-glass-subtle: var(--bg-surface);--bg-glass-sidebar: var(--bg-sidebar);--bg-glass-header: var(--bg-surface);--glass-backdrop: none;--glass-backdrop-strong: none;--border-glass: var(--border-subtle);--border-glass-subtle: var(--border-subtle);--border-card-hover: var(--border-strong);--shadow-card-glow: var(--shadow-card-hover);--row-hover-bg: var(--bg-surface-hover);--input-focus-glow: 0 0 0 3px var(--brand-primary-soft);--input-focus-bg: var(--bg-input);--btn-primary-glow: var(--shadow-glow-brand);--btn-primary-glow-hover: var(--shadow-glow-brand-strong);--bg-atmosphere: none;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .06);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .08), 0 1px 2px rgba(0, 0, 0, .06);--shadow-card: 0 1px 3px rgba(0, 0, 0, .08), 0 1px 2px rgba(0, 0, 0, .06);--shadow-md: 0 4px 12px rgba(0, 0, 0, .1);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .12);--shadow-xl: 0 20px 40px rgba(0, 0, 0, .15);--shadow-glow-brand: none;--shadow-glow-brand-strong: none;--shadow-glow-success: none;--shadow-glow-danger: none;--shadow-card-hover: 0 8px 24px rgba(0, 0, 0, .1);--shadow-dropdown: 0 10px 30px rgba(0, 0, 0, .12), 0 0 0 1px rgba(0, 0, 0, .04)}:root{--font-display: "Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--font-body: "Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace}:root{--fw-regular: 400;--fw-medium: 500;--fw-semibold: 600;--fw-bold: 700;--fw-extrabold: 800}.text-display-xl{font-family:var(--font-display);font-size:2.25rem;font-weight:var(--fw-bold);line-height:1.2;letter-spacing:-.025em}.text-display-lg{font-family:var(--font-display);font-size:1.875rem;font-weight:var(--fw-bold);line-height:1.2;letter-spacing:-.02em}.text-display-md{font-family:var(--font-display);font-size:1.5rem;font-weight:var(--fw-bold);line-height:1.25;letter-spacing:-.015em}.text-heading-lg{font-family:var(--font-display);font-size:1.25rem;font-weight:var(--fw-semibold);line-height:1.3;letter-spacing:-.01em}.text-heading-md{font-family:var(--font-display);font-size:1.125rem;font-weight:var(--fw-semibold);line-height:1.35;letter-spacing:-.01em}.text-heading-sm{font-family:var(--font-display);font-size:1rem;font-weight:var(--fw-semibold);line-height:1.4;letter-spacing:-.005em}.text-body-lg{font-family:var(--font-body);font-size:.9375rem;font-weight:var(--fw-regular);line-height:1.6;letter-spacing:0}.text-body-md{font-family:var(--font-body);font-size:.875rem;font-weight:var(--fw-regular);line-height:1.5;letter-spacing:0}.text-body-sm{font-family:var(--font-body);font-size:.8125rem;font-weight:var(--fw-regular);line-height:1.5;letter-spacing:.005em}.text-caption{font-family:var(--font-body);font-size:.75rem;font-weight:var(--fw-medium);line-height:1.4;letter-spacing:.01em}.text-overline{font-family:var(--font-body);font-size:.6875rem;font-weight:var(--fw-semibold);line-height:1.3;letter-spacing:.05em;text-transform:uppercase}.text-micro{font-family:var(--font-body);font-size:.625rem;font-weight:var(--fw-medium);line-height:1.2;letter-spacing:.02em}.text-data-lg{font-family:var(--font-mono);font-size:3rem;font-weight:var(--fw-bold);line-height:1;letter-spacing:-.02em}.text-data-md{font-family:var(--font-mono);font-size:2rem;font-weight:var(--fw-bold);line-height:1;letter-spacing:-.015em}.text-data-sm{font-family:var(--font-mono);font-size:1.5rem;font-weight:var(--fw-semibold);line-height:1.1;letter-spacing:-.01em}.text-code{font-family:var(--font-mono);font-size:.8125rem;font-weight:var(--fw-regular);line-height:1.6;letter-spacing:0}.gradient-title{background:linear-gradient(135deg,var(--text-primary) 0%,var(--brand-primary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}[data-theme=light] .gradient-title{background:none;-webkit-background-clip:unset;-webkit-text-fill-color:var(--text-primary);background-clip:unset;color:var(--text-primary)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideInUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 5px #3b82f64d}50%{box-shadow:0 0 20px #3b82f699,0 0 40px #3b82f64d}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes breathe{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.02);opacity:.9}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes bounce{0%,to{transform:translateY(0)}25%{transform:translateY(-5px)}75%{transform:translateY(5px)}}.animate-fade-in{animation:fadeIn .5s ease-out forwards}.animate-fade-in-up{animation:fadeInUp .6s ease-out forwards}.animate-fade-in-down{animation:fadeInDown .6s ease-out forwards}.animate-fade-in-left{animation:fadeInLeft .6s ease-out forwards}.animate-fade-in-right{animation:fadeInRight .6s ease-out forwards}.animate-scale-in{animation:scaleIn .4s ease-out forwards}.animate-float{animation:float 3s ease-in-out infinite}.animate-pulse-glow{animation:pulseGlow 2s ease-in-out infinite}.animate-shimmer{background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.1) 50%,transparent 100%);background-size:200% 100%;animation:shimmer 1.5s infinite}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-400{animation-delay:.4s}.delay-500{animation-delay:.5s}.delay-600{animation-delay:.6s}.delay-700{animation-delay:.7s}.delay-800{animation-delay:.8s}.animate-on-load{opacity:0}.hover-lift{transition:transform .3s ease,box-shadow .3s ease}.hover-lift:hover{transform:translateY(-4px);box-shadow:0 10px 40px #3b82f633}.hover-glow{transition:box-shadow .3s ease}.hover-glow:hover{box-shadow:0 0 30px #3b82f666}.hover-scale{transition:transform .2s ease}.hover-scale:hover{transform:scale(1.02)}.hover-scale:active{transform:scale(.98)}.gradient-border{position:relative;background:var(--bg-primary);border-radius:var(--radius-lg)}.gradient-border:before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:linear-gradient(135deg,#3b82f680,#06b6d480,#3b82f633);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}:root{--primary-dark: var(--bg-primary);--primary-blue: var(--brand-primary);--secondary-dark: var(--bg-surface);--accent-red: var(--color-danger);--accent-blue: var(--brand-primary);--bg-header: var(--bg-primary);--bg-body: var(--bg-primary);--border-color: var(--border-default);--border-radius: var(--radius-md);--border-radius-sm: var(--radius-xs);--border-radius-lg: var(--radius-lg);--spacing-xs: var(--space-1);--spacing-sm: var(--space-2);--spacing-md: var(--space-4);--spacing-lg: var(--space-6);--spacing-xl: var(--space-8);--font-family: var(--font-body);--font-size-xs: 12px;--font-size-sm: 14px;--font-size-md: 16px;--font-size-lg: 18px;--font-size-xl: 20px;--header-height: 60px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-body);background-color:var(--bg-primary);background-image:var(--bg-atmosphere);color:var(--text-primary);overflow-x:hidden;transition:background-color var(--transition-base),color var(--transition-base)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--text-muted, rgba(125, 130, 145, .55));border-radius:8px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary, rgba(155, 160, 175, .8))}::-webkit-scrollbar-corner{background:transparent}@supports not selector(::-webkit-scrollbar){*{scrollbar-width:thin;scrollbar-color:var(--text-muted, rgba(125, 130, 145, .55)) transparent}}