:root{--brand:#5b4cf0;--brand-2:#8b5cf6;--ink:#172033;--muted:#697386;--surface:#fff;--bg:#f6f7fb;--line:#e7e9f2;--danger:#dc3f5b;--success:#0f9f72;--orange:#ff7a45;--teal:#0db9b0;--shadow:0 22px 70px rgba(23,32,51,.11);--shadow-sm:0 10px 32px rgba(23,32,51,.08);--radius:22px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.6 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overflow-x:hidden}a{color:var(--brand);text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}img{max-width:100%}.wrap{width:min(1180px,calc(100% - 34px));margin:auto;position:relative;z-index:2}.ambient{position:fixed;border-radius:999px;filter:blur(80px);opacity:.18;pointer-events:none;z-index:0}.ambient-one{width:430px;height:430px;background:#8b5cf6;top:-180px;right:-150px}.ambient-two{width:360px;height:360px;background:#ff8b5c;bottom:-160px;left:-130px}.topbar{position:sticky;top:12px;z-index:100;display:flex;align-items:center;justify-content:space-between;gap:18px;margin:14px 0 24px;padding:12px 14px;border:1px solid rgba(255,255,255,.65);border-radius:18px;background:rgba(255,255,255,.88);box-shadow:0 12px 38px rgba(23,32,51,.09);backdrop-filter:blur(16px)}.brand{display:flex;align-items:center;gap:10px;min-width:max-content;color:var(--ink)}.brand img{width:38px;height:38px;object-fit:contain;border-radius:11px}.brand-icon,.brand-mark{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:linear-gradient(145deg,var(--brand),#9a63ff);color:#fff;font-weight:900;letter-spacing:-.04em;box-shadow:0 8px 25px color-mix(in srgb,var(--brand) 34%,transparent)}.brand span:last-child{display:flex;flex-direction:column;line-height:1.1}.brand strong{font-size:15px}.brand small{color:var(--muted);font-size:10px;margin-top:4px}.nav{display:flex;align-items:center;justify-content:flex-end;gap:4px;flex-wrap:wrap}.nav>a,.nav button{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:8px 11px;border:0;border-radius:10px;color:#3c4659;background:transparent;font-size:13px;font-weight:750;white-space:nowrap}.nav>a:hover,.nav button:hover{background:#f0efff;color:var(--brand)}.nav .btn{color:#fff;background:var(--brand)}.nav .btn.secondary{color:#43506a;background:#edf0f7}.nav-form{display:inline-flex}.menu-toggle{display:none;width:44px;height:42px;padding:9px;border:1px solid var(--line);border-radius:12px;background:#fff}.menu-toggle span{display:block;height:2px;margin:5px 0;background:var(--ink);transition:.2s}.menu-toggle.active span:nth-child(1){transform:translateY(7px) rotate(45deg)}.menu-toggle.active span:nth-child(2){opacity:0}.menu-toggle.active span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:10px 16px;border:0;border-radius:12px;background:var(--brand);color:#fff;font-weight:800;box-shadow:none}.btn:hover{transform:translateY(-1px);filter:brightness(.98)}.btn.primary{background:linear-gradient(135deg,var(--brand),#7c55ff);color:#fff;box-shadow:0 12px 26px color-mix(in srgb,var(--brand) 25%,transparent)}.btn.secondary{background:#edf0f7;color:#39465f}.btn.light{background:#fff;color:#30216e}.btn.glass{background:rgba(255,255,255,.13);color:#fff;border:1px solid rgba(255,255,255,.26)}.btn.outline-light{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.5)}.btn.danger{background:#ffe8ed;color:#b92545}.btn.small{min-height:34px;padding:7px 10px;font-size:12px}.btn.xl{min-height:52px;padding:14px 21px;border-radius:15px}.actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.notice{margin:0 0 18px;padding:14px 16px;border:1px solid #bdebd8;border-radius:14px;background:#eafff6;color:#087352;font-weight:700}.notice.err{border-color:#ffcbd5;background:#fff0f3;color:#ae2441}.card{background:rgba(255,255,255,.94);border:1px solid var(--line);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow-sm)}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.centered{text-align:center}.muted{color:var(--muted)}.small,small{font-size:12px}.eyebrow{font-size:11px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;color:var(--brand)}.page-hero-v9{max-width:850px;padding:44px 4px 28px}.page-hero-v9.centered{margin-inline:auto}.page-hero-v9 h1{font-size:clamp(36px,5vw,58px);line-height:1.02;letter-spacing:-.045em;margin:8px 0 16px}.page-hero-v9 p{font-size:18px;color:var(--muted);max-width:760px}.standalone-message,.login-center{min-height:66vh;display:grid;place-items:center}.standalone-message .card{max-width:650px;text-align:center}.brand-mark.large{width:64px;height:64px;border-radius:18px;font-size:22px;margin-bottom:20px}label{display:block;margin:14px 0 6px;font-weight:800;color:#344059}input,select,textarea{width:100%;min-height:46px;padding:11px 13px;border:1px solid #dbe0eb;border-radius:12px;background:#fff;color:var(--ink);outline:none;transition:.18s}textarea{resize:vertical}input:focus,select:focus,textarea:focus{border-color:var(--brand);box-shadow:0 0 0 4px color-mix(in srgb,var(--brand) 12%,transparent)}input[type=color]{height:52px;padding:5px}.check{display:flex;align-items:flex-start;gap:10px;margin:14px 0;cursor:pointer;font-weight:650}.check input{flex:0 0 19px;width:19px;height:19px;min-height:0;margin:3px 0 0;accent-color:var(--brand)}.check span{display:block;line-height:1.5}.form-card button{margin-top:16px}.auth-shell{display:grid;grid-template-columns:.85fr 1.15fr;gap:25px;align-items:stretch;min-height:620px}.auth-visual{padding:54px;border-radius:28px;background:linear-gradient(145deg,#22134d,#5b35e9 58%,#ff6f61);color:#fff;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.auth-visual:before{content:"";position:absolute;width:260px;height:260px;border-radius:50%;background:rgba(255,255,255,.12);right:-80px;top:-60px}.auth-visual h1{font-size:48px;line-height:1.05;margin:12px 0}.auth-visual p{font-size:18px;color:#e7e3ff}.auth-benefits{display:grid;gap:8px;margin-top:20px}.auth-card{width:min(520px,100%);padding:32px}.auth-card.wide{width:100%}.auth-card h1{margin:0 0 5px}.auth-icon{display:grid;place-items:center;width:56px;height:56px;border-radius:17px;background:#efedff;color:var(--brand);font-size:25px;margin-bottom:18px}.admin-login-card{border-top:5px solid var(--brand)}.hero-v9{min-height:690px;display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:36px;margin-top:4px;padding:68px 58px;border-radius:34px;background:radial-gradient(circle at 86% 10%,rgba(255,138,101,.42),transparent 30%),radial-gradient(circle at 6% 96%,rgba(56,211,181,.2),transparent 30%),linear-gradient(135deg,#161034 0%,#3e25ad 50%,#7045f5 100%);color:#fff;box-shadow:0 35px 100px rgba(47,28,126,.3);overflow:hidden;position:relative}.hero-v9:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(to right,transparent,#000)}.hero-copy-v9{position:relative;z-index:3}.eyebrow-row{display:flex;align-items:center;gap:9px;font-size:11px;letter-spacing:.15em;font-weight:900}.eyebrow-dot{width:9px;height:9px;border-radius:50%;background:#4cf0c4;box-shadow:0 0 20px #4cf0c4;animation:pulseDot 1.8s infinite}.hero-v9 h1{font-size:clamp(46px,5.7vw,73px);line-height:.98;letter-spacing:-.055em;margin:17px 0 20px;max-width:680px}.hero-lead{font-size:19px;line-height:1.75;color:#ded9ff;max-width:650px}.hero-proof{display:flex;gap:14px;flex-wrap:wrap;margin-top:25px;color:#dad6ff;font-size:13px;font-weight:750}.loyalty-stage{height:550px;position:relative;z-index:2;display:grid;place-items:center}.reward-phone{width:290px;height:535px;padding:12px;border:1px solid rgba(255,255,255,.28);border-radius:40px;background:rgba(15,8,49,.82);box-shadow:0 45px 85px rgba(10,5,42,.55);transform:rotate(3deg);animation:phoneFloat 5s ease-in-out infinite}.phone-top{height:32px;display:flex;align-items:center;justify-content:space-between;padding:0 9px;color:#c9c2ff;font-size:9px}.phone-top span{width:55px;height:16px;border-radius:10px;background:#08051e}.phone-card{height:calc(100% - 34px);padding:22px;border-radius:30px;background:linear-gradient(160deg,#fff,#f2efff);color:#211842;text-align:center;position:relative;overflow:hidden}.mini-brand{display:flex;align-items:center;gap:8px;text-align:left}.mini-brand span{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:#5b4cf0;color:#fff;font-weight:900}.mini-brand b{font-size:12px}.reward-ring{width:175px;height:175px;margin:22px auto 12px;position:relative}.reward-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.reward-ring circle{fill:none;stroke:#e8e5f7;stroke-width:9}.reward-ring .progress-circle{stroke:#6c50f7;stroke-linecap:round;stroke-dasharray:314;stroke-dashoffset:63;animation:ringFill 4s ease-in-out infinite}.reward-ring>div{position:absolute;inset:0;display:grid;place-items:center;align-content:center}.reward-ring strong{font-size:35px}.reward-ring small{font-size:8px;color:#7a7590}.phone-card p{font-size:11px;color:#6d6880}.animated-stamps{display:flex;justify-content:center;gap:7px;margin:14px 0}.animated-stamps span{display:grid;place-items:center;width:31px;height:31px;border-radius:10px;background:#6551ef;color:#fff;font-weight:900;box-shadow:0 6px 15px #5b4cf035}.animated-stamps .last{background:#ece8ff;color:#8a78cc;animation:lastStamp 4s infinite}.unlock-toast{position:absolute;left:22px;right:22px;bottom:70px;display:flex;align-items:center;gap:9px;padding:11px 13px;border-radius:14px;background:#17102f;color:#fff;opacity:0;transform:translateY(14px);animation:unlockToast 4s infinite}.unlock-toast span{font-size:20px}.qr-mini,.demo-qr,.mini-qr-grid{display:grid;grid-template-columns:repeat(3,8px);grid-template-rows:repeat(3,8px);gap:3px;justify-content:center}.qr-mini i,.demo-qr span,.mini-qr-grid:before{background:#211842}.qr-mini i:nth-child(even),.demo-qr span:nth-child(even){opacity:.25}.orbit{position:absolute;border:1px dashed rgba(255,255,255,.22);border-radius:50%;animation:orbitRotate 14s linear infinite}.orbit-one{width:420px;height:420px}.orbit-two{width:520px;height:520px;animation-duration:22s;animation-direction:reverse}.orbit-three{width:350px;height:350px;animation-duration:10s}.orb{position:absolute;display:grid;place-items:center;width:48px;height:48px;border-radius:16px;background:rgba(255,255,255,.18);backdrop-filter:blur(12px);box-shadow:0 15px 35px rgba(0,0,0,.25)}.orbit-one .orb{top:-22px;left:45%}.orbit-two .orb{bottom:35px;right:10px}.orbit-three .orb{top:45%;left:-23px}.floating-chip{position:absolute;padding:10px 13px;border:1px solid rgba(255,255,255,.2);border-radius:13px;background:rgba(255,255,255,.14);backdrop-filter:blur(12px);font-weight:900;box-shadow:0 15px 35px rgba(0,0,0,.2);animation:chipFloat 4s ease-in-out infinite}.floating-chip small{font-size:9px;color:#e0dbff}.chip-one{top:85px;right:8px}.chip-two{bottom:100px;left:5px;animation-delay:-1.3s}.chip-three{top:205px;left:12px;animation-delay:-2.4s}.industry-ribbon{display:flex;align-items:center;justify-content:center;gap:26px;flex-wrap:wrap;padding:26px 12px;color:#556077}.industry-ribbon span{font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.12em}.industry-ribbon b{font-size:14px}.section-v9{padding:74px 0}.section-heading{max-width:730px;margin-bottom:34px}.section-heading.centered{margin-inline:auto;text-align:center}.section-heading h2,.domain-showcase h2,.hardware-section h2,.final-cta-v9 h2{font-size:clamp(35px,4.6vw,54px);line-height:1.05;letter-spacing:-.045em;margin:9px 0}.journey-line{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;position:relative}.journey-line:before{content:"";position:absolute;top:52px;left:10%;right:10%;height:2px;background:linear-gradient(90deg,#7b60fa,#ff8b63,#20c5ad)}.journey-line article{position:relative;padding:24px;border-radius:22px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow-sm);z-index:1}.journey-line article>span{font-size:10px;font-weight:900;color:var(--brand)}.journey-icon{display:grid;place-items:center;width:58px;height:58px;margin:10px 0 18px;border-radius:18px;background:linear-gradient(145deg,#eeeaff,#fff3eb);color:var(--brand);font-size:25px}.journey-line p{color:var(--muted)}.domain-showcase{display:grid;grid-template-columns:.85fr 1.15fr;gap:48px;align-items:center;padding:58px;border-radius:32px;background:linear-gradient(140deg,#ff7848,#ff9a69 52%,#ffd56e);color:#3a1b11;box-shadow:0 28px 80px rgba(238,107,57,.22)}.domain-showcase.compact{margin-top:30px}.domain-copy p{font-size:18px;max-width:560px}.browser-domain{padding:11px;border-radius:22px;background:#251742;box-shadow:0 35px 70px rgba(74,34,15,.3);transform:rotate(1deg)}.browser-bar{display:flex;align-items:center;gap:7px;padding:9px}.browser-bar>i{width:8px;height:8px;border-radius:50%;background:#ff806b}.browser-bar>i:nth-child(2){background:#ffd466}.browser-bar>i:nth-child(3){background:#5de2a5}.address{flex:1;margin-left:10px;padding:7px 11px;border-radius:9px;background:#fff;color:#4f5060;font-size:11px}.domain-page{min-height:365px;padding:35px;border-radius:15px;background:linear-gradient(145deg,#fff,#f8f3ff);text-align:center}.merchant-demo-logo{display:grid;place-items:center;width:76px;height:76px;margin:auto;border-radius:22px;background:#352372;color:#fff;font-weight:900;line-height:1.05}.domain-page h3{font-size:24px}.demo-qr{grid-template-columns:repeat(3,18px);grid-template-rows:repeat(3,18px);gap:5px;margin:25px auto;width:max-content}.domain-color-swatches{display:flex;justify-content:center;gap:7px}.domain-color-swatches i{width:34px;height:10px;border-radius:10px;background:#5b4cf0}.domain-color-swatches i:nth-child(2){background:#ff7d50}.domain-color-swatches i:nth-child(3){background:#1bc7a8}.domain-tiers{display:grid;gap:12px}.domain-tiers article{padding:16px;border-radius:15px;background:rgba(255,255,255,.7)}.domain-tiers span{display:block;font-family:monospace;color:#5d3c2c}.feature-v9-grid,.feature-detail-grid-v9{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.feature-v9{min-height:250px;padding:25px;border-radius:24px;position:relative;overflow:hidden}.feature-v9>div,.feature-detail>span{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;background:rgba(255,255,255,.7);font-size:23px}.feature-v9 h3{font-size:20px;margin-bottom:7px}.feature-v9 p{color:#596178}.f-purple{background:#e9e4ff}.f-orange{background:#fff0e8}.f-teal{background:#e3fbf8}.f-green{background:#e8f9ee}.f-blue{background:#e7f0ff}.f-pink{background:#ffe9f2}.feature-motion{position:absolute;right:18px;bottom:16px}.dots{display:flex;gap:5px}.dots i{width:15px;height:15px;border-radius:50%;background:#755df0;animation:dotBounce 1.4s infinite}.dots i:nth-child(2){animation-delay:.15s}.dots i:nth-child(3){animation-delay:.3s}.dots i:nth-child(4){animation-delay:.45s}.dots i:nth-child(5){animation-delay:.6s}.bars{display:flex;align-items:end;gap:4px;height:45px}.bars i{width:8px;border-radius:5px;background:#ff824e;animation:barGrow 1.7s infinite}.bars i:nth-child(1){height:18px}.bars i:nth-child(2){height:35px;animation-delay:.2s}.bars i:nth-child(3){height:24px;animation-delay:.4s}.bars i:nth-child(4){height:43px;animation-delay:.6s}.network{width:70px;height:50px}.network i{position:absolute;width:17px;height:17px;border-radius:50%;background:#0bbcaf}.network i:nth-child(1){top:0;left:26px}.network i:nth-child(2){bottom:0;left:0}.network i:nth-child(3){bottom:0;right:0}.message{padding:8px 11px;border-radius:11px;background:#fff;color:#0a8c5e;font-weight:900;animation:messagePop 2.2s infinite}.staff-avatars{display:flex}.staff-avatars i{display:grid;place-items:center;width:32px;height:32px;margin-left:-7px;border:3px solid #e7f0ff;border-radius:50%;background:#3977db;color:#fff;font-style:normal;font-size:11px}.sparkline{display:flex;align-items:end;gap:3px;height:45px}.sparkline i{width:7px;background:#e84c8a;border-radius:6px}.sparkline i:nth-child(1){height:12px}.sparkline i:nth-child(2){height:18px}.sparkline i:nth-child(3){height:15px}.sparkline i:nth-child(4){height:30px}.sparkline i:nth-child(5){height:42px}.hardware-section{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center;margin:20px 0 78px;padding:58px;border-radius:32px;background:#172033;color:#fff}.hardware-section.compact{margin-top:30px}.hardware-section p{color:#c8cfdd;font-size:17px}.hardware-art{height:330px;position:relative;display:grid;place-items:center}.tablet{width:300px;height:205px;padding:12px;border-radius:25px;background:#0b0f1b;box-shadow:0 30px 65px rgba(0,0,0,.4);transform:rotate(-4deg)}.tablet-screen{height:100%;border-radius:16px;background:linear-gradient(145deg,#7658fa,#ff7657);display:grid;place-items:center;align-content:center}.tablet-screen span{font-weight:900}.tablet-screen b{font-size:70px;line-height:1}.tablet-screen small{font-size:9px;letter-spacing:.15em}.customer-phone{position:absolute;right:8%;bottom:0;width:112px;height:210px;padding:11px;border-radius:25px;background:#05070c;transform:rotate(8deg);box-shadow:0 25px 55px rgba(0,0,0,.5)}.customer-phone:after{content:"";display:block;height:100%;border-radius:17px;background:#fff}.mini-qr-grid{position:absolute;z-index:2;left:37px;top:75px;grid-template-columns:repeat(3,12px);grid-template-rows:repeat(3,12px);gap:4px}.mini-qr-grid:before{content:"";width:12px;height:12px;box-shadow:16px 0 #211842,32px 0 #211842,0 16px #211842,32px 16px #211842,0 32px #211842,16px 32px #211842,32px 32px #211842}.wifi{position:absolute;left:7%;top:20px;font-size:42px;color:#45e0be;animation:pulseDot 1.8s infinite}.hardware-pills{display:flex;gap:9px;flex-wrap:wrap}.hardware-pills span{padding:9px 12px;border:1px solid rgba(255,255,255,.13);border-radius:12px;background:rgba(255,255,255,.08)}.final-cta-v9{position:relative;margin-bottom:30px;padding:70px 40px;border-radius:32px;background:linear-gradient(135deg,#5b36e8,#8e58ff 55%,#ff6d5b);color:#fff;text-align:center;overflow:hidden}.final-cta-v9 p{max-width:720px;margin:0 auto 25px;color:#ece8ff;font-size:18px}.confetti i{position:absolute;width:9px;height:24px;border-radius:4px;background:#ffd65a;animation:confetti 5s linear infinite}.confetti i:nth-child(1){left:8%;top:-30px}.confetti i:nth-child(2){left:25%;top:-60px;background:#4ce7c0;animation-delay:-1s}.confetti i:nth-child(3){left:45%;top:-45px;background:#ff8f78;animation-delay:-2s}.confetti i:nth-child(4){left:65%;top:-70px;background:#fff;animation-delay:-3s}.confetti i:nth-child(5){left:82%;top:-40px;background:#4ce7c0;animation-delay:-4s}.confetti i:nth-child(6){left:92%;top:-80px;background:#ffd65a;animation-delay:-2.5s}.industry-cards,.demo-grid-v9{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.industry-cards article>span,.demo-grid-v9 article>span{font-size:35px}.timeline-v9{display:grid;gap:14px}.timeline-v9 article{display:grid;grid-template-columns:75px 1fr;gap:18px;padding:24px;border:1px solid var(--line);border-radius:20px;background:#fff}.timeline-v9 article>b{display:grid;place-items:center;width:58px;height:58px;border-radius:18px;background:#ece9ff;color:var(--brand);font-size:20px}.pricing-grid-v9{display:grid;grid-template-columns:repeat(3,1fr);gap:19px}.price-card-v9{position:relative;padding:30px;border:1px solid var(--line);border-radius:27px;background:#fff;box-shadow:var(--shadow-sm)}.price-card-v9.featured{color:#fff;background:linear-gradient(145deg,#22134d,#6240eb);transform:translateY(-9px);box-shadow:0 28px 75px rgba(78,49,186,.28)}.popular{position:absolute;right:20px;top:18px;padding:5px 9px;border-radius:999px;background:#ff875e;color:#fff;font-size:9px;font-weight:900}.plan-icon{display:grid;place-items:center;width:50px;height:50px;border-radius:16px;background:#eeeaff;color:var(--brand);font-size:22px}.featured .plan-icon{background:rgba(255,255,255,.14);color:#fff}.price-v9{font-size:30px;font-weight:950;margin:22px 0}.price-card-v9 ul{padding:0;list-style:none;min-height:220px}.price-card-v9 li{padding:7px 0}.featured p,.featured li{color:#ded9ff}.faq-list-v9{max-width:850px;margin:auto}.faq-list-v9 details{margin:10px 0;padding:18px 20px;border:1px solid var(--line);border-radius:16px;background:#fff}.faq-list-v9 summary{font-weight:850;cursor:pointer}.contact-steps ol{padding-left:22px}.contact-steps li{padding:9px 0}.site-footer{display:grid;grid-template-columns:1.3fr 1fr auto;gap:25px;align-items:start;margin-top:46px;padding:34px 4px;border-top:1px solid var(--line)}.footer-links{display:flex;gap:14px;flex-wrap:wrap}.powered{font-size:10px;color:#9097a7}.language-menu{position:relative;min-width:150px}.language-menu summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:#fff;cursor:pointer;list-style:none}.language-menu summary::-webkit-details-marker{display:none}.language-menu summary:after{content:"▾"}.language-options{position:absolute;right:0;bottom:calc(100% + 8px);min-width:180px;padding:7px;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:var(--shadow);display:grid}.language-options a{padding:9px 10px;border-radius:9px;color:var(--ink);font-weight:750}.language-options a:hover,.language-options a.active{background:#efedff;color:var(--brand)}.private-portal{min-height:70vh;display:grid;place-items:center}.private-login-shell{width:min(920px,100%);display:grid;grid-template-columns:1fr 1fr;border-radius:30px;background:#fff;box-shadow:var(--shadow);overflow:hidden}.private-visual{padding:50px;background:linear-gradient(145deg,#1b123d,#6041df);color:#fff}.private-visual h1{font-size:44px;line-height:1.05}.private-pulse{display:flex;gap:8px;margin-top:40px}.private-pulse span{width:13px;height:13px;border-radius:50%;background:#57e2bd;animation:pulseDot 1.5s infinite}.private-pulse span:nth-child(2){animation-delay:.3s}.private-pulse span:nth-child(3){animation-delay:.6s}.private-actions{padding:38px;display:grid;gap:13px}.access-card{display:grid;grid-template-columns:48px 1fr auto;gap:13px;align-items:center;padding:15px;border:1px solid var(--line);border-radius:16px;color:var(--ink)}.access-card:hover{border-color:var(--brand);transform:translateY(-2px)}.access-card small{display:block;color:var(--muted)}.access-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:#efedff;color:var(--brand);font-size:21px}.private-contact{padding:15px;text-align:center}.admin-discreet{display:block;margin-top:18px;font-size:11px;color:#9aa1b0}.portal-main{min-height:70vh;display:grid;place-items:center}.portal-join{width:min(980px,100%);display:grid;grid-template-columns:1fr 1fr;gap:25px;padding:32px;border-radius:30px;background:linear-gradient(145deg,color-mix(in srgb,var(--brand) 14%,#fff),#fff);box-shadow:var(--shadow)}.portal-identity{padding:25px;display:flex;flex-direction:column;justify-content:center}.portal-identity img{max-width:140px;max-height:90px;object-fit:contain;margin-bottom:18px}.merchant-placeholder,.poster-logo-placeholder{display:grid;place-items:center;width:75px;height:75px;border-radius:22px;background:var(--brand);color:#fff;font-weight:950;font-size:24px}.portal-identity h1{font-size:45px;line-height:1.05;margin:10px 0}.portal-reward-preview{display:flex;gap:7px;margin-top:20px}.portal-reward-preview span{display:grid;place-items:center;width:43px;height:43px;border-radius:13px;background:var(--brand);color:#fff;font-weight:900}.portal-reward-preview span:last-child{background:#ff8a58}.portal-form{box-shadow:none}.digital-card{width:min(440px,100%);padding:25px;border-radius:30px;background:linear-gradient(150deg,color-mix(in srgb,var(--brand) 88%,#191032),#191032);color:#fff;box-shadow:0 30px 80px color-mix(in srgb,var(--brand) 30%,transparent);text-align:center}.digital-card-head{display:flex;align-items:center;gap:12px;text-align:left}.digital-card-head img,.digital-card-head>span{width:52px;height:52px;object-fit:contain;border-radius:15px;background:#fff;padding:5px}.digital-card-head>span{display:grid;place-items:center;color:var(--brand);font-weight:900}.digital-card-head small{color:#cec8ef}.digital-card-head h1{margin:2px 0}.balance-label{margin-top:25px;color:#d9d4f6}.balance-number{font-size:70px;font-weight:950;line-height:1}.progress-v9{height:12px;margin:17px 0;border-radius:999px;background:rgba(255,255,255,.15);overflow:hidden}.progress-v9 span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#57e2bd,#ffd45a)}.reward-availability{display:flex;align-items:center;justify-content:center;gap:12px;margin:18px 0;padding:13px;border-radius:16px;background:rgba(255,255,255,.1)}.reward-availability strong{font-size:30px}.reward-availability span{text-align:left;font-size:12px}.card-qr{padding:16px;border-radius:20px;background:#fff;color:#4c5363}.card-qr img{width:220px}.customer-code{margin-top:13px;font:10px monospace;word-break:break-all;color:#bfb9e3}.referral-code{margin-top:12px;padding:10px;border:1px dashed rgba(255,255,255,.35);border-radius:12px}.dashboard-hero{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:36px;border-radius:28px;color:#fff;background:linear-gradient(135deg,#25164f,#6443e9)}.dashboard-hero h1{font-size:45px;margin:5px 0}.merchant-plan-card{min-width:210px;padding:20px;border:1px solid rgba(255,255,255,.2);border-radius:20px;background:rgba(255,255,255,.1);display:grid}.merchant-plan-card strong{font-size:24px}.admin-hero{background:linear-gradient(135deg,#15213d,#344d9d)}.admin-hero-orb{font-size:70px;color:#8fa7ff}.dashboard-stats,.admin-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin:18px 0}.stat-card,.admin-kpis article{display:flex;align-items:center;gap:13px;padding:20px;border:1px solid var(--line);border-radius:19px;background:#fff;box-shadow:var(--shadow-sm)}.stat-card>span{font-size:26px}.stat-card strong,.admin-kpis strong{display:block;font-size:26px;line-height:1.1}.stat-card small,.admin-kpis span{color:var(--muted)}.domain-stat strong{font-size:13px;word-break:break-all}.table-card{padding:0;overflow:hidden}.section-title{display:flex;align-items:center;justify-content:space-between;padding:20px 22px;border-bottom:1px solid var(--line)}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{padding:13px 15px;border-bottom:1px solid #eceef4;text-align:left;vertical-align:top}th{background:#fafbfe;color:#687287;font-size:11px;text-transform:uppercase;letter-spacing:.06em}td small{display:block;color:var(--muted);margin-top:3px}.compact-form{display:flex;gap:5px;align-items:center;min-width:300px}.compact-form select{min-height:34px;padding:6px}.status{display:inline-flex;padding:5px 9px;border-radius:999px;background:#eef1f7;font-size:11px;font-weight:850}.status.ok{background:#e1faef;color:#08714e}.status.bad{background:#ffe8ee;color:#a92945}.settings-layout{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.toggle-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:12px}.toggle-row{padding:11px;border:1px solid var(--line);border-radius:13px}.toggle-row select{margin-top:6px}.admin-user{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:15px 0;border-bottom:1px solid var(--line)}.admin-user>div{display:grid;gap:4px}.inline-password{display:flex;gap:5px}.inline-password input{min-height:34px}.domain-actions,.correction-form,.inline{display:flex;gap:5px;align-items:center;flex-wrap:wrap}.diagnostic-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:18px}.diagnostic{display:flex;align-items:center;gap:14px}.diagnostic>span{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:#e6faf1;color:#087252;font-weight:900}.diagnostic.fail>span{background:#ffe9ee;color:#ae2645}.diagnostic small{display:block;color:var(--muted)}.log-list{display:grid;gap:10px}.log-entry{display:flex;gap:15px;padding:16px}.log-entry>span{height:max-content;padding:5px 8px;border-radius:8px;background:#eef1f7;font-size:10px;text-transform:uppercase;font-weight:900}.log-entry.error>span,.log-entry.security>span{background:#ffe8ed;color:#ad2945}.log-entry small{display:block;color:var(--muted)}.log-entry pre{max-height:260px;overflow:auto;white-space:pre-wrap;background:#121826;color:#dce3f3;padding:12px;border-radius:10px}.customer-profile-head,.terminal-hero{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:28px;border-radius:24px;background:linear-gradient(145deg,#fff,#f0edff);border:1px solid var(--line);margin-bottom:18px}.customer-profile-head h1,.terminal-hero h1{font-size:38px;margin:4px 0}.profile-badges{display:flex;gap:9px}.profile-badges span{padding:10px 13px;border-radius:12px;background:#fff}.customer-card-mini{display:grid;gap:8px;padding:20px;border-radius:20px;background:linear-gradient(145deg,var(--brand),#27164e);color:#fff;margin-bottom:15px}.customer-card-mini span{font-weight:900}.customer-card-mini b{font-size:28px}.plan-limit-card strong{font-size:30px}.branch-grid,.campaign-stack{display:grid;gap:12px}.branch-card,.campaign-card{display:flex;align-items:center;gap:14px}.branch-card>span{font-size:30px}.campaign-card{justify-content:space-between}.campaign-multiplier{display:grid;place-items:center;width:62px;height:62px;border-radius:18px;background:#fff0e7;color:#db562a;font-size:24px;font-weight:950}.terminal-hero{background:linear-gradient(145deg,#1b2132,#344f9c);color:#fff}.terminal-search{margin-bottom:15px}.search-row{display:grid;grid-template-columns:1fr auto auto;gap:8px}.customer-result-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.customer-result{display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:12px;padding:15px;border:1px solid var(--line);border-radius:17px;background:#fff;color:var(--ink)}.customer-result:hover{border-color:var(--brand);transform:translateY(-2px)}.avatar{display:grid;place-items:center;width:46px;height:46px;border-radius:15px;background:#efedff;color:var(--brand);font-weight:900}.customer-result span{display:block;color:var(--muted);font-size:12px}.locked-feature{text-align:center;padding:50px}.locked-feature>span{font-size:45px}.launch-checklist{text-align:center}.readiness-ring{--p:50;display:grid;place-items:center;width:130px;height:130px;margin:auto;border-radius:50%;background:conic-gradient(var(--brand) calc(var(--p)*1%),#ebeef4 0);position:relative}.readiness-ring:before{content:"";position:absolute;inset:12px;border-radius:50%;background:#fff}.readiness-ring strong{position:relative;font-size:25px}.launch-item{display:flex;align-items:center;gap:10px;padding:12px;margin:7px 0;border-radius:12px;background:#f5f6fa;color:var(--ink)}.launch-item.done{background:#e9fbf3}.material-toolbar{display:flex;align-items:center;justify-content:space-between}.print-poster-v9{position:relative;max-width:780px;min-height:1040px;margin:25px auto;padding:70px 55px;border:15px solid var(--poster-brand);border-radius:34px;background:radial-gradient(circle at top right,color-mix(in srgb,var(--poster-brand) 18%,transparent),transparent 35%),#fff;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden}.poster-bubbles i{position:absolute;border-radius:50%;background:color-mix(in srgb,var(--poster-brand) 14%,transparent)}.poster-bubbles i:nth-child(1){width:180px;height:180px;top:-50px;right:-30px}.poster-bubbles i:nth-child(2){width:90px;height:90px;bottom:80px;left:-30px}.poster-bubbles i:nth-child(3){width:50px;height:50px;top:32%;left:8%}.poster-logo{max-width:150px;max-height:100px;object-fit:contain}.print-poster-v9 h1{font-size:58px;line-height:1.03;max-width:600px}.print-poster-v9>p{font-size:22px;max-width:580px}.poster-qr{width:420px;max-width:80%;margin:25px}.poster-pills{display:flex;gap:9px;flex-wrap:wrap;justify-content:center}.poster-pills span{padding:8px 12px;border-radius:999px;background:#eef0f6;font-weight:800}.analytics-stats{grid-template-columns:repeat(3,1fr)}.bar-chart{display:grid;gap:12px}.bar-chart>div{display:grid;grid-template-columns:150px 1fr 45px;gap:10px;align-items:center}.bar-chart i{height:12px;border-radius:999px;background:#eef0f6;overflow:hidden}.bar-chart b{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--brand),#ff8059)}.segment-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.segment-card-v9{padding:24px;border-radius:21px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow-sm)}.segment-card-v9 span{font-size:25px}.segment-card-v9 strong{display:block;font-size:42px}.domain-overview{display:grid;grid-template-columns:1fr 1fr;gap:15px}.platform-domain-card,.plan-domain-card{display:flex;align-items:center;gap:14px}.platform-domain-card>span{display:grid;place-items:center;width:52px;height:52px;border-radius:15px;background:var(--brand);color:#fff;font-weight:900}.platform-domain-card strong{display:block;word-break:break-all}.domain-request-form{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:center;margin:16px 0}.request-row{display:flex;gap:8px}.domain-list{display:grid;gap:15px}.domain-heading{display:flex;justify-content:space-between;gap:15px}.domain-heading h2{margin:6px 0}.dns-box{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:13px;border-radius:14px;background:#f5f6fa}.dns-box small{display:block;color:var(--muted)}.dns-box code{word-break:break-all}.legal{max-width:850px;margin:auto}.admin-session .topbar{border-color:#dce4ff}.admin-session .brand strong:after{content:" ADMIN";font-size:8px;color:#4660c8;letter-spacing:.1em}.merchant-session .topbar{border-color:color-mix(in srgb,var(--brand) 20%,#fff)}html[dir=rtl] body{text-align:right;font-family:Tahoma,Arial,sans-serif}html[dir=rtl] th,html[dir=rtl] td{text-align:right}html[dir=rtl] .digital-card-head,html[dir=rtl] .reward-availability{text-align:right}html[dir=rtl] .language-options{right:auto;left:0}html[dir=rtl] .address{margin-left:0;margin-right:10px}html[dir=rtl] .price-card-v9 ul,html[dir=rtl] .contact-steps ol{padding-right:22px;padding-left:0}@keyframes pulseDot{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.35);opacity:.6}}@keyframes phoneFloat{0%,100%{transform:translateY(0) rotate(3deg)}50%{transform:translateY(-12px) rotate(1deg)}}@keyframes orbitRotate{to{transform:rotate(360deg)}}@keyframes chipFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}@keyframes ringFill{0%,20%{stroke-dashoffset:63}65%,80%{stroke-dashoffset:0}100%{stroke-dashoffset:63}}@keyframes lastStamp{0%,35%{background:#ece8ff;color:#8a78cc;transform:scale(1)}55%,80%{background:#ff7f58;color:#fff;transform:scale(1.15)}100%{background:#ece8ff;color:#8a78cc;transform:scale(1)}}@keyframes unlockToast{0%,45%,100%{opacity:0;transform:translateY(14px)}58%,82%{opacity:1;transform:translateY(0)}}@keyframes dotBounce{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes barGrow{0%,100%{transform:scaleY(.7);transform-origin:bottom}50%{transform:scaleY(1.1);transform-origin:bottom}}@keyframes messagePop{0%,100%{transform:scale(.92);opacity:.75}50%{transform:scale(1);opacity:1}}@keyframes confetti{0%{transform:translateY(-20px) rotate(0);opacity:0}10%{opacity:1}100%{transform:translateY(650px) rotate(520deg);opacity:0}}
@media(max-width:1050px){.hero-v9{grid-template-columns:1fr;padding:50px 35px}.loyalty-stage{height:500px}.journey-line,.feature-v9-grid,.feature-detail-grid-v9{grid-template-columns:repeat(2,1fr)}.journey-line:before{display:none}.domain-showcase,.hardware-section,.auth-shell{grid-template-columns:1fr}.industry-cards{grid-template-columns:repeat(2,1fr)}.dashboard-stats,.admin-kpis{grid-template-columns:repeat(2,1fr)}.settings-layout{grid-template-columns:1fr}.site-footer{grid-template-columns:1fr 1fr}.language-menu{grid-column:1/-1;width:180px}.customer-result-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.topbar{top:8px}.menu-toggle{display:block}.nav{display:none;position:absolute;top:64px;left:0;right:0;max-height:calc(100vh - 90px);overflow:auto;padding:10px;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:var(--shadow);flex-direction:column;align-items:stretch;flex-wrap:nowrap}.nav.open{display:flex}.nav>a,.nav button,.nav-form{width:100%}.nav>a,.nav button{justify-content:flex-start;padding:11px 12px}.portal-join{grid-template-columns:1fr}.portal-identity{text-align:center;align-items:center}.private-login-shell{grid-template-columns:1fr}.pricing-grid-v9{grid-template-columns:1fr}.price-card-v9.featured{transform:none}.diagnostic-grid,.segment-grid{grid-template-columns:repeat(2,1fr)}.domain-request-form{grid-template-columns:1fr}.dns-box{grid-template-columns:1fr}.material-toolbar{display:block}.material-toolbar .actions{margin-top:15px}}
@media(max-width:680px){.wrap{width:min(100% - 18px,1180px)}.topbar{margin-top:8px;padding:9px}.brand small{display:none}.hero-v9{min-height:auto;padding:38px 20px;border-radius:24px}.hero-v9 h1{font-size:43px}.loyalty-stage{height:475px;transform:scale(.88);margin:-20px}.orbit-two{display:none}.industry-ribbon{gap:13px}.section-v9{padding:48px 0}.journey-line,.feature-v9-grid,.feature-detail-grid-v9,.industry-cards,.demo-grid-v9,.grid,.grid.two,.dashboard-stats,.admin-kpis,.analytics-stats,.diagnostic-grid,.segment-grid,.customer-result-grid,.domain-overview{grid-template-columns:1fr}.domain-showcase,.hardware-section{padding:34px 21px;border-radius:24px}.domain-showcase h2,.hardware-section h2,.final-cta-v9 h2{font-size:38px}.browser-domain{transform:none}.hardware-art{height:280px;transform:scale(.84);margin:-25px}.final-cta-v9{padding:50px 20px}.auth-visual{padding:35px 24px}.auth-visual h1{font-size:38px}.auth-card{padding:22px}.site-footer{grid-template-columns:1fr}.footer-links{margin:5px 0}.language-menu{width:100%}.language-options{position:static;margin-top:7px}.dashboard-hero,.customer-profile-head,.terminal-hero{display:block;padding:24px}.merchant-plan-card{margin-top:18px}.profile-badges{margin-top:15px;flex-wrap:wrap}.compact-form,.inline-password,.request-row,.search-row{display:grid;grid-template-columns:1fr;min-width:0}.settings-layout{display:block}.settings-layout>.card{margin-bottom:14px}.toggle-grid{grid-template-columns:1fr}.table-wrap{overflow:auto}.table-wrap table{min-width:780px}.portal-join{padding:14px}.portal-identity h1{font-size:37px}.digital-card{padding:18px}.print-poster-v9{min-height:auto;padding:42px 20px;border-width:9px}.print-poster-v9 h1{font-size:40px}.poster-qr{width:300px}.bar-chart>div{grid-template-columns:95px 1fr 35px}.domain-heading{display:block}.domain-heading .btn{margin-top:10px}.journey-line article{padding:20px}.private-visual,.private-actions{padding:28px}.private-visual h1{font-size:36px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}
@media print{body{background:#fff}.no-print,.topbar,.site-footer,.ambient{display:none!important}.wrap{width:auto;max-width:none}.print-poster-v9{box-shadow:none;margin:0 auto;min-height:96vh;page-break-inside:avoid}}

.wallet-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:18px}.wallet-hero h1{margin:6px 0 8px;font-size:clamp(32px,4vw,48px)}.wallet-hero p{max-width:700px;color:var(--muted)}.wallet-switch{display:flex;gap:8px;flex-wrap:wrap}.wallet-tab{min-height:42px;padding:10px 16px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--ink);font-weight:800}.wallet-tab.active{background:var(--brand);color:#fff;border-color:transparent;box-shadow:0 12px 24px color-mix(in srgb,var(--brand) 24%,transparent)}.premium-card-stack{display:grid;gap:18px}.loyalty-card-premium{position:relative;overflow:hidden;min-height:340px;padding:28px;border-radius:28px;color:var(--card-text,#fff);background:linear-gradient(135deg,var(--brand),var(--accent));box-shadow:0 30px 70px rgba(23,32,51,.20)}.loyalty-card-premium.theme-signature{background:radial-gradient(circle at top right,rgba(255,255,255,.20),transparent 32%),linear-gradient(135deg,#1b1c58 0%,var(--brand) 45%,var(--accent) 100%)}.loyalty-card-premium.theme-midnight{background:radial-gradient(circle at 100% 0%,rgba(69,86,255,.28),transparent 30%),linear-gradient(135deg,#071223 0%,#142544 45%,#0d4f7b 100%)}.loyalty-card-premium.theme-sunset{background:radial-gradient(circle at 100% 0%,rgba(255,226,162,.25),transparent 30%),linear-gradient(135deg,#5b1937 0%,#c64b5c 45%,#ff8f5a 100%)}.loyalty-card-premium.theme-emerald{background:radial-gradient(circle at 100% 0%,rgba(199,255,238,.22),transparent 30%),linear-gradient(135deg,#0a3a39 0%,#0f766e 45%,#34d399 100%)}.loyalty-card-premium.theme-rose{background:radial-gradient(circle at 100% 0%,rgba(255,255,255,.25),transparent 28%),linear-gradient(135deg,#54314f 0%,#b76e79 50%,#f8c9b7 100%)}.card-sheen{position:absolute;inset:-40% -20% auto auto;width:280px;height:280px;border-radius:50%;background:rgba(255,255,255,.14);filter:blur(10px)}.card-noise{position:absolute;inset:0;background-image:linear-gradient(120deg,rgba(255,255,255,.06) 10%,transparent 10%,transparent 50%,rgba(255,255,255,.05) 50%,rgba(255,255,255,.05) 60%,transparent 60%);opacity:.16;pointer-events:none}.card-front-top,.cardholder-row,.card-kpis,.card-footer-meta,.back-grid{position:relative;z-index:2}.card-front-top{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:24px}.card-brand-lockup{display:flex;align-items:center;gap:12px}.card-brand-lockup img,.merchant-monogram{width:52px;height:52px;border-radius:16px;object-fit:contain;background:rgba(255,255,255,.16);padding:8px;display:grid;place-items:center;color:#fff;font-weight:900}.card-brand-lockup small,.cardholder-row small,.card-kpis small,.detail-block small,.progress-caption span,.card-footer-meta span,.chip-caption,.detail-note,.qr-frame p{display:block;font-size:11px;letter-spacing:.08em;text-transform:uppercase;opacity:.82}.card-brand-lockup strong,.cardholder-row strong,.card-kpis strong,.detail-block strong{display:block;font-size:18px;line-height:1.2}.tier-pill{padding:10px 14px;border-radius:999px;background:rgba(255,255,255,.14);backdrop-filter:blur(7px);font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.card-chip-line{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:22px}.card-chip{position:relative;width:68px;height:48px;border-radius:14px;background:linear-gradient(135deg,#ffebb0,#d59a35);box-shadow:inset 0 2px 10px rgba(255,255,255,.4)}.card-chip:before,.card-chip:after,.card-chip span{content:"";position:absolute;background:rgba(117,80,12,.28)}.card-chip:before{left:22px;top:6px;bottom:6px;width:2px}.card-chip:after{left:10px;right:10px;top:22px;height:2px}.card-chip span{left:10px;right:10px;top:10px;bottom:10px;border-radius:8px}.member-number{font-size:30px;line-height:1.1;letter-spacing:.14em;font-weight:800;margin-bottom:18px;text-shadow:0 2px 10px rgba(0,0,0,.12)}.cardholder-row{display:grid;grid-template-columns:1fr auto;gap:16px;margin-bottom:16px}.card-kpis{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:16px}.card-kpis>div{padding:14px 16px;border-radius:18px;background:rgba(255,255,255,.10);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.08)}.card-kpis>div.wide{grid-column:1/-1}.premium-progress{height:12px;border-radius:999px;background:rgba(255,255,255,.15);overflow:hidden}.premium-progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#fff,rgba(255,255,255,.65));box-shadow:0 0 18px rgba(255,255,255,.55)}.progress-caption{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.card-progress-wrap p{margin:8px 0 0;color:rgba(255,255,255,.88)}.card-footer-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:18px;opacity:.92}.back-band{height:46px;margin:-6px -6px 24px;background:rgba(5,7,18,.78);border-radius:10px}.back-grid{display:grid;grid-template-columns:minmax(220px,290px) 1fr;gap:20px;align-items:center}.qr-frame{padding:16px;border-radius:22px;background:rgba(255,255,255,.12);backdrop-filter:blur(8px);text-align:center}.qr-frame img{width:100%;max-width:220px;background:#fff;padding:10px;border-radius:18px}.card-back-details{display:grid;gap:12px}.detail-block{padding:14px 16px;border-radius:18px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.08)}.detail-note{padding:10px 0 0;color:rgba(255,255,255,.9)}.wallet-support-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}.wallet-mini-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.wallet-mini-stats>div{padding:14px;border-radius:16px;background:#f5f6fb}.wallet-mini-stats strong{display:block;font-size:22px}.share-code{display:inline-flex;align-items:center;gap:10px;margin-top:8px;padding:10px 14px;border-radius:999px;background:#f5f6fb}.share-code strong{font-size:18px;letter-spacing:.1em}.is-hidden{display:none!important}.card-settings-card .btn{margin-top:10px}.portal-main{padding-bottom:26px}@media(max-width:900px){.wallet-hero,.wallet-support-grid,.back-grid{display:grid;grid-template-columns:1fr}.cardholder-row,.card-front-top,.card-footer-meta{display:grid}.member-number{font-size:24px;word-break:break-word}.wallet-mini-stats,.card-kpis{grid-template-columns:1fr}.back-grid{gap:16px}}html[dir=rtl] .member-number{letter-spacing:.08em}html[dir=rtl] .card-front-top,html[dir=rtl] .card-brand-lockup,html[dir=rtl] .card-chip-line,html[dir=rtl] .card-footer-meta,html[dir=rtl] .progress-caption{direction:rtl}

.credit-card-stage{display:grid;place-items:center;margin:8px 0 18px}.credit-card-shell{width:min(100%,560px);perspective:1800px}.credit-card-flip{position:relative;width:100%;aspect-ratio:1.586/1;transform-style:preserve-3d;transition:transform .8s cubic-bezier(.2,.8,.2,1)}.credit-card-flip.is-flipped{transform:rotateY(180deg)}.credit-card-face{position:absolute;inset:0;backface-visibility:hidden;overflow:hidden;border-radius:28px;padding:26px;color:var(--card-text,#fff);background:linear-gradient(135deg,var(--brand),var(--accent));box-shadow:0 34px 68px rgba(15,23,42,.20)}.credit-card-flip.theme-signature .credit-card-face{background:radial-gradient(circle at 100% 0%,rgba(255,255,255,.22),transparent 28%),linear-gradient(135deg,#181a57 0%,var(--brand) 45%,var(--accent) 100%)}.credit-card-flip.theme-midnight .credit-card-face{background:radial-gradient(circle at 100% 0%,rgba(116,148,255,.24),transparent 28%),linear-gradient(135deg,#081424 0%,#132742 45%,#0f6097 100%)}.credit-card-flip.theme-sunset .credit-card-face{background:radial-gradient(circle at 100% 0%,rgba(255,228,181,.18),transparent 28%),linear-gradient(135deg,#5a1838 0%,#cc5163 48%,#ff9e5b 100%)}.credit-card-flip.theme-emerald .credit-card-face{background:radial-gradient(circle at 100% 0%,rgba(194,255,240,.2),transparent 28%),linear-gradient(135deg,#0b3b3a 0%,#0f766e 48%,#34d399 100%)}.credit-card-flip.theme-rose .credit-card-face{background:radial-gradient(circle at 100% 0%,rgba(255,255,255,.18),transparent 28%),linear-gradient(135deg,#523148 0%,#b56a7c 48%,#f0c6ba 100%)}.card-face-back{transform:rotateY(180deg)}.brand-watermark{position:absolute;inset:auto -40px -16px auto;opacity:.11;pointer-events:none}.brand-watermark img,.brand-watermark span{width:180px;height:180px;object-fit:contain;display:grid;place-items:center;font-size:82px;font-weight:900}.card-top-row{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;position:relative;z-index:1}.card-brand-lockup.large img.brand-logo,.merchant-monogram.large{width:58px;height:58px;border-radius:18px;object-fit:contain;background:rgba(255,255,255,.14);padding:8px;display:grid;place-items:center}.visa-like-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:18px 0 18px;position:relative;z-index:1}.network-pill{padding:10px 14px;border-radius:999px;background:rgba(255,255,255,.12);backdrop-filter:blur(8px);font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.member-number.hero{font-size:clamp(28px,4vw,36px);letter-spacing:.16em;margin:8px 0 18px;position:relative;z-index:1}.cardholder-row.align-bottom{align-items:end}.card-kpis.compact{margin-bottom:14px}.card-progress-wrap.inline{position:relative;z-index:1}.magnetic-strip{height:46px;background:rgba(3,6,18,.78);margin:-8px -8px 20px;border-radius:12px}.back-content{display:grid;grid-template-columns:200px 1fr;gap:18px;align-items:center;height:calc(100% - 66px)}.qr-panel{padding:16px;border-radius:22px;background:rgba(255,255,255,.12);backdrop-filter:blur(8px);text-align:center}.qr-panel img{width:100%;max-width:160px;background:#fff;padding:8px;border-radius:16px}.qr-placeholder .mock-qr{width:160px;height:160px;border-radius:16px;background:#fff;color:#111827;display:grid;place-items:center;margin:0 auto;font-weight:900;letter-spacing:.2em}.back-info{display:grid;gap:10px}.wallet-switch.compact{align-items:center}.settings-card-preview{margin-top:10px;padding:16px;border-radius:22px;background:#f8f9ff;border:1px solid var(--line)}.preview-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.preview-stage{margin-bottom:0}.preview-stage .credit-card-shell{width:min(100%,500px)}@media(max-width:900px){.credit-card-shell{width:min(100%,96vw)}.credit-card-face{padding:18px;border-radius:22px}.brand-watermark img,.brand-watermark span{width:120px;height:120px;font-size:58px}.member-number.hero{font-size:22px;letter-spacing:.11em}.back-content{grid-template-columns:1fr;align-items:start}.qr-panel img,.qr-placeholder .mock-qr{max-width:140px;width:140px;height:140px}.card-brand-lockup.large img.brand-logo,.merchant-monogram.large{width:46px;height:46px}.network-pill,.tier-pill{font-size:10px;padding:8px 10px}.card-footer-meta span:last-child{display:none}}html[dir=rtl] .credit-card-flip{text-align:right}html[dir=rtl] .card-top-row,html[dir=rtl] .visa-like-row,html[dir=rtl] .card-footer-meta,html[dir=rtl] .preview-head{direction:rtl}.wallet-switch.compact .wallet-tab{white-space:nowrap}

/* Phase 9.3: robust card flip, templates, and compact merchant navigation */
.credit-card-shell{isolation:isolate;perspective:1600px;-webkit-perspective:1600px}
.credit-card-flip{transform-style:preserve-3d;-webkit-transform-style:preserve-3d;will-change:transform}
.credit-card-face{backface-visibility:hidden;-webkit-backface-visibility:hidden;transform:rotateY(0deg) translateZ(1px);-webkit-transform:rotateY(0deg) translateZ(1px);z-index:2}
.card-face-back{transform:rotateY(180deg) translateZ(1px);-webkit-transform:rotateY(180deg) translateZ(1px);z-index:1}
.credit-card-flip.is-flipped{transform:rotateY(180deg);-webkit-transform:rotateY(180deg)}
.credit-card-flip.is-flipped .card-face-front{pointer-events:none}
.credit-card-flip:not(.is-flipped) .card-face-back{pointer-events:none}
.credit-card-face>*{transform:translateZ(2px);-webkit-transform:translateZ(2px)}
.credit-card-face .brand-watermark{transform:translateZ(1px);-webkit-transform:translateZ(1px)}
.credit-card-flip.layout-luxury .card-top-row{align-items:center}.credit-card-flip.layout-luxury .brand-watermark{opacity:.18;inset:auto -20px -10px auto}.credit-card-flip.layout-luxury .network-pill{border:1px solid rgba(255,224,154,.55);background:rgba(28,20,8,.18)}.credit-card-flip.layout-luxury .card-chip{background:linear-gradient(135deg,#fff2b6,#c58a29)}
.credit-card-flip.layout-modern .credit-card-face:before{content:"";position:absolute;inset:0 auto 0 0;width:34%;background:linear-gradient(180deg,rgba(255,255,255,.14),rgba(255,255,255,.02));clip-path:polygon(0 0,100% 0,72% 100%,0 100%)}.credit-card-flip.layout-modern .brand-watermark{opacity:.16;right:-10px;bottom:-10px}.credit-card-flip.layout-modern .network-pill{background:#fff;color:#182033}
.credit-card-flip.layout-minimal .credit-card-face{background:linear-gradient(145deg,color-mix(in srgb,var(--brand) 88%,#111827),color-mix(in srgb,var(--accent) 72%,#fff));box-shadow:0 24px 55px rgba(15,23,42,.16)}.credit-card-flip.layout-minimal .brand-watermark{opacity:.07}.credit-card-flip.layout-minimal .card-chip{width:56px;height:40px}.credit-card-flip.layout-minimal .card-kpis>div{background:transparent;border:1px solid rgba(255,255,255,.22)}
.nav-dropdown{position:relative}.nav-dropdown>summary{list-style:none;display:inline-flex;align-items:center;gap:6px;min-height:38px;padding:8px 11px;border-radius:10px;color:#3c4659;font-size:13px;font-weight:750;cursor:pointer;white-space:nowrap}.nav-dropdown>summary::-webkit-details-marker{display:none}.nav-dropdown>summary:after{content:"⌄";font-size:12px;transition:.2s}.nav-dropdown[open]>summary{background:#f0efff;color:var(--brand)}.nav-dropdown[open]>summary:after{transform:rotate(180deg)}.nav-dropdown>div{position:absolute;top:calc(100% + 8px);right:0;z-index:140;min-width:230px;padding:8px;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:0 20px 45px rgba(23,32,51,.16)}.nav-dropdown>div a{display:block;padding:10px 12px;border-radius:9px;color:#3c4659;font-size:13px;font-weight:750}.nav-dropdown>div a:hover{background:#f2f0ff;color:var(--brand)}html[dir=rtl] .nav-dropdown>div{right:auto;left:0}
@media(max-width:900px){.nav-dropdown{width:100%}.nav-dropdown>summary{width:100%;justify-content:space-between}.nav-dropdown>div{position:static;min-width:0;margin:4px 0 8px;background:#f8f9fc;box-shadow:none}.nav-dropdown>div a{padding-inline:14px}.credit-card-flip{aspect-ratio:1.586/1}.credit-card-face{overflow:auto}.credit-card-face>*{transform:none;-webkit-transform:none}.credit-card-face .brand-watermark{transform:none;-webkit-transform:none}}
@media(max-width:600px){
.credit-card-face{padding:13px;overflow:hidden;border-radius:19px}.credit-card-shell{width:min(100%,390px)}.card-top-row{gap:7px}.card-brand-lockup.large{gap:7px}.card-brand-lockup.large img.brand-logo,.merchant-monogram.large{width:36px;height:36px;border-radius:11px;padding:5px}.card-brand-lockup.large small{font-size:7px}.card-brand-lockup.large strong{font-size:11px}.tier-pill{padding:5px 7px;font-size:7px}.visa-like-row{margin:7px 0}.card-chip{width:42px;height:29px;border-radius:8px}.network-pill{padding:5px 7px;font-size:7px}.member-number.hero{font-size:16px;letter-spacing:.08em;margin:3px 0 7px}.cardholder-row.align-bottom{display:grid;grid-template-columns:1fr auto;gap:7px;margin-bottom:6px}.cardholder-row small,.card-kpis small,.progress-caption span,.card-footer-meta span{font-size:6px}.cardholder-row strong,.card-kpis strong{font-size:10px}.card-kpis.compact{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-bottom:5px}.card-kpis.compact>div{padding:5px 7px;border-radius:9px}.progress-caption{margin-bottom:3px}.premium-progress{height:5px}.card-footer-meta{display:flex;margin-top:5px;gap:5px}.card-footer-meta span:first-child{max-width:70%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.brand-watermark img,.brand-watermark span{width:85px;height:85px;font-size:38px}.magnetic-strip{height:28px;margin:-3px -3px 8px}.back-content{display:grid;grid-template-columns:92px 1fr;gap:8px;height:calc(100% - 36px);align-items:center}.qr-panel{padding:6px;border-radius:10px}.qr-panel img,.qr-placeholder .mock-qr{width:72px;height:72px;padding:4px;border-radius:8px}.qr-panel p{font-size:5px;margin:3px 0 0}.back-info{gap:4px}.detail-block{padding:4px 6px;border-radius:7px}.detail-block small{font-size:5px}.detail-block strong{font-size:7px;line-height:1.1;word-break:break-all}.detail-note{font-size:6px;padding-top:1px}.settings-card-preview{padding:9px}.preview-head{margin-bottom:6px}}


/* Phase 9.3.1 — Firefox/customer-card shell rendering hotfix */
.credit-card-stage{
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  overflow:visible!important;
}
.credit-card-shell{
  display:block!important;
  width:560px!important;
  max-width:100%!important;
  min-width:0!important;
  flex:0 1 560px!important;
  perspective:1600px!important;
  -webkit-perspective:1600px!important;
  isolation:isolate!important;
}
.credit-card-flip{
  display:block!important;
  position:relative!important;
  width:100%!important;
  max-width:100%!important;
  height:auto!important;
  aspect-ratio:85.60 / 53.98!important;
  min-width:0!important;
  min-height:0!important;
  border-radius:28px!important;
  transform-origin:center center!important;
  transform-style:preserve-3d!important;
  -webkit-transform-style:preserve-3d!important;
  transition:transform .72s cubic-bezier(.22,.75,.18,1)!important;
  will-change:transform!important;
}
.credit-card-face{
  display:block!important;
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  min-width:0!important;
  min-height:0!important;
  box-sizing:border-box!important;
  border-radius:inherit!important;
  backface-visibility:hidden!important;
  -webkit-backface-visibility:hidden!important;
  opacity:1!important;
  visibility:visible!important;
  overflow:hidden!important;
}
.card-face-front{
  z-index:2!important;
  transform:rotateY(0deg)!important;
  -webkit-transform:rotateY(0deg)!important;
}
.card-face-back{
  z-index:1!important;
  transform:rotateY(180deg)!important;
  -webkit-transform:rotateY(180deg)!important;
}
.credit-card-flip.is-flipped{
  transform:rotateY(180deg)!important;
  -webkit-transform:rotateY(180deg)!important;
}
.credit-card-face>*{
  transform:none!important;
  -webkit-transform:none!important;
}
.credit-card-face .brand-watermark{
  transform:none!important;
  -webkit-transform:none!important;
}
@media(max-width:600px){
  .credit-card-shell{
    width:390px!important;
    max-width:100%!important;
    flex-basis:390px!important;
  }
  .credit-card-flip{border-radius:19px!important}
}

.card-usage-help{display:flex;flex-direction:column;align-items:flex-start}.card-save-actions{margin:8px 0 4px}.recovery-note{margin:10px 0 0;max-width:720px}@media print{.portal-main .wallet-hero,.portal-main .wallet-support-grid{display:none!important}.credit-card-stage{display:block!important;margin:0!important}.credit-card-shell{width:85.6mm!important;max-width:none!important;margin:0 auto!important;perspective:none!important}.credit-card-flip{width:85.6mm!important;height:auto!important;aspect-ratio:auto!important;transform:none!important;display:block!important}.credit-card-face{position:relative!important;inset:auto!important;width:85.6mm!important;height:53.98mm!important;transform:none!important;backface-visibility:visible!important;-webkit-backface-visibility:visible!important;margin:0 auto 10mm!important;page-break-inside:avoid!important;box-shadow:none!important}.card-face-back{transform:none!important}.brand-watermark{opacity:.08!important}}


/* Phase 9.3.3: privacy-safe public card and reliable vector PDF output */
.card-vector-bg{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;display:block!important;z-index:0!important;pointer-events:none!important}
.credit-card-face>.card-vector-bg{transform:none!important;-webkit-transform:none!important}
.credit-card-face>*:not(.card-vector-bg){z-index:1}
.cardholder-row.single{grid-template-columns:1fr!important}
.portal-main .wallet-mini-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}

@page{size:A4 portrait;margin:12mm}
@media print{
  html,body,.wrap,.portal-main{background:#fff!important}
  html,body{margin:0!important;padding:0!important}
  *,*::before,*::after{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;color-adjust:exact!important}
  .topbar,.site-footer,.ambient,.notice,.portal-main .wallet-hero,.portal-main .wallet-support-grid{display:none!important}
  .wrap{width:100%!important;max-width:none!important;margin:0!important;padding:0!important}
  .portal-main{width:100%!important;max-width:none!important;margin:0!important;padding:0!important}
  .credit-card-stage{display:block!important;width:100%!important;margin:0!important;padding:0!important;overflow:visible!important}
  .credit-card-shell{display:block!important;width:85.6mm!important;max-width:none!important;min-width:85.6mm!important;margin:0 auto!important;perspective:none!important;-webkit-perspective:none!important;overflow:visible!important}
  .credit-card-flip,.credit-card-flip.is-flipped{display:block!important;position:static!important;width:85.6mm!important;height:auto!important;min-height:0!important;aspect-ratio:auto!important;transform:none!important;-webkit-transform:none!important;transform-style:flat!important;-webkit-transform-style:flat!important;overflow:visible!important}
  .credit-card-face,.card-face-front,.card-face-back{display:block!important;position:relative!important;inset:auto!important;width:85.6mm!important;height:53.98mm!important;min-width:85.6mm!important;min-height:53.98mm!important;box-sizing:border-box!important;transform:none!important;-webkit-transform:none!important;backface-visibility:visible!important;-webkit-backface-visibility:visible!important;opacity:1!important;visibility:visible!important;overflow:hidden!important;margin:0 auto 10mm!important;page-break-inside:avoid!important;break-inside:avoid!important;box-shadow:none!important;color:var(--card-text,#fff)!important;background-color:var(--brand)!important}
  .card-vector-bg{display:block!important;position:absolute!important;inset:0!important;width:100%!important;height:100%!important;opacity:1!important;visibility:visible!important}
  .brand-watermark{opacity:.10!important}
  .qr-panel img{display:block!important}
}


/* Phase 9.3.4: reconnect printable SVG backgrounds to the selected card theme. */
.credit-card-flip{
  --card-theme-base:var(--brand,#5B4CF0);
  --card-theme-accent:var(--accent,#8B5CF6);
}
.credit-card-flip.theme-signature{
  --card-theme-base:var(--brand,#5B4CF0);
  --card-theme-accent:var(--accent,#8B5CF6);
}
.credit-card-flip.theme-midnight{
  --card-theme-base:#071223;
  --card-theme-accent:#176A9E;
}
.credit-card-flip.theme-sunset{
  --card-theme-base:#5B1937;
  --card-theme-accent:#FF8F5A;
}
.credit-card-flip.theme-emerald{
  --card-theme-base:#083B39;
  --card-theme-accent:#34D399;
}
.credit-card-flip.theme-rose{
  --card-theme-base:#55314F;
  --card-theme-accent:#F2B9A9;
}
.credit-card-flip .card-vector-bg rect{fill:var(--card-theme-base)!important}
.credit-card-flip .card-vector-bg path{fill:var(--card-theme-accent)!important}

@media print{
  .credit-card-flip.theme-signature{--card-theme-base:var(--brand,#5B4CF0);--card-theme-accent:var(--accent,#8B5CF6)}
  .credit-card-flip.theme-midnight{--card-theme-base:#071223;--card-theme-accent:#176A9E}
  .credit-card-flip.theme-sunset{--card-theme-base:#5B1937;--card-theme-accent:#FF8F5A}
  .credit-card-flip.theme-emerald{--card-theme-base:#083B39;--card-theme-accent:#34D399}
  .credit-card-flip.theme-rose{--card-theme-base:#55314F;--card-theme-accent:#F2B9A9}
}

.auth-switch{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px;padding-top:14px;border-top:1px solid var(--line);font-size:13px}.auth-switch a{font-weight:850}.home-card-demo{padding-top:68px}.home-card-demo .section-heading p{max-width:720px;margin-inline:auto;color:var(--muted);font-size:17px}.home-card-demo-actions{display:flex;justify-content:center;margin:-6px 0 16px}.home-demo-stage{margin-bottom:0}.home-demo-stage .credit-card-shell{width:min(560px,100%)}.demo-mock-qr{display:grid!important;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,1fr);gap:3px;padding:10px!important;background:#fff!important}.demo-mock-qr i{background:#111827;border-radius:1px}.demo-mock-qr i:nth-child(2),.demo-mock-qr i:nth-child(5),.demo-mock-qr i:nth-child(8),.demo-mock-qr i:nth-child(11),.demo-mock-qr i:nth-child(14){opacity:.18}.account-grid{align-items:start}.account-form hr.form-divider{border:0;border-top:1px solid var(--line);margin:24px 0}.account-summary{position:sticky;top:110px;text-align:center}.account-avatar{display:grid;place-items:center;width:84px;height:84px;margin:0 auto 14px;border-radius:26px;background:linear-gradient(145deg,var(--brand),#8b5cf6);color:#fff;font-size:28px;font-weight:950;box-shadow:0 16px 34px color-mix(in srgb,var(--brand) 24%,transparent)}.account-summary h2{margin:6px 0}.account-summary>p{color:var(--muted)}.account-info-row{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:13px 0;border-top:1px solid var(--line);text-align:start}.account-info-row strong,.account-info-row a{text-align:end}.account-form input[readonly]{background:#f3f5f9;color:#788195;cursor:not-allowed}@media(max-width:900px){.account-summary{position:static}.home-card-demo{padding-top:48px}.auth-switch{display:grid}.home-demo-stage .credit-card-shell{width:min(390px,100%)}}

/* Phase 9.5 — premium dashboards, media uploads, split card designer, A4 print */
.premium-dashboard{padding-bottom:30px}.premium-hero{min-height:250px;position:relative;overflow:hidden}.premium-hero:after{content:"";position:absolute;width:310px;height:310px;border-radius:50%;right:-90px;bottom:-180px;background:rgba(255,255,255,.08)}.hero-metric{position:relative;z-index:2;min-width:190px;padding:20px;border-radius:22px;background:rgba(255,255,255,.11);border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(12px);text-align:center}.hero-metric small,.hero-metric span{display:block;color:rgba(255,255,255,.76)}.hero-metric strong{display:block;font-size:48px;line-height:1;margin:8px 0}.premium-kpi-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:13px;margin:18px 0}.premium-kpi{position:relative;min-height:122px;padding:18px;border-radius:21px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow-sm);overflow:hidden}.premium-kpi:after{content:"";position:absolute;width:86px;height:86px;border-radius:50%;right:-32px;bottom:-36px;opacity:.15;background:currentColor}.premium-kpi .kpi-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;margin-bottom:13px;background:currentColor;color:#fff;font-weight:900}.premium-kpi>div small{display:block;color:var(--muted);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.premium-kpi>div strong{display:block;color:var(--ink);font-size:30px;line-height:1.1;margin-top:5px}.premium-kpi.violet{color:#6d51ef}.premium-kpi.green{color:#13a979}.premium-kpi.blue{color:#3676e9}.premium-kpi.orange{color:#ef7e3d}.premium-kpi.rose{color:#d45b88}.premium-kpi.cyan{color:#20a9bb}.dashboard-rich-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(320px,.8fr);gap:16px;margin-bottom:16px}.dashboard-rich-grid.lower{grid-template-columns:minmax(280px,.75fr) minmax(0,1.4fr)}.premium-panel{min-width:0}.panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:18px}.panel-heading h2{margin:3px 0 0;font-size:22px}.chart-legend{display:flex;gap:12px;flex-wrap:wrap;font-size:11px;color:var(--muted);font-weight:750}.chart-legend span{display:flex;align-items:center;gap:6px}.legend-dot{width:9px;height:9px;border-radius:50%;display:inline-block}.legend-dot.tx{background:#6d51ef}.legend-dot.new{background:#19b894}.premium-column-chart{height:230px;display:grid;grid-template-columns:repeat(14,minmax(16px,1fr));align-items:end;gap:7px;padding:14px 6px 0;border-bottom:1px solid var(--line);background:linear-gradient(to top,rgba(91,76,240,.025),transparent)}.chart-column{height:100%;display:grid;grid-template-rows:1fr 20px;align-items:end;gap:6px;text-align:center}.chart-bars{height:100%;display:flex;align-items:flex-end;justify-content:center;gap:3px}.chart-bars .bar{display:block;width:min(10px,42%);min-height:4px;border-radius:7px 7px 2px 2px;box-shadow:0 6px 14px rgba(35,42,76,.08)}.chart-bars .bar.tx{background:linear-gradient(180deg,#9c87ff,#5b4cf0)}.chart-bars .bar.new{background:linear-gradient(180deg,#5de5bf,#0fa97b)}.chart-column small{font-size:9px;color:#8a92a5}.premium-bars{display:grid;gap:14px}.premium-bar-row{display:grid;gap:7px}.premium-bar-row>div{display:flex;justify-content:space-between;align-items:center;gap:12px}.premium-bar-row small{color:var(--muted)}.premium-bar-row>i,.top-customer i{display:block;height:10px;border-radius:999px;background:#eef0f6;overflow:hidden}.premium-bar-row>i>b{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#5b4cf0,#9e86ff)}.top-customer-list{display:grid;gap:8px}.top-customer{display:grid;grid-template-columns:38px 1fr;gap:12px;align-items:center;padding:12px;border-radius:16px;color:var(--ink);background:#f8f9fc;border:1px solid #edf0f5}.top-customer:hover{border-color:color-mix(in srgb,var(--brand) 35%,#fff);transform:translateY(-1px)}.top-customer .rank{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#ece9ff;color:var(--brand);font-weight:900}.top-customer strong,.top-customer small{display:block}.top-customer small{color:var(--muted);margin:2px 0 7px}.top-customer i b{display:block;height:100%;background:linear-gradient(90deg,var(--brand),#ff8d68)}.empty-insight{min-height:180px;display:grid;place-items:center;align-content:center;text-align:center;color:var(--muted)}.empty-insight span{font-size:34px;color:var(--brand)}.insight-numbers{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.insight-numbers>div{padding:16px;border-radius:16px;background:#f7f8fc}.insight-numbers small{display:block;color:var(--muted)}.insight-numbers strong{display:block;font-size:28px;margin-top:4px}.premium-plan{box-shadow:0 18px 50px rgba(9,7,40,.18)}
.settings-premium-main{padding-bottom:30px}.settings-hero{padding-bottom:20px}.premium-settings-grid{align-items:start}.settings-section{position:relative}.settings-section-head{display:flex;align-items:flex-start;gap:12px;margin-bottom:14px}.settings-section-head h2{margin:0}.settings-section-head p{margin:3px 0 0;color:var(--muted);font-size:12px}.settings-icon{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border-radius:13px;background:#efedff;color:var(--brand);font-weight:950}.asset-upload-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.asset-upload-box{display:grid;grid-template-columns:74px 1fr;gap:12px;align-items:center;padding:13px;border:1px dashed #d9ddea;border-radius:16px;background:#fafbfe}.asset-preview{display:grid;place-items:center;width:70px;height:70px;border-radius:17px;background:#fff;border:1px solid var(--line);overflow:hidden;color:var(--brand);font-weight:950}.asset-preview img{width:100%;height:100%;object-fit:contain;padding:7px}.favicon-preview{width:58px;height:58px;border-radius:14px}.asset-upload-box label{margin-top:0}.asset-upload-box input[type=file],.card-art-upload input[type=file]{min-height:auto;padding:9px;background:#fff}.asset-upload-box small{display:block;color:var(--muted);margin-top:5px}.advanced-url-fields{margin-top:12px;padding:10px 12px;border-radius:13px;background:#f6f7fb}.advanced-url-fields summary{cursor:pointer;font-weight:800;color:#58637a}.two-field-row{display:grid;grid-template-columns:.5fr 1.5fr;gap:12px}.card-designer-v95{grid-column:1/-1;display:grid;grid-template-columns:minmax(280px,.7fr) minmax(500px,1.3fr);gap:20px;padding:20px;overflow:visible}.designer-controls{padding:6px 8px 6px 4px}.designer-control-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}.card-art-upload{margin:14px 0;padding:14px;border-radius:16px;background:#f7f8fc;border:1px solid var(--line)}.designer-save-row{display:grid;gap:8px;margin-top:18px}.designer-save-row span{font-size:11px;color:var(--muted)}.designer-preview{position:sticky;top:95px;align-self:start;padding:18px;border-radius:22px;background:linear-gradient(145deg,#f8f9ff,#eef1f9);border:1px solid #e3e6f0;box-shadow:inset 0 1px 0 #fff}.designer-preview .preview-head{margin-bottom:14px}.designer-preview .preview-head strong{display:block;margin-top:2px}.designer-preview .credit-card-shell{width:min(560px,100%)}.card-custom-background{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;opacity:.24!important;filter:saturate(1.12) contrast(1.06)!important;mix-blend-mode:soft-light;z-index:0!important;pointer-events:none}.card-custom-background.back{opacity:.12!important}.credit-card-face>*:not(.card-vector-bg):not(.card-custom-background){position:relative;z-index:2}.branding-assets .two-field-row{margin-top:8px}
@media(max-width:1100px){.premium-kpi-grid{grid-template-columns:repeat(3,1fr)}.card-designer-v95{grid-template-columns:1fr}.designer-preview{position:static}.dashboard-rich-grid,.dashboard-rich-grid.lower{grid-template-columns:1fr}}
@media(max-width:680px){.premium-kpi-grid{grid-template-columns:repeat(2,1fr)}.premium-kpi{min-height:108px;padding:14px}.premium-kpi>div strong{font-size:25px}.premium-column-chart{gap:3px;height:190px}.chart-bars{gap:1px}.chart-bars .bar{width:5px}.asset-upload-grid,.two-field-row,.designer-control-grid{grid-template-columns:1fr}.asset-upload-box{grid-template-columns:58px 1fr}.asset-preview{width:56px;height:56px}.card-designer-v95{padding:14px}.designer-preview{padding:10px}.panel-heading{display:grid}.insight-numbers{grid-template-columns:1fr}.hero-metric{margin-top:18px}}

/* A4 single-page store material print */
@media print{
  .materials-main{width:100%!important;margin:0!important;padding:0!important;display:block!important}
  .materials-main .print-poster-v9{box-sizing:border-box!important;width:186mm!important;height:273mm!important;max-width:none!important;min-height:0!important;margin:0 auto!important;padding:12mm 12mm!important;border-width:3mm!important;border-radius:5mm!important;box-shadow:none!important;page-break-inside:avoid!important;break-inside:avoid!important;page-break-after:avoid!important;overflow:hidden!important;justify-content:center!important}
  .materials-main .poster-logo{max-width:42mm!important;max-height:22mm!important}
  .materials-main .poster-logo-placeholder{transform:scale(.82)}
  .materials-main .print-poster-v9 h1{font-size:12mm!important;line-height:1.02!important;margin:5mm 0 3mm!important;max-width:150mm!important}
  .materials-main .print-poster-v9>p{font-size:5mm!important;line-height:1.35!important;margin:2mm 0!important;max-width:150mm!important}
  .materials-main .poster-qr{width:88mm!important;height:88mm!important;max-width:none!important;margin:5mm!important}
  .materials-main .print-poster-v9 h2{font-size:8mm!important;margin:2mm 0!important}
  .materials-main .print-poster-v9>small{font-size:2.8mm!important;line-height:1.2!important;max-width:155mm!important;word-break:break-all!important}
  .materials-main .poster-pills{margin-top:4mm!important;gap:2mm!important}
  .materials-main .poster-pills span{padding:2mm 3mm!important;font-size:3mm!important}
}

/* Phase 9.6 — authoritative premium loyalty-card composition and management controls */
.credit-card-shell{width:100%!important;max-width:620px!important;flex-basis:auto!important}
.credit-card-flip.premium-card-v96{width:100%!important;aspect-ratio:1.586/1!important;min-height:0!important;border-radius:26px!important}
.premium-card-v96 .credit-card-face{padding:22px 24px!important;border-radius:26px!important;overflow:hidden!important;display:grid!important;grid-template-rows:54px 42px 42px 35px 47px 25px 16px!important;gap:6px!important;color:var(--card-text,#fff)!important;isolation:isolate}
.premium-card-v96 .credit-card-face:after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(120deg,rgba(5,10,28,.12),transparent 42%,rgba(255,255,255,.04) 78%,rgba(5,10,28,.12))}
.premium-card-v96 .card-vector-bg{z-index:0!important}
.premium-card-v96 .card-custom-background{z-index:1!important;opacity:.28!important;filter:saturate(1.08) contrast(1.05)!important;mix-blend-mode:soft-light!important}
.premium-card-v96 .credit-card-face>*:not(.card-vector-bg):not(.card-custom-background){z-index:2!important;position:relative!important}
.premium-card-v96 .brand-watermark{position:absolute!important;right:-20px!important;bottom:-18px!important;width:180px!important;height:180px!important;opacity:.075!important;z-index:1!important;pointer-events:none!important}
.premium-card-v96 .brand-watermark img,.premium-card-v96 .brand-watermark span{width:180px!important;height:180px!important;object-fit:contain!important;font-size:72px!important}
.premium-card-v96 .card-top-row{grid-row:1!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important;margin:0!important;min-width:0}
.premium-card-v96 .card-brand-lockup{order:2!important;margin-inline-start:auto!important;display:flex!important;flex-direction:row-reverse!important;align-items:center!important;gap:10px!important;min-width:0;text-align:end}
.premium-card-v96 .card-brand-lockup.large img.brand-logo,.premium-card-v96 .merchant-monogram.large{width:50px!important;height:50px!important;flex:0 0 50px!important;border-radius:14px!important;padding:6px!important;background:rgba(255,255,255,.15)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}
.premium-card-v96 .card-brand-lockup small{font-size:9px!important;letter-spacing:.10em!important;opacity:.72!important}
.premium-card-v96 .card-brand-lockup strong{display:block!important;max-width:250px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:17px!important;line-height:1.15!important;font-weight:850!important;text-shadow:0 1px 8px rgba(0,0,0,.14)}
.premium-card-v96 .tier-pill{order:1!important;flex:0 0 auto!important;padding:7px 10px!important;font-size:9px!important;line-height:1!important;background:rgba(255,255,255,.13)!important;border:1px solid rgba(255,255,255,.14)!important}
.premium-card-v96 .visa-like-row{grid-row:2!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;margin:0!important}
.premium-card-v96 .card-chip{width:54px!important;height:37px!important;border-radius:10px!important;flex:0 0 54px!important}
.premium-card-v96 .network-pill{padding:7px 10px!important;font-size:8px!important;letter-spacing:.12em!important;background:rgba(255,255,255,.11)!important;border:1px solid rgba(255,255,255,.10)!important}
.premium-card-v96 .member-number.hero{grid-row:3!important;align-self:center!important;margin:0!important;font-size:27px!important;line-height:1!important;letter-spacing:.135em!important;font-weight:820!important;white-space:nowrap!important;text-shadow:0 2px 12px rgba(0,0,0,.18)}
.premium-card-v96 .cardholder-row.align-bottom{grid-row:4!important;display:grid!important;grid-template-columns:1fr!important;align-items:end!important;gap:0!important;margin:0!important}
.premium-card-v96 .cardholder-row small{font-size:8px!important;letter-spacing:.11em!important;opacity:.72!important}
.premium-card-v96 .cardholder-row strong{font-size:17px!important;line-height:1.1!important;font-weight:820!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.premium-card-v96 .card-kpis.compact{grid-row:5!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;margin:0!important;align-self:stretch!important}
.premium-card-v96 .card-kpis.compact>div{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;padding:7px 10px!important;border-radius:12px!important;background:rgba(255,255,255,.105)!important;border:1px solid rgba(255,255,255,.10)!important;backdrop-filter:blur(7px)}
.premium-card-v96 .card-kpis.compact>div.wide{grid-column:1/-1!important}
.premium-card-v96 .card-kpis small{font-size:7px!important;letter-spacing:.08em!important;opacity:.78!important}
.premium-card-v96 .card-kpis strong{font-size:15px!important;line-height:1!important;font-weight:900!important}
.premium-card-v96 .card-progress-wrap.inline{grid-row:6!important;align-self:center!important;margin:0!important}
.premium-card-v96 .progress-caption{margin:0 0 4px!important}
.premium-card-v96 .progress-caption span,.premium-card-v96 .progress-caption b{font-size:7px!important;line-height:1!important}
.premium-card-v96 .premium-progress{height:5px!important}
.premium-card-v96 .card-footer-meta{grid-row:7!important;display:flex!important;align-items:end!important;justify-content:space-between!important;gap:8px!important;margin:0!important;min-width:0}
.premium-card-v96 .card-footer-meta span{font-size:6.5px!important;line-height:1!important;letter-spacing:.06em!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.premium-card-v96 .card-footer-meta span:first-child{max-width:72%!important}
/* Back side gets its own stable composition instead of inheriting the front grid. */
.premium-card-v96 .card-face-back{display:block!important;padding:20px 22px!important}
.premium-card-v96 .magnetic-strip{height:44px!important;margin:0 -22px 17px!important;border-radius:0!important;background:rgba(3,6,18,.82)!important}
.premium-card-v96 .back-content{display:grid!important;grid-template-columns:155px minmax(0,1fr)!important;gap:18px!important;height:calc(100% - 61px)!important;align-items:center!important}
.premium-card-v96 .qr-panel{padding:10px!important;border-radius:15px!important;background:rgba(255,255,255,.13)!important;border:1px solid rgba(255,255,255,.12)!important}
.premium-card-v96 .qr-panel img,.premium-card-v96 .qr-placeholder .mock-qr{width:118px!important;height:118px!important;max-width:118px!important;padding:6px!important;border-radius:10px!important}
.premium-card-v96 .qr-panel p{font-size:6.5px!important;margin:5px 0 0!important}
.premium-card-v96 .back-info{display:grid!important;gap:8px!important;min-width:0}
.premium-card-v96 .detail-block{padding:8px 10px!important;border-radius:11px!important;background:rgba(255,255,255,.10)!important;border:1px solid rgba(255,255,255,.09)!important;min-width:0}
.premium-card-v96 .detail-block small{font-size:6.5px!important;letter-spacing:.09em!important}
.premium-card-v96 .detail-block strong{font-size:11px!important;line-height:1.12!important;word-break:normal!important;overflow-wrap:anywhere!important}
.premium-card-v96 .detail-note{padding:1px 2px 0!important;font-size:7px!important;line-height:1.25!important}
/* Templates change visual treatment only; information stays in the same premium hierarchy. */
.premium-card-v96.layout-luxury .credit-card-face:after{background:linear-gradient(110deg,rgba(5,5,12,.26),transparent 45%,rgba(255,220,145,.08))}
.premium-card-v96.layout-luxury .card-brand-lockup.large img.brand-logo,.premium-card-v96.layout-luxury .merchant-monogram.large{border-radius:50%!important;border:1px solid rgba(255,226,164,.42)!important}
.premium-card-v96.layout-modern .credit-card-face:before{width:27%!important;opacity:.75!important}
.premium-card-v96.layout-modern .network-pill{background:rgba(255,255,255,.92)!important;color:#1b2230!important}
.premium-card-v96.layout-minimal .card-kpis.compact>div{background:rgba(255,255,255,.055)!important;border-color:rgba(255,255,255,.20)!important}
.premium-card-v96.layout-minimal .brand-watermark{opacity:.045!important}
/* Card designer keeps the preview large enough to judge branding accurately. */
.designer-preview .credit-card-shell{width:100%!important;max-width:620px!important}.designer-preview{min-width:0}.designer-preview .credit-card-stage{overflow:visible!important}
.asset-remove-btn{margin-top:8px!important}.row-action-group{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.row-edit-popover{position:relative}.row-edit-popover>summary{list-style:none;cursor:pointer}.row-edit-popover>summary::-webkit-details-marker{display:none}.row-edit-popover[open] .row-edit-form{display:grid}.row-edit-form{position:absolute;z-index:30;right:0;top:calc(100% + 8px);width:300px;padding:14px;border-radius:16px;background:#fff;border:1px solid var(--line);box-shadow:0 22px 55px rgba(23,32,51,.18);text-align:start}.row-edit-form label{margin-top:7px}.row-edit-form .check{margin:8px 0}.admin-create-merchant{margin:18px 0}.admin-create-merchant>summary{display:flex;align-items:center;gap:10px;cursor:pointer;list-style:none}.admin-create-merchant>summary::-webkit-details-marker{display:none}.admin-create-merchant>summary span{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:#efedff;color:var(--brand);font-size:22px}.admin-create-merchant>summary small{margin-inline-start:auto;color:var(--muted)}.admin-create-merchant-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px}.admin-create-merchant-form .full{grid-column:1/-1}
@media(max-width:700px){
  .credit-card-shell{width:100%!important;max-width:620px!important}
  .credit-card-flip.premium-card-v96{border-radius:20px!important}
  .premium-card-v96 .credit-card-face{padding:12px 13px!important;border-radius:20px!important;grid-template-rows:36px 28px 28px 24px 34px 0 12px!important;gap:4px!important}
  .premium-card-v96 .card-brand-lockup.large img.brand-logo,.premium-card-v96 .merchant-monogram.large{width:34px!important;height:34px!important;flex-basis:34px!important;border-radius:10px!important;padding:4px!important}
  .premium-card-v96 .card-brand-lockup strong{font-size:11px!important;max-width:150px!important}.premium-card-v96 .card-brand-lockup small{font-size:5.5px!important}.premium-card-v96 .tier-pill{font-size:5.5px!important;padding:4px 6px!important}.premium-card-v96 .card-chip{width:38px!important;height:26px!important;flex-basis:38px!important;border-radius:7px!important}.premium-card-v96 .network-pill{font-size:5px!important;padding:4px 6px!important}.premium-card-v96 .member-number.hero{font-size:16px!important;letter-spacing:.10em!important}.premium-card-v96 .cardholder-row small{font-size:5px!important}.premium-card-v96 .cardholder-row strong{font-size:10px!important}.premium-card-v96 .card-kpis.compact{gap:4px!important}.premium-card-v96 .card-kpis.compact>div{padding:4px 6px!important;border-radius:7px!important}.premium-card-v96 .card-kpis small{font-size:4.6px!important}.premium-card-v96 .card-kpis strong{font-size:9px!important}.premium-card-v96 .card-progress-wrap{display:none!important}.premium-card-v96 .card-footer-meta span{font-size:4.5px!important}.premium-card-v96 .brand-watermark img,.premium-card-v96 .brand-watermark span{width:95px!important;height:95px!important;font-size:40px!important}
  .premium-card-v96 .card-face-back{padding:11px 12px!important}.premium-card-v96 .magnetic-strip{height:27px!important;margin:0 -12px 8px!important}.premium-card-v96 .back-content{grid-template-columns:86px 1fr!important;gap:8px!important;height:calc(100% - 35px)!important}.premium-card-v96 .qr-panel{padding:5px!important;border-radius:8px!important}.premium-card-v96 .qr-panel img,.premium-card-v96 .qr-placeholder .mock-qr{width:68px!important;height:68px!important;padding:3px!important;border-radius:6px!important}.premium-card-v96 .qr-panel p{font-size:4px!important;margin-top:2px!important}.premium-card-v96 .back-info{gap:4px!important}.premium-card-v96 .detail-block{padding:4px 5px!important;border-radius:6px!important}.premium-card-v96 .detail-block small{font-size:4px!important}.premium-card-v96 .detail-block strong{font-size:6px!important}.premium-card-v96 .detail-note{font-size:4.5px!important}
  .row-edit-form{position:fixed;left:12px;right:12px;top:18vh;width:auto;max-height:70vh;overflow:auto}.admin-create-merchant-form{grid-template-columns:1fr}.admin-create-merchant-form .full{grid-column:auto}.admin-create-merchant>summary small{display:none}
}
@media print{
  .premium-card-v96 .credit-card-face{display:grid!important;padding:3.2mm 3.4mm!important;grid-template-rows:7.5mm 5.7mm 6.2mm 5mm 7mm 3.3mm 2.2mm!important;gap:.8mm!important;border-radius:4mm!important}
  .premium-card-v96 .card-face-back{display:block!important;padding:3mm 3.2mm!important}.premium-card-v96 .magnetic-strip{height:7mm!important;margin:0 -3.2mm 2.5mm!important}.premium-card-v96 .back-content{grid-template-columns:25mm 1fr!important;gap:3mm!important;height:calc(100% - 9.5mm)!important}.premium-card-v96 .qr-panel img{width:20mm!important;height:20mm!important}.premium-card-v96 .card-progress-wrap{display:block!important}
}

/* Phase 9.7 integration only — loyalty-card visuals are isolated in modules/loyalty-card/card.css */
.asset-remove-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;visibility:visible!important;margin-top:10px!important;border:1px solid #dc6672!important;background:#fff5f6!important;color:#b42334!important;box-shadow:none!important}.asset-remove-btn:hover:not(:disabled){background:#ffe7ea!important}.asset-remove-btn:disabled{display:inline-flex!important;opacity:.42!important;cursor:not-allowed!important;filter:grayscale(.35)}.card-art-upload .asset-remove-btn{width:auto!important}.designer-preview .cl-card-shell{width:min(700px,100%)}.home-card-demo .cl-card-shell{width:min(660px,100%)}


/* Phase 9.7.2 — customer card PAGE responsive containment.
 * Important: this is deliberately page-scoped. The homepage demo and card module
 * remain unchanged. portal-main was originally a centered registration grid; the
 * customer card page needs a normal block flow so its responsive card can use the
 * real content width on mobile. */
.customer-card-page{
  display:block!important;
  place-items:initial!important;
  align-items:initial!important;
  justify-items:initial!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  min-height:0!important;
  overflow-x:clip!important;
  padding-bottom:26px!important;
}
.customer-card-page>.wallet-hero,
.customer-card-page>.credit-card-stage,
.customer-card-page>.wallet-support-grid{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
}
.customer-card-page>.credit-card-stage{
  display:block!important;
  margin:8px 0 18px!important;
  padding:0!important;
  overflow:visible!important;
}
.customer-card-page>.credit-card-stage>[data-cl-card-scope]{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
}
.customer-card-page [data-cl-card-scope] .cl-card-module{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  margin-inline:auto!important;
}
.customer-card-page [data-cl-card-scope] .cl-card-shell{
  width:min(700px,100%)!important;
  max-width:100%!important;
  min-width:0!important;
  margin-inline:auto!important;
  flex:0 1 auto!important;
}
.customer-card-page>.wallet-support-grid>*{
  min-width:0!important;
}

@media screen and (max-width:760px){
  .customer-card-page{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
  }
  .customer-card-page>.wallet-hero{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    align-items:start!important;
    gap:12px!important;
    margin-bottom:16px!important;
  }
  .customer-card-page>.wallet-hero>div,
  .customer-card-page>.wallet-support-grid>*{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
  }
  .customer-card-page>.credit-card-stage>[data-cl-card-scope],
  .customer-card-page [data-cl-card-scope] .cl-card-module,
  .customer-card-page [data-cl-card-scope] .cl-card-shell{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
  }
  .customer-card-page>.wallet-support-grid{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:12px!important;
  }
  .customer-card-page .card-save-actions{
    width:100%;
  }
}

@supports not (overflow:clip){
  .customer-card-page{overflow-x:hidden!important}
}

/* Phase 10 production readiness */
.admin-production-strip{margin:18px 0 22px;padding:16px 18px;border-radius:20px;background:linear-gradient(135deg,#101d2d,#173d35);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:18px;box-shadow:0 18px 45px #10281f20}.admin-production-strip.maintenance{background:linear-gradient(135deg,#4a241c,#8b3f2b)}.admin-production-strip>div{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.admin-production-strip small{display:block;opacity:.72;font-size:11px;text-transform:uppercase;letter-spacing:.08em}.admin-production-strip strong{font-size:15px}.admin-production-strip>div:last-child{justify-content:flex-end}.admin-production-strip span{font-size:13px;opacity:.9}.admin-production-strip b{font-weight:800;color:#fff}.admin-production-strip .btn{background:#ffffff12;border-color:#ffffff25;color:#fff}.health-pulse{width:12px;height:12px;border-radius:50%;background:#55d6a7;box-shadow:0 0 0 7px #55d6a722;display:inline-block;flex:none}.admin-production-strip.maintenance .health-pulse{background:#ffba7a;box-shadow:0 0 0 7px #ffba7a22}
.production-console{max-width:1280px;margin:0 auto}.production-health-hero{margin:0 0 20px;padding:22px 24px;border-radius:24px;display:flex;justify-content:space-between;align-items:center;gap:20px;color:#fff;box-shadow:0 22px 60px #11251e1c}.production-health-hero.healthy{background:linear-gradient(135deg,#10372f,#167457)}.production-health-hero.attention{background:linear-gradient(135deg,#5a2d22,#a24d35)}.production-health-hero>div:first-child{display:flex;align-items:center;gap:16px}.production-health-hero .health-pulse{width:14px;height:14px;background:#8ff0c9;box-shadow:0 0 0 9px #8ff0c920}.production-health-hero small{display:block;opacity:.72;text-transform:uppercase;letter-spacing:.08em;font-size:11px}.production-health-hero strong{display:block;font-size:28px;line-height:1.1;margin-top:3px}.production-version-stack{display:flex;gap:9px;flex-wrap:wrap;justify-content:flex-end}.production-version-stack span{padding:9px 11px;border-radius:999px;background:#ffffff12;border:1px solid #ffffff1f;font-size:12px}.production-version-stack b{color:#fff}.production-diagnostic-grid{margin-bottom:20px}.production-control{margin-bottom:20px;border:1px solid #dce8e3}.production-control .panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:8px}.production-control p{max-width:900px}.maintenance-form{display:flex;align-items:center;gap:10px;margin-top:15px}.maintenance-form input{flex:1;min-width:240px}.maintenance-current{padding:10px 12px;border-radius:12px;background:#fff4e8}.success-status{background:#e7f7f0!important;color:#147153!important}.warning-status{background:#fff0e4!important;color:#984c22!important}.migration-warning{display:flex;gap:18px;align-items:flex-start;margin-bottom:20px;border-color:#f0cba8;background:#fffaf5}.migration-warning>span{width:44px;height:44px;border-radius:14px;background:#fff0df;color:#b45b23;display:grid;place-items:center;font-weight:900;font-size:22px;flex:none}.migration-warning h2{margin-top:0}.migration-warning code,.production-runbook code{display:inline-block;margin-top:8px;padding:10px 12px;border-radius:10px;background:#122b25;color:#eafff6;font-size:12px}.production-two-column{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.75fr);gap:20px;margin-bottom:20px}.production-runbook ol{margin:14px 0 0;padding-inline-start:22px;display:grid;gap:11px}.production-runbook li{line-height:1.55}.production-runbook .eyebrow{margin-bottom:7px}
.premium-roadmap-section{margin-top:34px;padding:36px 0 12px}.premium-roadmap-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.premium-roadmap-grid article{position:relative;overflow:hidden;min-height:190px;padding:24px}.premium-roadmap-grid article>span{display:inline-grid;place-items:center;min-width:42px;height:42px;padding:0 10px;border-radius:13px;background:linear-gradient(135deg,#182e29,#245b4e);color:#fff;font-weight:900;font-size:13px;box-shadow:0 10px 25px #18382f24}.premium-roadmap-grid h3{margin:17px 0 8px;font-size:20px}.premium-roadmap-grid p{margin:0;line-height:1.65;color:var(--muted,#6a7370)}.premium-roadmap-note{max-width:820px;margin:20px auto 0;padding:13px 16px;border-radius:14px;background:#f4f8f6;border:1px solid #e2ebe7;text-align:center;color:#52615d;font-size:13px}
@media(max-width:980px){.admin-production-strip,.production-health-hero{align-items:flex-start;flex-direction:column}.admin-production-strip>div:last-child,.production-version-stack{justify-content:flex-start}.production-two-column{grid-template-columns:1fr}.premium-roadmap-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.admin-production-strip{padding:15px}.admin-production-strip>div:last-child{display:grid;grid-template-columns:1fr 1fr;width:100%}.admin-production-strip>div:last-child .btn{grid-column:1/-1}.production-health-hero{padding:18px}.production-health-hero strong{font-size:23px}.production-version-stack{display:grid;grid-template-columns:1fr;width:100%}.maintenance-form{align-items:stretch;flex-direction:column}.maintenance-form input{min-width:0;width:100%}.premium-roadmap-grid{grid-template-columns:1fr}.premium-roadmap-section{padding-top:24px}}

/* Phase 10.0.3 — Settings structural row repair */
.settings-bottom-row{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start;min-width:0}.settings-bottom-row>.settings-section{min-width:0;width:100%;height:auto}.settings-bottom-row input,.settings-bottom-row textarea,.settings-bottom-row select{min-width:0;width:100%}@media(max-width:900px){.settings-bottom-row{grid-template-columns:1fr}}

/* 10.0.4 SETTINGS WORKSPACE — strict row layout. Scoped to merchant Settings only. */
.settings-premium-main .premium-settings-grid{display:block!important;grid-template-columns:none!important;min-width:0!important}
.settings-premium-main .settings-top-row,
.settings-premium-main .settings-bottom-row{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:18px!important;align-items:start!important;width:100%!important;min-width:0!important;margin:0 0 18px!important}
.settings-premium-main .settings-top-row>.settings-section,
.settings-premium-main .settings-bottom-row>.settings-section{min-width:0!important;width:100%!important;margin:0!important;box-sizing:border-box!important}
.settings-premium-main .card-designer-v95{display:grid!important;grid-template-columns:minmax(330px,.72fr) minmax(0,1.28fr)!important;gap:20px!important;width:100%!important;min-width:0!important;margin:0 0 18px!important;box-sizing:border-box!important}
.settings-premium-main .card-designer-v95>.designer-controls,
.settings-premium-main .card-designer-v95>.designer-preview{min-width:0!important;width:100%!important;box-sizing:border-box!important}
.settings-premium-main .designer-preview{position:sticky!important;top:95px!important;align-self:start!important}
@media(max-width:899px){
  .settings-premium-main .settings-top-row,
  .settings-premium-main .settings-bottom-row{grid-template-columns:minmax(0,1fr)!important;gap:14px!important}
  .settings-premium-main .card-designer-v95{grid-template-columns:minmax(0,1fr)!important;gap:14px!important;padding:14px!important}
  .settings-premium-main .designer-preview{position:static!important;top:auto!important}
}


/* 10.0.5 SETTINGS FRAME + INFORMATION ARCHITECTURE */
.settings-premium-main .settings-hero,
.settings-premium-main .premium-settings-grid{width:min(100%,1080px)!important;max-width:1080px!important;margin-left:auto!important;margin-right:auto!important}
.settings-premium-main .settings-top-row,
.settings-premium-main .settings-bottom-row,
.settings-premium-main .card-designer-v95{max-width:100%!important;margin-left:0!important;margin-right:0!important}
.settings-premium-main .legal-privacy-section small{display:block;margin-top:6px;color:var(--muted);line-height:1.45}
.settings-account-note{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;margin-top:20px;padding:14px 15px;border:1px solid #e2e5ef;border-radius:16px;background:#f8f9fc}
.settings-account-note>span{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:#efedff;color:var(--brand);font-weight:950}
.settings-account-note strong{display:block;font-size:13px}.settings-account-note p{margin:2px 0 0;color:var(--muted);font-size:11px;line-height:1.45}
@media(max-width:899px){.settings-premium-main .settings-hero,.settings-premium-main .premium-settings-grid{width:100%!important;max-width:none!important}.settings-account-note{grid-template-columns:auto minmax(0,1fr)}.settings-account-note .btn{grid-column:1/-1;width:100%}}

/* 10.0.6 merchant-specific loyalty rules */
.registration-rules-box{margin:8px 0 2px;padding:14px 16px;border:1px solid color-mix(in srgb,var(--brand,#5b4cf0) 25%,#dfe4ef);border-radius:16px;background:color-mix(in srgb,var(--brand,#5b4cf0) 5%,#fff)}.registration-rules-box strong{display:block;margin-bottom:4px}.registration-rules-box p{margin:0 0 8px;color:var(--muted);font-size:.92rem}.rules-link{font-weight:800;text-decoration:none}.rules-consent{align-items:flex-start}.merchant-rules-main{width:min(100% - 32px,920px);margin:0 auto;padding:28px 0 60px}.merchant-rules-hero{display:flex;align-items:center;gap:18px;padding:24px 26px;margin-bottom:18px;border-radius:24px;background:linear-gradient(135deg,color-mix(in srgb,var(--brand) 12%,#fff),#fff);border:1px solid color-mix(in srgb,var(--brand) 20%,#e7eaf2)}.merchant-rules-hero img,.merchant-rules-hero .merchant-placeholder{width:72px;height:72px;object-fit:contain;border-radius:18px;background:#fff;padding:8px;box-shadow:0 10px 30px #17203314;flex:0 0 auto}.merchant-rules-hero h1{margin:4px 0 6px}.merchant-rules-hero p{margin:0;color:var(--muted)}.rules-meta{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}.rules-meta span{padding:6px 10px;border-radius:999px;background:#fff;border:1px solid var(--line);font-size:.82rem;font-weight:700}.merchant-rules-document{padding:30px}.merchant-rules-document h2{font-size:1.05rem;margin:28px 0 8px}.merchant-rules-document h2:first-child{margin-top:0}.merchant-rules-document p{line-height:1.7;margin:0 0 12px}.rules-external-policy{margin-top:28px;padding:18px;border-radius:18px;background:#f7f8fc;border:1px solid var(--line)}.rules-return{margin-top:18px;display:flex;justify-content:center}.settings-rules-row{width:100%;min-width:0}.loyalty-rules-settings{width:100%;box-sizing:border-box}.loyalty-rules-settings .settings-section-head{align-items:flex-start}.rules-status-strip{display:flex;gap:12px;flex-wrap:wrap;margin:4px 0 14px}.rules-status-strip span{padding:8px 11px;border-radius:12px;background:#f7f8fc;border:1px solid var(--line);font-size:.86rem}.loyalty-rules-settings textarea{width:100%;min-height:430px;resize:vertical;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;line-height:1.55}.rules-privacy-option{margin-top:16px;padding-top:16px;border-top:1px solid var(--line)}.rules-save-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:18px}.rules-save-row span{color:var(--muted);font-size:.88rem}.referrals-only-row{grid-template-columns:minmax(0,1fr)!important}.customer-rules-access{grid-column:1/-1}@media(max-width:720px){.merchant-rules-main{width:min(100% - 20px,920px);padding-top:16px}.merchant-rules-hero{padding:18px;align-items:flex-start}.merchant-rules-hero img,.merchant-rules-hero .merchant-placeholder{width:56px;height:56px}.merchant-rules-document{padding:20px}.loyalty-rules-settings textarea{min-height:520px}}


/* 10.0.7 — keep Program Rules + Referrals inside the shared Settings frame */
.settings-premium-main .rules-referrals-row{
  display:grid!important;
  grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr)!important;
  gap:18px!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  margin:0 0 18px!important;
  align-items:start!important;
  box-sizing:border-box!important;
}
.settings-premium-main .rules-referrals-row>.settings-section{
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  margin:0!important;
  box-sizing:border-box!important;
}
.settings-premium-main .rules-referrals-row .loyalty-rules-settings textarea,
.settings-premium-main .rules-referrals-row .loyalty-rules-settings input,
.settings-premium-main .rules-referrals-row .referrals-settings input,
.settings-premium-main .rules-referrals-row .referrals-settings select{
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  box-sizing:border-box!important;
}
@media(max-width:899px){
  .settings-premium-main .rules-referrals-row{
    grid-template-columns:minmax(0,1fr)!important;
    gap:14px!important;
  }
}


/* 10.0.8 — Settings single physical content frame. Structural fix, STAGING FIRST. */
.settings-premium-main .premium-settings-grid{
  display:block!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
}
.settings-premium-main .settings-content-frame{
  display:block!important;
  width:min(100%,1080px)!important;
  max-width:1080px!important;
  min-width:0!important;
  margin-left:auto!important;
  margin-right:auto!important;
  box-sizing:border-box!important;
}
.settings-premium-main .settings-content-frame>.settings-top-row,
.settings-premium-main .settings-content-frame>.card-designer-v95,
.settings-premium-main .settings-content-frame>.rules-referrals-row{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  margin-left:0!important;
  margin-right:0!important;
  box-sizing:border-box!important;
}
.settings-premium-main .settings-content-frame>.settings-top-row{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  gap:18px!important;
  margin-bottom:18px!important;
}
.settings-premium-main .settings-content-frame>.card-designer-v95{
  display:grid!important;
  grid-template-columns:minmax(330px,.72fr) minmax(0,1.28fr)!important;
  gap:20px!important;
  margin-bottom:18px!important;
}
.settings-premium-main .settings-content-frame>.rules-referrals-row{
  display:grid!important;
  grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr)!important;
  gap:18px!important;
  margin-bottom:18px!important;
}
.settings-premium-main .settings-content-frame>.settings-top-row>* ,
.settings-premium-main .settings-content-frame>.card-designer-v95>* ,
.settings-premium-main .settings-content-frame>.rules-referrals-row>*{
  min-width:0!important;
  max-width:100%!important;
  box-sizing:border-box!important;
}
@media(max-width:899px){
  .settings-premium-main .settings-content-frame{width:100%!important;max-width:none!important}
  .settings-premium-main .settings-content-frame>.settings-top-row,
  .settings-premium-main .settings-content-frame>.card-designer-v95,
  .settings-premium-main .settings-content-frame>.rules-referrals-row{
    grid-template-columns:minmax(0,1fr)!important;
    gap:14px!important;
  }
}


/* Phase 10.2 — dropdowns escape clipped containers and stay visible. */
.row-edit-popover[open]{position:relative;z-index:2200}.row-edit-popover[open] .row-edit-form{display:grid;position:fixed!important;right:auto!important;z-index:2600!important;visibility:hidden;max-height:calc(100vh - 24px);overflow:auto;overscroll-behavior:contain}.row-edit-popover[open].popover-positioned .row-edit-form{visibility:visible}.table-card,.table-wrap{isolation:auto}.language-menu[open]{z-index:2500}.language-menu[open] .language-options{z-index:2600}
.transaction-proof-card{position:relative}.transaction-points-preview{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:10px 0 4px;padding:12px 14px;border:1px solid color-mix(in srgb,var(--brand) 18%,var(--line));border-radius:14px;background:color-mix(in srgb,var(--brand) 5%,#fff)}.transaction-points-preview small{font-weight:800;color:var(--muted)}.transaction-points-preview strong{font-size:22px;color:var(--brand)}
@media(max-width:680px){.language-menu[open] .language-options{position:fixed!important;left:12px!important;right:12px!important;bottom:12px!important;top:auto!important;width:auto!important;min-width:0!important;max-height:55vh;overflow:auto;padding:10px;border-radius:18px;box-shadow:0 24px 80px rgba(23,32,51,.28)}.row-edit-popover[open] .row-edit-form{width:calc(100vw - 24px)!important;max-width:420px}.row-edit-form{padding:16px}.transaction-proof-card{min-width:0}}

/* 10.3 multi-program workspace */
.program-limit-banner{max-width:1080px;margin:0 auto 18px;display:flex;align-items:center;justify-content:space-between;gap:24px}.program-limit-banner strong{display:block;font-size:28px}.programs-workspace,.program-list-grid{max-width:1080px;margin-left:auto;margin-right:auto}.program-list-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:18px}.program-management-card.primary-program{outline:2px solid color-mix(in srgb,var(--brand) 45%,transparent)}.program-card-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.program-card-head>strong{font-size:28px}.program-edit-form{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.program-switcher{display:flex;gap:10px;overflow:auto;padding:4px 0 16px}.program-switcher a{min-width:170px;padding:12px 14px;border:1px solid var(--line);border-radius:16px;background:var(--card);text-decoration:none}.program-switcher a.active{border-color:var(--brand);box-shadow:0 8px 24px rgba(42,55,120,.12)}.program-switcher strong,.program-switcher small{display:block}.customer-program-row{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:10px 0;border-bottom:1px solid var(--line)}.customer-program-row:last-child{border-bottom:0}.customer-program-row small{display:block}.compact-form input[type=number]{width:88px;min-width:72px}@media(max-width:760px){.program-list-grid{grid-template-columns:1fr}.program-limit-banner{align-items:flex-start;flex-direction:column}.program-edit-form{grid-template-columns:1fr}.program-switcher a{min-width:145px}}
/* Phase 10.3 multi-program subscription controls */
.customer-capacity-banner{margin-bottom:18px}.locked-program-type{display:flex;flex-direction:column;gap:4px;padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:var(--soft,#f7f8fc)}.locked-program-type small{color:var(--muted)}.admin-limit-field{display:grid;gap:4px;min-width:125px}.admin-limit-field small{font-size:11px;color:var(--muted);white-space:nowrap}.admin-limit-field input{min-width:110px}

/* Phase 10.3.2 reward behavior */
[data-reward-threshold-wrap][hidden]{display:none!important}.locked-program-type small{display:block;margin-top:4px;color:var(--muted)}.program-management-card .program-card-head>strong{max-width:180px;text-align:right}.program-management-card .program-card-head>strong small{display:block}

/* 10.3.2 consolidated integrity + staff program access */
.language-options .language-choice{background:transparent;color:var(--ink)}
.language-options .language-choice.active,.language-options .language-choice[aria-current="page"]{background:#efedff;color:var(--brand)}
@media(hover:hover){.language-options .language-choice:not(.active):hover{background:transparent;color:var(--brand)}}.language-options .language-choice.active:after,.language-options .language-choice[aria-current="page"]:after{content:"✓";float:right;font-weight:900}
.language-options .language-choice:focus:not(:focus-visible){outline:none;background:transparent;color:var(--ink)}
.language-options .language-choice.active:focus,.language-options .language-choice[aria-current="page"]:focus{background:#efedff;color:var(--brand)}
.program-access-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:8px 0 6px}.program-access-grid.compact{grid-template-columns:1fr}.program-access-option{margin:0;padding:10px 12px;border:1px solid var(--line);border-radius:13px;background:#fafbfe}.program-access-option span{min-width:0}.program-access-option strong,.program-access-option small{display:block}.program-access-form{margin-top:10px;padding:12px;border-radius:14px;background:#f7f8fc}.program-staff-access{margin-top:9px}.terminal-program-access{margin:10px 0 0}.terminal-program-access>div{display:flex;gap:6px;flex-wrap:wrap}.terminal-program-access span{padding:5px 9px;border-radius:999px;background:#eef0ff;color:var(--brand);font-size:11px;font-weight:800}.terminal-program-access .danger-text{background:#fff0f3;color:#ae2441}.invoice-reference-composer{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:stretch;border:1px solid #dbe0eb;border-radius:12px;overflow:hidden;background:#fff}.invoice-reference-composer:focus-within{border-color:var(--brand);box-shadow:0 0 0 4px color-mix(in srgb,var(--brand) 12%,transparent)}.invoice-reference-composer>span{display:flex;align-items:center;padding:0 12px;background:#f3f4f8;border-right:1px solid var(--line);font-weight:900;white-space:nowrap}.invoice-reference-composer input{border:0;border-radius:0;box-shadow:none!important;min-width:0}.reward-unlocked-event{display:flex;align-items:center;gap:18px;margin:18px 0;background:radial-gradient(circle at 100% 0%,rgba(255,255,255,.25),transparent 35%),linear-gradient(135deg,#4329b7,#7656ff 60%,#f28d58);color:#fff;border:0}.reward-unlocked-event .eyebrow{color:#dcd5ff}.reward-unlocked-event h2{margin:3px 0}.reward-unlocked-event p{margin:0;color:#f1eeff}.reward-event-icon{display:grid;place-items:center;width:64px;height:64px;border-radius:20px;background:rgba(255,255,255,.16);font-size:30px}.reward-center{margin:18px 0}.reward-record-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.reward-record{padding:16px;border:1px solid var(--line);border-radius:17px;background:#fafbfe}.reward-record.status-available{border-color:#bdebd8;background:#f1fff9}.reward-record.status-redeemed{background:#f5f6fa}.reward-record.status-expired{opacity:.72}.reward-record-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.reward-status{display:inline-flex;padding:5px 9px;border-radius:999px;background:#e9edf5;font-size:10px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.status-available .reward-status{background:#d9f8ea;color:#087352}.reward-record h3{margin:10px 0 5px}.reward-record p,.reward-record small{display:block;margin:4px 0;color:var(--muted)}.reward-redeem-form{margin-top:12px}.reward-redeem-form label{margin-top:8px}
@media(max-width:760px){.program-access-grid,.reward-record-grid{grid-template-columns:1fr}.invoice-reference-composer{grid-template-columns:auto minmax(0,1fr)}.invoice-reference-composer>span{max-width:45vw;overflow:hidden;text-overflow:ellipsis}.reward-unlocked-event{align-items:flex-start}.reward-event-icon{width:50px;height:50px;border-radius:15px;flex:0 0 50px}}

/* Phase 10.3.3 stabilization — deterministic program form alignment. */
.program-edit-form{grid-template-columns:minmax(0,1fr)!important;gap:6px!important}
.program-edit-form>label{margin-top:8px!important;margin-bottom:0!important}
.program-edit-form>[data-reward-threshold-wrap]{display:grid;grid-template-columns:minmax(0,1fr);gap:6px}
.program-edit-form>[data-reward-threshold-wrap]>label{margin-top:8px!important;margin-bottom:0!important}
.program-management-card input,.program-management-card select{max-width:100%;box-sizing:border-box}

/* Phase 10.4.0 — capability provisioning, birthday intelligence and protected customer cards. */
.admin-capability-box{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;padding:14px;border:1px solid var(--line);border-radius:16px;background:#f8f9fd}.admin-capability-box>strong{grid-column:1/-1}.admin-capability-box .check,.admin-capability-inline .check{margin:0;padding:9px 10px;border:1px solid var(--line);border-radius:12px;background:#fff}.admin-capability-inline{display:grid;grid-template-columns:1fr;gap:6px;margin-top:8px;min-width:185px}.admin-capability-inline .check{font-size:11px}
.program-birthday-benefit{grid-column:1/-1;margin-top:8px;padding:12px;border:1px solid color-mix(in srgb,var(--brand) 16%,var(--line));border-radius:15px;background:color-mix(in srgb,var(--brand) 3%,#fff)}.program-birthday-benefit>summary{cursor:pointer;font-weight:900}.birthday-benefit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 12px;margin-top:12px}.birthday-benefit-grid .check,.birthday-benefit-grid .full{grid-column:1/-1}.birthday-benefit-grid small.full{display:block;color:var(--muted)}
.customer-private-detail{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:14px;padding-top:12px;border-top:1px solid var(--line)}.customer-private-detail small{color:var(--muted)}.customer-private-detail strong{font-size:15px}
.customer-security-panel{margin:18px 0;border-color:color-mix(in srgb,var(--brand) 18%,var(--line))}.customer-security-panel h2{margin-top:0}
.pin-gate-main{min-height:calc(100vh - 170px);display:grid;place-items:center;padding:42px 16px}.pin-gate-card{width:min(100%,430px);display:grid;gap:12px;padding:28px}.pin-gate-card h1{margin:0}.pin-gate-card p{margin:0 0 5px;color:var(--muted)}.pin-gate-card label{font-weight:800}.pin-gate-card input{font-size:22px;letter-spacing:.28em;text-align:center}.pin-shield{display:grid;place-items:center;width:58px;height:58px;border-radius:18px;background:linear-gradient(135deg,var(--brand),#8b5cf6);color:#fff;font-size:22px;box-shadow:0 14px 34px color-mix(in srgb,var(--brand) 24%,transparent)}.card-security-box{display:grid;gap:10px}.card-security-box details{border-top:1px solid var(--line);padding-top:10px}.card-security-box summary{cursor:pointer;font-weight:900}.card-security-box form{display:grid;gap:8px;margin-top:10px}.card-security-box input{max-width:220px}
.admin-security-search{display:grid;grid-template-columns:minmax(220px,1fr) auto;align-items:end;gap:10px;margin-bottom:18px}.admin-security-search label{grid-column:1/-1}.admin-security-search input{min-width:0}
.insights-filter{display:flex;align-items:end;gap:10px;margin-top:18px;max-width:480px}.insights-filter label{font-weight:900}.insights-filter select{min-width:220px}.insights-kpis{margin-top:18px}.segment-grid.compact{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.birthday-list{display:grid;gap:8px;margin:10px 0 20px}.birthday-list>div{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 12px;border:1px solid var(--line);border-radius:13px;background:#fafbfe}.birthday-list span{color:var(--muted);font-size:12px}.age-band-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.age-band-grid>div{padding:11px;border:1px solid var(--line);border-radius:13px;background:#fafbfe}.age-band-grid span,.age-band-grid strong{display:block}.age-band-grid span{font-size:11px;color:var(--muted)}.age-band-grid strong{font-size:20px;margin-top:2px}
@media(max-width:760px){.admin-capability-box,.birthday-benefit-grid,.segment-grid.compact,.age-band-grid{grid-template-columns:1fr}.admin-security-search,.insights-filter{display:grid;grid-template-columns:1fr;align-items:stretch}.insights-filter select{min-width:0;width:100%}.birthday-list>div{align-items:flex-start;flex-direction:column;gap:3px}.pin-gate-main{padding:24px 12px}.pin-gate-card{padding:22px}}


/* Phase 10.4.1 — Growth & Insights reporting and admin subscription visibility. */
.admin-subscription-form{display:grid!important;grid-template-columns:repeat(2,minmax(145px,1fr));gap:8px!important;align-items:end!important;min-width:350px!important}
.admin-subscription-field{display:grid;gap:4px;margin:0!important;min-width:145px}.admin-subscription-field small{color:var(--muted);white-space:nowrap}.admin-subscription-field select{width:100%;min-width:145px;min-height:38px}
.admin-subscription-form .admin-limit-field{margin:0}.admin-subscription-form .admin-capability-inline{grid-column:1/-1;min-width:0}.admin-subscription-form>.btn{grid-column:1/-1;justify-self:start}
.merchant-management-panel td:nth-child(5){min-width:370px}
.insights-workspace{padding-bottom:24px}.insights-primary-grid{margin:18px 0}.insights-primary-grid>section{min-width:0}.insights-branch-chart{margin-top:12px}.insights-segments-panel{margin:18px 0}.insights-segment-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.insights-segment-grid .segment-card-v9{box-shadow:none;background:#fafbfe}.insights-segment-grid .segment-card-v9 strong{font-size:34px}.insights-workspace .table-card{margin-top:18px}
@media(max-width:900px){.admin-subscription-form{grid-template-columns:1fr;min-width:245px!important}.admin-subscription-form .admin-capability-inline,.admin-subscription-form>.btn{grid-column:1}.merchant-management-panel td:nth-child(5){min-width:270px}.insights-segment-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.insights-segment-grid{grid-template-columns:1fr}.insights-filter{display:grid;grid-template-columns:1fr;max-width:none}.insights-filter select{min-width:0}}

/* Phase 10.4.3 rewards visibility + customer birthday management */
.rewards-workspace{display:grid;gap:22px}
.rewards-kpis{grid-template-columns:repeat(4,minmax(0,1fr))}
.rewards-filter{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.rewards-filter select{min-width:180px}
.customer-birthday-benefits{margin:18px 0}
.birthday-benefit-status-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}
.birthday-benefit-status-grid article{border:1px solid var(--line);border-radius:14px;padding:14px;display:grid;gap:5px;background:var(--surface-soft,#f8f9fc)}
.birthday-benefit-status-grid article span{font-weight:700}
.birthday-benefit-status-grid article small{color:var(--muted)}
@media(max-width:900px){.rewards-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.rewards-filter{width:100%}.rewards-filter select{min-width:0;flex:1}}
@media(max-width:620px){.rewards-kpis{grid-template-columns:1fr}.rewards-filter{display:grid;grid-template-columns:1fr}.birthday-benefit-status-grid{grid-template-columns:1fr}}


/* Phase 10.5.0 — card branding and membership tiers */
.card-logo-upload{margin-top:14px;border-color:color-mix(in srgb,var(--brand) 24%,#dce3ef)}
.tier-config-panel{margin-top:22px;padding:24px}.tier-program-switcher{margin-bottom:18px}
.tier-config-form{display:grid;gap:20px}.tier-config-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.tier-config-card{display:grid;gap:9px;padding:18px;border:1px solid #e2e8f0;border-radius:20px;background:#fff;box-shadow:0 10px 30px rgba(15,23,42,.05)}
.tier-config-head{display:flex;align-items:center;gap:10px;margin-bottom:4px}.tier-config-head>div{display:grid;gap:2px;min-width:0;flex:1}.tier-config-head small{color:#64748b}.tier-config-head .check{margin:0}
.tier-swatch{width:34px;height:34px;border-radius:12px;box-shadow:inset 0 0 0 1px rgba(15,23,42,.12)}
.tier-config-silver .tier-swatch{background:linear-gradient(135deg,#f8fafc,#aeb9c8)}
.tier-config-gold .tier-swatch{background:linear-gradient(135deg,#fff0b3,#d9a62e)}
.tier-config-vip .tier-swatch{background:linear-gradient(135deg,#171120,#51377a 58%,#b699e8)}
.tier-base-pill{display:inline-flex;align-items:center;padding:8px 12px;border-radius:999px;background:#f1f5f9;color:#334155;font-weight:800;white-space:nowrap}
.tier-rule-note{padding:16px 18px;border-radius:16px;background:#f8fafc;border:1px solid #e2e8f0}.tier-rule-note p{margin:6px 0 0;color:#64748b}
@media(max-width:900px){.tier-config-grid{grid-template-columns:1fr}.tier-config-panel{padding:18px}}

/* 10.5.6 owner desktop preview: the module owns the fixed 700px master shell.
 * The dashboard must constrain only the scale frame, never overwrite shell width. */
.settings-premium-main .designer-preview .cl-card-module{min-width:0!important;overflow:visible!important}.settings-premium-main .designer-preview .cl-card-scale-frame{width:100%!important;max-width:700px!important;min-width:0!important;margin-inline:auto!important}

/* Program balance selector on the customer card. */
.customer-program-row{padding:10px;border-radius:12px;color:inherit;text-decoration:none}.customer-program-row.active{background:color-mix(in srgb,var(--brand) 9%,transparent);box-shadow:inset 3px 0 0 var(--brand)}


/* Connect Loyalty marketing r2 — current services */
.marketing-main{padding-bottom:30px}
.marketing-main section[id]{scroll-margin-top:108px}
.marketing-nav-login{background:#edf0f7!important;color:#39465f!important}
.hero-v9.marketing-hero{min-height:660px}
.hero-v9.marketing-hero .actions{margin-top:25px}
.hero-v9.marketing-hero .hero-proof{margin-top:18px}
.marketing-section-intro{max-width:790px}
.marketing-section-intro p{color:var(--muted);font-size:17px}
.new-capabilities{margin:30px 0 10px;padding:34px;border-radius:28px;background:linear-gradient(145deg,#17102f,#3d28a4 58%,#7a50f2);color:#fff;box-shadow:0 28px 75px rgba(46,29,128,.22)}
.new-capabilities .eyebrow{color:#bfb6ff}
.new-capabilities h2{font-size:clamp(34px,4.3vw,52px);line-height:1.05;letter-spacing:-.04em;margin:9px 0 12px}
.new-capabilities>p{max-width:760px;color:#ddd8ff;font-size:17px}
.capability-highlight-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:24px}
.capability-highlight{padding:18px;border:1px solid rgba(255,255,255,.13);border-radius:18px;background:rgba(255,255,255,.08);backdrop-filter:blur(10px)}
.capability-highlight span{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:rgba(255,255,255,.14);font-size:20px}
.capability-highlight h3{margin:12px 0 5px;font-size:17px}
.capability-highlight p{margin:0;color:#d8d3f8;font-size:12px;line-height:1.55}
.service-family{padding:66px 0}
.service-family.alt{padding:58px 32px;margin:20px 0;border-radius:30px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow-sm)}
.service-family-head{display:grid;grid-template-columns:.8fr 1.2fr;gap:35px;align-items:end;margin-bottom:28px}
.service-family-head h2{font-size:clamp(34px,4vw,50px);line-height:1.05;letter-spacing:-.04em;margin:8px 0}
.service-family-head p{color:var(--muted);font-size:16px;margin:0}
.service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.service-card{min-height:225px;padding:22px;border:1px solid var(--line);border-radius:21px;background:#fff;box-shadow:0 10px 30px rgba(23,32,51,.055);position:relative;overflow:hidden}
.service-family.alt .service-card{background:#fafbfe}
.service-card:after{content:"";position:absolute;width:100px;height:100px;right:-35px;bottom:-38px;border-radius:50%;background:color-mix(in srgb,var(--tone,#5b4cf0) 10%,transparent)}
.service-card>span{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:color-mix(in srgb,var(--tone,#5b4cf0) 10%,#fff);color:var(--tone,#5b4cf0);font-weight:950;font-size:19px}
.service-card h3{font-size:19px;margin:14px 0 6px}
.service-card p{margin:0;color:var(--muted);font-size:13px}
.service-card small{display:block;margin-top:11px;color:var(--tone,#5b4cf0);font-weight:850}
.service-card:nth-child(2n){--tone:#0f9f72}.service-card:nth-child(3n){--tone:#ef7e3d}.service-card:nth-child(4n){--tone:#3676e9}.service-card:nth-child(5n){--tone:#d45b88}.service-card:nth-child(6n){--tone:#20a9bb}
.marketing-card-showcase{display:grid;grid-template-columns:minmax(0,.86fr) minmax(440px,1.14fr);gap:46px;align-items:center;margin:22px 0 70px;padding:54px;border-radius:32px;background:linear-gradient(135deg,#17102f,#4930bf 56%,#8b5cf6);color:#fff;overflow:hidden}
.marketing-card-showcase h2{font-size:clamp(34px,4.6vw,54px);line-height:1.04;margin:8px 0 12px}
.marketing-card-showcase p{font-size:17px;color:#ded9ff}
.marketing-card{width:min(100%,610px);aspect-ratio:1.586/1;padding:27px;border-radius:28px;background:radial-gradient(circle at 100% 0%,rgba(255,255,255,.2),transparent 28%),linear-gradient(135deg,#181a57 0%,#5b4cf0 47%,#ff7a62 100%);box-shadow:0 32px 80px rgba(8,5,39,.42);transform:rotate(1.5deg)}
.marketing-card-top{display:flex;justify-content:space-between;align-items:center}.marketing-card-brand{display:flex;align-items:center;gap:10px}.marketing-card-logo{display:grid;place-items:center;width:50px;height:50px;border-radius:15px;background:rgba(255,255,255,.15);font-weight:950}.marketing-card-tier{padding:8px 11px;border:1px solid rgba(255,255,255,.15);border-radius:999px;background:rgba(255,255,255,.11);font-size:10px;font-weight:900}.marketing-card-chip{width:56px;height:39px;margin:20px 0 13px;border-radius:11px;background:linear-gradient(135deg,#ffebb0,#d59a35)}.marketing-card-number{font-size:clamp(21px,3vw,30px);font-weight:850;letter-spacing:.13em}.marketing-card-person{display:flex;justify-content:space-between;gap:18px;margin-top:16px}.marketing-card-person small,.marketing-card-stats small{display:block;font-size:8px;letter-spacing:.1em;text-transform:uppercase;opacity:.72}.marketing-card-person strong{font-size:16px}.marketing-card-stats{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin-top:14px}.marketing-card-stats div{padding:9px 10px;border-radius:12px;background:rgba(255,255,255,.10)}.marketing-card-stats strong{font-size:16px}
.industry-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.industry-card{padding:20px;border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:var(--shadow-sm)}.industry-card span{font-size:29px}.industry-card h3{margin:10px 0 3px}.industry-card p{margin:0;color:var(--muted);font-size:12px}
.plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.plan-card{padding:27px;border:1px solid var(--line);border-radius:25px;background:#fff;box-shadow:var(--shadow-sm)}.plan-card.featured{color:#fff;background:linear-gradient(145deg,#211447,#5b3de0);transform:translateY(-7px)}.plan-card.featured p,.plan-card.featured li{color:#ddd8ff}.plan-card h3{font-size:25px;margin:8px 0}.plan-card p{color:var(--muted)}.plan-card ul{list-style:none;padding:0;margin:19px 0;display:grid;gap:8px}.plan-card li:before{content:"✓ ";font-weight:950;color:#0f9f72}.plan-card.featured li:before{color:#72f0c8}
.contact-request{margin:50px 0 20px;padding:38px;border-radius:30px;background:linear-gradient(145deg,#fff,#f5f4ff);border:1px solid var(--line);box-shadow:var(--shadow)}
.contact-request-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:30px;align-items:start}
.contact-request h2{font-size:clamp(34px,4vw,50px);line-height:1.05;margin:7px 0 12px}.contact-request-intro p{color:var(--muted);font-size:16px}.contact-bullets{display:grid;gap:9px;margin-top:20px}.contact-bullets span{padding:10px 12px;border-radius:12px;background:#fff;border:1px solid var(--line);font-size:12px;font-weight:750}
.lead-form{display:grid;grid-template-columns:1fr 1fr;gap:0 12px;padding:22px;border-radius:22px;background:#fff;border:1px solid var(--line)}.lead-form .full{grid-column:1/-1}.lead-form textarea{min-height:110px}.lead-actions{grid-column:1/-1;display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.lead-actions .btn{flex:1}.lead-status{grid-column:1/-1;margin:10px 0 0;color:var(--muted);font-size:12px}.lead-required-note{grid-column:1/-1;color:var(--muted);font-size:11px;margin-top:6px}
.no-self-signup{display:flex;align-items:flex-start;gap:12px;margin-top:17px;padding:13px 14px;border-radius:14px;background:#fff7ec;border:1px solid #f5d9b5;color:#6b4729;font-size:12px}.no-self-signup b{display:block;margin-bottom:2px}
@media(max-width:1040px){.capability-highlight-grid{grid-template-columns:repeat(2,1fr)}.service-grid{grid-template-columns:repeat(2,1fr)}.service-family-head,.marketing-card-showcase,.contact-request-grid{grid-template-columns:1fr}.industry-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.new-capabilities{padding:24px 18px}.capability-highlight-grid,.service-grid,.industry-grid,.plan-grid,.lead-form{grid-template-columns:1fr}.service-family.alt{padding:40px 18px}.marketing-card-showcase{padding:32px 18px}.marketing-card{padding:17px;transform:none}.marketing-card-stats{grid-template-columns:1fr 1fr}.contact-request{padding:25px 16px}.lead-form{padding:16px}.lead-form .full,.lead-actions,.lead-status,.lead-required-note{grid-column:auto}.lead-actions{display:grid}.plan-card.featured{transform:none}}