.login-wrap{box-sizing:border-box;height:100dvh;min-height:100dvh;max-height:100dvh;padding:max(.45rem, env(safe-area-inset-top)) max(1.25rem, env(safe-area-inset-right)) max(.85rem, env(safe-area-inset-bottom)) max(1.25rem, env(safe-area-inset-left));color:var(--ink);background:radial-gradient(120% 85% at 50% -15%,#c8ddd4 0%,#0000 58%),radial-gradient(80% 55% at 100% 100%,#d6e8de 0%,#0000 50%),linear-gradient(168deg,#e8f0ec 0%,#dce8e2 52%,#d2e2d9 100%);flex-direction:column;display:flex;position:relative;overflow:hidden}.login-panel{flex-direction:column;flex:1;width:min(24rem,100%);min-height:0;margin:0 auto;display:flex}.login-panel--pin{justify-content:flex-start;gap:.85rem;position:relative}.login-top{flex-direction:column;flex-shrink:0;align-items:center;gap:.7rem;padding:.85rem 0 .7rem;display:flex}.login-hero{flex-direction:column;align-items:center;gap:.5rem;display:flex}.login-logo{background:var(--accent);border-radius:50%;place-items:center;width:4.5rem;height:4.5rem;display:grid;overflow:hidden;box-shadow:0 8px 22px #13463647}.login-logo-photo{object-fit:cover;object-position:center;width:100%;height:100%;display:block}.login-logo--photo .login-logo-photo{object-position:center top}.login-greeting{text-align:center;color:var(--accent);letter-spacing:-.02em;margin:0;font-size:1.15rem;font-weight:600}.login-prompt{text-align:center;color:#2a2a2a;letter-spacing:-.01em;margin:0;font-size:1.05rem;font-weight:500}.login-back{color:#5a5a5a;min-width:44px;min-height:44px;font:inherit;-webkit-tap-highlight-color:transparent;background:0 0;border:none;flex-shrink:0;align-self:flex-start;align-items:center;margin:0;padding:.55rem .45rem;font-size:.95rem;font-weight:500;display:inline-flex}.login-back:active{color:var(--accent)}.login-back:disabled{opacity:.45}.login-user-list{-webkit-overflow-scrolling:touch;flex-direction:column;flex:1;gap:.35rem;min-height:0;padding-bottom:.5rem;display:flex;overflow:auto}.login-group{letter-spacing:.12em;text-transform:uppercase;color:#6e7a74;margin:.85rem .2rem .45rem;padding:0;font-size:.84rem;font-weight:600}.login-group:first-child{margin-top:.15rem}.login-user{background:color-mix(in srgb, #fff 78%, var(--accent-soft));width:100%;min-height:68px;color:inherit;font:inherit;text-align:left;-webkit-tap-highlight-color:transparent;touch-action:manipulation;border:none;border-radius:1rem;flex-direction:row;align-items:center;gap:.7rem;margin:0;padding:.55rem .8rem .55rem .7rem;transition:background .12s,transform .12s;display:flex}.login-user:active{transform:scale(.985)}.login-user.is-active,.login-user:active{background:#fff}.login-user-main{flex:1;align-items:center;gap:.75rem;min-width:0;display:flex}.login-user-copy{flex-direction:column;align-items:flex-start;gap:.12rem;min-width:0;display:flex}.login-user-avatar{color:#fff;letter-spacing:.02em;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:.95rem;font-weight:700;line-height:1;display:inline-flex}.login-user-avatar--management{background:#134636}.login-user-avatar--warehouse{background:#5a4a78}.login-user-avatar--driver{background:#c45c26}.login-user-avatar--photo{object-fit:cover;object-position:center top;background:color-mix(in srgb, var(--accent) 12%, #fff)}.login-user-name{letter-spacing:-.02em;font-size:.98rem;font-weight:600;line-height:1.2}.login-user-role{color:#6a6a6a;font-size:.8rem;font-weight:500;line-height:1.25}.login-user-chevron{color:#9aa39e;flex-shrink:0;display:inline-flex}@media (min-width:640px){.login-user{min-height:74px;padding:.65rem .9rem .65rem .75rem}}.login-empty{text-align:center;color:#7a7a7a;margin:2rem 0 0}.login-error{color:#8a1f1f;text-align:center;background:#f8e8e8;border-radius:1rem;flex-shrink:0;margin:0 0 .75rem;padding:.7rem .9rem;font-size:.88rem}.login-error--inline{gap:.15rem;min-height:2.6rem;margin:.35rem 0 0;padding:.55rem .8rem;display:grid}.login-error--inline strong{font-weight:600}.login-error--inline span{color:#a14a4a;font-size:.82rem;font-weight:500}.login-error-slot{min-height:2.6rem;margin-top:.35rem}.login-wrap--pin .login-logo{width:5.75rem;height:5.75rem;box-shadow:0 6px 16px #13463638}.login-wrap--pin .login-hero{gap:.55rem}.login-wrap--pin .login-greeting{letter-spacing:-.03em;font-size:1.8rem;font-weight:600;line-height:1.15}.login-wrap--pin .login-prompt{color:#3a3a3a;font-size:1.4rem;font-weight:500}.login-pin-top{flex-direction:column;flex:none;justify-content:flex-start;align-items:center;gap:.55rem;min-height:0;padding:.1rem 0 0;display:flex}.login-dots{justify-content:center;align-items:center;gap:.85rem;min-height:1.15rem;display:flex}.login-dot{background:0 0;border:1.6px solid #c4c4c4;border-radius:50%;width:.82rem;height:.82rem;transition:background .14s,border-color .14s,transform .14s}.login-dot.is-filled{background:var(--accent);border-color:var(--accent);transform:scale(1.08)}.login-pin-bottom{flex-direction:column;flex-shrink:0;align-items:center;gap:.45rem;margin-top:.35rem;padding-bottom:.25rem;display:flex}.login-pin-keypad{grid-template-rows:repeat(4,6rem);grid-template-columns:repeat(3,6rem);justify-content:center;gap:.7rem 1.15rem;width:max-content;margin:0 auto;display:grid}.login-pin-key{background:color-mix(in srgb, #fff 86%, var(--accent-soft));width:6rem;height:6rem;color:var(--ink);font:inherit;-webkit-tap-highlight-color:transparent;touch-action:manipulation;border:none;border-radius:50%;place-items:center;margin:0;padding:0;transition:background .13s,transform .13s,box-shadow .13s;display:grid;box-shadow:0 1px #1346360f}.login-pin-key:disabled{opacity:.45}.login-pin-key:not(:disabled):active{box-shadow:0 0 0 1px color-mix(in srgb, var(--accent) 18%, transparent);background:#fff;transform:scale(.96)}.login-pin-key--spacer{visibility:hidden;pointer-events:none;box-shadow:none;background:0 0}.login-pin-key-digit{font-variant-numeric:tabular-nums;font-size:1.35rem;font-weight:500;line-height:1}.login-status{min-height:1.2rem;color:var(--accent);margin:0;font-size:.95rem;font-weight:500}.login-auth-veil{z-index:2;pointer-events:auto;background:#121c1866;position:fixed;inset:0}.login-auth-status{z-index:3;flex-direction:column;align-items:center;gap:.7rem;min-height:4.2rem;margin-top:.85rem;display:flex;position:relative}.login-auth-spinner{width:1.85rem;height:1.85rem;color:var(--accent);place-items:center;animation:.7s linear infinite login-spin;display:grid}.login-auth-spinner svg{display:block}@keyframes login-spin{to{transform:rotate(360deg)}}@media (max-height:780px){.login-wrap--pin .login-logo{width:5.5rem;height:5.5rem}.login-wrap--pin .login-greeting{font-size:1.7rem}.login-wrap--pin .login-prompt{font-size:1.3rem}.login-pin-keypad{grid-template-rows:repeat(4,5.75rem);grid-template-columns:repeat(3,5.75rem);gap:.6rem 1rem}.login-pin-key{width:5.75rem;height:5.75rem}}@media (max-height:720px){.login-wrap--user .login-logo{width:3.75rem;height:3.75rem}.login-user{min-height:68px;padding:.55rem .7rem .55rem .6rem}.login-user-avatar{width:40px;height:40px;font-size:.88rem}.login-wrap--pin .login-logo{width:5.25rem;height:5.25rem}.login-pin-top{gap:.45rem}.login-pin-keypad{grid-template-rows:repeat(4,5.25rem);grid-template-columns:repeat(3,5.25rem);gap:.5rem .9rem}.login-pin-key{width:5.25rem;height:5.25rem}.login-pin-key-digit{font-size:1.25rem}}@media (max-height:640px){.login-top{gap:.75rem;padding-top:.5rem}.login-wrap--pin .login-logo{width:4.75rem;height:4.75rem}.login-wrap--pin .login-greeting{font-size:1.55rem}.login-wrap--pin .login-prompt{font-size:1.2rem}.login-pin-keypad{grid-template-rows:repeat(4,4.65rem);grid-template-columns:repeat(3,4.65rem);gap:.4rem .8rem}.login-pin-key{width:4.65rem;height:4.65rem}.login-pin-key-digit{font-size:1.15rem}.login-error-slot,.login-error--inline{min-height:1.8rem}}