.site-login{padding-block:32px 64px}.site-login .qpoint-merchant .qpm-login--illustrated{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:center;gap:56px;width:100%;padding:0;display:grid}.site-login .qpm-login__story{background:#e9ebee;border-radius:24px;place-self:stretch stretch;width:100%;min-width:0;min-height:clamp(560px,100vh - 160px,680px);position:relative;overflow:hidden}.site-login-photo{position:absolute;inset:0}.site-login-photo img{object-fit:cover;object-position:55% center;width:100%;height:100%}.site-login-photo:after{content:"";background:linear-gradient(#0000,#0d1615db);position:absolute;inset:25% 0 0}.site-login .qpm-login__story .site-login-photo-copy{color:#fff;position:absolute;inset:auto 32px 36px}.site-login .qpm-login__story h2{font:600 clamp(28px,3vw,36px)/1.15 var(--site-display);letter-spacing:-.035em;color:#fff;margin:0 0 16px}.site-login .qpm-login__story p{color:#f0f2f4;max-width:38ch;margin:0;font-size:14px;line-height:1.65}.site-login .qpoint-merchant .qpm-login__card{width:100%;min-width:0;max-width:380px;box-shadow:none;background:#fff;border:0;border-radius:0;gap:20px;margin:0 auto;padding:24px 0;display:grid}.site-login .qpm-login__intro{gap:10px;margin-bottom:12px;display:grid}.site-login .qpm-login__intro>span{color:var(--site-accent-text);text-transform:uppercase;letter-spacing:.12em;font-size:11px;font-weight:650}.site-login .qpm-login__intro h1{font:650 32px/1.15 var(--site-display);letter-spacing:-.04em;color:var(--site-ink);margin:0}.site-login .qpm-login__intro p{color:var(--site-muted);margin:0;font-size:15px;line-height:1.5}.site-login-instructions{gap:8px;display:grid}.site-login-method{align-items:center;gap:8px;font-size:15px;display:flex}.site-login-method>span{color:var(--site-accent-text)}.site-login-help{color:var(--site-muted);font-size:14px;line-height:1.6}.site-login-phone{width:100%;max-width:300px}.site-login .qpoint-merchant .qpm-input{background:#fff;border:1px solid #aeb6c0;border-radius:12px;height:52px;min-height:52px;font-size:16px;font-weight:500}.site-login .qpm-login__password{position:relative}.site-login .qpm-login__password .qpm-input{padding-right:48px}.site-login .qpm-login__eye{min-width:44px;min-height:44px}.site-login .merchant-otp{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;width:100%;max-width:360px;margin:0;display:grid}.site-login .merchant-otp input{width:100%;min-width:0;height:58px;color:var(--site-ink);font:600 22px/1 var(--site-display);text-align:center;font-variant-numeric:tabular-nums;background:#fff;border:1px solid #aeb6c0;border-radius:12px;padding:0}.site-login .qpm-input:focus,.site-login .merchant-otp input:focus{border-color:var(--site-accent-text);box-shadow:0 0 0 2px var(--site-accent-text);outline:none}.site-login .qpm-input[aria-invalid=true],.site-login .merchant-otp input[aria-invalid=true]{background:#fff5f2;border-color:#ba321b}.site-login .merchant-otp input:disabled{opacity:.65;cursor:wait}.site-login .qpm-login__card button[type=submit]{border-radius:12px;min-height:52px;font-size:14px;font-weight:650;transition:transform .12s}.site-login .qpm-login__card button[type=submit]:active:not(:disabled){transform:scale(.98)}.site-login .qpm-login__card button[type=submit]:disabled{color:#646d77;opacity:1;background:#e7eaed;border-color:#e7eaed}.site-login .qpm-login__card .qpm-login__recover{text-align:center;min-height:44px;color:var(--site-muted);cursor:pointer;text-underline-offset:4px;background:0 0;border:0;justify-content:center;align-items:center;gap:6px;font-size:13px;line-height:1.5;text-decoration:underline;display:inline-flex}.site-login .qpm-login__recover:disabled{cursor:wait;opacity:.6}.site-login-security{color:var(--site-muted);align-items:flex-start;gap:8px;margin:0;font-size:12px;line-height:1.5;display:flex}.site-login-security>span{flex-shrink:0;margin-top:2px}.site-login-alternative{text-align:center}.site-login-new{text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 6px;margin-top:4px;font-size:13px;display:flex}.site-login-new>span{color:var(--site-muted)}.site-login-new a{color:var(--site-accent-text);align-items:center;min-height:44px;font-weight:600;display:flex}.site-login-new a:hover{text-underline-offset:4px;text-decoration:underline}.site-login-code-actions{justify-content:space-between;gap:16px;display:flex}.site-login .qpm-login__card>small{color:var(--site-muted);font-size:12px;line-height:1.6}.merchant-site[data-site-login=true]{--login-photo-width:58.3333%;background:#fff;min-height:100svh;position:relative}.merchant-site[data-site-login=true] .site-login-header{z-index:2;width:calc(100% - var(--login-photo-width));background:#fff;justify-content:space-between;align-items:center;gap:20px;min-height:100px;padding:24px 40px;display:flex;position:absolute;top:0;right:0}.site-login-header .site-login-brand{align-items:center;min-height:44px;display:inline-flex}.site-login-header .site-logo-light{display:block!important}.site-login-header .site-logo-dark{display:none!important}.site-login-header .site-login-back{min-height:44px;color:var(--site-muted);align-items:center;gap:6px;font-size:14px;display:inline-flex}.site-login-header .site-login-back:hover{color:var(--site-ink);text-underline-offset:4px;text-decoration:underline}.site-login-header a:focus-visible{outline:2px solid var(--site-accent-text);outline-offset:4px;border-radius:4px}.merchant-site[data-site-login=true] .site-login{background:#fff;padding:0}.site-login>.site-container{width:100%;max-width:none;margin:0;padding:0}.site-login .qpoint-merchant .qpm-login--illustrated{grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:stretch;gap:0;max-width:none;min-height:100svh;margin:0}.site-login .qpm-login__story{background:#252826;border-radius:0;min-height:100svh}.site-login-photo{position:absolute;inset:0;overflow:hidden}.site-login-photo img{object-position:54% center;animation:.9s cubic-bezier(.22,1,.36,1) both login-photo-arrive;display:block}.merchant-site[data-site-brand=QSHOPI] .site-login-photo img{object-position:48% center}.site-login-photo:after{background:linear-gradient(#0000,#0a0f0db8);display:block;inset:48% 0 0}.site-login .qpm-login__story .site-login-photo-copy{animation:.6s cubic-bezier(.22,1,.36,1) .16s both login-copy-arrive;inset:auto 48px 48px}.site-login .qpm-login__story h2{letter-spacing:-.045em;text-wrap:balance;max-width:16ch;margin:0;font-size:clamp(36px,3.6vw,56px);line-height:1.06}.site-login .qpm-login__story p{display:none}.site-login .qpoint-merchant .qpm-login__card{width:calc(100% - 80px);max-width:400px;box-shadow:none;background:0 0;border:0;border-radius:0;place-self:center;gap:20px;margin:0;padding:132px 0 72px;animation:.4s cubic-bezier(.22,1,.36,1) 80ms both login-content-arrive}.site-login .qpm-login__intro{gap:12px;margin-bottom:14px}.site-login .qpm-login__intro h1{letter-spacing:-.045em;font-size:40px;line-height:1.1}.site-login .qpm-login__intro p{font-size:16px;line-height:1.6}.site-login-phone{max-width:none}.site-login .qpoint-merchant .qpm-input{height:56px;min-height:56px;padding-inline:16px;font-size:17px}.site-login .qpm-field__label{font-size:14px}.site-login .qpm-login__card button[type=submit]{min-height:56px;font-size:15px}.site-login .qpm-login__card button[type=submit]:not(:disabled){background:var(--site-band);border-color:var(--site-band);color:#fff}.site-login .qpm-login__card button[type=submit]:not(:disabled):hover{filter:brightness(.94)}.site-login .qpm-login__card button:focus-visible,.site-login .qpm-login__card a:focus-visible{outline:2px solid var(--site-accent-text);outline-offset:3px}.site-login .qpm-login__error{font-size:14px;line-height:1.5}.site-login .site-login-alternative{text-align:left;padding-top:4px}.site-login .site-login-alternative .qpm-login__recover{font-size:14px;text-decoration:none}.site-login .site-login-alternative .qpm-login__recover:hover{text-decoration:underline}.site-login-new{text-align:left;border-top:1px solid #e4e7ea;justify-items:start;gap:2px;margin-top:0;padding-top:20px;font-size:14px;display:grid}.site-login-new a{min-height:44px}.site-login .site-login-security{font-size:13px;line-height:1.5}@keyframes login-photo-arrive{0%{opacity:.5;transform:scale(1.035)}to{opacity:1;transform:none}}@keyframes login-copy-arrive{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes login-content-arrive{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media (max-width:1099px){.merchant-site[data-site-login=true]{--login-photo-width:50%}.site-login .qpoint-merchant .qpm-login--illustrated{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.merchant-site[data-site-login=true] .site-login-header{padding-inline:32px}.site-login .qpoint-merchant .qpm-login__card{width:calc(100% - 64px);max-width:380px}.site-login .qpm-login__story .site-login-photo-copy{inset:auto 32px 36px}.site-login .qpm-login__story h2{font-size:36px}}@media (max-width:800px){.merchant-site[data-site-login=true] .site-login-header{width:100%;min-height:72px;padding:12px 24px;position:static}.site-login-header .site-logo{width:112px}.site-login-header .site-login-back{font-size:13px}.site-login .qpoint-merchant .qpm-login--illustrated{min-height:calc(100svh - 72px);display:block}.site-login .qpm-login__story{display:none}.site-login .qpoint-merchant .qpm-login__card{width:calc(100% - 48px);max-width:400px;margin:auto;padding:40px 0 48px}.site-login .qpm-login__intro h1{font-size:34px}}@media (max-width:360px){.merchant-site[data-site-login=true] .site-login-header{gap:12px;padding-inline:20px}.site-login .qpoint-merchant .qpm-login__card{width:calc(100% - 40px)}.site-login .merchant-otp{gap:6px}.site-login .merchant-otp input{border-radius:10px;height:49px}}@media (prefers-reduced-motion:reduce){.site-login-photo img,.site-login .qpm-login__story .site-login-photo-copy,.site-login .qpoint-merchant .qpm-login__card{animation:none;transform:none}.site-login .qpm-login__card button[type=submit]{transition:none;transform:none}}.site-login .qpm-login__card{grid-area:1/2}.site-login .qpm-login__story{grid-area:1/1}.site-login-slides,.site-login-slide{position:absolute;inset:0}.site-login-slide{opacity:0;pointer-events:none;transition:opacity 1.2s}.site-login-slide[data-active=true]{opacity:1}.site-login .site-login-slide .site-login-photo-copy{animation:none;bottom:112px}.site-login-slide .site-login-photo img{animation:none}.site-login-carousel-controls{z-index:1;color:#fff;align-items:center;gap:8px;display:flex;position:absolute;bottom:40px;left:48px}.site-login-carousel-controls button{color:#fff;cursor:pointer;background:#111b;border:1px solid #fff5;border-radius:50%;place-items:center;width:44px;height:44px;display:grid}.site-login-carousel-controls button:hover{background:#111e}.site-login-carousel-controls button:focus-visible{outline-offset:3px;outline:2px solid #fff}.site-login-carousel-controls>span{font-variant-numeric:tabular-nums;letter-spacing:.1em;margin-left:10px;font-size:12px}.site-login-sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (max-width:1099px){.site-login-carousel-controls{bottom:32px;left:32px}}@media (prefers-reduced-motion:reduce){.site-login-slide{transition:none}}.site-login .qpoint-merchant .qpm-login__card{align-self:start;margin-top:clamp(132px,50svh - 254px,246px);padding:0 0 48px}.site-login .merchant-otp{align-items:center;min-height:85px}@media (min-width:801px) and (max-height:720px){.merchant-site[data-site-login=true] .site-login-header{min-height:76px;padding-block:16px}.site-login .qpoint-merchant .qpm-login__card{gap:16px;margin-top:100px;padding-bottom:28px}.site-login .qpm-login__intro{margin-bottom:8px}.site-login .qpm-login__intro h1{font-size:36px}.site-login-new{padding-top:16px}}@media (min-width:801px) and (max-width:1023px){.merchant-site[data-site-brand=QRANGO] .site-login-slide:first-child img{object-position:36% center}.merchant-site[data-site-brand=QSHOPI] .site-login-slide:first-child img{object-position:62% center}}@media (max-width:800px){.site-login .qpoint-merchant .qpm-login__card{margin-top:0;padding-top:40px}}.site-login .qpm-login__error{color:#b42318;background:0 0;border:0;align-items:flex-start;gap:8px;padding:0;display:flex}.site-login .qpm-login__error>:first-child{flex:0 0 18px;margin-top:2px}@media (min-width:801px) and (max-height:720px){.site-login .qpoint-merchant .qpm-login__card{gap:12px;margin-top:92px;padding-bottom:20px}.site-login .qpm-login__intro{gap:8px;margin-bottom:4px}.site-login-new{padding-top:12px}.site-login .site-login-alternative{padding-top:0}}
.merchant-sales{min-width:0;color:var(--qpm-text);gap:20px;display:grid}.merchant-sales :is(h2,h3,p,dl,ul,ol){margin:0}.merchant-sales h2{font-size:17px;font-weight:650;line-height:1.4}.merchant-sales h3{font-size:14px}.merchant-sales-toolbar,.merchant-sales-section>header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.merchant-sales-section>header{align-items:flex-start;margin-bottom:20px}.merchant-sales-section>header p{color:var(--qpm-muted);max-width:58ch;margin-top:4px;font-size:12px}.merchant-sales-period{flex-wrap:wrap;gap:4px;min-width:0;display:flex}.merchant-sales-period button{font:inherit;min-height:40px;color:var(--qpm-muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:9px;padding:8px 14px;font-size:13px}.merchant-sales-period button[aria-pressed=true]{background:var(--qpm-surface-2);color:var(--qpm-text);border-color:var(--qpm-line)}.merchant-sales-dates{flex-wrap:wrap;align-items:flex-end;gap:10px;display:flex}.merchant-sales-dates label{color:var(--qpm-muted);gap:6px;font-size:12px;display:grid}.merchant-sales input,.merchant-sales select{font:inherit;border:1px solid var(--qpm-line);background:var(--qpm-surface);min-height:44px;color:var(--qpm-text);border-radius:9px;max-width:100%;padding:8px 12px}.merchant-sales-kpis{border-block:1px solid var(--qpm-line);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.merchant-sales-kpis>div{border-left:1px solid var(--qpm-line);flex-direction:column;gap:8px;min-width:0;padding:20px 16px;display:flex}.merchant-sales-kpis>div:first-child{border-left:0}.merchant-sales-kpis dt{color:var(--qpm-muted);font-size:13px}.merchant-sales-kpis dd{letter-spacing:-.03em;overflow-wrap:anywhere;font-variant-numeric:tabular-nums;margin:0;font-size:clamp(22px,2.2vw,30px);font-weight:700}.merchant-sales-kpis small{color:var(--qpm-muted);font-size:11px;line-height:1.5}.merchant-sales-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;min-width:0;display:grid}.merchant-sales-section{border:1px solid var(--qpm-line);background:var(--qpm-surface);border-radius:16px;min-width:0;padding:22px}.merchant-sales-note{color:var(--qpm-muted);align-items:flex-start;gap:8px;font-size:12px;line-height:1.6;display:flex}.merchant-sales-note .qpm-icon{flex:none;margin-top:2px}.merchant-sales-section>h2,.merchant-sales-section>h3{margin-bottom:16px}.merchant-sales-breakdown,.merchant-sales-ranking{padding:0;list-style:none}.merchant-sales-breakdown li{border-top:1px solid var(--qpm-line);grid-template-columns:minmax(0,1fr) auto;gap:8px 16px;padding:14px 0;display:grid}.merchant-sales-breakdown li:first-child{border-top:0}.merchant-sales-breakdown small,.merchant-sales-ranking small{color:var(--qpm-muted);margin-top:4px;font-size:11px;display:block}.merchant-sales-meter{background:var(--qpm-surface-2);border-radius:6px;grid-column:1/-1;height:5px;overflow:hidden}.merchant-sales-meter i{background:var(--qpm-coral);border-radius:6px;height:100%;display:block}.merchant-sales-ranking li{border-top:1px solid var(--qpm-line);grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px 0;font-size:13px;display:grid}.merchant-sales-ranking li:first-child{border-top:0}.merchant-sales-ranking strong{overflow-wrap:anywhere}.merchant-sales-rank{color:var(--qpm-muted);font-size:12px}.merchant-sales-peaks{grid-template-columns:1fr 1fr;gap:20px;margin:20px 0;display:grid}.merchant-sales-peaks>div{align-content:start;gap:8px;display:grid}.merchant-sales-peaks small,.merchant-sales-peaks span{color:var(--qpm-muted);font-size:11px;line-height:1.5}.merchant-sales-bookings>.merchant-sales-kpis{grid-template-columns:repeat(3,minmax(0,1fr));margin:16px 0}.merchant-sales-bookings>h3{margin-top:24px}.merchant-sales-table{margin-top:16px;overflow:auto}.merchant-sales-table summary{cursor:pointer;color:var(--qpm-muted);padding:12px 0;font-size:12px}.merchant-sales-table table{border-collapse:collapse;white-space:nowrap;width:100%;font-size:12px}.merchant-sales-table :is(th,td){text-align:left;border-bottom:1px solid var(--qpm-line);padding:9px}.merchant-sales-empty{text-align:center;color:var(--qpm-muted);justify-items:center;gap:12px;padding:36px;display:grid}.merchant-sales :is(button,input,select,summary):focus-visible{outline:2px solid var(--qpm-coral);outline-offset:3px}@media (max-width:900px){.merchant-sales-grid{grid-template-columns:1fr}.merchant-sales-kpis{grid-template-columns:1fr 1fr}.merchant-sales-kpis>div:nth-child(3){border-left:0;border-top:1px solid var(--qpm-line)}.merchant-sales-kpis>div:nth-child(4){border-top:1px solid var(--qpm-line)}}@media (max-width:480px){.merchant-sales-section{padding:16px}.merchant-sales-kpis>div{padding:16px 10px}.merchant-sales-bookings>.merchant-sales-kpis{grid-template-columns:1fr}.merchant-sales-bookings .merchant-sales-kpis>div{border-left:0;border-top:1px solid var(--qpm-line)}.merchant-sales-period button{padding:8px 10px}.merchant-sales-ranking li{grid-template-columns:18px minmax(0,1fr)}.merchant-sales-ranking li>strong{grid-column:2}.merchant-sales-peaks{gap:12px}}@media (max-width:760px){.merchant-sales :is(input,select){font-size:16px}.merchant-sales-period button{min-height:44px}}.merchant-sales-section>.qpm-chartbox{max-width:800px;margin-inline:auto}.merchant-sales-section .merchant-sales-table{max-height:360px}@media (max-width:760px){.merchant-sales .qpm-chart-axis{font-size:22px}}