/* ===== JEKUNRL POS Login — live neumorphism reference + sliding auth pages ===== */
.lg-wrap{min-height:100%;display:grid;place-items:center;padding:96px 16px 32px}.lg-card{position:relative;width:min(100%,400px);padding:84px 22px 18px;text-align:center;border-radius:28px;background:linear-gradient(160deg,var(--gb1),var(--gb2));border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(30px) saturate(170%);backdrop-filter:blur(30px) saturate(170%);box-shadow:var(--shadow-lg),var(--hi);animation:cardIn .9s var(--ease) backwards}@keyframes cardIn{from{opacity:0;transform:translateY(26px) scale(.96);filter:blur(8px)}}
.lg-card h1{font-size:26px;letter-spacing:.5px}.lg-sub{margin:2px 0 14px}.lg-card .err{text-align:left}.mascot{position:absolute;left:50%;top:-92px;width:176px;transform:translateX(-50%);overflow:visible;filter:drop-shadow(0 14px 18px var(--mascot-sh))}.mascot .husky-shell{transform-box:fill-box;transform-origin:center;animation:mascot-bob 3.2s ease-in-out infinite}@keyframes mascot-bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}.pupil{transform:translate(var(--px,0px),var(--py,0px));transition:transform .15s ease-out}.hand{transition:transform .28s cubic-bezier(.3,1.4,.5,1)}.hl{transform:translate(66px,147px)}.hr{transform:translate(134px,147px)}.mascot.cover .hl{transform:translate(75px,96px)}.mascot.cover .hr{transform:translate(125px,96px)}.mouth{transition:d .2s}.mascot.happy .mouth{d:path("M85 126q15 18 30 0")}.mascot.sad .mouth{d:path("M90 142q10 -10 20 0")}.shake{animation:shake .4s}@keyframes shake{20%{transform:translateX(-8px)}40%{transform:translateX(7px)}60%{transform:translateX(-5px)}80%{transform:translateX(3px)}}
.fld{position:relative;margin-top:12px;text-align:left}.fld input{min-height:56px;padding:22px 44px 6px 14px;border-radius:16px}.fld label{position:absolute;left:14px;top:17px;margin:0;font-size:15px;color:var(--muted);pointer-events:none;transition:all .18s var(--ease)}.fld input:focus+label,.fld input:not(:placeholder-shown)+label{top:7px;font-size:11.5px}.fld input:focus+label{color:var(--accent-text)}.eye{position:absolute;right:4px;top:6px;width:44px;height:44px;display:grid;place-items:center;background:none;border:0;color:var(--muted);cursor:pointer;transition:color .2s}.eye:hover{color:var(--text)}
.door{width:100%;margin-top:6px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;overflow:hidden}.door:disabled{opacity:1;cursor:wait}.doorbox{position:relative;width:26px;height:36px;perspective:140px;border:2px solid var(--on-primary);border-radius:3px 3px 0 0;border-bottom-width:3px}.glow{position:absolute;inset:0;background:var(--door-glow);opacity:0;transition:opacity .3s}.panel{position:absolute;inset:0;background:var(--on-primary);transform-origin:left center;transition:transform .38s ease}.door.dooropen .panel{transform:rotateY(-74deg)}.door.dooropen .glow{opacity:1}.man{position:absolute;left:-34px;bottom:0;color:var(--on-primary);transition:transform .76s linear,opacity .25s .5s}.door.walking .man{transform:translateX(38px);opacity:0}.leg{transform-origin:6px 15px}.door.walking .la{animation:lg .38s linear infinite}.door.walking .lb{animation:lg .38s linear infinite reverse}@keyframes lg{0%,100%{transform:rotate(-26deg)}50%{transform:rotate(26deg)}}
.auth-card{padding:28px 22px 20px}.auth-card h1,.auth-card .lg-sub{text-align:center}.auth-foot{text-align:center;margin:16px 0 0}.auth-foot a{color:var(--accent-text)}.auth-links{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:4px}.auth-links .link{font-size:13px}.password-meter{height:6px;margin:6px 2px 3px;overflow:hidden;border-radius:99px;background:var(--border)}.password-meter-fill{display:block;width:0;height:100%;border-radius:inherit;background:var(--muted);transition:width .25s,background .25s}.password-meter.weak .password-meter-fill{background:var(--danger)}.password-meter.medium .password-meter-fill{background:#E4B94B}.password-meter.strong .password-meter-fill{background:var(--ok)}.password-label{font-size:12px;color:var(--muted);text-align:left;min-height:18px}.success{color:var(--ok);font-size:13px;min-height:20px;margin-top:8px;text-align:left}
.auth-page.page-leave .lg-card{animation:authSlideOutLeft .42s var(--ease) forwards}.auth-signup .lg-card{animation-name:authSlideInRight}.auth-signup.page-leave .lg-card{animation-name:authSlideOutRight}@keyframes authSlideInRight{from{opacity:0;transform:translateX(92px) scale(.97);filter:blur(5px)}to{opacity:1;transform:none;filter:none}}@keyframes authSlideOutLeft{to{opacity:0;transform:translateX(-92px) scale(.97);filter:blur(5px)}}@keyframes authSlideOutRight{to{opacity:0;transform:translateX(92px) scale(.97);filter:blur(5px)}}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.lg-card{background:var(--solid)}}
@media(max-width:520px){.auth-links{align-items:flex-start;flex-direction:column}.auth-links .link{padding:5px 0}}@media(prefers-reduced-motion:reduce){.shake,.leg,.lg-card,.mascot .husky-shell,.husky-eye{animation:none!important}.hand,.panel,.man,.pupil,.fld label{transition:none!important}.auth-page.page-leave .lg-card{animation:none!important}}
.signup-logo{display:block;width:104px;height:104px;margin:0 auto 6px;filter:drop-shadow(0 10px 15px var(--mascot-sh));animation:mascot-bob 3.2s ease-in-out infinite}.signup-logo .husky-shell{transform-box:fill-box;transform-origin:center}