:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#17212f;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--ink:#17212f;--muted:#64717d;--line:#dfe6e3;--paper:#fff;--paper-soft:#f3f7f4;--teal:#0f766e;--teal-dark:#0b4f4b;--green:#15803d;--coral:#b54737;--amber:#b7791f;--blue:#2563eb;--shadow:0 18px 45px #17212f1f;background:#f7f8f5;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit}.app-shell{min-height:100vh}.site-header{z-index:20;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#f7f8f5eb;border-bottom:1px solid #dfe6e3db;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;padding:14px clamp(18px,3vw,42px);display:grid;position:sticky;top:0}.brand,.site-header nav button,.footer-links button,.sidebar button,.icon-button,.mini-actions button{color:var(--ink);background:0 0;border:0}.brand{text-align:left;align-items:center;gap:10px;padding:0;font-weight:800;display:inline-flex}.brand small{color:var(--muted);font-size:.72rem;font-weight:650;display:block}.brand-mark,.logo-dot{color:#fff;background:linear-gradient(135deg, var(--teal), #3f7f3b);border-radius:8px;flex:none;justify-content:center;align-items:center;width:38px;height:38px;font-weight:850;display:inline-flex}.site-header nav{justify-content:center;gap:6px;display:flex}.site-header nav button{color:#45525d;border-radius:8px;min-height:38px;padding:8px 12px;font-weight:680}.site-header nav button:hover,.sidebar button:hover{background:#e9f0ec}.primary-action{min-width:max-content}.header-account{justify-content:flex-end;align-items:center;gap:8px;min-width:0;display:flex}.header-account .primary-action{text-overflow:ellipsis;max-width:240px;overflow:hidden}.button,.icon-text,.whatsapp{white-space:normal;text-align:center;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:10px 15px;font-weight:760;text-decoration:none;display:inline-flex}.button.primary,.primary-action{border-color:var(--teal);background:var(--teal);color:#fff;box-shadow:0 10px 24px #0f766e38}.button.secondary,.icon-text{border-color:var(--line);color:var(--ink);background:#fff}.button.whatsapp,.whatsapp{color:#116333;background:#e6f8ef;border-color:#1f9d55}.button.full{width:100%}.hero{align-items:center;min-height:min(660px,100vh - 150px);padding:clamp(36px,6vw,84px) clamp(18px,5vw,72px);display:grid;position:relative;overflow:hidden}.hero-media{position:absolute;inset:0;overflow:hidden}.hero-media img{object-fit:cover;object-position:center;filter:saturate(.9);width:100%;height:100%}.hero-overlay{background:linear-gradient(90deg,#f7f8f5fa 0%,#f7f8f5db 42%,#f7f8f547 72%),linear-gradient(#f7f8f529,#f7f8f529);position:absolute;inset:0}.hero-copy{z-index:1;max-width:720px;padding-bottom:34px;position:relative}.eyebrow{color:var(--coral);text-transform:uppercase;letter-spacing:0;margin:0 0 12px;font-size:.78rem;font-weight:800}h1,h2,h3,p{margin-top:0}.hero h1{letter-spacing:0;max-width:760px;margin-bottom:20px;font-size:clamp(2.55rem,5.8vw,5.15rem);line-height:1.02}.hero p:not(.eyebrow){color:#394653;max-width:650px;font-size:clamp(1.08rem,2vw,1.34rem)}.hero-actions,.action-row,.copy-grid{flex-wrap:wrap;gap:10px;display:flex}.floating-payment{width:min(240px,32vw);min-width:190px;box-shadow:var(--shadow);background:#ffffffe8;border:1px solid #ffffffc7;border-radius:8px;padding:18px;position:absolute;bottom:clamp(28px,8vw,100px);right:clamp(22px,7vw,110px)}.phone-notch{background:#ced7d4;border-radius:999px;width:54px;height:6px;margin:0 auto 14px}.mini-status{justify-content:space-between;align-items:center;gap:8px;font-weight:800;display:flex}.mini-qr{border:1px solid var(--line);width:112px;height:112px;color:var(--ink);background:#fff;border-radius:8px;place-items:center;margin:16px auto;display:grid}.floating-payment strong,.floating-payment small{text-align:center;display:block}.floating-payment strong{font-size:1.7rem}.floating-payment small{color:var(--muted);font-weight:700}.trust-strip{background:var(--line);border-block:1px solid var(--line);grid-template-columns:repeat(4,1fr);gap:1px;display:grid}.trust-strip span{color:#38505a;background:#fff;justify-content:center;align-items:center;gap:8px;min-height:64px;padding:12px;font-weight:720;display:flex}.section{padding:clamp(44px,7vw,86px) clamp(18px,5vw,72px)}.narrow{max-width:920px;margin:0 auto}.grid-two{grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);align-items:start;gap:clamp(28px,5vw,70px);display:grid}.grid-two h2,.section-heading h2,.page-title h1{letter-spacing:0;margin-bottom:14px;font-size:clamp(2rem,4vw,3.65rem);line-height:1.05}.grid-two p,.page-title p,.section-heading p{color:var(--muted);font-size:1.06rem}.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.feature,.business-card,.form-panel,.stat,.price-card{border:1px solid var(--line);background:#fff;border-radius:8px;box-shadow:0 6px 20px #17212f0d}.feature{padding:22px}.feature svg{color:var(--teal)}.feature h3,.business-card h3,.price-card h2{margin:12px 0 8px;font-size:1.08rem}.feature p,.business-card p,.price-card p,.fine-print{color:var(--muted)}.muted-band{background:#eef4ef}.section-heading{max-width:720px;margin-bottom:26px}.business-row,.pricing-grid,.admin-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.business-card{flex-direction:column;gap:14px;padding:18px;display:flex}.business-card-head,.merchant-identity,.panel-heading{align-items:center;gap:12px;display:flex}.business-card-head h3,.business-card-head p{margin:0}.logo-dot.large{width:70px;height:70px;font-size:1.8rem}.badge-row{flex-wrap:wrap;gap:7px;margin-top:auto;display:flex}.badge{color:#4b5563;background:#f0f2f1;border-radius:999px;align-items:center;width:max-content;max-width:100%;min-height:26px;padding:4px 9px;font-size:.78rem;font-weight:800;display:inline-flex}.badge.verified{color:#1d4ed8;background:#e8f3ff}.badge.green{color:var(--green);background:#e7f6eb}.workflow{max-width:980px;margin:0 auto}.workflow-step{border-bottom:1px solid var(--line);color:#33404b;align-items:flex-start;gap:12px;padding:16px 0;font-weight:720;display:flex}.workflow-step svg{color:var(--teal);flex:none}.site-footer{border-top:1px solid var(--line);background:#fff;justify-content:space-between;gap:28px;padding:34px clamp(18px,5vw,72px);display:flex}.site-footer p{max-width:820px;color:var(--muted);margin:8px 0 0}.footer-links{flex-wrap:wrap;align-content:flex-start;gap:8px;display:flex}.footer-links button{color:var(--teal);padding:8px 10px;font-weight:760}.payment-page{padding:clamp(24px,4vw,54px) clamp(18px,5vw,72px) clamp(52px,8vw,96px)}.payment-header{justify-content:space-between;align-items:center;gap:18px;max-width:1180px;margin:0 auto 20px;display:flex}.payment-header h1{margin:5px 0 2px;font-size:clamp(1.8rem,4vw,3.4rem);line-height:1.05}.payment-header p{color:var(--muted);margin:0}.payment-layout{grid-template-columns:minmax(280px,430px) minmax(0,1fr);gap:18px;max-width:1180px;margin:0 auto;display:grid}.payment-layout>*{min-width:0}.pay-panel,.details-panel{border:1px solid var(--line);background:#fff;border-radius:8px;padding:clamp(18px,3vw,28px)}.amount-box{background:#eef8f5;border:1px solid #cce9e1;border-radius:8px;padding:18px}.amount-box.subtle{background:#f8f4ed;border-color:#ead8bc}.amount-box span,.detail-row span,label span,.stat span{color:var(--muted);font-size:.82rem;font-weight:800;display:block}.amount-box strong{color:var(--teal-dark);margin:4px 0;font-size:clamp(2.1rem,5vw,4rem);line-height:1;display:block}.amount-box p{color:#41515a;margin-bottom:0}.qr-frame{aspect-ratio:1;border:1px solid var(--line);background:#fff;border-radius:8px;place-items:center;width:min(100%,340px);margin:22px auto;display:grid}.qr-frame img{object-fit:contain;width:90%;height:90%}.details-panel h2{margin-bottom:18px}.offer-box{background:#f1f8f2;border:1px solid #d8eadf;border-radius:8px;gap:5px;margin-bottom:14px;padding:14px;display:grid}.offer-box strong,.offer-box span,.offer-box small{overflow-wrap:anywhere}.offer-box small{color:var(--coral);font-weight:800}.offer-box p{color:#42515c;margin:2px 0 0}.detail-row{border-bottom:1px solid var(--line);grid-template-columns:minmax(120px,.7fr) minmax(0,1.3fr);gap:12px;padding:14px 0;display:grid}.detail-row strong{overflow-wrap:anywhere}.inline-link{width:max-content;max-width:100%;min-height:0;color:var(--teal);text-align:left;text-underline-offset:3px;background:0 0;border:0;padding:0;font-weight:850;text-decoration:underline}.copy-grid{margin:18px 0}.instruction-box,.safety-notice{border-radius:8px;padding:16px}.instruction-box{background:#f4f7fb;border:1px solid #dce7f7;margin-top:14px}.instruction-box h3,.instruction-box p{margin-bottom:8px}.zh{color:#475569}.safety-notice{color:#6f2f24;background:#fff3ed;border:1px solid #eed0c7;gap:12px;margin-top:14px;display:flex}.safety-notice svg{flex:none}.safety-notice p{color:#6f2f24;margin:4px 0 0}.page-title{max-width:820px;margin-bottom:28px}.filter-bar{grid-template-columns:minmax(240px,1fr) minmax(150px,210px) minmax(150px,210px) auto;align-items:center;gap:10px;margin-bottom:18px;display:grid}.search-input{border:1px solid var(--line);background:#fff;border-radius:8px;align-items:center;gap:9px;min-height:44px;padding:0 12px;display:flex}.search-input input{border:0;outline:0;width:100%}select,input,textarea{border:1px solid var(--line);width:100%;color:var(--ink);background:#fff;border-radius:8px}select,input{min-height:44px;padding:9px 11px}textarea{resize:vertical;padding:10px 11px}.toggle{border:1px solid var(--line);background:#fff;border-radius:8px;align-items:center;gap:8px;min-height:44px;padding:0 12px;font-weight:760;display:flex}.toggle input,.switch-row input{width:16px;min-height:16px}.dashboard{grid-template-columns:260px minmax(0,1fr);min-height:calc(100vh - 66px);display:grid}.sidebar{border-right:1px solid var(--line);background:#fff;align-self:start;height:calc(100vh - 67px);padding:22px 14px;position:sticky;top:67px;overflow:auto}.sidebar h1{margin:0 8px 14px;font-size:1.25rem}.sidebar button{text-align:left;border-radius:8px;align-items:center;gap:9px;width:100%;min-height:42px;margin-bottom:5px;padding:9px 10px;font-weight:720;display:flex}.sidebar button.active{color:var(--teal-dark);background:#e7f5f2}.sidebar-pro{border-top:1px solid var(--line);gap:8px;margin:22px 8px 0;padding-top:18px;display:grid}.sidebar-label{color:var(--muted);text-transform:uppercase;letter-spacing:0;font-size:.76rem;font-weight:850}.sidebar button.locked-tool{color:#33404b;background:#fbfdfb;border:1px solid #e2ebe6;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:9px;min-height:auto;margin:0;padding:11px;display:grid}.sidebar button.locked-tool:hover{background:#f0f7f4;border-color:#cfe3da}.locked-tool svg{color:var(--teal);margin-top:2px}.locked-tool small{color:var(--muted);margin-top:2px;font-size:.76rem;line-height:1.25;display:block}.locked-tool.unlocked{background:#eef8f5;border-color:#cfe8df}.dashboard-content{padding:24px clamp(18px,4vw,48px) 60px}.overview-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px;display:grid}.stat{padding:18px}.stat svg{color:var(--teal)}.stat strong{overflow-wrap:anywhere;margin-top:6px;display:block}.dashboard-section{margin-top:18px}.pro-band{background:#eef8f5;border:1px solid #cfe8df;border-radius:8px;justify-content:space-between;align-items:center;gap:18px;padding:20px;display:flex}.pro-band h2{margin-bottom:6px;font-size:1.35rem}.pro-band p:last-child{color:#41515a;margin-bottom:0}.split{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:16px;display:grid}.form-panel{padding:20px}.form-panel h2,.panel-heading h2{margin-bottom:16px;font-size:1.28rem}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:16px;display:grid}label{gap:5px;display:grid}.switch-row{gap:10px;margin:16px 0;display:grid}.switch-row label{color:#33404b;align-items:center;gap:9px;font-weight:700;display:flex}.logo-preview{min-height:88px;color:var(--muted);background:#f7faf8;border:1px dashed #cbd8d4;border-radius:8px;place-items:center;font-weight:760;display:grid}.logo-preview img{object-fit:contain;max-width:100%;max-height:76px}.panel-heading{justify-content:space-between}.icon-button,.mini-actions button,.request-item button{border:1px solid var(--line);background:#fff;border-radius:8px;place-items:center;width:36px;height:36px;display:inline-grid}.request-list{gap:10px;max-height:460px;display:grid;overflow:auto}.request-item{border:1px solid var(--line);background:#fbfcfb;border-radius:8px;justify-content:space-between;gap:12px;padding:12px;display:flex}.request-item.paid{background:#f2fbf4;border-color:#bfe6ca}.request-item span,.request-item small{color:var(--muted);margin-top:2px;display:block}.status-pill{background:#eef2f0;border-radius:999px;align-items:center;gap:5px;width:max-content;max-width:100%;padding:4px 8px;font-size:.76rem;font-weight:820;color:#53616b!important;margin-top:7px!important;display:inline-flex!important}.status-pill.paid{background:#dcf5e3;color:#116333!important}.mini-actions{align-items:center;gap:6px;display:flex}.mini-actions button:disabled{cursor:default;opacity:1}.mini-actions button.paid-action{color:#116333;background:#dcf5e3;border-color:#bfe6ca}.empty-state{border:1px solid var(--line);background:#fff;border-radius:8px;justify-items:start;gap:12px;padding:44px;display:grid}.auth-grid{grid-template-columns:minmax(0,1.05fr) repeat(2,minmax(0,1fr));align-items:start;gap:14px;display:grid}.auth-page{background:linear-gradient(#f7f8f5 0%,#eef4ef 100%);align-items:center;min-height:calc(100vh - 74px);padding:clamp(38px,7vw,86px) clamp(18px,5vw,72px);display:grid}.auth-shell{grid-template-columns:minmax(0,1fr) minmax(340px,430px);align-items:center;gap:clamp(28px,6vw,80px);width:min(1120px,100%);margin:0 auto;display:grid}.auth-intro{max-width:620px}.auth-intro h1{letter-spacing:0;margin-bottom:16px;font-size:clamp(2.35rem,5vw,4.55rem);line-height:1.03}.auth-intro p:not(.eyebrow){color:#3b4a54;font-size:1.12rem}.auth-points{flex-wrap:wrap;gap:9px;margin-top:22px;display:flex}.auth-points span{color:#33404b;background:#ffffffb8;border:1px solid #d8e5df;border-radius:8px;align-items:center;gap:8px;min-height:38px;padding:8px 11px;font-weight:760;display:inline-flex}.auth-points svg{color:var(--teal)}.auth-panel{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:8px;padding:clamp(22px,4vw,32px)}.auth-panel-head{margin-bottom:18px}.auth-panel-head h2{margin-bottom:5px;font-size:1.65rem}.auth-panel-head p{color:var(--muted);margin:0}.google-button{min-height:48px}.auth-divider{color:var(--muted);text-transform:uppercase;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;margin:18px 0;font-size:.78rem;font-weight:850;display:grid}.auth-divider:before,.auth-divider:after{content:"";background:var(--line);height:1px}.segmented-control{border:1px solid var(--line);background:#f4f7f5;border-radius:8px;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;margin-bottom:16px;padding:4px;display:grid}.segmented-control button{color:#475569;background:0 0;border:0;border-radius:6px;min-height:38px;font-weight:800}.segmented-control button.active{color:var(--teal-dark);background:#fff;box-shadow:0 4px 14px #17212f14}.auth-form{gap:13px;display:grid}.pro-list{gap:10px;display:grid}.pro-list span{color:#33404b;align-items:flex-start;gap:9px;font-weight:720;display:flex}.pro-list svg{color:var(--teal);flex:none}.safety-list,.faq-list{gap:12px;margin-bottom:22px;display:grid}.faq-list article{border-bottom:1px solid var(--line);padding:18px 0}.faq-list h2{font-size:1.1rem}.faq-list p{color:var(--muted)}.pricing-grid{align-items:stretch}.price-card{flex-direction:column;gap:12px;padding:22px;display:flex}.price-card strong{font-size:2rem;line-height:1.1}.price-card .button{margin-top:auto}.admin-grid{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr)}.toast{z-index:50;background:var(--ink);color:#fff;max-width:calc(100vw - 40px);box-shadow:var(--shadow);border-radius:8px;padding:12px 16px;font-weight:760;position:fixed;bottom:20px;right:20px}@media (width<=1080px){.business-row,.pricing-grid,.overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.payment-layout,.grid-two,.split,.admin-grid,.auth-grid,.auth-shell{grid-template-columns:1fr}.floating-payment{opacity:.95}.auth-intro{max-width:none}}@media (width<=820px){.site-header{grid-template-columns:1fr;gap:10px;position:relative}.site-header nav{grid-template-columns:repeat(3,minmax(0,1fr));justify-content:stretch;width:100%;padding-bottom:0;display:grid;overflow:visible}.site-header nav button{min-width:0;padding-inline:6px}.primary-action{width:100%}.header-account{justify-content:stretch;width:100%}.header-account .icon-text{flex:1}.hero{min-height:auto;padding-top:46px}.hero-copy{padding-bottom:170px}.hero-overlay{background:linear-gradient(#f7f8f5f5 0%,#f7f8f5e6 62%,#f7f8f561 100%),linear-gradient(#f7f8f52e,#f7f8f52e)}.floating-payment{width:196px;bottom:22px;left:18px;right:auto}.trust-strip{grid-template-columns:repeat(2,1fr)}.filter-bar,.form-grid,.dashboard{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid var(--line);height:auto;position:relative;top:0}.site-footer,.payment-header{flex-direction:column;align-items:flex-start}.auth-page{align-items:start;padding-top:34px}}@media (width<=600px){.site-header nav{grid-template-columns:repeat(2,minmax(0,1fr))}.hero h1{font-size:2.35rem}.hero-actions .button,.copy-grid .button,.action-row .button,.action-row .whatsapp{width:100%}.business-row,.pricing-grid,.overview-grid,.trust-strip{grid-template-columns:1fr}.payment-page,.section{padding-inline:14px}.pay-panel,.details-panel{padding-inline:18px}.qr-frame{width:min(100%,300px)}.detail-row{grid-template-columns:1fr;gap:3px}.merchant-identity{align-items:flex-start}.logo-dot.large{width:58px;height:58px}}