*{box-sizing:border-box}
html{width:100%;min-width:0;background:#f4f2ee}
body.login-screen,
body.login-screen button,
body.login-screen input{font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",Arial,sans-serif!important;font-synthesis:none}
body.login-screen{width:100%!important;min-width:0!important;min-height:100svh!important;margin:0!important;padding:0!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow-x:hidden!important;background:#f4f2ee!important;background-image:none!important;animation:none!important;color:#16181d!important}
body.login-screen::before{content:""!important;position:fixed!important;z-index:0!important;display:block!important;inset:0!important;width:100%!important;height:100%!important;border-radius:0!important;background-color:transparent!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 430 932' preserveAspectRatio='none'%3E%3Cpath d='M-120 78 C35 -45 205 195 545 15' fill='none' stroke='%239eafa4' stroke-width='2.1' opacity='.82'/%3E%3Cpath d='M-125 116 C48 -10 215 225 550 50' fill='none' stroke='%23b9a991' stroke-width='1.7' opacity='.7'/%3E%3Cpath d='M-130 155 C62 18 232 255 555 89' fill='none' stroke='%23aebdb3' stroke-width='1.45' opacity='.64'/%3E%3Cpath d='M248 -120 C370 72 275 235 525 355' fill='none' stroke='%23b9aa94' stroke-width='1.8' opacity='.66'/%3E%3Cpath d='M292 -105 C402 72 322 235 540 322' fill='none' stroke='%23a8b8ae' stroke-width='1.35' opacity='.58'/%3E%3Cpath d='M-170 515 C35 350 210 620 585 397' fill='none' stroke='%23b7a88f' stroke-width='1.5' opacity='.5'/%3E%3Cpath d='M-165 555 C42 390 225 655 590 442' fill='none' stroke='%23a4b5aa' stroke-width='1.85' opacity='.62'/%3E%3Cpath d='M-150 708 C70 505 245 815 575 568' fill='none' stroke='%239bada2' stroke-width='2.15' opacity='.78'/%3E%3Cpath d='M-145 754 C80 548 260 850 580 618' fill='none' stroke='%23b9a88f' stroke-width='1.75' opacity='.68'/%3E%3Cpath d='M-120 804 C95 600 275 885 570 682' fill='none' stroke='%23adbbb2' stroke-width='1.4' opacity='.6'/%3E%3Cpath d='M105 995 C165 765 365 795 505 655' fill='none' stroke='%23b6a68e' stroke-width='1.6' opacity='.62'/%3E%3C/svg%3E")!important;background-size:cover!important;background-position:center!important;filter:none!important;animation:none!important;pointer-events:none!important}
body.login-screen::after{content:""!important;position:fixed!important;z-index:0!important;display:block!important;width:390px!important;height:390px!important;top:18%!important;left:50%!important;right:auto!important;bottom:auto!important;transform:translateX(-50%)!important;border-radius:50%!important;background:rgba(255,255,255,.34)!important;filter:blur(70px)!important;animation:none!important;pointer-events:none!important}

.login-topbar{position:fixed;z-index:5;top:0;left:0;width:100%;height:76px;padding:calc(17px + env(safe-area-inset-top)) max(24px,env(safe-area-inset-right)) 10px max(24px,env(safe-area-inset-left));display:flex;align-items:center;justify-content:space-between;pointer-events:none}
.login-topbar>*{pointer-events:auto}.login-topbar form{margin:0}
.login-mini-brand{display:flex;align-items:baseline;gap:9px}.login-mini-brand b{font-size:19px;font-weight:800;letter-spacing:-.04em}.login-mini-brand span{color:#8a8985;font-size:10px;font-weight:600;letter-spacing:.04em}
.login-demo-button{height:38px;padding:0 14px;display:flex;align-items:center;gap:8px;border:1px solid #d8d2c8;border-radius:999px;background:rgba(255,255,255,.78);color:#292a2d;box-shadow:0 6px 20px rgba(44,40,34,.06);font-size:11px;font-weight:700;letter-spacing:0;cursor:pointer;backdrop-filter:blur(12px)}
.login-demo-button i{width:7px;height:7px;border-radius:50%;background:#30a77b;box-shadow:none}

.login-wrap,.login-screen.login-keyboard-hidden .login-wrap{position:relative;z-index:1;width:min(900px,calc(100% - 40px))!important;max-width:none!important;min-height:0!important;margin:0!important;padding:0!important;display:grid!important;grid-template-columns:minmax(0,1fr) 370px!important;gap:12px!important;align-items:stretch!important;align-content:center!important;justify-content:center!important;transform:none!important}
.login-brand,.login-card{width:auto!important;max-width:none!important;margin:0!important;border:1px solid rgba(55,52,46,.09)!important;border-radius:25px!important;background:rgba(255,255,255,.76)!important;box-shadow:0 18px 55px rgba(48,43,35,.08)!important;backdrop-filter:blur(18px)}
.login-brand{min-height:450px!important;padding:44px!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;background:rgba(250,249,246,.74)!important}
.login-kicker,.login-card-kicker{display:block;color:#848078;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.11em}
.login-logo{margin-top:13px;color:#17191d;font-size:46px!important;font-weight:750!important;line-height:1.03!important;letter-spacing:-.055em!important}
.login-brand>p{max-width:390px!important;margin:15px 0 0!important;color:#6f706f!important;font-size:14px!important;font-weight:450!important;line-height:1.5!important}
.login-feature-line{margin-top:34px;display:flex;align-items:center;gap:10px;color:#6d6c68;font-size:10px;font-weight:600}.login-feature-line i{width:4px;height:4px;border-radius:50%;background:#b6b0a6}

.login-card{padding:34px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;background:rgba(255,255,255,.9)!important}
.login-card h1{margin:8px 0 0!important;color:#17191d!important;font-size:29px!important;font-weight:750!important;line-height:1!important;letter-spacing:-.035em!important}.login-card>p{margin:9px 0 22px!important;color:#858682!important;font-size:12px!important;font-weight:450!important;line-height:1.4!important}
.login-form,.login-form.keyboard-collapsed,.login-screen.login-keyboard-hidden .login-form{width:100%!important;max-width:none!important;display:grid!important;grid-template-columns:1fr!important;gap:10px!important;overflow:visible!important}.login-fields{width:100%!important;display:flex!important;flex-direction:column!important;gap:10px!important}.login-form label{display:flex!important;flex-direction:column!important;gap:6px!important;color:#71716d!important;font-size:9px!important;font-weight:650!important;letter-spacing:.065em!important}.login-form input{width:100%!important;height:46px!important;min-height:46px!important;padding:0 14px!important;border:1px solid #dedbd4!important;border-radius:13px!important;background:#faf9f7!important;color:#191b1f!important;font-size:14px!important;font-weight:500!important;box-shadow:none!important;outline:none!important}.login-form input:focus{border-color:#908a80!important;background:#fff!important;box-shadow:0 0 0 3px rgba(117,110,99,.09)!important}.login-form input::placeholder{color:#aaa9a5;font-weight:400}
.login-form button{height:44px!important;min-height:44px!important;border-radius:13px!important;font-size:12px!important;font-weight:650!important}.login-submit{order:3;border:1px solid #1e2024!important;background:#1e2024!important;color:#fff!important;box-shadow:none!important}.login-submit:hover{background:#08090a!important}.login-pinpad-toggle{order:2;border:1px solid #dfdcd6!important;background:#fff!important;color:#64645f!important;box-shadow:none!important}.login-pinpad{width:100%!important;min-width:0!important;margin-top:2px!important;padding:9px!important;gap:8px!important;border-radius:16px!important}.login-pinpad.is-hidden{display:none!important}.login-pinpad button{min-height:48px!important;font-size:18px!important}
.login-footer{position:fixed!important;z-index:2!important;right:22px!important;bottom:15px!important;left:auto!important;transform:none!important;margin:0!important;padding:0!important;width:auto!important;display:flex!important;align-items:center!important;color:#92918d!important;font-size:9px!important;font-weight:550!important;text-transform:none!important}.login-footer span{margin-left:7px!important;padding:3px 7px!important;border:1px solid #dedbd5!important;border-radius:999px!important;background:rgba(255,255,255,.66)!important;color:#777670!important;box-shadow:none!important}
.login-preview,.login-badges,.ramen-mark{display:none!important}

@media(max-width:720px){
  body.login-screen{display:block!important;min-height:100svh!important;overflow-y:auto!important}
  .login-topbar{height:calc(64px + env(safe-area-inset-top));padding:calc(13px + env(safe-area-inset-top)) 16px 8px}
  .login-mini-brand span{display:none}.login-mini-brand b{font-size:18px}.login-demo-button{height:34px;padding:0 12px;font-size:10px}
  body.login-screen .login-wrap,body.login-screen.login-keyboard-hidden .login-wrap{position:relative!important;left:50%!important;width:100vw!important;max-width:100vw!important;min-height:100svh!important;margin:0!important;padding:calc(82px + env(safe-area-inset-top)) 16px calc(50px + env(safe-area-inset-bottom))!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;justify-content:center!important;gap:11px!important;transform:translateX(-50%)!important}
  body.login-screen .login-brand,body.login-screen .login-card{align-self:center!important;width:min(360px,calc(100vw - 32px))!important;min-width:0!important;max-width:none!important;margin:0!important;border-radius:21px!important}
  body.login-screen .login-brand{min-height:0!important;padding:26px 24px!important;background:transparent!important;border-color:transparent!important;box-shadow:none!important;backdrop-filter:none!important}
  .login-kicker{font-size:9px}.login-logo{margin-top:9px!important;font-size:34px!important;font-weight:720!important;line-height:1.04!important}.login-brand>p{max-width:330px!important;margin-top:11px!important;font-size:13px!important;line-height:1.44!important}.login-feature-line{margin-top:18px;font-size:10px;gap:9px}
  body.login-screen .login-card{padding:26px 24px!important}.login-card-kicker{font-size:9px}.login-card h1{font-size:27px!important;font-weight:720!important}.login-card>p{margin:8px 0 18px!important;font-size:12px!important}
  .login-fields{gap:10px!important}.login-form label{font-size:9px!important;font-weight:650!important}.login-form input{height:47px!important;min-height:47px!important;font-size:15px!important}.login-form button{height:46px!important;min-height:46px!important;font-size:12px!important}
  body.login-screen .login-footer{position:fixed!important;right:auto!important;left:50%!important;bottom:8px!important;transform:translateX(-50%)!important;width:auto!important;margin:0!important;padding:0!important;white-space:nowrap!important}
}

@media(max-width:380px),(max-height:720px) and (max-width:720px){
  body.login-screen .login-wrap,body.login-screen.login-keyboard-hidden .login-wrap{justify-content:flex-start!important;padding-top:calc(68px + env(safe-area-inset-top))!important}
  body.login-screen .login-brand{padding:16px 18px!important}.login-feature-line{display:none}.login-logo{font-size:27px!important}.login-brand>p{font-size:11px!important}.login-card{padding:19px!important}
}

html[data-theme="dark"]{background:#202124!important;color-scheme:dark}
html[data-theme="dark"] body.login-screen{
  background:#202124!important;
  background-image:none!important;
  color:#f1f3f4!important;
}
html[data-theme="dark"] body.login-screen::before{
  opacity:.34!important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 430 932' preserveAspectRatio='none'%3E%3Cpath d='M-120 78 C35 -45 205 195 545 15' fill='none' stroke='%2354585d' stroke-width='1.6' opacity='.72'/%3E%3Cpath d='M-125 116 C48 -10 215 225 550 50' fill='none' stroke='%235d584f' stroke-width='1.3' opacity='.55'/%3E%3Cpath d='M-130 155 C62 18 232 255 555 89' fill='none' stroke='%2354585d' stroke-width='1.2' opacity='.5'/%3E%3Cpath d='M248 -120 C370 72 275 235 525 355' fill='none' stroke='%235d584f' stroke-width='1.4' opacity='.52'/%3E%3Cpath d='M292 -105 C402 72 322 235 540 322' fill='none' stroke='%2354585d' stroke-width='1.2' opacity='.5'/%3E%3Cpath d='M-170 515 C35 350 210 620 585 397' fill='none' stroke='%235d584f' stroke-width='1.2' opacity='.44'/%3E%3Cpath d='M-165 555 C42 390 225 655 590 442' fill='none' stroke='%2354585d' stroke-width='1.4' opacity='.54'/%3E%3Cpath d='M-150 708 C70 505 245 815 575 568' fill='none' stroke='%2354585d' stroke-width='1.6' opacity='.66'/%3E%3Cpath d='M-145 754 C80 548 260 850 580 618' fill='none' stroke='%235d584f' stroke-width='1.3' opacity='.54'/%3E%3Cpath d='M-120 804 C95 600 275 885 570 682' fill='none' stroke='%2354585d' stroke-width='1.1' opacity='.48'/%3E%3C/svg%3E")!important;
}
html[data-theme="dark"] body.login-screen::after{
  background:rgba(255,255,255,.035)!important;
}
html[data-theme="dark"] :is(.login-brand,.login-card){
  background:rgba(41,42,46,.94)!important;
  background-image:none!important;
  border-color:rgba(255,255,255,.1)!important;
  box-shadow:0 22px 58px rgba(0,0,0,.26)!important;
}
html[data-theme="dark"] :is(
  .login-logo,.login-card h1,.login-mini-brand b
){color:#f1f3f4!important}
html[data-theme="dark"] :is(
  .login-kicker,.login-card-kicker,.login-brand>p,.login-card>p,
  .login-feature-line,.login-form label,.login-mini-brand span
){color:#aeb3bb!important}
html[data-theme="dark"] .login-feature-line i{background:#666a70!important}
html[data-theme="dark"] :is(
  .login-form input,.login-pinpad-toggle,.login-pinpad,
  .login-pinpad button,.login-demo-button
){
  background:#303136!important;
  background-image:none!important;
  border-color:rgba(255,255,255,.12)!important;
  color:#f1f3f4!important;
  box-shadow:none!important;
}
html[data-theme="dark"] .login-form input:focus{
  background:#35363a!important;
  border-color:#6c7178!important;
  box-shadow:0 0 0 3px rgba(255,255,255,.07)!important;
}
html[data-theme="dark"] .login-submit{
  background:#3a3c41!important;
  border-color:#4d5056!important;
  color:#fff!important;
}
html[data-theme="dark"] .login-submit:hover{background:#44464b!important}
html[data-theme="dark"] .login-footer{color:#858b94!important}
html[data-theme="dark"] .login-footer span{
  background:#292a2e!important;
  border-color:rgba(255,255,255,.1)!important;
  color:#aeb3bb!important;
}