.wms-login{--orange-400:#fb923c;--orange-500:#f97316;--amber-400:#fbbf24;--blue-400:#60a5fa;--blue-700:#1d4ed8;--emerald:#10b981;--bg:#0d1117;--fg:#e6edf7;--fg-muted:#8a99b3;--fg-dim:#5b6b87;--card-bg:#0f172a8c;--card-border:#94b8ff2e;--card-highlight:#ffffff0f;--field-bg:#0d11178c;--field-border:#94b8ff29;--field-border-focus:#f97316;--divider:#94b8ff1f;--chip-bg:#0d11178c;--shadow-card:0 30px 80px -20px #000c,0 8px 24px -8px #0009;-webkit-font-smoothing:antialiased;background:var(--bg);color:var(--fg);font-family:Inter,system-ui,-apple-system,sans-serif;transition:background .32s,color .32s;position:fixed;inset:0;overflow:hidden}.wms-login[data-theme=light]{--bg:#f8fafc;--fg:#0b1530;--fg-muted:#4b587a;--fg-dim:#8493ae;--card-bg:#ffffffb8;--card-border:#1e3a8a1f;--card-highlight:#ffffffe6;--field-bg:#ffffffd9;--field-border:#1e3a8a2e;--divider:#1e3a8a1f;--chip-bg:#ffffffb3;--shadow-card:0 30px 80px -25px #0f172a40,0 6px 18px -6px #0f172a1f}.wms-login .scene{position:absolute;inset:0}.wms-login .scene svg{width:100%;height:100%;display:block}.wms-login .sky-wash{background:radial-gradient(120% 80% at 18% 32%,#3b82f62e,#0000 60%),radial-gradient(80% 70% at 78% 12%,#f973161a,#0000 65%),linear-gradient(#0a0f1c 0%,#0d1117 55%,#060912 100%);transition:opacity .32s;position:absolute;inset:0}.wms-login[data-theme=light] .sky-wash{background:radial-gradient(120% 80% at 18% 32%,#3b82f633,#0000 60%),radial-gradient(80% 70% at 78% 12%,#f973162e,#0000 65%),linear-gradient(#e6eef9 0%,#f1f5fb 55%,#dbe6f2 100%)}.wms-login .beams{pointer-events:none;mix-blend-mode:screen;position:absolute;inset:0}.wms-login[data-theme=light] .beams{mix-blend-mode:multiply;opacity:.35}.wms-login .beam{clip-path:polygon(45% 0,55% 0,100% 100%,0 100%);filter:blur(4px);background:linear-gradient(#fbbf2452,#f973160a 60%,#0000 80%);width:220px;height:70%;animation:5s ease-in-out infinite wmsFlicker;position:absolute;top:0}.wms-login .beam.b1{animation-delay:-1.2s;left:8%}.wms-login .beam.b2{opacity:.85;animation-delay:-2.6s;left:28%}.wms-login .beam.b3{opacity:.9;animation-delay:-.4s;left:48%}@keyframes wmsFlicker{0%,to{opacity:1}47%{opacity:.92}48%{opacity:.65}49%{opacity:1}72%{opacity:.88}73%{opacity:1}}.wms-login .dust{opacity:.5;pointer-events:none;background-image:radial-gradient(1px 1px at 20% 30%,#ffdcb480,#0000 60%),radial-gradient(1px 1px at 60%,#ffdcb466,#0000 60%),radial-gradient(1px 1px at 35% 70%,#ffdcb473,#0000 60%),radial-gradient(1px 1px at 80% 20%,#ffdcb459,#0000 60%),radial-gradient(1px 1px at 15% 80%,#ffdcb466,#0000 60%);animation:28s linear infinite wmsDustDrift;position:absolute;inset:0}@keyframes wmsDustDrift{0%{transform:translate(0,0)}to{transform:translate(-40px,-20px)}}.wms-login .vignette{pointer-events:none;background:radial-gradient(120% 90% at 50% 60%,#0000 50%,#0000008c 100%);position:absolute;inset:0}.wms-login[data-theme=light] .vignette{background:radial-gradient(120% 90% at 50% 60%,#0000 55%,#0f172a2e 100%)}.wms-login .forklift-track{will-change:transform;width:260px;height:160px;animation:28s linear infinite wmsForklift;position:absolute;bottom:17%;left:-260px}@keyframes wmsForklift{0%{transform:translate(0,0)}to{transform:translate(calc(100vw + 260px))}}.wms-login .forklift-bob{transform-origin:bottom;will-change:transform;animation:1.6s ease-in-out infinite wmsBob}@keyframes wmsBob{0%,to{transform:translate(0,0)rotate(-.25deg)}50%{transform:translateY(-1.5px)rotate(.25deg)}}.wms-login .wheel{transform-origin:50%;will-change:transform;animation:1.6s linear infinite wmsSpin}@keyframes wmsSpin{to{transform:rotate(360deg)}}.wms-login .truck-out{animation:38s linear infinite wmsTruckCrawl}@keyframes wmsTruckCrawl{0%{transform:translate(0)}to{transform:translate(120px)}}.wms-login .excavator-arm{transform-origin:540px 360px;will-change:transform;animation:7.5s ease-in-out infinite wmsDigSwing}@keyframes wmsDigSwing{0%,to{transform:rotate(0)}25%{transform:rotate(-4deg)}50%{transform:rotate(-7.5deg)}75%{transform:rotate(-3deg)}}.wms-login .worker{will-change:transform}.wms-login .worker-walk-a{animation:18s linear infinite wmsWalkRight}@keyframes wmsWalkRight{0%{transform:translate(0,0)}to{transform:translate(180px)}}.wms-login .worker-walk-b{animation:22s linear infinite wmsWalkLeft}@keyframes wmsWalkLeft{0%{transform:translate(0,0)}to{transform:translate(-160px)}}.wms-login .worker-bob{transform-origin:bottom;animation:.55s ease-in-out infinite wmsWorkerBob}@keyframes wmsWorkerBob{0%,to{transform:translateY(0)rotate(-.4deg)}50%{transform:translateY(-1.2px)rotate(.4deg)}}.wms-login .leg-l{transform-origin:0 32px;animation:.55s ease-in-out infinite wmsStepL}.wms-login .leg-r{transform-origin:0 32px;animation:.55s ease-in-out infinite wmsStepR}@keyframes wmsStepL{0%,to{transform:rotate(14deg)}50%{transform:rotate(-14deg)}}@keyframes wmsStepR{0%,to{transform:rotate(-14deg)}50%{transform:rotate(14deg)}}.wms-login .lift-arm{transform-origin:4px 16px;animation:3.2s ease-in-out infinite wmsLiftArm}@keyframes wmsLiftArm{0%,to{transform:rotate(-10deg)}50%{transform:rotate(-90deg)}}.wms-login .lift-torso{transform-origin:0 36px;animation:3.2s ease-in-out infinite wmsLiftTorso}@keyframes wmsLiftTorso{0%,to{transform:rotate(0)translateY(0)}50%{transform:rotate(-3deg)translateY(-2px)}}.wms-login .stack-arm{transform-origin:4px 16px;animation:2.4s ease-in-out infinite wmsStackArm}@keyframes wmsStackArm{0%,to{transform:rotate(-20deg)}50%{transform:rotate(-110deg)}}.wms-login .conveyor-belt-stripe{animation:2.5s linear infinite wmsConveyor}@keyframes wmsConveyor{0%{transform:translate(0)}to{transform:translate(-32px)}}.wms-login[data-theme=light] .scene-fill-floor{fill:#b8c2d2!important}.wms-login[data-theme=light] .scene-fill-floor-2{fill:#a3afc4!important}.wms-login[data-theme=light] .scene-fill-rack{fill:#4a5470!important}.wms-login[data-theme=light] .scene-fill-rack-dark{fill:#353d54!important}.wms-login[data-theme=light] .scene-fill-wall{fill:#cfd7e3!important}.wms-login[data-theme=light] .scene-fill-window{fill:#e8eef6!important}.wms-login[data-theme=light] .scene-fill-roof{fill:#2c3447!important}.wms-login .login-wrap{z-index:5;justify-content:flex-end;align-items:center;padding:32px clamp(24px,5vw,80px);display:flex;position:absolute;inset:0}.wms-login .card{background:var(--card-bg);-webkit-backdrop-filter:blur(22px)saturate(140%);border:1px solid var(--card-border);width:440px;max-width:100%;box-shadow:var(--shadow-card),inset 0 1px 0 var(--card-highlight),inset 0 0 0 1px #ffffff05;border-radius:22px;padding:32px;transition:background .32s,border-color .32s,box-shadow .32s,transform .32s;position:relative}.wms-login .card.shake{animation:.42s cubic-bezier(.36,.07,.19,.97) both wmsShake}@keyframes wmsShake{10%,90%{transform:translate(-2px)}20%,80%{transform:translate(4px)}30%,50%,70%{transform:translate(-8px)}40%,60%{transform:translate(8px)}}.wms-login .card-top{justify-content:space-between;align-items:center;gap:12px;margin-bottom:22px;display:flex}.wms-login .lang-switch{background:var(--chip-bg);border:1px solid var(--field-border);border-radius:999px;gap:2px;padding:3px;display:inline-flex}.wms-login .lang-switch button{appearance:none;color:var(--fg-muted);letter-spacing:.02em;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:6px 12px;font-family:inherit;font-size:12px;font-weight:600;transition:color .2s,background .2s,box-shadow .2s}.wms-login .lang-switch button.active{color:#fff;background:linear-gradient(180deg,var(--orange-400),var(--orange-500));box-shadow:0 4px 12px -3px #f973168c,inset 0 1px #ffffff40}.wms-login .lang-switch button:hover:not(.active){color:var(--fg)}.wms-login .theme-toggle{appearance:none;border:1px solid var(--field-border);background:var(--chip-bg);cursor:pointer;border-radius:999px;flex-shrink:0;width:56px;height:30px;transition:background .2s,border-color .2s;position:relative}.wms-login .theme-toggle:before{content:"";background:linear-gradient(#fff,#d8def0);border-radius:999px;width:22px;height:22px;transition:transform .32s cubic-bezier(.5,1.4,.4,1),background .32s;position:absolute;top:3px;left:3px;box-shadow:0 2px 6px #00000040}.wms-login[data-theme=light] .theme-toggle:before{background:linear-gradient(180deg,var(--amber-400),var(--orange-500));transform:translate(26px)}.wms-login .theme-toggle .icon-moon,.wms-login .theme-toggle .icon-sun{width:12px;height:12px;color:var(--fg-muted);position:absolute;top:50%;transform:translateY(-50%)}.wms-login .theme-toggle .icon-moon{right:8px}.wms-login .theme-toggle .icon-sun{left:8px}.wms-login .brand{flex-direction:column;align-items:flex-start;gap:10px;margin-bottom:22px;display:flex}.wms-login .brand-logo{background:#fff;border:1px solid #ffffff1f;border-radius:14px;align-items:center;padding:10px 16px;display:inline-flex;box-shadow:0 8px 22px -10px #00000073,inset 0 1px #fff9}.wms-login .brand-logo img{width:auto;height:44px;display:block}.wms-login .brand-system{letter-spacing:.14em;text-transform:uppercase;color:var(--fg-muted);font-size:11px;font-weight:600}.wms-login .heading{letter-spacing:-.025em;color:var(--fg);margin:0 0 6px;font-size:28px;font-weight:700;line-height:1.1}.wms-login .sub{color:var(--fg-muted);margin:0 0 22px;font-size:13.5px;line-height:1.5}.wms-login form{flex-direction:column;gap:14px;display:flex}.wms-login .field-label{letter-spacing:.12em;text-transform:uppercase;color:var(--fg-muted);margin-bottom:6px;font-size:10.5px;font-weight:600;display:block}.wms-login .field{background:var(--field-bg);border:1px solid var(--field-border);border-radius:10px;align-items:center;transition:border-color .2s,box-shadow .22s,background .2s;display:flex;position:relative}.wms-login .field:focus-within{border-color:var(--field-border-focus);box-shadow:0 0 0 4px #f973162e,0 0 24px -4px #f9731659}.wms-login .field.field-error{border-color:#ef4444;box-shadow:0 0 0 4px #ef444426}.wms-login .field .lead-icon{width:38px;height:44px;color:var(--fg-dim);flex-shrink:0;place-items:center;display:grid}.wms-login .field:focus-within .lead-icon{color:var(--orange-500)}.wms-login .field input{color:var(--fg);font:inherit;background:0 0;border:0;outline:none;flex:1;min-width:0;padding:12px 4px;font-size:14px}.wms-login .field input::placeholder{color:var(--fg-dim)}.wms-login .field input:-webkit-autofill{-webkit-text-fill-color:var(--fg);caret-color:var(--fg);transition:background-color 5000s ease-in-out;-webkit-box-shadow:inset 0 0 0 1000px #0d1117bf}.wms-login .field input:-webkit-autofill:hover{-webkit-text-fill-color:var(--fg);caret-color:var(--fg);transition:background-color 5000s ease-in-out;-webkit-box-shadow:inset 0 0 0 1000px #0d1117bf}.wms-login .field input:-webkit-autofill:focus{-webkit-text-fill-color:var(--fg);caret-color:var(--fg);transition:background-color 5000s ease-in-out;-webkit-box-shadow:inset 0 0 0 1000px #0d1117bf}.wms-login[data-theme=light] .field input:-webkit-autofill{-webkit-text-fill-color:var(--fg);caret-color:var(--fg);transition:background-color 5000s ease-in-out;-webkit-box-shadow:inset 0 0 0 1000px #ffffffe6}.wms-login[data-theme=light] .field input:-webkit-autofill:hover{-webkit-text-fill-color:var(--fg);caret-color:var(--fg);transition:background-color 5000s ease-in-out;-webkit-box-shadow:inset 0 0 0 1000px #ffffffe6}.wms-login[data-theme=light] .field input:-webkit-autofill:focus{-webkit-text-fill-color:var(--fg);caret-color:var(--fg);transition:background-color 5000s ease-in-out;-webkit-box-shadow:inset 0 0 0 1000px #ffffffe6}.wms-login .eye-toggle{appearance:none;color:var(--fg-dim);cursor:pointer;background:0 0;border:0;place-items:center;height:44px;padding:0 12px;display:grid}.wms-login .eye-toggle:hover{color:var(--fg)}.wms-login .row{justify-content:space-between;align-items:center;margin-top:4px;display:flex}.wms-login .check{color:var(--fg-muted);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;font-size:13px;display:inline-flex}.wms-login .check input{display:none}.wms-login .check .box{border:1.5px solid var(--field-border);background:var(--field-bg);border-radius:4px;place-items:center;width:16px;height:16px;transition:border-color .2s,background .2s;display:grid}.wms-login .check .box svg{color:#fff;opacity:0;width:11px;height:11px;transition:opacity .18s,transform .18s;transform:scale(.6)}.wms-login .check input:checked+.box{background:var(--orange-500);border-color:var(--orange-500)}.wms-login .check input:checked+.box svg{opacity:1;transform:scale(1)}.wms-login .link{color:var(--blue-400);font-size:13px;font-weight:500;text-decoration:none;transition:color .2s}.wms-login[data-theme=light] .link{color:var(--blue-700)}.wms-login .link:hover{color:var(--orange-500)}.wms-login .btn{cursor:pointer;color:#fff;width:100%;height:48px;font:inherit;letter-spacing:.02em;background:linear-gradient(180deg,var(--orange-400) 0%,var(--orange-500) 60%,#ea5a0c 100%);border:0;border-radius:12px;margin-top:6px;font-size:14px;font-weight:700;transition:transform .2s,box-shadow .22s,filter .2s;position:relative;overflow:hidden;box-shadow:0 8px 22px -6px #f973168c,inset 0 1px #ffffff40,inset 0 -1px #0000001f}.wms-login .btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 14px 30px -6px #f97316a6,inset 0 1px #ffffff47}.wms-login .btn:active:not(:disabled){filter:brightness(.95);transform:translateY(0)}.wms-login .btn:disabled{cursor:progress;filter:saturate(.9)}.wms-login .btn .label{justify-content:center;align-items:center;gap:10px;display:inline-flex}.wms-login .spinner{border:2px solid #ffffff59;border-top-color:#fff;border-radius:999px;width:18px;height:18px;animation:.9s linear infinite wmsSpin;display:inline-block}.wms-login .error{color:#fda4a4;background:#ef44441f;border:1px solid #ef444459;border-radius:10px;align-items:center;gap:10px;margin-top:10px;padding:10px 12px;font-size:13px;display:none}.wms-login[data-theme=light] .error{color:#b42318}.wms-login .error.show{display:flex}.wms-login .divider{background:var(--divider);height:1px;margin:22px 0 14px}.wms-login .foot{color:var(--fg-dim);letter-spacing:.02em;justify-content:space-between;align-items:center;font-family:JetBrains Mono,ui-monospace,monospace;font-size:11.5px;display:flex}.wms-login .status{align-items:center;gap:8px;display:inline-flex}.wms-login .dot{background:var(--emerald);border-radius:999px;width:7px;height:7px;animation:2.2s ease-in-out infinite wmsPulse}@keyframes wmsPulse{0%{box-shadow:0 0 #10b9818c}70%{box-shadow:0 0 0 8px #10b98100}to{box-shadow:0 0 #10b98100}}.wms-login .sys-tag{z-index:5;background:var(--card-bg);-webkit-backdrop-filter:blur(14px);border:1px solid var(--card-border);color:var(--fg-muted);letter-spacing:.08em;text-transform:uppercase;border-radius:999px;align-items:center;gap:10px;padding:8px 14px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:11px;display:inline-flex;position:absolute;top:32px;left:32px}.wms-login .sys-tag .pip{background:var(--orange-500);width:6px;height:6px;box-shadow:0 0 8px var(--orange-500);border-radius:2px}@media (width<=860px){.wms-login .login-wrap{justify-content:center}.wms-login .card{width:100%;max-width:440px}.wms-login .sys-tag{display:none}}@keyframes wmsCardIn{0%{opacity:0;filter:blur(4px);transform:translate(48px)scale(.96)}to{opacity:1;filter:blur();transform:translate(0,0)scale(1)}}.wms-login .card:not(.shake){animation:.9s cubic-bezier(.16,1,.3,1) both wmsCardIn}.wms-login .card:after{content:"";border-radius:inherit;pointer-events:none;z-index:0;background:linear-gradient(105deg,#0000 35%,#ffffff0e 50%,#0000 65%) 0 0/200% 100%;animation:8s ease-in-out 1.8s infinite wmsCardShimmer;position:absolute;inset:0}@keyframes wmsCardShimmer{0%,to{background-position:-100% 0}40%,60%{background-position:200% 0}}@keyframes wmsSysTagIn{0%{opacity:0;transform:translate(-24px)}to{opacity:1;transform:translate(0,0)}}.wms-login .sys-tag{animation:.7s cubic-bezier(.16,1,.3,1) .35s both wmsSysTagIn}@keyframes wmsBrandPulse{0%,to{box-shadow:0 8px 22px -10px #00000073,inset 0 1px #fff9}50%{box-shadow:0 8px 28px -6px #f9731638,0 0 18px -4px #f973162e,inset 0 1px #fff9}}.wms-login .brand-logo{animation:5s ease-in-out 1s infinite wmsBrandPulse}.wms-login .dust2{opacity:.3;animation:36s linear infinite wmsDustDrift2}@keyframes wmsDustDrift2{0%{transform:translate(0,0)}to{transform:translate(28px,-14px)}}.wms-login .aurora-floor{pointer-events:none;background:radial-gradient(at 25% 100%,#3b82f624,#0000 55%),radial-gradient(at 72% 100%,#f973161c,#0000 55%);height:220px;animation:9s ease-in-out infinite wmsAurora;position:absolute;bottom:0;left:0;right:0}@keyframes wmsAurora{0%,to{opacity:.7;transform:scaleX(1)}50%{opacity:1;transform:scaleX(1.06)}}.wms-login[data-theme=light] .aurora-floor{opacity:.45}.wms-login .particles{pointer-events:none;position:absolute;inset:0;overflow:hidden}.wms-login .p{border-radius:50%;animation:linear infinite wmsParticleRise;position:absolute}.wms-login .p1{background:#fbbf24a6;width:3px;height:3px;animation-duration:13s;animation-delay:0s;bottom:18%;left:12%}.wms-login .p2{background:#f973168c;width:2px;height:2px;animation-duration:17s;animation-delay:-6s;bottom:28%;left:42%}.wms-login .p3{background:#3b82f673;width:4px;height:4px;animation-duration:21s;animation-delay:-10s;bottom:14%;left:63%}.wms-login .p4{background:#fbbf2480;width:2px;height:2px;animation-duration:15s;animation-delay:-4s;bottom:24%;left:78%}.wms-login .p5{background:#10b98173;width:3px;height:3px;animation-duration:19s;animation-delay:-8s;bottom:35%;left:28%}@keyframes wmsParticleRise{0%{opacity:.9;transform:translateY(0)scale(1)}50%{opacity:.4}to{opacity:0;transform:translateY(-65vh)scale(.2)}}
