.auth-screen{background:var(--insight-surface);color:var(--insight-ink)}.auth-screen .auth-main{flex:50%;padding:32px 42px}.auth-screen .auth-main__brand{display:none}.auth-screen .auth-main__body{padding:48px 0}.auth-screen .auth-card{max-width:365px}.auth-screen .auth-heading{gap:12px;margin-bottom:13px}.auth-heading__brand{align-items:center;margin-bottom:21px;display:flex}.auth-screen:has(.auth-heading__brand) .auth-main__brand{display:none}.auth-eyebrow{letter-spacing:1.4px;color:var(--insight-blue);font-size:11px;font-weight:600;display:block}.auth-screen .auth-title{color:var(--insight-ink);letter-spacing:-.6px;font-family:inherit;font-size:30px;font-weight:600;line-height:1.3}.auth-screen .auth-lead{color:var(--insight-muted);font-family:inherit;font-size:14px;line-height:1.6}.auth-screen .auth-fieldset{gap:18px}.auth-screen .auth-label{color:var(--insight-ink);margin-bottom:3px;font-size:13px;font-weight:600}.auth-screen .auth-input{background:var(--insight-subtle);height:46px;color:var(--insight-ink);border-color:#dfe5ee;border-radius:9px;padding-inline:14px;font-size:14px;transition:border-color .18s,box-shadow .18s,background-color .18s}.auth-screen .auth-input:hover:not(:focus):not(:disabled){border-color:#c9d3e1}.auth-screen .auth-input:focus{background:var(--insight-surface);border-color:#4e95f9;box-shadow:0 0 0 4px #0c64df1f}.auth-screen .auth-input[aria-invalid=true]{border-color:var(--qds-color-danger)}.auth-screen .auth-input--with-action{padding-right:48px}.auth-screen .auth-input-action{width:46px;height:46px;color:var(--insight-muted)}.auth-screen .auth-input--code{letter-spacing:.45em;font-size:23px}.auth-screen .auth-check{color:var(--insight-muted);font-size:13px;font-weight:400}.auth-screen .auth-check input{width:15px;height:15px}.auth-screen .auth-link{color:var(--insight-blue);font-size:13px;font-weight:500}.auth-screen .auth-button{background:linear-gradient(#1a70ea,#0c64df);border-radius:9px;justify-content:space-between;height:46px;padding-inline:18px;font-size:14px;font-weight:600;transition:transform .12s,box-shadow .2s,background-color .2s;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff26,0 6px 16px -6px #0c64df99}.auth-screen .auth-button:hover:not(:disabled){background:linear-gradient(#0f66df,#0957c7);box-shadow:inset 0 1px #ffffff26,0 10px 22px -8px #0c64dfb3}.auth-screen .auth-button:active:not(:disabled){transform:translateY(1px)}.auth-screen .auth-button>.mdi{font-size:19px;transition:transform .2s}.auth-screen .auth-button:hover:not(:disabled)>.mdi{transform:translate(3px)}.auth-secure-note{border-top:1px solid var(--insight-line);color:var(--insight-muted);align-items:center;gap:8px;margin:28px 0 0;padding-top:22px;font-size:12px;line-height:1.7;display:flex}.auth-secure-note i{color:#8a9ab1;font-size:15px}.auth-screen .auth-main__footer{color:var(--insight-muted);justify-content:space-between;align-items:center;gap:20px;font-size:12px;display:flex}.auth-screen .auth-panel{background:var(--brand-chrome,#19182b);flex:0 0 50%;display:block}.auth-screen .auth-panel:before{background-image:linear-gradient(#121423a3,#121423c7 48%,#121423db),radial-gradient(at 100% 0,#0c64df55,#0000 70%),url(/assets/images/auth/warehouse-panel.webp);background-position:50%;background-size:cover}.auth-screen .auth-panel__inner{justify-content:flex-start;width:100%;max-width:800px;height:auto;min-height:100dvh;margin:0 auto;padding:42px clamp(35px,5vw,85px) 32px}.auth-panel__brand{flex-direction:column;align-items:flex-start;gap:14px;display:flex}.auth-panel__brand>span:last-child{color:#c5cee0;letter-spacing:1.6px;text-transform:uppercase;font-size:11px;font-weight:600}.auth-screen .auth-showcase{border:0;gap:28px;margin-block:auto;padding:40px 0}.auth-screen .auth-showcase__slide{min-height:0}.auth-screen .auth-showcase__title{letter-spacing:-.8px;text-shadow:none;color:#fff;margin-bottom:14px;font-family:inherit;font-size:clamp(30px,2.7vw,39px);font-weight:600;line-height:1.4}.auth-screen .auth-showcase__text{color:#c4cde0;text-shadow:none;max-width:440px;font-size:16px;line-height:1.65}.auth-screen .auth-showcase__dot{width:20px;height:24px}.auth-screen .auth-showcase__dot:before{background:#ffffff25;height:3px}.auth-panel__footer{color:#b2bdd2;justify-content:space-between;gap:20px;padding-top:0;font-size:12px;display:flex}.auth-panel__footer>span:first-child{letter-spacing:1.4px;text-transform:uppercase;font-size:11px;font-weight:600}@media (min-width:1600px){.auth-screen .auth-card{max-width:390px}.auth-screen .auth-panel__inner{padding-block:52px 39px}}@media (max-width:1100px) and (min-width:801px){.auth-screen .auth-panel__inner{padding-inline:32px}.auth-screen .auth-main{padding-inline:28px}.auth-screen .auth-title{font-size:27px}.auth-screen .auth-row{gap:10px}.auth-screen .auth-check,.auth-screen .auth-link{font-size:12px}}@media (max-width:800px){.auth-screen .auth-panel{display:none}.auth-screen .auth-main{flex-basis:100%;padding:27px 25px 23px}.auth-screen .auth-main__brand{display:flex}.auth-screen .auth-main__brand .app-brand-name{--brand-height:31px!important}.auth-screen .auth-main__body{align-items:center;padding:48px 0}.auth-screen .auth-title{font-size:28px}.auth-screen .auth-card{max-width:380px}.auth-screen .auth-main__footer{font-size:11px}.auth-screen .auth-row{gap:9px}.auth-screen .auth-check,.auth-screen .auth-link{font-size:12px}}@media (prefers-reduced-motion:reduce){.auth-screen *,.auth-screen :before{transition:none!important;animation:none!important}}.auth-screen .auth-panel:before{transform-origin:60% 40%;will-change:transform;animation:28s ease-in-out infinite alternate auth-kenburns}@keyframes auth-kenburns{0%{transform:scale(1.02)translate(0,0)}to{transform:scale(1.12)translate(-1.5%,-1%)}}.auth-screen .auth-panel:after{content:"";pointer-events:none;background:radial-gradient(38% 32% at 70% 25%,#227af74d,#0000 70%),radial-gradient(30% 26% at 20% 85%,#4e95f926,#0000 70%);animation:16s ease-in-out infinite alternate auth-glow;position:absolute;inset:-20%}@keyframes auth-glow{0%{opacity:.75;transform:translate(0,0)}to{opacity:1;transform:translate(-6%,5%)}}.auth-screen .auth-showcase__slide{animation:none}.auth-screen .auth-showcase__slide>*{animation:.7s cubic-bezier(.2,.8,.2,1) both auth-rise}.auth-screen .auth-showcase__slide>:nth-child(2){animation-delay:80ms}.auth-screen .auth-showcase__slide>:nth-child(3){animation-delay:.18s}@keyframes auth-rise{0%{opacity:0;filter:blur(4px);transform:translateY(14px)}to{opacity:1;filter:none;transform:none}}.auth-screen .auth-showcase__dot{overflow:hidden}.auth-screen .auth-showcase__dot[aria-current=true]{width:44px}.auth-screen .auth-showcase__dot[aria-current=true]:before{background:#fff3}.auth-screen .auth-showcase__dot:after{content:"";background:#8fbaff;border-radius:999px;width:0;height:3px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.auth-screen .auth-showcase__dot[aria-current=true]:after{animation:auth-dot-fill var(--auth-slide-ms,6.5s) linear forwards}.auth-screen .auth-showcase[data-paused] .auth-showcase__dot:after{animation-play-state:paused}@keyframes auth-dot-fill{to{width:100%}}.auth-showcase__visual{max-width:380px;margin-top:30px}.auth-visual{--i:0;-webkit-backdrop-filter:blur(18px)saturate(140%);backdrop-filter:blur(18px)saturate(140%);color:#fff;background:linear-gradient(160deg,#ffffff1f,#ffffff0d);border:1px solid #ffffff24;border-radius:16px;padding:16px 16px 14px;animation:7s ease-in-out infinite auth-float;position:relative;box-shadow:inset 0 1px #ffffff1f,0 24px 48px -20px #0009}@keyframes auth-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.auth-visual__head{color:#dbe5f5;align-items:center;gap:8px;margin-bottom:12px;font-size:12px;font-weight:600;display:flex}.auth-visual__head>.mdi{color:#8fbaff;font-size:16px}.auth-visual__live{background:#34d399;border-radius:50%;width:8px;height:8px;animation:1.8s ease-out infinite auth-pulse;box-shadow:0 0 #34d39980}@keyframes auth-pulse{to{box-shadow:0 0 0 8px #34d39900}}.auth-visual__chip{color:#fff;background:#ffffff1a;border-radius:999px;margin-left:auto;padding:3px 8px;font-size:11px;font-weight:600}.auth-pos-scan{background:#ffffff0f;border-radius:10px;height:46px;margin-bottom:10px;position:relative;overflow:hidden}.auth-pos-scan__bars{opacity:.85;background:repeating-linear-gradient(90deg,#ffffffd9 0 2px,#0000 2px 4px,#ffffffd9 4px 5px,#0000 5px 8px,#ffffffd9 8px 11px,#0000 11px 13px);position:absolute;inset:9px 22%}.auth-pos-scan__beam{background:#ff5a5f;width:2px;animation:1.6s ease-in-out infinite alternate auth-beam;position:absolute;top:0;bottom:0;left:18%;box-shadow:0 0 12px 3px #ff5a5f99}@keyframes auth-beam{to{left:82%}}.auth-pos-lines{gap:2px;margin:0;padding:0;list-style:none;display:grid}.auth-pos-lines li,.auth-pos-total{animation:.5s cubic-bezier(.2,.8,.2,1) both auth-line-in;animation-delay:calc(.55s + var(--i) * .45s);justify-content:space-between;align-items:center;gap:12px;padding:7px 4px;font-size:13px;display:flex}.auth-pos-lines li+li{border-top:1px dashed #ffffff1f}.auth-pos-lines small{color:#a9b6cc;margin-top:1px;font-size:11px;display:block}.auth-pos-lines b{font-variant-numeric:tabular-nums;font-weight:600}.auth-pos-total{background:#227af7;border-radius:10px;margin-top:6px;padding:10px 12px;font-weight:600;box-shadow:0 8px 20px -8px #227af7cc}.auth-pos-total b{font-variant-numeric:tabular-nums;font-size:17px}@keyframes auth-line-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}.auth-invoice-steps{gap:12px;margin:0;padding:0;list-style:none;display:grid}.auth-invoice-steps li{color:#dbe5f5;animation:.45s both auth-line-in;animation-delay:calc(.4s + var(--i) * .7s);align-items:center;gap:11px;font-size:13px;display:flex}.auth-invoice-steps__mark{color:#0000;width:24px;height:24px;animation:.4s both auth-check;animation-delay:calc(.75s + var(--i) * .7s);border:1.5px solid #ffffff40;border-radius:50%;place-items:center;font-size:14px;display:grid}@keyframes auth-check{to{color:#0b2a1f;background:#34d399;border-color:#34d399;transform:scale(1.05)}}.auth-invoice-bar{background:#ffffff1a;border-radius:999px;height:5px;margin-top:16px;overflow:hidden}.auth-invoice-bar>i{border-radius:inherit;background:linear-gradient(90deg,#4e95f9,#34d399);width:0;height:100%;animation:2.4s cubic-bezier(.4,0,.2,1) .4s forwards auth-progress;display:block}@keyframes auth-progress{to{width:100%}}.auth-branches{gap:4px;margin:0;padding:0;list-style:none;display:grid;position:relative}.auth-branches li{z-index:1;height:48px;animation:.45s both auth-line-in;animation-delay:calc(.3s + var(--i) * .15s);align-items:center;gap:11px;padding:0 10px;font-size:13px;font-weight:600;display:flex;position:relative}.auth-branches li>.mdi{color:#a9b6cc;margin-left:auto;font-size:18px}.auth-branches__avatar{background:#ffffff1f;border-radius:9px;place-items:center;width:30px;height:30px;font-size:13px;display:grid}.auth-branches__text small{color:#a9b6cc;margin-top:1px;font-size:11px;font-weight:400;display:block}.auth-branches__cursor{background:#227af7;border-radius:11px;height:48px;animation:4.5s cubic-bezier(.65,0,.35,1) .9s infinite both auth-cursor;position:absolute;top:0;left:0;right:0;box-shadow:0 8px 20px -8px #227af7cc}@keyframes auth-cursor{0%,22%{transform:translateY(0)}33%,55%{transform:translateY(52px)}66%,88%{transform:translateY(104px)}to{transform:translateY(0)}}.auth-screen .auth-card>.auth-form>*,.auth-screen .auth-fieldset>*,.auth-screen .auth-secure-note{animation:.6s cubic-bezier(.2,.8,.2,1) both auth-rise}.auth-screen .auth-fieldset>:first-child{animation-delay:.1s}.auth-screen .auth-fieldset>:nth-child(2){animation-delay:.16s}.auth-screen .auth-fieldset>:nth-child(3){animation-delay:.22s}.auth-screen .auth-fieldset>:nth-child(n+4){animation-delay:.28s}.auth-screen .auth-secure-note{animation-delay:.36s}@media (max-height:760px){.auth-showcase__visual{margin-top:20px}.auth-visual{padding:13px}.auth-pos-scan{height:36px}}@media (prefers-reduced-motion:reduce){.auth-screen .auth-panel:before,.auth-screen .auth-panel:after,.auth-visual,.auth-visual *,.auth-screen .auth-showcase__dot:after{animation:none!important}.auth-screen .auth-showcase__dot[aria-current=true]:after{width:100%}.auth-invoice-steps__mark{color:#0b2a1f;background:#34d399;border-color:#34d399}.auth-invoice-bar>i{width:100%}}