/* EKANNTO PAY v2 — premium responsive surfaces; self-hosted, no CSS framework. */
:root{--ink:#11243d;--muted:#6b7c92;--line:#e4eaf2;--bg:#f4f7fb;--primary:#1760bc;--accent:#00a6c8;--blue:#1760bc;--teal:#00a6c8;font-synthesis:none}
body{font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,"Noto Sans Bengali","Hind Siliguri",system-ui,sans-serif;color:var(--ink);background:var(--bg)}
.ui-icon{display:inline-block;flex:none;vertical-align:middle}button{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #64bef7;outline-offset:2px}
.btn{border-radius:12px;gap:9px}.btn.primary{background:#1760bc;border-color:#1760bc}.btn.ghost:hover{background:#eef4fb}.brand{gap:10px;white-space:nowrap;font-weight:850;letter-spacing:-.3px}.brand b{color:#1760bc}.mark{font-size:22px;isolation:isolate;background:linear-gradient(135deg,#136ade 0%,#112d67 100%);border-radius:13px;box-shadow:0 8px 24px #1d55a928}.mark-spark{position:absolute;right:-4px;top:-5px;border-radius:50%;background:#26c6ce;color:#fff;width:20px;height:20px;display:grid;place-items:center;border:2px solid #fff}.mark i{display:none}
.topbar{box-shadow:0 2px 18px #172d4708;border-bottom:1px solid #e5edf7}.topbar-inner{min-height:73px}.eyebrow{color:#197bc4;letter-spacing:1.5px}.nav .btn{font-size:13px}
.hero{background:radial-gradient(circle at 83% 20%,#c9f4f5,transparent 31%),radial-gradient(circle at 8% 90%,#d2e5ff,transparent 34%),#f6f9ff;overflow:hidden}.hero-grid{grid-template-columns:1.03fr .97fr;gap:64px}.hero h1{font-size:clamp(39px,5vw,65px);letter-spacing:-2.2px;line-height:1.16;font-weight:900}.hero h1 span{background:linear-gradient(90deg,#1469c9,#08a6c9);-webkit-background-clip:text;background-clip:text;color:transparent}.hero .btn{padding:15px 19px}.hero-trust{display:flex;gap:16px;flex-wrap:wrap;margin-top:28px;color:#5e7897;font-size:12px;font-weight:750}.hero-trust span{display:inline-flex;gap:7px;align-items:center}.showcase-checkout{background:#fff;border-radius:26px;padding:22px;border:1px solid #e6eefa;box-shadow:0 35px 80px #25518f1c;transform:rotate(1.3deg);max-width:530px}.showcase-top{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#526782;font-weight:800}.showcase-brand,.showcase-secure{display:flex;align-items:center;gap:8px}.showcase-secure{color:#0d9e77;background:#eafaf3;border-radius:99px;padding:7px}.showcase-amount{margin:23px 0;background:linear-gradient(120deg,#102e5f,#176de0);color:#fff;border-radius:17px;padding:19px 23px;display:grid;gap:6px}.showcase-amount small{opacity:.8}.showcase-amount strong{font-size:35px}.showcase-amount span{font-size:11px;letter-spacing:1px;color:#d1e7ff}.showcase-inner{border:1px solid #edf1f7;border-radius:17px;padding:17px}.showcase-inner>p{font-size:13px;font-weight:800;color:#415771}.showcase-providers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.showcase-providers>div{padding:16px 8px;border:1px solid #e8eef6;border-radius:12px;display:grid;place-items:center}.showcase-foot{margin-top:15px;font-size:11px;color:#8493a6;display:flex;gap:7px;align-items:center}.features{gap:19px;padding-top:45px;padding-bottom:55px}.feature{box-shadow:0 10px 32px #2c50860a;border:1px solid #e7eef7;padding:25px}.feature-icon{background:#eaf3ff;color:#1760bc;border-radius:13px}
/* Real brand-style wordmarks: typography and abstract vector, not a claim of official partnership. */
.provider-logo{display:inline-flex;gap:7px;align-items:center;color:var(--brand,#1d416b);font-weight:950;font-size:18px;letter-spacing:-.4px;line-height:1.1;white-space:nowrap}
.provider-logo .logo-symbol{width:30px;height:30px;display:grid;place-items:center;color:#fff;background:var(--brand,#1d416b);font-size:17px;font-weight:950;line-height:1;border-radius:9px;transform:none}
.provider-logo.bkash{--brand:#d12053}.provider-logo.nagad{--brand:#e95923}.provider-logo.nagad span:last-child{font-size:22px;font-weight:950}.provider-logo.nagad .logo-symbol{background:linear-gradient(135deg,#ffd13b,#ef5428);color:#8c191b;clip-path:polygon(24% 6%,100% 30%,77% 94%,0 67%);border-radius:0}.provider-logo.rocket{--brand:#783a9b}.provider-logo.upay{--brand:#e32639}.provider-logo.tap{--brand:#167eca}.provider-logo.mcash{--brand:#24743b}.provider-logo.okwallet{--brand:#ec6930}.provider-logo.cellfin{--brand:#14785f}
/* Auth-first responsive app */
.auth-shell{min-height:100dvh;display:grid;grid-template-columns:minmax(340px,.94fr) minmax(380px,1.06fr);background:#fff}.auth-promo{background:linear-gradient(150deg,#05244b 0%,#113a71 55%,#0e5f98 100%);color:white;padding:48px max(40px,calc((100vw - 1360px)/2));position:relative;overflow:hidden;min-height:100dvh}.auth-promo:before,.auth-promo:after{content:"";position:absolute;border-radius:50%;pointer-events:none}.auth-promo:before{width:520px;height:520px;top:-200px;right:-270px;background:#19bfe71b;box-shadow:0 0 0 90px #ffffff04,0 0 0 180px #ffffff04}.auth-promo:after{width:410px;height:410px;left:-210px;bottom:-240px;background:#0dace733}.auth-promo-inner{max-width:480px;margin:auto;min-height:calc(100dvh - 96px);display:flex;flex-direction:column;position:relative;z-index:1}.auth-promo .brand{font-size:22px}.auth-promo .brand b{color:#65e3f9}.auth-promo .mark{border:1px solid #ffffff44}.auth-promo-copy{margin:auto 0}.auth-promo-copy .eyebrow{color:#93e5f6}.auth-promo-copy h1{font-weight:850;letter-spacing:-1.7px;font-size:clamp(40px,4.3vw,62px);line-height:1.17;margin:23px 0}.auth-promo-copy h1 span{color:#5bd6f6}.auth-promo-copy p{color:#c9dbf1;font-size:17px;line-height:1.9;max-width:390px}.auth-promo-features{display:grid;gap:15px;color:#e0effa;font-size:14px;margin:28px 0}.auth-promo-features span{display:flex;align-items:center;gap:12px}.auth-promo-features svg{color:#63e2ee}.promo-card{background:linear-gradient(115deg,#ffffff25,#ffffff0c);border:1px solid #ffffff3b;border-radius:22px;padding:23px;margin-bottom:18px;backdrop-filter:blur(12px)}.promo-card .inline{font-size:13px}.promo-card strong{font-size:32px;display:block;margin:13px 0 12px}.promo-card small{color:#b3cbe7;font-size:10px}.mini-bars{display:flex;align-items:end;gap:8px;height:51px;margin:0 0 13px}.mini-bars i{flex:1;background:linear-gradient(#49ddf8,#1f83db);height:44%;border-radius:5px 5px 0 0;opacity:.85}.mini-bars i:nth-child(2){height:76%}.mini-bars i:nth-child(3){height:58%}.mini-bars i:nth-child(4){height:91%}.mini-bars i:nth-child(5){height:64%}.mini-bars i:nth-child(6){height:98%}.mini-bars i:nth-child(7){height:73%}.mini-bars i:nth-child(8){height:86%}.mini-bars i:nth-child(9){height:98%}
.auth-side{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:48px clamp(25px,5vw,78px)}.auth-main{width:100%;max-width:465px}.auth-symbol{width:54px;height:54px;background:linear-gradient(145deg,#e6f5ff,#e7edff);color:#1b65bf;border-radius:16px;display:grid;place-items:center;margin-bottom:18px}.auth-kicker{font-size:11px;font-weight:850;letter-spacing:2px;color:#1970c2}.auth-main h1{font-size:clamp(27px,2.7vw,35px);font-weight:900;line-height:1.3;letter-spacing:-.7px;margin:10px 0 7px}.auth-main .sub{font-size:13px;margin-bottom:25px}.auth-main .field{gap:7px}.auth-main .field label{font-size:12px;color:#3c526c;font-weight:850}.input-shell{position:relative;display:flex;align-items:center;background:#f8fafd;border:1px solid #e1e8f2;border-radius:12px;min-height:51px;transition:.2s;color:#8294a9;padding-left:15px;gap:10px}.input-shell:focus-within{border-color:#3886e6;box-shadow:0 0 0 3px #398df21d;background:#fff}.input-shell>input{flex:1;min-width:0;border:0;background:transparent;color:#1c314b;padding:14px 8px 14px 0;outline:none;box-shadow:none;font-size:14px}.input-shell input:focus{outline:0}.input-shell .show-password{background:none;border:0;padding:9px 12px 9px 6px;color:#8a9caf;display:grid;place-items:center}.auth-side .space-y>*+*{margin-top:13px}.auth-utilities{text-align:right;font-size:12px;font-weight:800}.auth-utilities a,.auth-bottom a{color:#1269ca}.auth-submit{min-height:52px;margin-top:18px;font-size:14px!important;box-shadow:0 8px 18px #1760bc20}.auth-divider{position:relative;text-align:center;margin:22px 0 18px;color:#94a2b7;font-size:12px}.auth-divider:before{content:"";height:1px;background:#e4eaf2;position:absolute;left:0;right:0;top:50%}.auth-divider span{background:white;position:relative;padding:0 12px}.google-btn{min-height:51px;border:1px solid #dfe6f0;background:#fff;box-shadow:0 2px 10px #0d345307;color:#33445d}.google-mark{width:23px;height:23px}.auth-bottom{text-align:center;font-size:13px;color:#7889a0;margin-top:22px}.auth-bottom a{font-weight:850}.auth-security{display:flex;align-items:center;justify-content:center;gap:7px;font-size:11px;color:#8190a6;margin-top:29px;text-align:center}.auth-mobile-brand{display:none}.auth-side .help{margin:2px 0;color:#8496ae}
/* Merchant management */
.dashboard{width:min(1320px,calc(100% - 36px));padding-top:35px}.dashboard-head{background:linear-gradient(105deg,#fff,#f4faff);border:1px solid #e4ecf6;padding:23px;border-radius:20px}.dashboard-head h1{font-size:27px}.merchant-layout{display:grid;grid-template-columns:236px minmax(0,1fr);gap:20px;align-items:start;margin-top:23px}.merchant-layout .tabs{margin:0;border:1px solid #e4ebf4;background:#fff;border-radius:19px;display:flex;flex-direction:column;gap:5px;padding:11px;overflow:visible;position:sticky;top:96px;box-shadow:0 8px 25px #153c6508}.merchant-layout .tabs button{display:flex;align-items:center;text-align:left;gap:12px;padding:13px 14px;border-radius:11px;border:none;color:#75859d;font-size:13px;font-weight:750;white-space:normal}.merchant-layout .tabs button:hover{background:#f4f8ff}.merchant-layout .tabs button.selected{background:linear-gradient(90deg,#eaf3ff,#f2f9ff);color:#1760bc;font-weight:850;border:0}.sidebar-note{border-top:1px solid #e9edf4;margin-top:15px;padding:18px 9px 7px;font-size:11px;line-height:1.7;color:#9ba8bc;display:flex;gap:7px}.sidebar-note svg{color:#0d9d76}.merchant-content{min-width:0}.content-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.content-heading small{font-size:10px;font-weight:850;letter-spacing:1.6px;color:#96a4b7}.content-heading h2{font-size:25px;margin:4px 0 0}.panel{border:1px solid #e5ecf5;box-shadow:0 7px 28px #123b6e09;border-radius:19px;padding:24px}.stat{box-shadow:0 7px 25px #1a42670b;border:1px solid #e4eaf5;border-radius:16px}.stat strong{color:#183b66}.section-heading{display:flex;align-items:start;justify-content:space-between;gap:18px}.section-heading h2,.future-methods h3{display:flex;align-items:center;gap:9px}.method-admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px;margin-top:20px}.method-admin{border:1px solid #e6ecf5;border-radius:16px;overflow:hidden;background:#fff}.method-admin-head{padding:17px 18px;border-bottom:1px solid #eef2f7;display:flex;align-items:center;justify-content:space-between;background:#fafcff}.method-admin-body{padding:17px;display:grid;gap:13px}.method-admin-body .field{gap:7px}.method-admin-body input,.method-admin-body select{min-width:0}.confirm-line{font-size:11px;color:#6e8197;display:flex;align-items:start;gap:8px;line-height:1.5}.confirm-line input{margin-top:1px}.switch{position:relative;display:inline-flex;width:44px;height:25px}.switch input{opacity:0;position:absolute;width:100%;height:100%;z-index:2;cursor:pointer}.switch span{background:#d8e1ec;width:100%;border-radius:30px;position:relative;transition:.2s}.switch span:before{content:"";position:absolute;top:4px;left:4px;width:17px;height:17px;background:#fff;border-radius:50%;box-shadow:0 1px 3px #132a3a25;transition:.2s}.switch input:checked+span{background:#1669ca}.switch input:checked+span:before{transform:translateX(19px)}.switch input:focus-visible+span{outline:3px solid #80c5ff;outline-offset:2px}.future-methods{border-top:1px solid #ebf0f6;margin-top:28px;padding-top:22px}.future-methods h3{font-size:16px}.future-chip{display:grid;align-items:center;justify-items:center;gap:4px;min-width:118px;background:#f6f8fc;border:1px dashed #dae3f0;border-radius:12px;padding:11px;font-size:12px;color:#6f819a}.future-chip small{color:#a4b0c0;font-size:9px}
.studio-grid{grid-template-columns:1.07fr .93fr;align-items:start}.studio-grid .form-grid{row-gap:16px}.studio-grid .panel{min-width:0}.color-field{display:flex;align-items:center;gap:11px;padding:6px;border:1px solid #dce5ef;border-radius:11px}.color-field input[type=color]{width:56px;height:37px;border:0;padding:0;border-radius:8px;cursor:pointer}.color-hex{font:700 13px ui-monospace,SFMono-Regular,monospace;color:#59708b}.theme-presets{display:flex;gap:10px;flex-wrap:wrap}.preset{width:43px;height:43px;border-radius:12px;border:2px solid white;box-shadow:0 0 0 1px #dce5f0;background:linear-gradient(135deg,var(--swatch1) 48%,var(--swatch2) 50%)}.preset:hover{box-shadow:0 0 0 3px #6fb3ff}.studio-preview-panel{position:sticky;top:95px}.live-device{--primary:#1760bc;--accent:#00a6c8;--on-primary:#fff;background:#fff;color:#263853;border:1px solid #e5ebf4;border-radius:22px;overflow:hidden;box-shadow:0 15px 35px #09295119;margin:14px 0 10px}.live-device.dark{background:#152538;color:#e3edf8;border-color:#2e445d}.live-device-header{padding:17px 18px;background:var(--primary);color:var(--on-primary);display:flex;align-items:center;gap:8px;font-size:13px}.live-device-header small{margin-left:auto;font-size:10px;display:flex;align-items:center;gap:5px}.live-promo-mark{background:#ffffff24;border-radius:8px;width:31px;height:31px;display:grid;place-items:center}.live-device-content{padding:20px}.live-order{display:flex;gap:9px;align-items:center;padding:13px;border-radius:12px;background:#f3f7fc}.dark .live-order{background:#253953}.live-store-ava{width:37px;height:37px;display:grid;place-items:center;border-radius:10px;background:var(--primary);color:var(--on-primary);font-weight:850}.live-order>div:nth-child(2){display:grid;gap:2px;flex:1;min-width:0;font-size:12px}.live-order small{font-size:9px;color:#8393a8}.live-order>strong{font-size:16px;white-space:nowrap}.live-device h3{font-size:18px;text-align:center;margin:22px 0 16px}.live-caption{display:block;font-size:10px;color:#8291a7;font-weight:800;letter-spacing:.5px;margin-bottom:9px}.live-methods{display:grid;grid-template-columns:1fr 1fr;gap:9px}.live-methods>div{display:grid;place-items:center;border:1px solid #e2e9f2;border-radius:10px;padding:12px 4px}.dark .live-methods>div{background:#fff}.live-methods .provider-logo{font-size:12px}.live-methods .logo-symbol{width:24px;height:24px;font-size:12px}.live-methods .provider-logo.nagad span:last-child{font-size:17px}.live-cta{background:var(--primary);color:var(--on-primary);width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:13px;border:0;border-radius:10px;font-weight:850;margin-top:19px}.live-device-content>p{color:#8794a8;text-align:center;font-size:11px;margin:13px 0 0}
/* Checkout: merchant colors are applied to overall experience, not hidden behind MFS red/pink. */
.checkout-outer{--primary:#1760bc;--accent:#00a6c8;--on-primary:#fff;min-height:100dvh;display:grid;grid-template-columns:minmax(0,1fr) minmax(370px,580px);align-items:center;justify-content:center;gap:clamp(30px,6vw,110px);padding:35px max(4vw,30px);background:radial-gradient(circle at 17% 83%,color-mix(in srgb,var(--accent) 15%,#f6f9fe),transparent 34%),#f3f6fc}.checkout-outer.dark{background:#0a1524}.checkout-decor{display:flex;align-items:center;justify-content:end}.checkout-decor-inner{max-width:445px}.checkout-decor h1{font-size:clamp(35px,3.9vw,58px);line-height:1.1;letter-spacing:-1.7px;color:#102b4b}.checkout-decor p{line-height:1.8;color:#60768c;max-width:360px}.checkout-decor .eyebrow{color:var(--primary)}.checkout-decor-inner>div{display:flex;gap:12px;align-items:center;font-size:14px;font-weight:750;color:#56708a;margin-top:25px}.checkout-decor-inner>div svg{color:var(--primary)}.checkout-outer.dark .checkout-decor h1,.checkout-outer.dark .checkout-decor-inner>div{color:#e5eefc}.checkout-outer.dark .checkout-decor p{color:#9fb3c9}.checkout-card{width:100%;max-width:570px;border-radius:24px;border:1px solid #e6edf6;box-shadow:0 32px 90px #071f4424;background:#fff;overflow:hidden}.checkout-outer.dark .checkout-card{background:#13243b;border-color:#2b3e5d;color:#e4ebf7}.checkout-top{padding:20px 24px;min-height:74px;background:var(--primary);color:var(--on-primary);border:0}.checkout-top .brand{font-size:15px;color:inherit}.checkout-top .brand b{color:inherit}.checkout-top .mark{width:29px;height:29px;font-size:17px;background:#ffffff21;color:inherit;border:1px solid #ffffff48;box-shadow:none}.checkout-top .mark-spark{width:16px;height:16px;border-color:var(--primary);background:var(--accent)}.secure-status{font-size:10px;display:flex;gap:6px;align-items:center;border:1px solid #ffffff48;padding:7px 9px;border-radius:99px;font-weight:850;white-space:nowrap}.checkout-body{padding:24px}.checkout-merchant{border:1px solid #e6edf4;background:#f8fafd;border-radius:16px;padding:16px}.checkout-outer.dark .checkout-merchant{background:#1b304c;border-color:#314760}.merchant-topline{display:flex;justify-content:space-between;gap:8px;border-bottom:1px solid #e4eaf3;padding-bottom:11px;font-size:9px;letter-spacing:1px;color:#8b9bb0;font-weight:850}.merchant-topline>span{display:flex;align-items:center;gap:5px}.dark .merchant-topline{border-color:#32445d}.merchant-detail{display:flex;align-items:center;gap:12px;padding-top:14px}.merchant-text{min-width:0;flex:1;display:flex;flex-direction:column;gap:4px;font-size:13px;overflow-wrap:anywhere}.merchant-text small{color:#8092aa;font-size:11px}.merchant-total{text-align:right;white-space:nowrap}.merchant-total small{display:block;color:#8292a8;font-size:10px}.merchant-total b{font-size:22px;color:var(--primary)}.checkout-outer.dark .merchant-total b{color:#75cfff}.checkout-outer .seller-ava{width:44px;height:44px;border-radius:12px;background:var(--primary);color:var(--on-primary);box-shadow:0 5px 15px #081b3315}.checkout-main{padding:20px 0 0}.checkout-heading{text-align:center}.checkout-heading h2{font-size:20px;margin:4px 0 4px}.checkout-heading p{font-size:12px;color:#8291a7;margin:0 0 20px}.method-title{display:flex;align-items:center;gap:8px;color:#50657e;font-size:12px;font-weight:850;margin-bottom:11px}.pay-methods.checkout-methods{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.checkout-methods .pay-method{min-height:95px;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;text-align:center;border:1px solid #e4eaf3;background:#fff;padding:12px 8px;border-radius:13px;box-shadow:0 3px 12px #133e6610;transition:.16s}.checkout-methods .pay-method:hover,.checkout-methods .pay-method:focus-visible{border-color:var(--primary);background:#f7fbff;transform:translateY(-2px)}.checkout-methods .pay-method small{font-size:10px;color:#8d9ab0}.checkout-methods .pay-method .method-chevron{position:absolute;top:9px;right:9px;color:#a7b5c5}.dark .checkout-methods .pay-method{background:#fdfefe;color:#17324d}.checkout-methods .provider-logo{font-size:18px}.checkout-methods .provider-logo.nagad span:last-child{font-size:22px}.checkout-hint{display:flex;align-items:flex-start;gap:8px;background:color-mix(in srgb,var(--primary) 7%,#fff);border-radius:11px;padding:13px;color:#5f7795;margin-top:17px;font-size:11px;line-height:1.6}.checkout-hint svg{color:var(--primary)}.demo-ribbon{background:#e8f5ff;color:#1b6caa;display:flex;gap:7px;align-items:center;justify-content:center;padding:9px;font-size:11px;font-weight:850}.checkout-bottom{padding:16px 21px;border:0;background:#f7f9fc;display:flex;gap:9px;align-items:center;justify-content:center;color:#8594a8;font-size:10px}.checkout-bottom svg{color:var(--primary)}.dark .checkout-bottom{background:#1c304a}.checkout-back{display:flex;align-items:center;gap:6px;border:0;background:transparent;color:#657f9e;font-size:12px;font-weight:800;padding:0;margin-bottom:16px}.selected-provider{border:1px solid color-mix(in srgb,var(--provider) 21%,#e4eaf4);background:color-mix(in srgb,var(--provider) 6%,#fff);border-radius:13px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 14px;margin-bottom:18px}.selected-provider>span:last-child{font-size:10px;font-weight:800;color:#4a6987;display:flex;align-items:center;gap:5px}.selected-provider>span:last-child svg{color:var(--primary)}.checkout-form>label{font-size:12px;font-weight:850;color:#52677f;display:block;margin-bottom:8px}.txn-field{min-height:55px;margin-bottom:18px}.checkout-form input{min-height:0;margin:0;text-align:left;letter-spacing:1.1px}.instruction-panel{background:#f7f9fd;border:1px solid #e5ebf4;border-radius:14px;padding:18px}.dark .instruction-panel{background:#1b304b;border-color:#33465f}.instruction-caption{display:flex;align-items:center;gap:8px;color:#284e78;font-size:13px;font-weight:850;margin-bottom:15px}.dark .instruction-caption{color:#cae2ff}.checkout-form .steps{display:grid;gap:13px;font-size:12px;line-height:1.7;color:#526781;list-style:none}.checkout-form .steps li{display:flex;align-items:start;gap:10px}.dark .checkout-form .steps{color:#c3d2e7}.checkout-form .steps li>span{width:25px;height:25px;flex:none;border-radius:8px;background:#e6f0fd;color:var(--primary);display:grid;place-items:center;font-weight:900;font-size:10px}.checkout-form .number-row{display:flex;align-items:center;gap:9px;background:#fff;border:1px solid #dce6f3;padding:8px 9px;border-radius:10px;margin-top:6px;flex-wrap:wrap}.method-receiver{flex:1;min-width:0}.method-receiver small{font-size:10px;color:#8b9aae}.checkout-form .number-row strong{color:#173f72;font-size:16px;letter-spacing:.6px}.checkout-form .copy{margin-left:auto;border:0;background:#e7f1ff;color:#1760bc;display:flex;align-items:center;gap:5px;min-height:35px}.verify-new{background:var(--primary)!important;border-color:var(--primary)!important;color:var(--on-primary)!important}.verify-disclaimer{color:#8a97a8;text-align:center;font-size:11px;display:flex;align-items:center;justify-content:center;gap:7px;margin:13px 0 0}.verify-disclaimer svg{color:#0d9b83}.checkout-result{text-align:center;padding:32px 13px}.checkout-result h2{font-size:20px;margin:18px 0 8px}.checkout-result p{color:#7889a1;font-size:13px;line-height:1.8}.result-icon{width:75px;height:75px;border-radius:23px;margin:auto;display:grid;place-items:center}.result-icon.success{background:#dcf7eb;color:#098660}.result-icon.warning{background:#fef1e2;color:#ad6117}.result-icon.pending{background:#e9f3ff;color:#1d6bbd}
.toast{display:flex;align-items:center;gap:10px;background:#112e4c;min-height:51px;max-width:510px}.checkout-outer.embed{grid-template-columns:1fr;padding:0}.checkout-outer.embed .checkout-decor{display:none}.checkout-outer.embed .checkout-card{max-width:none;min-height:100dvh;border-radius:0;box-shadow:none}
@media(max-width:1050px){.auth-shell{grid-template-columns:.9fr 1.1fr}.auth-promo{padding:39px}.hero-grid{gap:32px}.checkout-outer{grid-template-columns:minmax(0,1fr) minmax(340px,540px);gap:30px}.checkout-decor h1{font-size:35px}.merchant-layout{grid-template-columns:205px minmax(0,1fr)}.method-admin-grid{grid-template-columns:1fr}.studio-grid{grid-template-columns:1fr}.studio-preview-panel{position:static}}
@media(max-width:800px){.auth-shell{grid-template-columns:1fr}.auth-promo{display:none}.auth-side{align-items:flex-start;padding:26px 24px 55px}.auth-mobile-brand{display:flex;align-items:center;gap:11px;margin-bottom:45px;font-size:16px;color:#143c72}.auth-main{max-width:480px;margin:auto}.merchant-layout{grid-template-columns:1fr;gap:17px}.merchant-layout .tabs{position:static;flex-direction:row;overflow-x:auto;white-space:nowrap;border-radius:13px;padding:6px;scrollbar-width:none}.merchant-layout .tabs button{white-space:nowrap;flex:none;font-size:12px;gap:7px;padding:11px 13px}.sidebar-note{display:none}.checkout-outer{display:flex;flex-direction:column;padding:20px 14px}.checkout-decor{display:none}.checkout-card{max-width:570px}.hero{padding:55px 0}.showcase-checkout{transform:none}.features{grid-template-columns:1fr}}
@media(max-width:520px){.auth-side{padding:20px 22px 44px}.auth-main h1{font-size:27px}.auth-mobile-brand{margin-bottom:37px}.auth-security{font-size:10px}.auth-side .space-y>*+*{margin-top:11px}.auth-submit{min-height:49px}.hero h1{font-size:37px}.hero-trust{gap:10px}.dashboard{width:min(100% - 22px,1320px);padding-top:12px}.dashboard-head{padding:15px}.dashboard-head h1{font-size:22px}.dashboard-actions{width:100%;gap:8px}.dashboard-actions select{flex:1}.content-heading h2{font-size:21px}.content-heading .btn{font-size:10px}.panel{padding:16px}.method-admin-grid{gap:12px}.section-heading{flex-wrap:wrap}.checkout-outer{padding:0;background:#f3f6fb;min-height:100dvh}.checkout-card{max-width:none;min-height:100dvh;border-radius:0;border:0;box-shadow:none}.checkout-top{padding:16px 18px;min-height:66px}.checkout-top .brand{font-size:14px}.secure-status{font-size:9px}.checkout-body{padding:16px}.merchant-total b{font-size:18px}.merchant-detail{gap:9px}.checkout-heading h2{font-size:19px}.checkout-heading p{margin-bottom:17px}.checkout-methods .pay-method{min-height:92px}.provider-logo{font-size:15px}.provider-logo.nagad span:last-child{font-size:20px}.checkout-form .steps{font-size:11px}.checkout-result{padding:40px 10px}.studio-grid .form-grid{grid-template-columns:1fr}.live-device-content{padding:14px}.live-methods .provider-logo{gap:3px}.live-methods .logo-symbol{width:21px;height:21px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}

.quick-actions{display:grid;gap:10px}.quick-actions .btn{justify-content:flex-start;font-size:13px;box-shadow:none;padding:12px 14px}.quick-actions .btn svg:first-child{color:#1760bc}.quick-actions .btn svg:last-child{margin-left:auto;color:#9bacc0}.active-method{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid #edf2f7}.active-method .provider-logo{font-size:15px}.active-method .provider-logo.nagad span:last-child{font-size:19px}.active-method .logo-symbol{width:26px;height:26px}.stat>span{display:flex;gap:7px;align-items:center}.stat>span svg{color:#1760bc}