:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background-color:#242424;color:#fff}#root.admin-root{background:#262626;color:#fff}#root.customer-root{background:#fff;color:#000}#root.kiosk-root{background:#fff;color:#000;width:1080px;height:1920px;padding:0}body.has-device-bg:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:var(--device-bg);background-size:cover;background-position:center;background-repeat:no-repeat;filter:blur(4px);z-index:0;pointer-events:none;will-change:transform}#root.device-root,#root.device-root>*{position:relative;z-index:1;background:transparent!important}body.has-device-bg:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:#00000026;z-index:0;pointer-events:none}.p-AccordionButton.c-AccordionNegateSpacingHorizontal.c-AccordionNegateBorderVertical.p-AccordionButton--alignCenter,.p-AccordionButton:hover{display:none!important}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;justify-content:center;text-align:center}.transparent-bg{background:transparent!important}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{--color-bg: #0d0f16;--color-panel: #151926;--color-panel-alt: #0f1422;--color-brand: #6c5ce7;--color-brand-alt: #8b78ff;--color-success: #19c37d;--color-danger: #ff5c5c;--color-text: #e6e8ef;--color-subtext: #9fa7c3;--color-border: #23293c;--color-accent: #2b3250;--color-pill: #1e2437;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 18px;--radius-xl: 24px;--radius-xxl: 28px;--shadow-soft: 0 6px 20px rgba(0, 0, 0, .35);--shadow-hard: 0 10px 40px rgba(0, 0, 0, .5)}@font-face{font-family:MouldyCheeseRegular;src:url(/assets/MouldyCheeseRegular-WyMWG-BG_GMbLF.ttf) format("truetype")}body,#root{width:100%;height:100%;margin:0;background:var(--color-bg);color:var(--color-text);font-family:Inter,sans-serif}.quikpay-kiosk{width:1080px;height:1920px;margin:0 auto;overflow:hidden;display:flex;flex-direction:column;background:var(--color-bg);color:var(--color-text);background-color:#fff}.qpk-header{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:20px;border-bottom:1px solid var(--color-border);background:var(--color-panel-alt);z-index:20;background-color:#fff;color:#000}@media (prefers-reduced-motion: no-preference){*{transition-duration:.15s!important}}.qpk-tap-scale{transition:transform .1s ease-out}.qpk-tap-scale:active{transform:scale(.85)}.qpk-cart-button{transition:transform .1s ease-out}.qpk-cart-button:active{transform:scale(.85)}.qpk-close-button{transition:transform .1s ease-out}.qpk-close-button:active{transform:scale(.9)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade-in{animation:fadeIn .2s ease-out}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.scale-in{animation:scaleIn .2s ease-out}.cart-modal{transition:top .3s cubic-bezier(.4,0,.2,1)}.cart-modal-open{top:40px!important}.modal-overlay{animation:fadeIn .2s ease-out}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.slide-up{animation:slideUp .3s ease-out}@keyframes slideDown{0%{transform:translateY(0);opacity:1}to{transform:translateY(100%);opacity:0}}.slide-down{animation:slideDown .3s ease-out}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.9)}to{transform:scale(1)}}.bounce-in{animation:bounceIn .5s cubic-bezier(.68,-.55,.265,1.55)}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-10px)}20%,40%,60%,80%{transform:translate(10px)}}.shake{animation:shake .5s}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@media (prefers-reduced-motion: reduce){.qpk-tap-scale,.qpk-cart-button,.qpk-close-button{transition:none}.qpk-tap-scale:active,.qpk-cart-button:active,.qpk-close-button:active{transform:none}.fade-in,.scale-in,.slide-up,.slide-down,.bounce-in,.shake,.pulse,.cart-count-flash{animation:none}.cart-modal{transition:none}}footer{position:fixed;bottom:0;display:block;border-top:1px solid var(--color-border);width:100%;text-align:center}@keyframes arrowBounce{0%,to{transform:translateY(0)}50%{transform:translateY(20px)}}.animated-arrow-container{pointer-events:none;z-index:100}.arrow-bounce{animation:arrowBounce 1.2s ease-in-out infinite}.arrow-bounce-delayed{animation-delay:.3s}@media (prefers-reduced-motion: reduce){.arrow-bounce,.arrow-bounce-delayed{animation:none}}.success-tick-container{animation:fadeIn .2s ease-out}@keyframes circleScaleIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.success-circle{animation:circleScaleIn .2s ease-out forwards;transform-origin:center}@keyframes checkmarkDraw{to{stroke-dashoffset:0}}.success-checkmark{animation:checkmarkDraw .45s ease-out .1s forwards}@keyframes successPulse{0%{opacity:.35;transform:scale(1)}to{opacity:0;transform:scale(1.15)}}.success-pulse{opacity:0;transform-origin:center;animation:successPulse 1.2s ease-out .8s infinite}@media (prefers-reduced-motion: reduce){.success-tick-container{animation:none}.success-circle{animation:none;opacity:1;transform:scale(1)}.success-checkmark{animation:none;stroke-dashoffset:0}.success-pulse{animation:none;opacity:0}}.banner-carousel{touch-action:pan-y}.banner-slide{opacity:0;pointer-events:none;transition:transform .5s cubic-bezier(.22,1,.36,1),opacity .2s ease-out}.banner-slide.banner-active{opacity:1;transform:translate(0);pointer-events:auto;z-index:1}.banner-slide.banner-exit-left{transform:translate(-1080px);opacity:0}.banner-slide.banner-exit-right{transform:translate(1080px);opacity:0}.banner-slide.banner-transitioning.banner-active{animation:bannerSlideIn .5s cubic-bezier(.22,1,.36,1)}@keyframes bannerSlideIn{0%{transform:translate(var(--slide-from, 1080px));opacity:0}to{transform:translate(0);opacity:1}}.banner-slide.banner-transitioning.banner-active[data-direction="1"]{--slide-from: 1080px}.banner-slide.banner-transitioning.banner-active[data-direction="-1"]{--slide-from: -1080px}.banner-nav-btn:hover:not(:disabled){background-color:#000c!important}.banner-nav-btn:active:not(:disabled){transform:translateY(-50%) scale(.95)}.banner-nav-btn:disabled{cursor:not-allowed;opacity:.5}.banner-dot:hover:not(:disabled){transform:scale(1.2)}.banner-dot:active:not(:disabled){transform:scale(.9)}.banner-dot:disabled{cursor:not-allowed}@media (prefers-reduced-motion: reduce){.banner-slide{transition:opacity .2s ease-out}.banner-slide.banner-transitioning.banner-active{animation:none}.banner-slide.banner-active{opacity:1;transform:none}.banner-slide.banner-exit-left,.banner-slide.banner-exit-right{opacity:0;transform:none}.banner-nav-btn:active:not(:disabled){transform:translateY(-50%)}.banner-dot:hover:not(:disabled),.banner-dot:active:not(:disabled){transform:none}}.qpk-btn{border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:14px 20px;font-weight:700;cursor:pointer;transition:transform .05s ease;color:var(--color-text)}.qpk-btn:active{transform:scale(.97)}.qpk-btn.primary{background:linear-gradient(180deg,var(--color-brand-alt),var(--color-brand));box-shadow:var(--shadow-soft)}.qpk-btn.secondary{background:var(--color-pill)}.qpk-btn:disabled{cursor:not-allowed;opacity:.5}.qpk-pill{display:inline-flex;align-items:center;gap:10px;background:var(--color-pill);border:1px solid var(--color-border);border-radius:999px;padding:8px 14px;font-size:12px;font-weight:700;letter-spacing:.6px;color:var(--color-subtext)}.qpk-pill strong{color:var(--color-text);font-weight:800}.qpk-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0c1499;display:grid;place-items:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.qpk-modal{background:var(--color-panel);border-radius:var(--radius-xl);border:1px solid var(--color-border);box-shadow:var(--shadow-hard);width:720px;max-width:94vw;max-height:94vh;display:flex;flex-direction:column}.qpk-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid var(--color-border)}.qpk-modal-body{padding:20px;overflow-y:auto}.qpk-products{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.qpk-product{background:var(--color-panel-alt);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:14px;display:grid;gap:8px;height:500px;font-size:40px}.qpk-product h4{margin:0;font-weight:800}.qpk-product-name{font-weight:900;margin-top:30px;font-family:MouldyCheeseRegular,sans-serif}.qpk-product-price{font-weight:900;font-family:MouldyCheeseRegular,sans-serif}.qpk-product .desc{color:var(--color-subtext);font-size:13px}.qpk-sidecard{background:var(--color-panel);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:16px;margin-bottom:20px;box-shadow:var(--shadow-soft)}.qpk-sidecard h5{margin:0 0 10px;font-size:16px;font-weight:800;color:var(--color-subtext)}.qpk-balance-form{display:grid;gap:12px}.qpk-balance-actions{display:flex;gap:10px;justify-content:flex-end}.qpk-balance-results{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}.qpk-balance-card{background:#fff;border:1px solid black;border-radius:var(--radius-lg);padding:16px;display:grid;gap:6px}.qpk-balance-card .label{color:#000;font-weight:700}.qpk-balance-card .value{font-size:26px;color:#000;font-weight:900}@keyframes qpkSpin{to{transform:rotate(360deg)}}.qpk-spinner{width:40px;height:40px;border-radius:50%;border:4px solid rgba(255,255,255,.15);border-top-color:var(--color-text);animation:qpkSpin 1s linear infinite}.qpk-instructions{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;width:1080px;height:1920px;margin:0 auto;overflow:hidden;-webkit-user-select:none;user-select:none;touch-action:manipulation;background:var(--color-panel);display:grid;place-items:center}.qpk-instructions-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(1200px 1200px at 30% 30%,rgba(139,120,255,.18),transparent 60%),radial-gradient(1200px 1200px at 70% 70%,rgba(108,92,231,.22),transparent 60%),linear-gradient(160deg,#0f1422,#151926);background-size:200% 200%,200% 200%,cover;filter:saturate(1.1);pointer-events:none}.qpk-instructions-inner{position:relative;z-index:1;width:100%;max-width:1080px;text-align:center;display:grid;gap:24px}.qpk-instructions-line{font-size:2.6rem;font-weight:900;letter-spacing:.5px;color:var(--color-text);text-shadow:0 2px 24px rgba(0,0,0,.35)}.qpk-instructions-progress{display:grid;gap:12px;place-items:center}.qpk-instructions-progress .track{width:72%;height:10px;border-radius:999px;background:#ffffff14;border:1px solid var(--color-border);overflow:hidden}.qpk-instructions-progress .bar{height:100%;transform-origin:left center;background:linear-gradient(180deg,var(--color-brand-alt),var(--color-brand));box-shadow:var(--shadow-soft)}.qpk-instructions-progress .dots{display:flex;gap:8px}.qpk-instructions-progress .dot{width:10px;height:10px;border-radius:999px;background:#ffffff2e}.qpk-instructions-progress .dot.active{background:var(--color-text)}.qpk-instructions-hint{color:var(--color-subtext);font-weight:700;font-size:1rem}.qpk-instructions-inner button.qpk-btn{justify-self:center}@media (prefers-reduced-motion: reduce){.qpk-instructions-bg{animation:none!important}}.qpk-instructions-line{display:grid;gap:8px;text-align:center}.qpk-instructions-step{font-size:2.2rem;font-weight:900;color:var(--color-text);text-shadow:0 2px 24px rgba(0,0,0,.35)}.qpk-instructions-text{font-size:1.6rem;font-weight:500;color:var(--color-subtext);line-height:1.4;max-width:80%;margin:0 auto}.kiosk-custom-amount-modal{scale:1.5}@keyframes cart-flash{0%{box-shadow:0 0 #e53e3e}50%{box-shadow:0 0 16px 8px #e53e3e}to{box-shadow:0 0 #e53e3e}}.cart-count-flash{animation:cart-flash .8s infinite}.instruction-text-slide{animation:instructionSlide .6s cubic-bezier(.34,1.56,.64,1)}@keyframes instructionSlide{0%{opacity:0;transform:translateY(20px);filter:blur(6px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}.instruction-bg-animate{animation:instructionBgMove 6s linear infinite alternate}@keyframes instructionBgMove{0%{background-position:0% 50%}to{background-position:100% 50%}}.fade-out{animation:fadeOut .35s ease-out forwards}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion: reduce){.instruction-text-slide{animation:instructionSlideReduced .3s ease-out}@keyframes instructionSlideReduced{0%{opacity:0}to{opacity:1}}.instruction-bg-animate{animation:none}}