.cashier-auth-page{--paper:#fffefa;--ink:#203329;--muted:#53675a;--forest:#315e45;--forest-deep:#244b36;--cream:#f6f4eb;--line:#dfe5d9;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:var(--paper);width:100%;height:100dvh;min-height:500px;color:var(--ink);-webkit-font-smoothing:antialiased;font-family:Arial,Helvetica,sans-serif;overflow:hidden auto}.cashier-auth-shell{grid-template-columns:minmax(0,1.03fr) minmax(0,.97fr);min-height:100%;display:grid}.cashier-auth-story{background:var(--forest-deep);min-width:0;min-height:700px;color:var(--paper);flex-direction:column;justify-content:space-between;padding:clamp(32px,4.1vw,68px);display:flex;position:relative;overflow:hidden}.cashier-auth-brand{width:max-content;color:var(--paper);letter-spacing:-.045em;align-items:center;gap:12px;font-size:19px;font-weight:750;display:inline-flex}.cashier-auth-brand-mark{background:var(--paper);width:43px;height:43px;color:var(--forest-deep);border-radius:12px;flex:none;place-items:center;display:inline-grid}.cashier-auth-story-body{width:100%;max-width:590px;margin:auto 0;padding:38px 0 14px}.cashier-auth-story-overline,.cashier-auth-overline{letter-spacing:.12em;margin:0;font-size:11px;font-weight:750}.cashier-auth-story-overline{color:color-mix(in srgb, var(--paper) 64%, transparent)}.cashier-auth-story-body h2{letter-spacing:-.053em;max-width:580px;margin:18px 0 16px;font-size:clamp(36px,3.5vw,56px);font-weight:650;line-height:1.13}.cashier-auth-story-description{max-width:415px;color:color-mix(in srgb, var(--paper) 78%, transparent);margin:0;font-size:15px;line-height:1.7}.cashier-auth-art{width:min(100%,480px);height:clamp(210px,22vw,290px);margin-top:clamp(28px,4vw,55px);position:relative;overflow:visible}.cashier-auth-art-back{border:1px solid color-mix(in srgb, var(--paper) 19%, transparent);background:color-mix(in srgb, var(--paper) 7%, var(--forest-deep));border-radius:20px;position:absolute;inset:12% 15% 5% 8%;transform:rotate(-8deg)}.cashier-auth-art-ticket{background:var(--paper);width:57%;min-width:195px;color:var(--forest-deep);box-shadow:0 25px 45px color-mix(in srgb, var(--ink) 25%, transparent);border-radius:18px;flex-direction:column;padding:clamp(20px,2vw,28px);display:flex;position:absolute;top:0;bottom:11%;left:19%;transform:rotate(5deg)}.cashier-auth-art-ticket-head{align-items:center;gap:11px;height:31px;display:flex}.cashier-auth-art-symbol{background:color-mix(in srgb, var(--forest) 12%, var(--paper));border-radius:9px;flex:none;place-items:center;width:31px;height:31px;display:grid}.cashier-auth-art-lines{flex:1;gap:6px;display:grid}.cashier-auth-art-lines i,.cashier-auth-art-ticket-row>span,.cashier-auth-art-ticket-total>span{background:var(--line);border-radius:99px;height:6px;display:block}.cashier-auth-art-lines i:first-child{background:var(--forest);width:77%;height:8px}.cashier-auth-art-lines i:last-child{width:44%}.cashier-auth-art-square{border:1px solid var(--line);border-radius:6px;width:25px;height:25px}.cashier-auth-art-separator{background:var(--line);width:100%;height:1px;margin:auto 0}.cashier-auth-art-ticket-row,.cashier-auth-art-ticket-total{justify-content:space-between;align-items:center;gap:20px;min-height:24px;display:flex}.cashier-auth-art-ticket-row>span:first-child{width:52%}.cashier-auth-art-ticket-row>span:last-child{width:23%}.cashier-auth-art-ticket-row:nth-of-type(4)>span:first-child{width:62%}.cashier-auth-art-ticket-row:nth-of-type(5)>span:first-child{width:39%}.cashier-auth-art-ticket-total>span:first-child{background:var(--forest-deep);width:43%;height:9px}.cashier-auth-art-ticket-total>span:last-child{background:var(--forest);width:30%;height:9px}.cashier-auth-art-coin{border:6px solid var(--forest-deep);background:var(--cream);width:91px;height:91px;color:var(--forest-deep);box-shadow:0 18px 25px color-mix(in srgb, var(--ink) 18%, transparent);border-radius:26px;place-items:center;display:grid;position:absolute;bottom:5%;right:9%;transform:rotate(-11deg)}.cashier-auth-story-footer{color:color-mix(in srgb, var(--paper) 63%, transparent);letter-spacing:.105em;justify-content:space-between;align-items:center;gap:15px;font-size:10px;font-weight:650;display:flex}.cashier-auth-content{background:var(--paper);flex-direction:column;justify-content:space-between;min-width:0;min-height:700px;padding:36px clamp(30px,6vw,105px) 30px;display:flex}.cashier-auth-form-area{width:100%;max-width:424px;margin:auto;padding:50px 0}.cashier-auth-overline{color:var(--forest)}.cashier-auth-form-area h1{max-width:450px;color:var(--ink);letter-spacing:-.052em;margin:17px 0 12px;font-size:clamp(31px,3vw,41px);font-weight:700;line-height:1.14}.cashier-auth-description{max-width:365px;color:var(--muted);margin:0 0 42px;font-size:14px;line-height:1.6}.cashier-auth-form{flex-direction:column;gap:21px;width:100%;display:flex}.cashier-auth-field{min-width:0;color:var(--ink);flex-direction:column;gap:9px;font-size:13px;font-weight:650;display:flex}.cashier-auth-field>span:first-child{display:block}.cashier-auth-field input{border:1px solid var(--line);background:var(--paper);width:100%;min-width:0;height:52px;color:var(--ink);font:inherit;border-radius:10px;outline:0;padding:0 15px;font-size:14px;font-weight:450;transition:border-color .14s,box-shadow .14s}.cashier-auth-field input::placeholder{color:color-mix(in srgb, var(--muted) 58%, var(--paper));opacity:1}.cashier-auth-field input:focus-visible{border-color:var(--forest);box-shadow:0 0 0 3px color-mix(in srgb, var(--forest) 13%, transparent)}.cashier-auth-password{display:block;position:relative}.cashier-auth-password input{padding-right:58px}.cashier-auth-password-toggle{width:49px;height:52px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:9px;place-items:center;padding:0;display:grid;position:absolute;top:0;right:2px}.cashier-auth-password-toggle:hover{color:var(--forest)}.cashier-auth-password-toggle:focus-visible{outline:2px solid var(--forest);outline-offset:-4px}.cashier-auth-error{border:1px solid color-mix(in srgb, #a7443a 32%, var(--paper));color:#943e36;background:color-mix(in srgb, #a7443a 6%, var(--paper));border-radius:9px;margin:-5px 0 0;padding:12px 13px;font-size:12px;font-weight:450;line-height:1.5}.cashier-auth-submit{border:1px solid var(--forest);background:var(--forest);width:100%;min-height:53px;color:var(--paper);font:inherit;cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:11px;margin-top:6px;padding:10px 18px;font-size:14px;font-weight:700;transition:background .14s,border-color .14s;display:flex}.cashier-auth-submit:not(:disabled):hover{border-color:var(--forest-deep);background:var(--forest-deep)}.cashier-auth-submit:focus-visible{outline:3px solid var(--muted);outline-offset:3px}.cashier-auth-submit:disabled{opacity:.65;cursor:wait}.cashier-auth-help{color:var(--muted);text-align:center;margin:24px 0 0;font-size:12px;line-height:1.6}.cashier-auth-content-footer{color:color-mix(in srgb, var(--muted) 67%, var(--paper));text-align:center;font-size:11px}.cashier-auth-mobile-brand{display:none}.cashier-auth-loading{color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:17px;font-size:13px;display:flex}.cashier-auth-loading-mark{background:var(--forest);width:56px;height:56px;color:var(--paper);border-radius:15px;place-items:center;display:grid}@media (max-width:900px){.cashier-auth-shell{grid-template-columns:1fr}.cashier-auth-story{display:none}.cashier-auth-content{min-height:100dvh;padding:34px clamp(24px,7vw,64px) 25px}.cashier-auth-mobile-brand{width:max-content;color:var(--forest-deep);letter-spacing:-.045em;align-items:center;gap:11px;font-size:18px;font-weight:750;display:inline-flex}.cashier-auth-mobile-brand .cashier-auth-brand-mark{background:var(--forest);color:var(--paper);width:40px;height:40px}.cashier-auth-form-area{max-width:440px}}@media (max-width:520px){.cashier-auth-page{min-height:100dvh}.cashier-auth-content{min-height:100dvh;padding:26px 24px 24px}.cashier-auth-form-area{padding:36px 0 48px}.cashier-auth-form-area h1{margin-top:15px;font-size:33px;line-height:1.14}.cashier-auth-description{margin-bottom:34px;font-size:13px}.cashier-auth-form{gap:19px}.cashier-auth-field input{height:52px;font-size:16px}.cashier-auth-password-toggle{height:52px}.cashier-auth-submit{min-height:53px}.cashier-auth-content-footer{font-size:10px}}@media (prefers-reduced-motion:reduce){.cashier-auth-field input,.cashier-auth-submit{transition:none}}.cashier-auth-brand-mark svg{width:23px;height:23px}.cashier-auth-art-symbol svg{width:18px;height:18px}.cashier-auth-art-coin svg{width:31px;height:31px}.cashier-auth-loading-mark svg{width:25px;height:25px}.sayoernara-auth-spinner{border:2px solid #dfe5d9;border-top-color:#315e45;border-radius:50%;width:24px;height:24px;animation:.7s linear infinite sayoernara-auth-spin}@keyframes sayoernara-auth-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.sayoernara-auth-spinner{animation:none}}