.pushcard-logo{display:inline-block;width:110px;height:auto;max-width:100%;flex-shrink:0;vertical-align:middle;object-fit:contain}a:has(>.pushcard-logo){gap:12px}.m-brand:has(>.pushcard-logo){flex-wrap:wrap}.m-brand .pushcard-logo,.app-header .brand .pushcard-logo{width:100px}.intro .brand .pushcard-logo{width:150px}h1 .pushcard-logo{width:180px}:root[data-theme=dark] .pushcard-logo{filter:brightness(0) invert(1)}:root{--navy:#112638;--green:#b6ed67;--ink:#172b3a;--muted:#75828b;--bg:#f5f7f8;--line:#e8edef;--white:#fff;--radius:22px}*{box-sizing:border-box}body{margin:0;background:#e9eef0;color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:14px}button,input{font:inherit}button{cursor:pointer;border:0;color:inherit}button:focus-visible,input:focus-visible{outline:3px solid #438333;outline-offset:4px}button:hover{filter:brightness(.97)}button:disabled{cursor:default}svg{display:block;width:22px;height:22px;flex-shrink:0}a{color:inherit}.stage{min-height:100vh;display:grid;grid-template-columns:minmax(240px,430px) 430px;gap:90px;justify-content:center;align-items:center;padding:42px}.intro{align-self:center}.brand{font-size:28px;font-weight:800;letter-spacing:-1px;display:flex;gap:12px;align-items:center}.brand-mark{display:grid;place-items:center;background:var(--navy);color:var(--green);width:42px;height:42px;border-radius:13px;font-size:28px}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:700;text-transform:uppercase;color:#537163}.intro h1{font-size:52px;line-height:1.08;letter-spacing:-2px;margin:30px 0 22px}.intro p{font-size:17px;line-height:1.65;color:#66757f;max-width:370px}.intro .demo{font-size:12px;margin-top:40px;line-height:1.7}.swatches{display:flex;gap:10px;margin-top:28px}.swatches span{width:38px;height:38px;border-radius:50%;border:4px solid #fff}.phone{width:430px;height:884px;position:relative;background:var(--bg);border:8px solid var(--navy);border-radius:46px;overflow:hidden;box-shadow:0 25px 70px #172b3a25}.status{height:43px;display:flex;align-items:center;justify-content:space-between;padding:0 26px;font-size:12px;font-weight:700;background:var(--bg)}.status span:last-child{font-size:11px;letter-spacing:2px}.screen{height:747px;overflow-y:auto;scrollbar-width:none;padding:8px 22px 24px}.screen::-webkit-scrollbar{display:none}.top{display:flex;justify-content:space-between;align-items:center;margin:8px 0 25px}.top small{display:block;color:var(--muted);font-size:12px;margin-bottom:6px}.top strong{font-size:23px;letter-spacing:-.7px}.round{width:42px;height:42px;background:#fff;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;position:relative}.dot{position:absolute;width:7px;height:7px;right:10px;top:9px;background:#80b843;border-radius:50%;border:2px solid #fff}.row{display:flex;align-items:center;justify-content:space-between;gap:10px}.section-title{font-size:18px;letter-spacing:-.4px;margin:24px 0 14px}.link{background:none;color:#4d7138;font-size:12px;padding:8px 0}.wallet{background:var(--navy);padding:23px;border-radius:26px;color:#fff;min-height:208px;position:relative;overflow:hidden}.wallet:after{content:"";position:absolute;width:190px;height:190px;border:32px solid #ffffff08;border-radius:50%;right:-65px;top:-60px}.wallet .mini{font-size:10px;font-weight:700;letter-spacing:2px;color:#b4c6d1}.wallet h2{font-size:27px;font-weight:500;letter-spacing:-.8px;margin:20px 0 24px}.wallet .pill{background:var(--green);color:var(--navy);padding:8px 12px;border-radius:30px;font-size:11px;font-weight:700}.wallet small{color:#b4c6d1;font-size:11px}.payment-alert{display:flex;align-items:center;gap:12px;margin:16px 0;padding:14px;background:#e9f4dc;border:1px solid #dceaca;border-radius:18px;text-align:left;width:100%}.payment-alert .round{background:#fff;border:none;width:38px;height:38px}.payment-alert strong{display:block;font-size:13px}.payment-alert small{display:block;margin-top:5px;font-size:11px;color:#5b704d}.payment-alert .arrow{margin-left:auto}.offer{background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden;margin-bottom:13px;text-align:left;width:100%;padding:0}.offer-art{height:103px;background:#dfebda;position:relative;padding:18px;overflow:hidden}.offer-art .percent{font-size:40px;font-weight:800;letter-spacing:-2px;position:relative;z-index:1}.offer-art .tag{font-size:10px;font-weight:700;letter-spacing:1px;margin-top:5px}.offer-art:after{content:"";position:absolute;width:130px;height:130px;right:15px;top:-10px;border:25px solid #ffffff70;border-radius:50%}.offer-body{padding:14px 16px}.offer-body strong{font-size:14px}.offer-body p{font-size:12px;color:var(--muted);margin:6px 0 12px}.offer-body .meta{font-size:10px;color:#718079}.label{background:#f2f5f0;padding:5px 7px;border-radius:6px;font-size:10px;color:#5a7246}.nav{position:absolute;bottom:0;left:0;right:0;background:#fff;border-top:1px solid var(--line);height:78px;display:flex;padding:10px 10px 17px}.nav button{width:20%;display:flex;flex-direction:column;gap:6px;align-items:center;background:none;color:#8c979d;font-size:9px;padding:0}.nav button.active{color:var(--navy);font-weight:700}.nav button.active svg{color:#629a38}.heading{font-size:28px;letter-spacing:-1px;margin:12px 0 8px}.sub{color:var(--muted);font-size:12px;line-height:1.6;margin:0 0 20px}.search{display:flex;gap:10px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:15px;padding:13px;margin:16px 0}.search input{border:0;background:none;min-width:0;outline:none;width:100%;font-size:12px}.filters{display:flex;gap:7px;margin:14px 0 20px}.chip{padding:9px 12px;border-radius:20px;background:#fff;font-size:11px;border:1px solid var(--line)}.chip.selected{background:var(--navy);color:#fff;border-color:var(--navy)}.loyalty{background:var(--navy);color:#fff;position:relative;border-radius:22px;padding:22px;margin:14px 0;width:100%;text-align:left;overflow:hidden;min-height:170px}.loyalty:after{content:"";position:absolute;right:-25px;top:-25px;width:135px;height:135px;border:22px solid #ffffff12;border-radius:50%}.loyalty .merchant{font-size:21px;font-weight:700;letter-spacing:-.8px;margin-bottom:5px}.loyalty small{font-size:10px;opacity:.7}.loyalty .row{margin-top:35px}.loyalty .points{font-size:19px;font-weight:700}.add-card{border:1px dashed #bdc9c4;background:transparent;border-radius:18px;width:100%;padding:18px;margin-top:6px;font-size:12px;color:#537144}.new-card{display:flex;gap:13px;align-items:center;background:#fff;border:1px solid var(--line);padding:17px;border-radius:18px;margin:12px 0}.merchant-icon{height:47px;width:47px;flex-shrink:0;border-radius:14px;background:#dfebda;color:#385a33;display:grid;place-items:center;font-size:20px;font-weight:700}.new-card strong{font-size:13px}.new-card p{font-size:11px;color:var(--muted);line-height:1.6;margin:5px 0}.new-card button{font-size:11px;color:#3d642c;background:#eff7e7;border-radius:20px;padding:8px 10px}.notice{padding:18px;background:#fff;border:1px solid var(--line);border-radius:18px;margin:12px 0}.notice strong{font-size:13px}.notice p{font-size:12px;line-height:1.65;color:#75828b;margin:8px 0}.notice small{font-size:10px;color:#99a2a7}.primary{padding:16px;width:100%;background:var(--green);color:var(--navy);font-weight:700;border-radius:16px;font-size:13px}.secondary{padding:15px;width:100%;background:transparent;font-size:12px;color:var(--muted)}.pay-head{display:flex;gap:13px;align-items:center;margin-top:28px}.amount{font-size:48px;font-weight:700;letter-spacing:-2px;text-align:center;margin:40px 0 8px}.amount-sub{text-align:center;font-size:12px;color:var(--muted);margin-bottom:32px}.receipt{background:#fff;border-radius:20px;border:1px solid var(--line);padding:18px;margin-bottom:22px}.receipt .row{margin:12px 0;font-size:12px}.receipt .row span:first-child{color:var(--muted)}.receipt hr{border:0;border-top:1px dashed #d8dfe2;margin:17px 0}.benefit{background:#eaf3df;color:#507036;border-radius:12px;padding:12px;font-size:11px;line-height:1.5;margin:18px 0}.bank{display:flex;gap:12px;align-items:center;padding:17px;width:100%;background:#fff;border:1px solid var(--line);border-radius:16px;margin-bottom:12px;text-align:left}.bank .round{background:#eff3f5;border:0;border-radius:12px}.bank small{display:block;color:var(--muted);font-size:11px;margin-top:5px}.success-icon{width:90px;height:90px;display:grid;place-items:center;background:var(--green);border-radius:50%;margin:50px auto 25px}.success-icon svg{width:40px;height:40px}.center{text-align:center}.barcode{display:flex;justify-content:center;gap:3px;background:#fff;padding:25px 20px;border-radius:18px;height:110px;margin:24px 0 10px}.barcode i{display:block;background:var(--navy);width:3px}.caption{font-size:10px;color:#92a0a7;text-align:center;margin-top:10px}.hidden{display:none!important}.toast{position:absolute;bottom:90px;left:20px;right:20px;background:var(--navy);color:#fff;border-radius:13px;padding:14px;font-size:12px;z-index:4;box-shadow:0 8px 25px #0002}.page-footer{margin-top:20px;font-size:11px;line-height:1.7;color:#73818a}.balance{font-size:11px;letter-spacing:.2px}.back{display:flex;align-items:center;gap:5px;background:none;padding:8px 0;color:#72808b;font-size:12px}.map{height:180px;border-radius:20px;background:#e5ece7;position:relative;overflow:hidden;margin-bottom:18px}.map:before{content:"";position:absolute;left:90px;top:-30px;width:20px;height:300px;transform:rotate(40deg);background:#fff8;box-shadow:90px 0 #fff8,-70px 0 #fff8}.map:after{content:"";position:absolute;left:-20px;top:85px;width:430px;height:18px;background:#fff8;transform:rotate(-15deg)}.pin{position:absolute;z-index:1;background:var(--navy);color:#fff;padding:7px 10px;border-radius:15px;font-size:11px;box-shadow:0 3px 10px #0002}.map-note{position:absolute;z-index:2;bottom:10px;left:10px;color:#667f6b;font-size:9px;background:#fff9;border-radius:7px;padding:5px}@media(max-width:850px){.stage{display:block;padding:20px}.intro{max-width:430px;margin:0 auto 25px}.intro h1{font-size:34px;margin:15px 0}.intro p,.swatches,.intro .demo,.eyebrow{display:none}.brand{font-size:20px}.brand-mark{width:32px;height:32px;font-size:22px}.phone{margin:auto;width:min(430px,100%)}.intro h1{font-size:24px}.phone{height:884px}}@media(max-width:460px){body{background:var(--bg)}.stage{padding:0}.intro{display:none}.phone{border:0;border-radius:0;width:100%;height:100dvh;min-height:600px;box-shadow:none}.screen{height:calc(100dvh - 121px);min-height:480px}.nav{position:fixed}.status{padding-top:5px}}.profile-button{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#112638;color:#b6ed67;font-size:14px;font-weight:700}.top-actions{display:flex;gap:8px}.profile-selector{margin:0 0 18px;width:100%;padding:13px 14px;display:flex;align-items:center;justify-content:space-between;border:1px solid #dfe8de;border-radius:14px;background:#eef4e9;text-align:left}.profile-selector small{display:block;font-size:12px;color:#697765;margin-top:4px}.profile-selector strong{font-size:14px}.profile-card-label{font-size:12px;margin-bottom:14px;display:flex;align-items:center;gap:6px;color:#d5e4cd}.loyalty .row{margin-top:24px}.badge{display:inline-block;background:#edf4e6;color:#4c7139;border-radius:8px;padding:6px 9px;font-size:12px;font-weight:500}.profile-summary{background:#fff;border:1px solid var(--line);border-radius:22px;padding:20px;margin:20px 0}.profile-summary h2{font-size:21px;margin:10px 0}.profile-summary p{font-size:14px;color:#75828b;line-height:1.6;overflow-wrap:anywhere;margin:5px 0}.profile-option{display:flex;align-items:center;width:100%;gap:13px;padding:16px;border:1px solid var(--line);background:#fff;border-radius:17px;text-align:left;margin:12px 0}.profile-option.selected{border-color:#97be72;box-shadow:0 0 0 1px #97be72}.profile-option strong{font-size:15px}.profile-option small{display:block;line-height:1.5;font-size:12px;color:#75828b;margin-top:5px}.profile-option .tick{margin-left:auto;color:#598738}.form-field{display:block;margin:17px 0}.form-field span{font-size:14px;font-weight:600;display:block;margin-bottom:8px}.form-field input,.form-field select{display:block;width:100%;border:1px solid #dce4e7;border-radius:13px;background:#fff;padding:15px;font-size:16px;color:var(--ink)}.form-field input:focus{outline:2px solid #8abb60;outline-offset:2px}.form-field small{display:block;font-size:12px;line-height:1.5;color:#75828b;margin-top:7px}.inline-error{background:#fff0ed;border:1px solid #f1c6bc;color:#9d3f2d;padding:12px;border-radius:12px;font-size:14px;margin:14px 0}.register-merchant{display:flex;gap:13px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:18px;padding:16px;margin:22px 0}.register-merchant strong{font-size:16px}.register-merchant p{font-size:13px;color:var(--muted);margin:6px 0}.steps{color:#6d865b;font-size:12px;font-weight:700;letter-spacing:.5px;margin:20px 0 12px}.profile-section-title{font-size:18px;line-height:1.4;margin:24px 0 12px}.demo-note{font-size:12px;line-height:1.65;color:#75828b;margin:16px 0}.qr-panel{background:#fff;border-radius:20px;padding:24px;border:1px solid var(--line);text-align:center;margin:20px 0}.qr-panel img{width:210px;height:210px;max-width:100%;display:block;margin:0 auto}.qr-panel p{font-size:14px;line-height:1.6}.qr-link{overflow-wrap:anywhere;display:block;color:#49683a;font-size:12px;text-decoration:underline;margin:16px 0}.pos-panel{padding:17px;background:#eaf3df;border-radius:18px;margin:20px 0}.pos-panel h2{font-size:18px;margin:0 0 10px}.pos-panel p{font-size:14px;line-height:1.5;color:#63774f}.pos-support{display:flex;gap:9px;align-items:center;color:#45662d;font-size:13px;margin:14px 0}.pos-status{background:#fff;border:1px solid var(--line);border-radius:20px;padding:20px;margin:20px 0}.pos-status p{font-size:14px;color:#6c7b84;line-height:1.65}.pos-status strong{font-size:16px}.nav button{font-size:12px}.sub,.offer-body p,.new-card p,.notice p,.receipt .row,.bank small,.back,.link,.chip,.new-card button,.primary,.secondary,.balance,.add-card{font-size:14px}.caption,.wallet small,.label,.offer-body .meta,.notice small{font-size:12px}.payment-alert strong{font-size:14px}.payment-alert small,.loyalty small{font-size:12px}.card-barcode .barcode{gap:2px;padding:20px 10px}.card-id{font-variant-numeric:tabular-nums}.registration-success .success-icon{margin-top:25px}.view-divider{border:0;border-top:1px solid var(--line);margin:22px 0}.profile-toolbar{display:flex;gap:10px;margin:15px 0}.profile-toolbar button{flex:1;border:1px solid var(--line);border-radius:13px;background:#fff;padding:14px;font-size:14px}.profile-option .merchant-icon{font-size:16px}.payment-card-choice{display:block;width:100%;background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px;text-align:left;font-size:14px;margin:16px 0}.payment-card-choice small{display:block;color:#74806a;margin-top:6px;font-size:12px}.nav button svg{width:20px;height:20px}.loyalty[data-card-id]{min-height:185px}.screen h1{line-height:1.15}.corporate-tip{background:#edf2f5;border-radius:16px;padding:16px;color:#667986;font-size:14px;line-height:1.6}.compact-row{display:flex;justify-content:space-between;align-items:center;gap:12px}.profile-heading-icon{width:62px;height:62px;border-radius:18px;background:#112638;color:#b6ed67;display:grid;place-items:center;font-size:24px;font-weight:700}.phone .screen{scroll-padding-top:20px}.receipt strong{overflow-wrap:anywhere;text-align:right}.primary:disabled{background:#e5e9e2;color:#8c9587}.nav{height:86px}.screen{height:739px}.toast{bottom:98px}@media(max-width:460px){.screen{height:calc(100dvh - 129px)}.nav{height:86px}.top strong{font-size:21px}.qr-panel img{width:190px;height:190px}}.basket-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:8px}.basket-heading .steps{margin:12px 0;font-size:11px}.basket-heading .heading{font-size:26px;margin:0 0 12px}.basket-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:#e7f1dc;color:#527b32;flex-shrink:0}.basket-profile{display:flex;gap:12px;align-items:center;padding:14px;background:#fff;border:1px solid var(--line);border-radius:15px;margin:18px 0}.basket-profile strong{font-size:14px;line-height:1.4}.basket-profile small{display:block;font-size:12px;color:#75828b;margin-top:5px}.basket-state{display:flex;align-items:center;gap:9px;font-size:13px;font-weight:600;color:#62766b;margin:20px 0}.basket-state-dot{height:7px;width:7px;background:#8fac76;border-radius:50%;box-shadow:0 0 0 4px #eaf1e4}.basket-state.finalized{color:#4a7230}.basket-lines{background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden}.basket-lines-title{display:flex;justify-content:space-between;align-items:center;padding:17px 16px;border-bottom:1px solid var(--line)}.basket-lines-title h2{font-size:16px;margin:0}.basket-lines-title span{font-size:12px;background:#eff3eb;border-radius:7px;padding:5px 8px}.basket-item{display:flex;align-items:center;gap:10px;padding:16px 13px;border-bottom:1px solid #eef1f2;transition:background .3s}.basket-item:last-child{border-bottom:0}.basket-item.latest{background:#f4f9ed}.basket-item-index{font-size:11px;color:#90a087;min-width:13px}.basket-item>div{flex:1}.basket-item strong{font-size:14px;font-weight:600;line-height:1.45;display:block}.basket-item small{display:block;font-size:12px;color:#7a8882;margin-top:5px}.basket-price{white-space:nowrap;font-variant-numeric:tabular-nums}.basket-empty{padding:24px 18px;color:#84918a;text-align:center}.basket-empty svg{margin:0 auto}.basket-empty p{font-size:14px;line-height:1.7;margin-bottom:0}.basket-total{margin:18px 0;border:1px solid #dce7d2;background:#edf5e4;padding:18px;border-radius:20px}.basket-total .row span{font-size:14px}.basket-total .row strong{font-size:27px;letter-spacing:-.7px;font-variant-numeric:tabular-nums}.basket-total p{font-size:12px;line-height:1.6;color:#6c7e5b;margin:10px 0 15px}.basket-wait{font-size:12px;color:#728663;padding-top:13px;border-top:1px solid #dce7d2}.basket-demo{border:1px dashed #cdd8d0;border-radius:15px;padding:14px;margin:20px 0}.basket-demo summary{font-size:13px;cursor:pointer;color:#647967}.basket-demo p{font-size:12px;line-height:1.6;color:#85918a}.basket-demo-buttons{display:flex;gap:8px}.basket-demo-buttons button{flex:1;font-size:12px;padding:12px 9px;border-radius:10px;background:#fff;border:1px solid #dce4df}.basket-demo-buttons button:disabled{color:#a9b4ae;background:#f0f3ef}.basket-demo-buttons button:last-child:not(:disabled){background:#112638;color:#fff}.basket-profile>svg{flex-shrink:0}.basket-profile>div{min-width:0;overflow-wrap:anywhere}.basket-screen{padding-bottom:245px}.basket-total{position:absolute;left:22px;right:22px;bottom:92px;margin:0;z-index:2;box-shadow:0 -6px 20px #1126380c}.basket-lines{margin-bottom:18px}.phone{--tab-space:114px;--tab-height:82px;--tab-bottom:14px}.phone.nav-compact{--tab-space:88px;--tab-height:60px}.phone .nav{position:absolute;left:14px;right:14px;bottom:var(--tab-bottom);height:var(--tab-height);display:flex;align-items:center;justify-content:space-between;gap:2px;padding:7px 5px;background:#fffffff0;border:1px solid rgba(255,255,255,.95);border-radius:29px;box-shadow:0 8px 30px #11263814,0 1px 6px #11263808;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);z-index:10;transition:height .24s cubic-bezier(.22,.61,.36,1),border-radius .24s,padding .24s}.phone .nav button{position:relative;width:20%;min-width:0;min-height:48px;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:0;border-radius:20px;background:transparent;color:#7c8790;font-size:11px;font-weight:500;line-height:1.2;transition:color .2s,background .2s}.phone .nav button:hover{filter:none;background:#f0f4f5}.phone .nav button:focus-visible{outline:2px solid #759f53;outline-offset:0}.nav .tab-icon{width:36px;height:34px;border-radius:13px;display:grid;place-items:center;flex-shrink:0;transition:width .24s,height .24s,background .2s,color .2s,border-radius .24s,transform .24s}.phone .nav button svg{width:22px;height:22px;stroke-width:1.75;color:inherit}.phone .nav button.active{color:#112638;font-weight:700}.phone .nav button.active .tab-icon{background:#112638;color:#b6ed67;box-shadow:0 3px 8px #11263814}.phone .nav button.active svg{color:inherit}.nav .tab-label{display:block;max-height:16px;opacity:1;white-space:nowrap;overflow:hidden;transform:translateY(0);transition:max-height .24s,opacity .16s,transform .24s;pointer-events:none}.phone .nav.compact{border-radius:25px;padding:5px}.phone .nav.compact button{gap:0;min-height:48px}.nav.compact .tab-label{max-height:0;opacity:0;transform:translateY(6px)}.nav.compact .tab-icon{width:44px;height:44px;border-radius:16px}.phone .screen{height:calc(100% - 43px);padding-bottom:calc(var(--tab-space) + 18px)}.phone .screen.basket-screen{padding-bottom:calc(var(--tab-space) + 190px)}.phone .basket-total{bottom:calc(var(--tab-space) + 2px);transition:bottom .24s cubic-bezier(.22,.61,.36,1)}.phone .toast{bottom:calc(var(--tab-space) + 10px);z-index:11;transition:bottom .24s}@media(max-width:460px){.phone{--tab-bottom:max(12px,env(safe-area-inset-bottom));--tab-space: calc(108px + env(safe-area-inset-bottom)) ;--tab-height:80px}.phone.nav-compact{--tab-space: calc(86px + env(safe-area-inset-bottom)) ;--tab-height:60px}.phone .nav{left:12px;right:12px}.phone .screen{height:calc(100dvh - 43px);min-height:0}}@media(prefers-reduced-motion:reduce){.phone .nav,.nav .tab-icon,.nav .tab-label,.phone .basket-total,.phone .toast{transition:none}}:root{color-scheme:light;--brand:#5c25f4;--brand-hover:#4720cb;--brand-text:#5020da;--brand-soft:#f1eaff;--brand-border:#dfd3ff;--ink:#16163f;--muted:#777187;--bg:#f6f5fa;--white:#fff;--surface:#fff;--surface-raised:#f2f0f7;--line:#e7e3ef;--navy:#16163f;--green:#5c25f4;--nav-surface:rgba(255,255,255,.94);--canvas:#ebe8f3;--on-brand:#fff;--shadow:0 8px 30px #21133e14;--success:#45794a;--success-soft:#eaf5eb;--success-border:#d1e7d3}:root[data-theme=dark]{color-scheme:dark;--brand:#5c25f4;--brand-hover:#7040ff;--brand-text:#b69bff;--brand-soft:#2d214a;--brand-border:#493669;--ink:#f3f0fa;--muted:#aaa6bb;--bg:#10111a;--white:#1b1c28;--surface:#1b1c28;--surface-raised:#242533;--line:#303142;--nav-surface:rgba(31,32,45,.96);--canvas:#090a11;--shadow:0 8px 30px #0005;--success:#9ec5a3;--success-soft:#1b3026;--success-border:#2d4b37}body{background:var(--canvas);color:var(--ink)}.phone{background:var(--bg);border-color:#211c35;box-shadow:0 25px 70px #1a0e3328}.status{background:var(--bg);color:var(--ink)}.intro p,.intro .demo{color:var(--muted)}.intro .brand,.intro h1{color:var(--ink)}.brand-mark{background:var(--brand);color:#fff}.intro .swatches span:nth-child(1){background:#16163f!important}.intro .swatches span:nth-child(2){background:var(--brand)!important}.intro .swatches span:nth-child(3){background:var(--surface)!important}.swatches span{border-color:var(--surface)}.phone .wallet{background:linear-gradient(125deg,#4216b0,#5c25f4 65%,#763bff);color:#fff}.wallet .mini,.wallet small{color:#e0d5ff}.wallet .pill{background:#fff;color:#5020da}.wallet:after{border-color:#ffffff0b}.phone .wallet[style]{background:var(--brand-soft)!important;color:var(--ink)!important}.phone .wallet[style] .mini{color:var(--brand-text)!important}.phone .profile-button,.phone .profile-heading-icon{background:var(--brand);color:#fff}.phone .primary{background:var(--brand);color:var(--on-brand);box-shadow:0 4px 12px #5c25f421}.phone .primary:hover{background:var(--brand-hover)}.phone .primary:disabled{background:var(--surface-raised);color:var(--muted);box-shadow:none}.phone .secondary,.phone .sub,.phone .back,.phone .page-footer,.phone .demo-note{color:var(--muted)}.phone .link{color:var(--brand-text)}.round,.offer,.new-card,.notice,.receipt,.bank,.profile-summary,.profile-option,.register-merchant,.pos-status,.qr-panel,.profile-toolbar button,.payment-card-choice{background:var(--surface);border-color:var(--line)}.bank .round{background:var(--surface-raised)}.profile-selector,.label,.badge{background:var(--brand-soft);border-color:var(--brand-border);color:var(--brand-text)}.profile-selector small{color:var(--muted)}.profile-option.selected{border-color:var(--brand-text);box-shadow:0 0 0 1px var(--brand-text)}.profile-option .tick{color:var(--brand-text)}.add-card{border-color:var(--brand-border);color:var(--brand-text)}.new-card button,.merchant-icon{background:var(--brand-soft);color:var(--brand-text)}.new-card .merchant-icon[style]{background:var(--brand-soft)!important}.form-field input,.form-field select,.search,.chip{background:var(--surface);color:var(--ink);border-color:var(--line)}.form-field input:focus{outline-color:var(--brand-text)}.form-field input::placeholder,.search input::placeholder{color:var(--muted)}.form-field small,.profile-summary p,.profile-option small,.receipt .row span:first-child,.offer-body p,.new-card p,.offer-body .meta,.notice p,.notice small,.bank small,.caption,.amount-sub{color:var(--muted)}.phone .chip.selected{background:var(--brand);color:#fff;border-color:var(--brand)}.offer-art{color:#172b3a}.corporate-tip{background:var(--surface-raised);color:var(--muted)}.pos-panel{background:var(--brand-soft)}.pos-panel p,.pos-support{color:var(--brand-text)}.payment-alert,.benefit{background:var(--brand-soft);border-color:var(--brand-border);color:var(--brand-text)}.payment-alert small{color:var(--muted)}.payment-alert .round{background:var(--surface);color:var(--brand-text)}.dot{background:var(--brand);border-color:var(--surface)}.success-icon{background:var(--brand);color:#fff}.receipt hr,.view-divider{border-color:var(--line)}.barcode{background:#fff}.barcode i{background:#16163f}.qr-panel img{background:#fff;border-radius:10px}.qr-link{color:var(--brand-text)}.toast{background:var(--surface-raised);color:var(--ink);border:1px solid var(--line);box-shadow:var(--shadow)}.phone .nav{background:var(--nav-surface);border-color:var(--line);box-shadow:var(--shadow)}.phone .nav button{color:var(--muted)}.phone .nav button:hover{background:var(--surface-raised)}.phone .nav button.active{color:var(--ink)}.phone .nav button.active .tab-icon{background:var(--brand);color:#fff;box-shadow:0 3px 8px #5c25f422}.phone .nav button:focus-visible{outline-color:var(--brand-text)}.basket-icon,.basket-total{background:var(--brand-soft);border-color:var(--brand-border);color:var(--ink)}.basket-profile,.basket-lines{background:var(--surface);border-color:var(--line)}.basket-item,.basket-lines-title{border-color:var(--line)}.basket-lines-title span{background:var(--surface-raised);color:var(--muted)}.basket-item.latest{background:var(--brand-soft)}.basket-item-index,.basket-item small,.basket-profile small,.basket-empty,.basket-total p,.basket-wait,.basket-demo p{color:var(--muted)}.basket-wait{border-color:var(--brand-border)}.basket-state,.basket-state.finalized{color:var(--brand-text)}.basket-state-dot{background:var(--brand);box-shadow:0 0 0 4px var(--brand-soft)}.basket-demo{border-color:var(--line)}.basket-demo summary{color:var(--muted)}.basket-demo-buttons button{background:var(--surface);border-color:var(--line);color:var(--ink)}.basket-demo-buttons button:disabled{background:var(--surface-raised);color:var(--muted)}.basket-demo-buttons button:last-child:not(:disabled){background:var(--brand);color:#fff}.theme-control{margin:22px 0;padding:18px;background:var(--surface);border:1px solid var(--line);border-radius:20px}.theme-control h2{font-size:16px;line-height:1.4;margin:0 0 6px}.theme-control p{font-size:13px;color:var(--muted);line-height:1.6;margin:0 0 16px}.theme-options{display:flex;gap:6px;padding:5px;background:var(--surface-raised);border-radius:14px}.theme-options button{flex:1;min-width:0;padding:11px 5px;border-radius:10px;background:transparent;color:var(--muted);font-size:12px;display:flex;flex-direction:column;align-items:center;gap:7px;line-height:1.2}.theme-options button.selected{background:var(--brand);color:#fff;box-shadow:0 2px 8px #5c25f422}.theme-options svg{width:20px;height:20px}.theme-state{display:block;font-size:12px;color:var(--muted);margin-top:13px}.theme-quick{position:fixed;right:24px;top:24px;display:flex;gap:10px;align-items:center;z-index:20;padding:12px 16px;border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:30px;box-shadow:var(--shadow);font-size:14px}.theme-quick svg{width:18px;height:18px}.phone .theme-control .selected{outline:0}.phone :focus-visible{outline-color:var(--brand-text)}:root[data-theme=dark] .inline-error{background:#3e242c;border-color:#71414a;color:#ffb9b8}:root[data-theme=dark] .receipt strong[style]{color:var(--success)!important}:root[data-theme=dark] .map{filter:brightness(.75)}@media(max-width:850px){.theme-quick{top:18px;right:18px;padding:10px;border-radius:50%}.theme-quick span{display:none}}@media(max-width:460px){body{background:var(--bg)}.theme-quick{display:none}}.steps{color:var(--brand-text)}input[type=checkbox],input[type=radio]{accent-color:var(--brand)}