*,*:before,*:after{box-sizing:border-box}html{font-size:clamp(14px,.9vw + 5px,18px)}html,body,#root{margin:0;padding:0;min-height:100%}body{font-family:Inter,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.font-mono{font-family:IBM Plex Mono,Courier New,monospace!important}.transition-base{transition:all .2s cubic-bezier(.4,0,.2,1)}.transition-smooth{transition:all .3s cubic-bezier(.4,0,.2,1)}.transition-bounce{transition:all .3s cubic-bezier(.34,1.56,.64,1)}.hover-lift{transition:transform .25s ease,box-shadow .25s ease}.hover-lift:hover{transform:translateY(-3px);box-shadow:0 10px 25px -5px #0000004d,0 0 0 1px #00e5ff1a}.hover-scale{transition:transform .2s ease}.hover-scale:hover{transform:scale(1.03)}.hover-glow{transition:box-shadow .2s ease}.hover-glow:hover{box-shadow:0 0 24px var(--wms-primary-glow, rgba(79, 70, 229, .3))}.hover-shimmer{position:relative;overflow:hidden}.hover-shimmer:after{content:"";position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,229,255,.07),transparent);transition:left .4s ease;pointer-events:none}.hover-shimmer:hover:after{left:150%}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.animate-fadeIn{animation:fadeIn .35s cubic-bezier(.4,0,.2,1) both}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.animate-slideInLeft{animation:slideInLeft .3s cubic-bezier(.4,0,.2,1) both}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.animate-slideInRight{animation:slideInRight .3s cubic-bezier(.4,0,.2,1) both}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-slideInUp{animation:slideInUp .3s cubic-bezier(.4,0,.2,1) both}@keyframes textMaskReveal{0%{transform:translateY(110%)}to{transform:translateY(0)}}.animate-maskReveal{display:inline-block;animation:textMaskReveal .35s cubic-bezier(.22,1,.36,1) both}@keyframes logoSlideToLeft{0%{transform:translate(160px);opacity:0}22%{transform:translate(160px);opacity:1}62%{transform:translate(160px)}to{transform:translate(0)}}.animate-logoSlideToLeft{animation:logoSlideToLeft 1s cubic-bezier(.25,1,.5,1) both}@keyframes scaleIn{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}.animate-scaleIn{animation:scaleIn .2s cubic-bezier(.4,0,.2,1) both}.stagger-1{animation-delay:.05s}.stagger-2{animation-delay:.1s}.stagger-3{animation-delay:.15s}.stagger-4{animation-delay:.2s}.stagger-5{animation-delay:.25s}.stagger-6{animation-delay:.3s}.stagger-7{animation-delay:.35s}.stagger-8{animation-delay:.4s}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.skeleton{background:linear-gradient(90deg,var(--wms-skeleton-base, #f0f0f0) 25%,var(--wms-skeleton-mid, #e8e8e8) 50%,var(--wms-skeleton-base, #f0f0f0) 75%);background-size:1000px 100%;animation:shimmer 1.6s ease-in-out infinite;border-radius:8px}@keyframes pulseGlowCyan{0%,to{box-shadow:0 0 #00e5ff66}50%{box-shadow:0 0 0 8px #00e5ff00}}.animate-pulseGlow,.animate-pulseGlowCyan{animation:pulseGlowCyan 2s ease-in-out infinite}@keyframes pulseGlowAmber{0%,to{box-shadow:0 0 #f59e0b66}50%{box-shadow:0 0 0 8px #f59e0b00}}.animate-pulseGlowAmber{animation:pulseGlowAmber 2s ease-in-out infinite}@keyframes pulseGlowGreen{0%,to{box-shadow:0 0 #10b98166}50%{box-shadow:0 0 0 8px #10b98100}}.animate-pulseGlowGreen{animation:pulseGlowGreen 2s ease-in-out infinite}@keyframes countUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.animate-countUp{animation:countUp .5s cubic-bezier(.4,0,.2,1) both}@keyframes breathe{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}.animate-breathe{animation:breathe 2.2s ease-in-out infinite}@keyframes terminalBlink{0%,to{opacity:1}50%{opacity:0}}.animate-blink{animation:terminalBlink 1s step-end infinite}@keyframes scanLine{0%{transform:translateY(-100%);opacity:0}20%{opacity:.6}80%{opacity:.6}to{transform:translateY(100%);opacity:0}}.animate-scanLine{animation:scanLine 1.8s cubic-bezier(.4,0,.2,1) .3s both}@keyframes bellShake{0%{transform:rotate(0)}15%{transform:rotate(15deg)}30%{transform:rotate(-12deg)}45%{transform:rotate(10deg)}60%{transform:rotate(-8deg)}75%{transform:rotate(5deg)}90%{transform:rotate(-3deg)}to{transform:rotate(0)}}.animate-bellShake{animation:bellShake .6s cubic-bezier(.36,.07,.19,.97) both}@keyframes flipDigit{0%{transform:rotateX(0);opacity:1}45%{transform:rotateX(-90deg);opacity:0}55%{transform:rotateX(90deg);opacity:0}to{transform:rotateX(0);opacity:1}}.animate-flipDigit{animation:flipDigit .4s cubic-bezier(.4,0,.2,1) both}@keyframes drawPath{0%{stroke-dashoffset:1000}to{stroke-dashoffset:0}}.animate-drawPath{stroke-dasharray:1000;animation:drawPath 1.2s cubic-bezier(.4,0,.2,1) .3s both}@keyframes alertSlideIn{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}.animate-alertSlideIn{animation:alertSlideIn .3s cubic-bezier(.4,0,.2,1) both}@keyframes alertCollapse{0%{opacity:1;max-height:200px;transform:scaleY(1)}to{opacity:0;max-height:0;transform:scaleY(.9)}}.animate-alertCollapse{animation:alertCollapse .3s ease forwards}@keyframes heatPulse{0%,to{opacity:1}50%{opacity:.65}}.animate-heatPulse{animation:heatPulse 2s ease-in-out infinite}@keyframes gaugeGrow{0%{stroke-dashoffset:251}}@keyframes feedItemIn{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}.animate-feedItemIn{animation:feedItemIn .35s cubic-bezier(.4,0,.2,1) both}@keyframes activeBorderSlide{0%{transform:scaleY(0)}to{transform:scaleY(1)}}.search-glow-focus:focus-within{box-shadow:0 0 0 2px #00e5ff4d,0 0 18px #00e5ff26}@keyframes tooltipSlide{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}.animate-tooltipSlide{animation:tooltipSlide .18s ease both}@keyframes floatA{0%,to{transform:translate(0) scale(1)}25%{transform:translate(42px,-38px) scale(1.07)}50%{transform:translate(18px,34px) scale(.95)}75%{transform:translate(-32px,12px) scale(1.04)}}@keyframes floatB{0%,to{transform:translate(0) scale(1)}33%{transform:translate(-52px,30px) scale(1.09)}66%{transform:translate(40px,-44px) scale(.92)}}@keyframes floatC{0%,to{transform:translate(0) scale(1)}40%{transform:translate(34px,42px) scale(1.05)}80%{transform:translate(-24px,-34px) scale(.97)}}@keyframes slideInFromRight{0%{opacity:0;transform:translate(52px)}to{opacity:1;transform:translate(0)}}@keyframes slideInFromLeft{0%{opacity:0;transform:translate(-52px)}to{opacity:1;transform:translate(0)}}.animate-slideInFromRight{animation:slideInFromRight .4s cubic-bezier(.4,0,.2,1) both}.animate-slideInFromLeft{animation:slideInFromLeft .4s cubic-bezier(.4,0,.2,1) both}@keyframes gradientFlow{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes ringPulse{0%,to{box-shadow:0 0 #f59e0b73}50%{box-shadow:0 0 0 14px #f59e0b00}}.animate-ringPulse{animation:ringPulse 2.5s ease-in-out infinite}@keyframes ringPulseBlue{0%,to{box-shadow:0 0 #2563eb73}50%{box-shadow:0 0 0 14px #2563eb00}}.animate-ringPulseBlue{animation:ringPulseBlue 2.5s ease-in-out infinite}@keyframes shake{0%,to{transform:translate(0)}12%{transform:translate(-9px)}24%{transform:translate(9px)}36%{transform:translate(-6px)}48%{transform:translate(6px)}60%{transform:translate(-4px)}72%{transform:translate(4px)}84%{transform:translate(-2px)}}.animate-shake{animation:shake .55s cubic-bezier(.36,.07,.19,.97) both}@keyframes logoPulse{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.06)}}@keyframes barGrow{0%{width:0}}.animate-barGrow{animation:barGrow .8s cubic-bezier(.4,0,.2,1) both}@keyframes riseIn{0%{opacity:0;transform:translateY(24px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}.animate-riseIn{animation:riseIn .5s cubic-bezier(.34,1.45,.64,1) both}@keyframes floatBob{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.animate-floatBob{animation:floatBob 3.2s ease-in-out infinite}@keyframes barRise{0%{transform:scaleY(0)}to{transform:scaleY(1)}}.animate-barRise{transform-box:fill-box;transform-origin:50% 100%;animation:barRise .65s cubic-bezier(.4,0,.2,1) both}@keyframes donutSegPop{0%{opacity:0;transform:scale(.55)}to{opacity:1;transform:scale(1)}}.animate-donutSegPop{transform-box:view-box;transform-origin:90px 90px;animation:donutSegPop .42s cubic-bezier(.34,1.5,.64,1) both}.hover-shimmer-white{position:relative;overflow:hidden}.hover-shimmer-white:after{content:"";position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),transparent);transition:left .55s ease;pointer-events:none;z-index:1}.hover-shimmer-white:hover:after{left:150%}