/* Login */
.auth-body{background:#fff;min-height:100vh}
.login-wrap{display:grid;grid-template-columns:1.12fr .88fr;min-height:100vh}
.login-hero{position:relative;overflow:hidden;padding:2.2rem 3rem;display:flex;flex-direction:column;background:linear-gradient(150deg,#E8F1FF 0%,#F3F8FF 45%,#E4F8F4 100%)}
.hero-blob{position:absolute;border-radius:50%;filter:blur(2px);opacity:.55}
.hero-blob.b1{width:380px;height:380px;background:radial-gradient(circle,#BFD5FF,transparent 70%);top:-120px;right:-80px}
.hero-blob.b2{width:320px;height:320px;background:radial-gradient(circle,#B6EFE6,transparent 70%);bottom:-100px;left:-90px}
.hero-blob.b3{width:200px;height:200px;background:radial-gradient(circle,#FFE2A8,transparent 70%);top:42%;left:46%}
.hero-top{display:flex;align-items:center;gap:.9rem;position:relative}
.hero-top strong{display:block;font-size:1.15rem;font-weight:800;line-height:1.1}.hero-top small{color:#5C6C86}
.hero-copy{position:relative;margin-top:2.6vh;max-width:560px}
.hero-tag{display:inline-flex;gap:.4rem;align-items:center;background:#fff;border:1px solid #D7E4FB;color:var(--primary);font-weight:700;font-size:.76rem;padding:.38rem .8rem;border-radius:30px;box-shadow:0 4px 14px rgba(47,111,237,.1)}
.hero-copy h2{font-size:clamp(1.6rem,2.6vw,2.35rem);font-weight:800;line-height:1.18;margin:1rem 0 .7rem;color:#12233D}
.hero-copy p{color:#52627C;font-size:1rem;margin:0}
.factory{position:relative;margin:auto 0;padding:1.5vh 0}
.factory-svg{width:100%;max-width:640px;display:block;margin:0 auto;filter:drop-shadow(0 18px 28px rgba(47,111,237,.14))}
.gear{transform-box:fill-box;transform-origin:center;animation:spin 9s linear infinite}.gear.g2{animation-duration:6s;animation-direction:reverse}
@keyframes spin{to{transform:rotate(360deg)}}
.smoke circle{fill:#fff;opacity:.9;animation:rise 4s ease-in infinite;transform-box:fill-box;transform-origin:center}
.smoke circle:nth-child(2){animation-delay:1.2s}.smoke circle:nth-child(3){animation-delay:2.4s}.smoke.s2 circle{animation-delay:.6s}
@keyframes rise{0%{opacity:0;transform:translateY(14px) scale(.5)}30%{opacity:.95}100%{opacity:0;transform:translateY(-30px) scale(1.5)}}
.belt{animation:beltm 1.2s linear infinite}@keyframes beltm{to{transform:translateX(23px)}}
.bx{animation:box 6s linear infinite}.bx.b2{animation-delay:2s}.bx.b3{animation-delay:4s}
@keyframes box{0%{transform:translateX(-10px);opacity:0}8%{opacity:1}85%{opacity:1}100%{transform:translateX(100px);opacity:0}}
.hero-stats{display:flex;gap:.8rem;flex-wrap:wrap;position:relative}
.hs{display:flex;align-items:center;gap:.7rem;background:rgba(255,255,255,.85);backdrop-filter:blur(6px);border:1px solid #DCE7FA;border-radius:16px;padding:.7rem 1rem;box-shadow:0 6px 20px rgba(47,111,237,.08)}
.hs i{font-size:1.4rem;color:var(--primary)}.hs:nth-child(2) i{color:var(--teal)}.hs:nth-child(3) i{color:var(--amber)}
.hs strong{display:block;font-size:.86rem;line-height:1.1}.hs small{color:#6B7A90;font-size:.74rem}
.login-panel{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;background:#fff;position:relative}
.login-card{width:100%;max-width:410px}
.lc-brand{display:flex;gap:.7rem;align-items:center;margin-bottom:1.4rem}
.login-card h3{font-size:1.7rem;font-weight:800;margin:0 0 .3rem}.lc-sub{color:var(--muted);margin-bottom:1.5rem}
.lbl{font-weight:600;font-size:.8rem;color:#43536B;margin:.9rem 0 .4rem;display:block}
.field{position:relative}.field>i{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#8FA0B8;font-size:1.05rem}
.field input{width:100%;border:1.5px solid #DCE5F2;border-radius:13px;padding:.82rem 2.8rem .82rem 2.6rem;font-size:.95rem;background:#F9FBFE;outline:none;transition:all .15s}
.field input:focus{border-color:var(--primary);background:#fff;box-shadow:0 0 0 4px rgba(47,111,237,.12)}
.eye{position:absolute;right:8px;top:50%;transform:translateY(-50%);border:0;background:none;color:#8FA0B8;width:36px;height:36px;border-radius:10px}.eye:hover{background:#EEF3FB;color:var(--primary)}
.caps{display:none;color:#b36b00;font-size:.78rem;font-weight:600;margin-top:.45rem}.caps.on{display:block}
.btn-login{width:100%;margin-top:1.4rem;padding:.9rem;border-radius:14px;background:linear-gradient(135deg,#2F6FED,#4F8CFF);color:#fff;border:0;font-weight:700;font-size:1rem;display:flex;align-items:center;justify-content:center;gap:.6rem;box-shadow:0 12px 26px rgba(47,111,237,.32);transition:transform .15s,box-shadow .15s}
.btn-login:hover{transform:translateY(-1px);box-shadow:0 16px 30px rgba(47,111,237,.38);color:#fff}.btn-login:disabled{opacity:.75}
.lc-foot{margin-top:1.4rem;text-align:center;color:#8896AB;font-size:.76rem}.lc-foot i{color:var(--teal)}
.login-copy{position:absolute;bottom:1rem;color:#A3AFC2}
@media (max-width:991.98px){.login-wrap{grid-template-columns:1fr}.login-hero{display:none}.login-panel{min-height:100vh;background:linear-gradient(160deg,#EAF2FF,#fff 45%)}}