:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#10241c;background:#edf1e8;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0}button,input{font:inherit}button{cursor:pointer;touch-action:manipulation}.manager-login-page{min-height:100svh;padding:max(28px, env(safe-area-inset-top)) max(20px, env(safe-area-inset-right)) max(28px, env(safe-area-inset-bottom)) max(20px, env(safe-area-inset-left));background:radial-gradient(at 12% 8%,#d8e5d1,#0000 52%),radial-gradient(at 95% 100%,#e4e7d4,#0000 58%),#f3f4ed;place-items:center;display:grid}.manager-login-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fafcf7e0;border:1px solid #ffffffcf;border-radius:32px;width:min(100%,540px);padding:clamp(26px,5vw,48px);box-shadow:0 18px 64px #1c3d2614}.login-brand{text-align:center;margin-bottom:30px}.login-brand img{width:150px;height:auto}.login-eyebrow{letter-spacing:.17em;text-align:center;color:#617262;margin:0 0 10px;font-size:11px;font-weight:700}h1{text-align:center;letter-spacing:-.04em;margin:0;font-size:clamp(30px,4vw,38px)}.login-intro{text-align:center;color:#56695c;margin:12px 0 24px;font-size:17px;line-height:1.5}.login-environment{color:#665324;background:#f1ead7;border-radius:99px;width:fit-content;margin:-10px auto 24px;padding:6px 12px;font-size:12px}.login-profiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 12px;margin-bottom:22px;display:grid}.login-profile:only-child{grid-column:1/-1}.login-profile-select{width:100%;color:inherit;background:0 0;border:0;border-radius:22px;flex-direction:column;align-items:center;gap:10px;padding:10px 4px;font-size:19px;display:flex}.login-avatar{color:#22523b;letter-spacing:-.04em;background:#dce8d8;border-radius:50%;flex:none;place-items:center;width:80px;height:80px;font-size:27px;font-weight:650;display:inline-grid}.login-profile:nth-child(2n) .login-avatar{color:#576037;background:#e7e7d5}.login-profile:nth-child(3n) .login-avatar{color:#37585b;background:#dae5e5}.login-forget{text-align:center}.login-forget button{color:#596d61;background:0 0;border:0;border-radius:12px;max-width:100%;min-height:44px;padding:6px;font-size:12px}.login-secondary,.login-submit,.login-back{border:0;border-radius:20px;justify-content:center;align-items:center;gap:16px;width:100%;min-height:60px;padding:14px 20px;font-size:18px;font-weight:650;display:flex}.login-secondary{color:#254a35;background:#e7ede2}.login-submit{color:#fff;background:#145438;min-height:66px;margin-top:22px}.login-submit:disabled{opacity:.55;cursor:wait}.login-back{color:#395744;background:0 0;margin-top:5px}#manager-login-form label{gap:9px;margin-top:18px;font-size:16px;font-weight:600;display:grid}#manager-login-form input:not([type=hidden]){color:#10241c;background:#fff;border:1px solid #c9d6c8;border-radius:18px;width:100%;min-width:0;min-height:62px;padding:14px 18px;font-size:20px}#manager-login-form #manager-pin{text-align:center;letter-spacing:.35em;font-variant-numeric:tabular-nums;padding-inline-start:calc(18px + .35em);font-size:30px}.login-selected{flex-direction:column;align-items:center;gap:12px;margin-bottom:20px;font-size:23px;display:flex}.login-hint,.login-device-note{color:#596d61;font-size:13px;line-height:1.5}.login-hint{margin:8px 0 0}.login-device-note{text-align:center;margin:24px 0 0}#login-error{color:#842f27;background:#fff0eb;border:1px solid #e7c0b7;border-radius:16px;padding:12px 15px;line-height:1.5}:is(button,input):focus-visible{outline-offset:3px;outline:3px solid #3b8761}button{transition:transform .12s,opacity .15s}button:active:not(:disabled){transform:scale(.98)}#manager-login-form:not([hidden]){animation:.16s ease-out login-appear}@keyframes login-appear{0%{opacity:.4;transform:translateY(5px)}}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.manager-login-card{background:#fafcf7}}@media (width<=420px){.manager-login-page{padding-inline:14px}.manager-login-card{border-radius:26px;padding:26px 22px}.login-brand{margin-bottom:24px}}@media (height<=640px){.manager-login-page{align-items:start}.login-brand{margin-bottom:16px}.manager-login-card{padding-block:26px}}@media (prefers-reduced-motion:reduce){button{transition:none}button:active:not(:disabled){transform:none}#manager-login-form:not([hidden]){animation:none}}.login-pin-display{outline:none;justify-content:center;gap:16px;padding:12px;display:flex}.login-pin-display span{border:2px solid #72927a;border-radius:50%;width:15px;height:15px}.login-pin-display span.filled{background:#145438;border-color:#145438}.login-pin-count{text-align:center;color:#50645a;margin:6px 0 14px;font-size:14px}.login-keypad{grid-template-columns:repeat(3,1fr);gap:12px;max-width:320px;margin:auto;display:grid}.login-keypad button{color:#10241c;aspect-ratio:1.25;background:#e3ebdf;border:1px solid #fff;border-radius:50%;place-items:center;min-height:66px;font-size:30px;display:grid}.login-selected .login-back{min-height:48px;margin:0;padding:6px;font-size:16px}.manager-login-card:has(#manager-login-form:not([hidden])){padding-block:22px}.manager-login-card:has(#manager-login-form:not([hidden])) .login-brand{margin-bottom:12px}.manager-login-card:has(#manager-login-form:not([hidden])) .login-selected{gap:6px;margin-bottom:6px}.manager-login-card:has(#manager-login-form:not([hidden])) .login-avatar{width:56px;height:56px;font-size:22px}.manager-login-card:has(#manager-login-form:not([hidden])) .login-intro{margin:8px 0 16px}.login-profile-select:nth-child(2n) .login-avatar{background:#e7e7d5}.login-profile-select:nth-child(3n) .login-avatar{background:#dae5e5}@media (width>=700px) and (height<=900px){.manager-login-card:has(#manager-login-form:not([hidden])){width:min(100%,800px);padding:26px 32px}.manager-login-card:has(#manager-login-form:not([hidden])) .login-brand{margin-bottom:8px}#manager-login-form:not([hidden]){grid-template-columns:1fr 300px;column-gap:30px;display:grid}.login-selected{grid-area:1/1/span 3;align-self:center}.login-pin-display{grid-area:1/2}.login-pin-count{grid-area:2/2}.login-keypad{grid-area:3/2;width:100%}.login-keypad button{aspect-ratio:1.4;min-height:64px}.login-submit{grid-area:4/1;align-self:end;margin-top:8px}#login-error{grid-area:5/1/auto/-1}.manager-login-card:has(#manager-login-form:not([hidden])) .login-avatar{width:90px;height:90px;font-size:30px}}
