:root{--flux-accent: #00FF9F;--flux-accent-hover: #00CC80;--flux-accent-glow: rgba(0, 255, 159, .2);--flux-accent-subtle: rgba(0, 255, 159, .1);--flux-bg: #f9fafb;--flux-surface: #ffffff;--flux-surface-light: #f3f4f6;--flux-sidebar: #ffffff;--flux-border: #e5e7eb;--flux-border-subtle: #f3f4f6;--flux-text: #111827;--flux-text-secondary: #6b7280;--flux-text-muted: #9ca3af;--flux-surface-hover: #f3f4f6;--flux-input-bg: #f9fafb;--flux-success: #10b981;--flux-warning: #f59e0b;--flux-error: #ef4444;--flux-info: #3b82f6;--flux-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--flux-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .07), 0 2px 4px -2px rgba(0, 0, 0, .05);--flux-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .08), 0 4px 6px -4px rgba(0, 0, 0, .04);--flux-shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .06);--flux-glow-sm: 0 0 10px rgba(0, 255, 159, .15);--flux-glow-md: 0 0 20px rgba(0, 255, 159, .25);--flux-glow-lg: 0 0 30px rgba(0, 255, 159, .35);--flux-glow-xl: 0 10px 40px rgba(0, 0, 0, .5);--flux-duration-fast: .15s;--flux-duration-normal: .2s;--flux-duration-slow: .3s;--flux-duration-page: .4s;--flux-ease-out: cubic-bezier(.16, 1, .3, 1);--flux-ease-spring: cubic-bezier(.34, 1.56, .64, 1);--z-dropdown: 10;--z-sticky: 20;--z-sidebar: 30;--z-overlay: 40;--z-modal: 50;--z-modal-nested: 60;--z-toast: 100;--flux-radius-sm: 6px;--flux-radius-md: 8px;--flux-radius-lg: 12px;--flux-radius-xl: 16px}.dark{--flux-bg: #111715;--flux-surface: #161C1A;--flux-surface-light: #1C2420;--flux-sidebar: #0E1210;--flux-border: #2C3633;--flux-border-subtle: #1e2825;--flux-text: #ffffff;--flux-text-secondary: #9ca3af;--flux-text-muted: #6b7280;--flux-surface-hover: rgba(255, 255, 255, .05);--flux-input-bg: #111715;--flux-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .3);--flux-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4), 0 2px 4px -2px rgba(0, 0, 0, .3);--flux-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .5), 0 4px 6px -4px rgba(0, 0, 0, .3);--flux-shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .6), 0 8px 10px -6px rgba(0, 0, 0, .4);--flux-glow-sm: 0 0 10px rgba(0, 255, 159, .15);--flux-glow-md: 0 0 20px rgba(0, 255, 159, .25);--flux-glow-lg: 0 0 30px rgba(0, 255, 159, .35);--flux-glow-xl: 0 10px 40px rgba(0, 0, 0, .5)}*,*:before,*:after{box-sizing:border-box}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:Inter,system-ui,-apple-system,sans-serif;background-color:var(--flux-bg);color:var(--flux-text);transition:background-color var(--flux-duration-slow) ease,color var(--flux-duration-slow) ease}body,body *{transition-property:background-color,border-color,color,fill,stroke,box-shadow;transition-duration:var(--flux-duration-normal);transition-timing-function:ease}body [class*=animate-],body [class*=transition-],input,textarea,select,[draggable=true]{transition-property:unset}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--flux-border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--flux-accent)}*{scrollbar-width:thin;scrollbar-color:var(--flux-border) transparent}:focus-visible{outline:2px solid var(--flux-accent);outline-offset:2px;border-radius:var(--flux-radius-sm)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--flux-accent);outline-offset:2px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideUpFade{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes slideOutRight{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes btnShimmer{0%{transform:translate(-150%)}to{transform:translate(150%)}}@keyframes float{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-8px) rotate(-1deg)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 0 0 var(--flux-accent-glow)}50%{box-shadow:0 0 0 8px transparent}}@keyframes overlayFadeIn{0%{opacity:0;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}to{opacity:1;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.96) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.animate-fade-in{animation:fadeIn var(--flux-duration-slow) var(--flux-ease-out) both}.animate-fade-out{animation:fadeOut var(--flux-duration-fast) ease both}.animate-slide-up-fade{animation:slideUpFade .5s var(--flux-ease-out) both}.animate-slide-down{animation:slideDown var(--flux-duration-slow) var(--flux-ease-out) both}.animate-scale-in{animation:scaleIn var(--flux-duration-slow) var(--flux-ease-spring) both}.animate-slide-in-right{animation:slideInRight var(--flux-duration-slow) var(--flux-ease-out) both}.animate-slide-out-right{animation:slideOutRight var(--flux-duration-fast) ease both}.animate-shimmer{background:linear-gradient(90deg,transparent 25%,var(--flux-accent-subtle) 50%,transparent 75%);background-size:200% 100%;animation:shimmer 2s ease-in-out infinite}.animate-float{animation:float 4s ease-in-out infinite}.animate-modal-overlay{animation:overlayFadeIn var(--flux-duration-slow) var(--flux-ease-out) both}.animate-modal-content{animation:modalSlideIn var(--flux-duration-slow) var(--flux-ease-spring) both}.animate-stagger-1{animation-delay:0ms}.animate-stagger-2{animation-delay:80ms}.animate-stagger-3{animation-delay:.16s}.animate-stagger-4{animation-delay:.24s}.animate-stagger-5{animation-delay:.32s}.animate-stagger-6{animation-delay:.4s}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.animate-float,.animate-shimmer{animation:none!important}}.flux-card-hover{transition:transform var(--flux-duration-normal) var(--flux-ease-out),box-shadow var(--flux-duration-normal) var(--flux-ease-out)}.flux-card-hover:hover{transform:translateY(-2px);box-shadow:var(--flux-shadow-lg)}.glass-panel{background-color:var(--flux-surface);border:1px solid var(--flux-border);border-radius:1rem;box-shadow:var(--flux-shadow-sm)}.dark .glass-panel{background-color:#161c1acc;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-color:#2c3633cc;box-shadow:none}.hover-lift{position:relative;transition:transform var(--flux-duration-normal) var(--flux-ease-out),box-shadow var(--flux-duration-normal) var(--flux-ease-out)}.hover-lift:hover{transform:translateY(-2px);box-shadow:var(--flux-shadow-lg)}.dark .hover-lift:after{content:"";position:absolute;top:-20px;left:-20px;width:120px;height:120px;background-color:var(--flux-accent);opacity:0;filter:blur(40px);border-radius:50%;pointer-events:none;transition:opacity var(--flux-duration-slow) ease;z-index:0}.dark .hover-lift:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--flux-accent);opacity:0;pointer-events:none;transition:opacity var(--flux-duration-normal) ease;z-index:1}.dark .hover-lift:hover{box-shadow:var(--flux-glow-sm),var(--flux-shadow-xl)}.dark .hover-lift:hover:after{opacity:.12}.dark .hover-lift:hover:before{opacity:.02}.hover-lift>*{position:relative;z-index:2}.input-base{background-color:var(--flux-input-bg);border:1px solid var(--flux-border);color:var(--flux-text);border-radius:var(--flux-radius-md);padding:.5rem 1rem;width:100%;outline:none;transition:border-color var(--flux-duration-fast) ease,box-shadow var(--flux-duration-fast) ease}.input-base:focus{border-color:var(--flux-accent);box-shadow:inset 0 0 12px var(--flux-accent-glow),0 0 0 1px var(--flux-accent)}.flux-btn-accent{position:relative;transition:transform var(--flux-duration-fast) ease,box-shadow var(--flux-duration-normal) ease,background-color var(--flux-duration-fast) ease}.flux-btn-accent:hover{box-shadow:0 4px 16px var(--flux-accent-glow)}.flux-btn-accent:active{transform:scale(.97)}.btn-shimmer{position:relative;overflow:hidden;transition:transform var(--flux-duration-fast) ease,box-shadow var(--flux-duration-normal) ease,background-color var(--flux-duration-fast) ease}.btn-shimmer:after{content:"";position:absolute;top:0;left:0;width:50%;height:100%;background:linear-gradient(110deg,transparent,rgba(255,255,255,.4),transparent);transform:translate(-150%)}.btn-shimmer:hover:after{animation:btnShimmer 1.5s infinite}.btn-shimmer:active{transform:scale(.97)}.flux-nav-active{position:relative}.flux-nav-active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:60%;background-color:var(--flux-accent);border-radius:0 3px 3px 0;transition:transform var(--flux-duration-normal) var(--flux-ease-spring);transform-origin:center}.flux-dragging{opacity:.6;transform:scale(.98) rotate(1deg);box-shadow:var(--flux-shadow-xl);cursor:grabbing!important}.flux-drop-active{background-color:var(--flux-accent-subtle)!important;outline:2px dashed var(--flux-accent);outline-offset:-2px;border-radius:var(--flux-radius-lg)}