:root{--asone:#3b7ddd;--asone-dark:#222e3c;--asone-bg:#f5f7fb;--asone-border:#e5e9f0;--asone-muted:#6b7280;--asone-radius:14px}
*{box-sizing:border-box}html,body{min-height:100%}body{background:var(--asone-bg);color:#344050;font-size:.925rem}.content{padding:1.5rem}.container-fluid{max-width:1600px}.main{min-width:0}.card{border:1px solid var(--asone-border);border-radius:var(--asone-radius);box-shadow:0 4px 18px rgba(31,45,61,.045);overflow:hidden}.card-header{background:#fff;border-bottom:1px solid var(--asone-border);padding:1rem 1.25rem}.card-body{padding:1.25rem}.card-title{font-weight:700}.form-label{font-weight:600;margin-bottom:.45rem;color:#344050}.form-control,.form-select,.input-group-text,.btn{border-radius:9px}.form-control,.form-select{min-height:44px;border-color:#dfe4ea;padding:.65rem .85rem}.form-control:focus,.form-select:focus{border-color:#8ab4f8;box-shadow:0 0 0 .2rem rgba(59,125,221,.12)}textarea.form-control{min-height:110px}.btn{font-weight:600;min-height:40px}.btn-sm{min-height:32px}.avatar{width:36px;height:36px;border-radius:50%;font-weight:700}.sidebar-brand{font-size:1.08rem}.sidebar-link svg{width:18px;height:18px}.page-title-row,.page-head{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.25rem}.page-title-row h1,.page-head h1{font-size:1.55rem;margin:0 0 .25rem}.page-title-row p,.page-head p{margin:0;color:var(--asone-muted)}.metric-card .card-body{padding:1.15rem}.metric-label{font-size:.82rem;color:var(--asone-muted)}.metric-value{font-size:1.45rem;font-weight:700}.metric-icon{width:42px;height:42px;border-radius:10px;display:flex;align-items:center;justify-content:center}.table-card{overflow:hidden}.table-toolbar,.card-head{display:flex;gap:.75rem;justify-content:space-between;align-items:center;padding:1rem 1.25rem;border-bottom:1px solid var(--asone-border);background:#fff}.table-toolbar .form-control{max-width:340px}.table-responsive,.table-wrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-wrap table{width:100%;margin:0}.table{margin:0;min-width:720px}.table th,.table-wrap th{font-size:.72rem;text-transform:uppercase;letter-spacing:.04em;color:#6c757d;background:#f8fafc;border-bottom:1px solid var(--asone-border);white-space:nowrap}.table td,.table-wrap td{vertical-align:middle}.table th,.table td,.table-wrap th,.table-wrap td{padding:.85rem 1rem;border-bottom:1px solid #edf0f4}.table td small{display:block;color:#8a93a0}.table code{font-size:.78rem;word-break:break-all;white-space:normal}.badge{font-weight:600}.status-badge{text-transform:capitalize}.empty-state{padding:2rem;text-align:center;color:#7b8491}.auth-wrapper,.auth-page{min-height:100vh;background:linear-gradient(135deg,#edf3fb,#f8fafc 55%,#eef2f7);display:flex;align-items:center;justify-content:center;padding:2rem 1rem}.auth-card,.auth-panel{width:100%;max-width:440px;background:#fff;border:1px solid var(--asone-border);border-radius:16px;box-shadow:0 18px 45px rgba(34,46,60,.1);padding:2rem}.auth-panel.wide{max-width:860px}.auth-logo,.brand-mark{width:52px;height:52px;border-radius:14px;background:var(--asone);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.45rem;font-weight:800}.auth-brand{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.auth-brand strong{display:block;font-size:1.15rem}.auth-brand span{display:block;color:var(--asone-muted);font-size:.84rem}.back-link{display:inline-flex;margin-bottom:1.25rem;color:var(--asone-muted);text-decoration:none}.auth-note{text-align:center;color:var(--asone-muted);margin:1.25rem 0 0}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.form-grid label{display:flex;flex-direction:column;gap:.45rem;font-weight:600}.form-grid input,.form-grid textarea,.form-grid select{width:100%;border:1px solid #dfe4ea;border-radius:9px;padding:.7rem .85rem;min-height:44px}.form-grid .full{grid-column:1/-1}.form-grid button{border:0}.btn.primary{background:var(--asone);color:#fff}.landing-shell{background:#fff}.landing-nav{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.95);backdrop-filter:blur(10px);border-bottom:1px solid var(--asone-border)}.landing-container{max-width:1180px;margin:auto;padding:0 1.25rem}.landing-nav-inner{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:1rem}.landing-brand{display:flex;align-items:center;gap:.7rem;color:#222e3c;text-decoration:none}.landing-brand-mark{width:40px;height:40px;border-radius:11px;background:var(--asone);color:#fff;display:grid;place-items:center;font-weight:800}.landing-links{display:flex;align-items:center;gap:1rem}.landing-links a:not(.btn){color:#5b6573;text-decoration:none}.hero{padding:5rem 0;background:radial-gradient(circle at 80% 20%,#e9f2ff 0,transparent 35%)}.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:3rem;align-items:center}.hero h1{font-size:clamp(2.25rem,5vw,4rem);line-height:1.05;letter-spacing:-.04em}.hero p{font-size:1.08rem;color:#697386;max-width:650px}.hero-panel{background:#222e3c;color:#fff;border-radius:20px;padding:1.5rem;box-shadow:0 25px 60px rgba(34,46,60,.18)}.hero-stat{font-size:2rem;font-weight:700}.feature-section{padding:4rem 0}.feature-card{height:100%;padding:1.5rem;border:1px solid var(--asone-border);border-radius:14px;background:#fff}.feature-icon{width:44px;height:44px;border-radius:11px;background:#edf4ff;color:var(--asone);display:grid;place-items:center;margin-bottom:1rem}.profile-avatar{width:72px;height:72px;border-radius:50%;display:grid;place-items:center;background:#e9f2ff;color:var(--asone);font-size:1.7rem;font-weight:800}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.security-badge{background:#e9f2ff;color:var(--asone);padding:.55rem .75rem;border-radius:999px;font-weight:700}.control-list>div,.readiness-list>div{display:grid;grid-template-columns:1fr 1.5fr auto;gap:1rem;align-items:center;padding:1rem 0;border-bottom:1px solid var(--asone-border)}.control-list span,.readiness-list span{color:var(--asone-muted)}.control-list em,.readiness-list em{font-style:normal;color:#198754;font-weight:700}.module-placeholder{text-align:center;padding:2.5rem;max-width:780px;margin:auto}.placeholder-icon{width:64px;height:64px;display:grid;place-items:center;margin:0 auto 1rem;border-radius:16px;background:#edf4ff;color:var(--asone);font-size:1.8rem}.docs-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:1.5rem}.docs-nav{position:sticky;top:90px;align-self:start}.docs-content{min-width:0}.code-box{overflow:auto;border-radius:10px}
@media(max-width:991.98px){.content{padding:1rem}.hero{padding:3.5rem 0}.hero-grid{grid-template-columns:1fr}.hero-panel{max-width:620px}.page-title-row,.page-head{flex-direction:column}.table-toolbar,.card-head{align-items:stretch;flex-direction:column}.table-toolbar .form-control{max-width:none}.navbar .dropdown-toggle .text-dark{display:none}.grid-2{grid-template-columns:1fr}.docs-layout{grid-template-columns:1fr}.docs-nav{position:static}.control-list>div,.readiness-list>div{grid-template-columns:1fr}}
@media(max-width:767.98px){.landing-links a:not(.btn){display:none}.landing-links .btn-outline-primary{display:none}.hero h1{font-size:2.35rem}.content{padding:.85rem}.card-body{padding:1rem}.card-header{padding:.9rem 1rem}.page-title-row h1,.page-head h1{font-size:1.35rem}.metric-value{font-size:1.25rem}.table{font-size:.82rem}.table th,.table td,.table-wrap th,.table-wrap td{padding:.75rem}.landing-container{padding:0 1rem}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.auth-panel.wide{max-width:520px}}
@media(max-width:575.98px){.auth-wrapper,.auth-page{padding:0;align-items:stretch}.auth-card,.auth-panel,.auth-panel.wide{max-width:none;min-height:100vh;border:0;border-radius:0;display:flex;flex-direction:column;justify-content:center;padding:1.5rem 1.1rem}.content{padding:.75rem}.container-fluid{padding-left:0!important;padding-right:0!important}.card{border-radius:11px}.btn-lg{min-height:48px}.navbar{padding-left:.75rem;padding-right:.75rem}.page-title-row .btn,.page-head .btn{width:100%}.hero{padding:3rem 0}.hero-actions{display:grid!important;gap:.75rem}.hero-actions .btn{width:100%}.landing-nav-inner{min-height:64px}.table-toolbar .btn,.table-toolbar .form-select{width:100%}.security-badge{width:100%;text-align:center}.module-placeholder{padding:1.5rem 1rem}}
@media print{.sidebar,.navbar,.footer,.btn,.sidebar-toggle,.table-toolbar{display:none!important}.main{margin:0!important}.content{padding:0!important}.card{box-shadow:none!important}}

/* Public frontend v4 */
.public-site,.register-shell,.docs-site{background:#fff;color:#253246;min-height:100vh}.public-container,.register-container,.docs-container{width:min(1180px,calc(100% - 40px));margin:0 auto}.public-header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.94);backdrop-filter:blur(14px);border-bottom:1px solid #e8edf4}.public-header-inner,.register-container,.docs-header-inner{display:flex;align-items:center;justify-content:space-between;gap:24px}.public-header-inner{min-height:76px}.public-brand{display:inline-flex;align-items:center;gap:11px;color:#1f2d3d;text-decoration:none}.public-brand-mark{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(145deg,#4389e7,#2869c6);color:#fff;font-size:1.2rem;font-weight:800;box-shadow:0 8px 20px rgba(59,125,221,.24)}.public-brand-copy{display:flex;flex-direction:column;line-height:1.05}.public-brand-copy strong{font-size:1.05rem}.public-brand-copy small{font-size:.7rem;color:#748094;margin-top:5px}.public-menu{display:flex;align-items:center;gap:24px}.public-menu>a{color:#516071;text-decoration:none;font-weight:600;font-size:.88rem}.public-menu>a:hover{color:#2f76d2}.public-menu-actions{display:flex;gap:9px;margin-left:4px}.public-menu-toggle{display:none;border:0;background:#f0f4f9;border-radius:10px;width:42px;height:42px;align-items:center;justify-content:center}.public-menu-toggle svg{width:20px}.public-hero{padding:86px 0 76px;background:radial-gradient(circle at 85% 15%,rgba(59,125,221,.13),transparent 32%),linear-gradient(180deg,#fbfdff,#fff)}.public-hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr);gap:64px;align-items:center}.eyebrow,.register-kicker,.docs-kicker,.section-heading>span,.cta-card>div>span{display:inline-flex;align-items:center;gap:9px;text-transform:uppercase;letter-spacing:.09em;font-size:.74rem;font-weight:800;color:#3478d0}.eyebrow span{width:22px;height:2px;background:#3b7ddd}.public-hero h1{font-size:clamp(2.7rem,5vw,4.65rem);line-height:1.02;letter-spacing:-.055em;margin:18px 0 22px;color:#182536;max-width:720px}.public-hero h1 span{color:#3b7ddd}.public-hero-copy>p{font-size:1.08rem;line-height:1.75;color:#677487;max-width:680px}.public-hero-actions{display:flex;gap:12px;margin-top:30px}.public-hero-actions .btn{padding:.82rem 1.2rem}.hero-trust{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:34px}.hero-trust>div{display:flex;gap:10px;align-items:flex-start}.hero-trust svg{width:19px;color:#3b7ddd;flex:0 0 auto;margin-top:2px}.hero-trust strong,.hero-trust small{display:block}.hero-trust strong{font-size:.82rem}.hero-trust small{font-size:.72rem;color:#8290a1;margin-top:3px}.gateway-preview{background:#172436;border:1px solid rgba(255,255,255,.07);border-radius:24px;padding:25px;color:#fff;box-shadow:0 32px 70px rgba(23,36,54,.23);overflow:hidden}.preview-top{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.preview-top small,.preview-stats small{display:block;color:#98a7b9;font-size:.74rem}.preview-top strong{display:block;font-size:1.8rem;margin-top:5px}.live-pill{font-style:normal;background:rgba(35,181,113,.13);color:#65dfaa;border:1px solid rgba(101,223,170,.2);border-radius:999px;padding:7px 10px;font-size:.7rem;font-weight:700}.live-pill span{display:inline-block;width:6px;height:6px;border-radius:50%;background:#52d899;margin-right:5px}.preview-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:24px}.preview-stats>div{background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.06);padding:15px;border-radius:13px}.preview-stats strong{display:inline-block;font-size:1.3rem;margin-top:5px}.preview-stats em{float:right;color:#66d8a2;font-style:normal;font-size:.7rem;margin-top:9px}.preview-chart{margin-top:22px}.chart-label{display:flex;justify-content:space-between;font-size:.78rem}.chart-label small{color:#91a0b3}.preview-chart svg{width:100%;height:120px;margin-top:10px}.preview-transactions{border-top:1px solid rgba(255,255,255,.08);padding-top:8px}.preview-row{display:grid;grid-template-columns:36px 1fr auto auto;gap:10px;align-items:center;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.06)}.channel-icon{width:34px;height:34px;border-radius:9px;background:rgba(59,125,221,.2);color:#8abaff;display:grid;place-items:center;font-size:.68rem;font-weight:800}.preview-row strong,.preview-row small{display:block}.preview-row strong{font-size:.74rem}.preview-row small{font-size:.67rem;color:#8797aa;margin-top:3px}.preview-row b{font-size:.73rem}.preview-row em{font-style:normal;font-size:.62rem;padding:5px 7px;border-radius:999px}.preview-row em.paid{background:rgba(35,181,113,.13);color:#65dfaa}.preview-row em.pending{background:rgba(247,183,49,.13);color:#ffd277}.public-proof{border-top:1px solid #edf1f5;border-bottom:1px solid #edf1f5}.proof-grid{display:grid;grid-template-columns:repeat(4,1fr)}.proof-grid>div{padding:26px;text-align:center;border-right:1px solid #edf1f5}.proof-grid>div:last-child{border:0}.proof-grid strong{display:block;font-size:1.4rem;color:#213047}.proof-grid span{font-size:.76rem;color:#788699}.public-section{padding:92px 0}.public-section.soft{background:#f6f9fd}.section-heading{max-width:680px;margin-bottom:42px}.section-heading.centered{text-align:center;margin-left:auto;margin-right:auto}.section-heading h2{font-size:clamp(2rem,3.5vw,3rem);line-height:1.13;letter-spacing:-.035em;color:#1d2a3b;margin:10px 0 14px}.section-heading p{color:#6d7a8c;font-size:1rem;line-height:1.7;margin:0}.solution-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.solution-card{position:relative;border:1px solid #e4eaf2;border-radius:18px;padding:28px;background:#fff;box-shadow:0 8px 26px rgba(31,45,61,.04)}.solution-card:hover{transform:translateY(-3px);box-shadow:0 18px 42px rgba(31,45,61,.08);transition:.25s}.solution-icon{width:48px;height:48px;border-radius:13px;background:#edf4ff;color:#3b7ddd;display:grid;place-items:center}.solution-icon svg{width:22px}.solution-number{position:absolute;right:24px;top:25px;color:#d6deea;font-size:1.15rem;font-weight:800}.solution-card h3{font-size:1.18rem;margin:20px 0 10px}.solution-card p{color:#6e7b8d;line-height:1.65}.solution-card ul{list-style:none;padding:0;margin:20px 0 0}.solution-card li{padding:7px 0;font-size:.83rem;font-weight:600;color:#48576a}.solution-card li:before{content:'✓';color:#31a773;margin-right:8px}.steps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.steps-grid article{background:#fff;border:1px solid #e4eaf2;border-radius:16px;padding:24px;position:relative}.steps-grid article>span{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#3b7ddd;color:#fff;font-weight:800;font-size:.78rem}.steps-grid h3{font-size:1rem;margin:18px 0 8px}.steps-grid p{font-size:.83rem;line-height:1.6;color:#748194;margin:0}.security-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:center}.text-link{display:inline-flex;align-items:center;gap:7px;font-weight:700;text-decoration:none}.text-link svg{width:17px}.security-list{display:grid;grid-template-columns:1fr 1fr;gap:15px}.security-list article{display:flex;gap:15px;border:1px solid #e4eaf2;padding:20px;border-radius:15px}.security-list>article>svg{width:21px;color:#3b7ddd;flex:0 0 auto}.security-list h3{font-size:.93rem;margin:0 0 6px}.security-list p{font-size:.78rem;line-height:1.55;color:#778599;margin:0}.faq-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:70px}.faq-list details{background:#fff;border:1px solid #e3e9f1;border-radius:13px;margin-bottom:12px;padding:0 20px}.faq-list summary{padding:19px 28px 19px 0;font-weight:700;cursor:pointer;position:relative;list-style:none}.faq-list summary:after{content:'+';position:absolute;right:0;font-size:1.2rem;color:#3b7ddd}.faq-list details[open] summary:after{content:'–'}.faq-list p{color:#6f7d8f;line-height:1.65;padding:0 0 18px;margin:0}.public-cta{padding:0 0 92px}.cta-card{display:flex;justify-content:space-between;align-items:center;gap:30px;background:linear-gradient(135deg,#276bc7,#3b7ddd);padding:45px;border-radius:22px;color:#fff;box-shadow:0 24px 54px rgba(59,125,221,.24)}.cta-card h2{font-size:2rem;margin:8px 0}.cta-card p{margin:0;color:rgba(255,255,255,.78)}.cta-card>div:last-child{display:flex;gap:10px;flex:0 0 auto}.public-footer{background:#172436;color:#fff;padding:64px 0 24px}.public-brand.light{color:#fff}.public-brand.light small{color:#9ba9ba}.footer-main{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:48px}.footer-main>div:first-child p{color:#97a5b6;line-height:1.7;max-width:360px;margin-top:18px}.footer-main>div:not(:first-child){display:flex;flex-direction:column;gap:12px}.footer-main>div>strong{font-size:.82rem;margin-bottom:5px}.footer-main a:not(.public-brand){color:#9ba9ba;text-decoration:none;font-size:.8rem}.footer-main a:hover{color:#fff}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid rgba(255,255,255,.08);padding-top:22px;margin-top:48px;color:#8392a5;font-size:.75rem}

/* Register */
.register-header{border-bottom:1px solid #e8edf4;background:#fff}.register-header>.register-container{min-height:76px}.register-login{font-size:.84rem;color:#748194}.register-login a{font-weight:700;text-decoration:none}.register-main{background:#f6f9fd;padding:55px 0}.register-layout{display:grid;grid-template-columns:340px minmax(0,1fr);gap:42px;align-items:start}.register-aside{position:sticky;top:105px}.register-aside .back-link{display:inline-flex;align-items:center;gap:7px;margin-bottom:34px}.register-aside .back-link svg{width:16px}.register-aside h1{font-size:2.3rem;line-height:1.12;letter-spacing:-.04em;margin:12px 0 16px;color:#1d2a3b}.register-aside>p{color:#6f7d90;line-height:1.7}.register-benefits{display:grid;gap:18px;margin-top:30px}.register-benefits>div{display:flex;gap:12px}.register-benefits svg{width:19px;color:#3b7ddd;flex:0 0 auto}.register-benefits strong,.register-benefits small{display:block}.register-benefits strong{font-size:.86rem}.register-benefits small{font-size:.76rem;color:#7b8899;margin-top:4px}.register-help{margin-top:34px;background:#eaf3ff;border-radius:13px;padding:18px}.register-help strong{font-size:.82rem;color:#2f70c7}.register-help p{font-size:.76rem;line-height:1.55;color:#63768d;margin:6px 0 0}.register-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 15px 42px rgba(31,45,61,.07);overflow:hidden}.register-card-head{display:flex;justify-content:space-between;gap:20px;padding:28px 30px;border-bottom:1px solid #e8edf4}.register-card-head>div>span{text-transform:uppercase;font-size:.68rem;letter-spacing:.08em;color:#3b7ddd;font-weight:800}.register-card-head h2{font-size:1.35rem;margin:6px 0}.register-card-head p{font-size:.8rem;color:#7b8899;margin:0}.register-card-head b,.register-form b{color:#d94c5c}.form-progress{text-align:center;min-width:64px}.form-progress span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#3b7ddd;color:#fff;font-size:.78rem;font-weight:800;margin:auto}.form-progress small{display:block;font-size:.65rem;color:#7d8a9c;margin-top:5px}.register-form{padding:30px}.register-form fieldset{border:0;padding:0;margin:0 0 34px}.register-form fieldset+fieldset{border-top:1px solid #e9edf3;padding-top:30px}.register-form legend{display:flex;align-items:flex-start;gap:12px;margin-bottom:22px}.register-form legend>span{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:#edf4ff;color:#3b7ddd;font-size:.74rem;font-weight:800;flex:0 0 auto}.register-form legend div{font-size:.94rem;font-weight:800}.register-form legend small{display:block;font-size:.73rem;color:#7d8999;font-weight:400;margin-top:4px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.form-field{margin-bottom:18px}.form-field label{display:block;font-size:.8rem;font-weight:700;margin-bottom:7px;color:#344154}.form-field>small{display:block;font-size:.69rem;color:#8692a2;margin-top:6px}.password-field{position:relative}.password-field .form-control{padding-right:48px}.password-toggle{position:absolute;right:5px;top:5px;width:35px;height:34px;border:0;background:transparent;color:#728094;border-radius:8px}.password-toggle svg{width:18px}.register-consent{background:#f7f9fc;border:1px solid #e5eaf1;border-radius:12px;padding:16px}.register-consent label{display:flex;gap:11px;align-items:flex-start;font-size:.77rem;line-height:1.55;color:#5f6d80}.register-consent input{width:17px;height:17px;margin-top:2px;flex:0 0 auto}.register-submit{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:22px}.register-submit>div{display:flex;align-items:center;gap:7px;color:#778598;font-size:.72rem}.register-submit>div svg{width:15px}.register-submit .btn{display:inline-flex;align-items:center;gap:8px}.register-submit .btn svg{width:17px}.hp-field{position:absolute!important;left:-9999px!important;opacity:0!important}.register-footer{background:#fff;border-top:1px solid #e7ecf2}.register-footer>.register-container{min-height:64px;font-size:.73rem;color:#8190a1}.register-footer a{text-decoration:none}

/* Documentation */
.docs-site{background:#fff}.docs-header{position:sticky;top:0;z-index:110;background:rgba(255,255,255,.96);backdrop-filter:blur(12px);border-bottom:1px solid #e5eaf1}.docs-header-inner{min-height:72px}.docs-header-actions{display:flex;align-items:center;gap:9px}.environment-badge{font-size:.68rem;text-transform:uppercase;letter-spacing:.07em;font-weight:800;background:#eef5ff;color:#3478d0;border:1px solid #dceaff;border-radius:999px;padding:7px 10px}.docs-page{display:grid;grid-template-columns:250px minmax(0,1fr);gap:52px;align-items:start}.docs-sidebar{position:sticky;top:96px;height:calc(100vh - 116px);overflow:auto;padding:4px 12px 20px 0;margin-top:28px}.docs-sidebar-head{display:flex;justify-content:space-between;align-items:center;padding:10px 10px 12px;font-size:.83rem}.docs-nav-toggle{display:none;border:0;background:#eef3f8;width:36px;height:36px;border-radius:9px}.docs-sidebar nav{display:flex;flex-direction:column}.docs-sidebar nav>span{font-size:.64rem;text-transform:uppercase;letter-spacing:.09em;color:#9aa5b3;font-weight:800;padding:17px 10px 6px}.docs-sidebar nav a{padding:8px 10px;border-radius:8px;color:#5d6a7b;text-decoration:none;font-size:.79rem;font-weight:600}.docs-sidebar nav a:hover,.docs-sidebar nav a.active{background:#edf4ff;color:#3275cf}.docs-support{display:flex;gap:10px;background:#f5f8fc;padding:14px;border-radius:12px;margin:22px 8px 0}.docs-support svg{width:18px;color:#3b7ddd;flex:0 0 auto}.docs-support strong,.docs-support small{display:block}.docs-support strong{font-size:.73rem}.docs-support small{font-size:.67rem;color:#7c899a;line-height:1.45;margin-top:3px}.docs-article{max-width:880px;padding:58px 0 90px;min-width:0}.docs-hero{padding-bottom:42px;border-bottom:1px solid #e8edf3}.docs-hero h1{font-size:clamp(2.35rem,4.5vw,3.7rem);line-height:1.07;letter-spacing:-.045em;color:#1c293a;margin:12px 0 18px}.docs-hero>p{font-size:1.04rem;line-height:1.75;color:#68768a;max-width:760px}.doc-section{padding:52px 0;border-bottom:1px solid #e9edf3;scroll-margin-top:90px}.doc-heading{display:flex;align-items:flex-start;gap:13px;margin-bottom:25px}.doc-heading>span{width:34px;height:34px;border-radius:9px;background:#edf4ff;color:#3b7ddd;display:grid;place-items:center;font-weight:800;font-size:.7rem;flex:0 0 auto}.doc-heading h2{font-size:1.65rem;margin:0 0 6px;color:#202e40}.doc-heading p{color:#7a8798;margin:0;font-size:.86rem}.doc-section>p{color:#59687b;line-height:1.75}.doc-section h3{font-size:.96rem;margin:28px 0 12px}.docs-notice{display:flex;gap:13px;padding:17px 18px;border-radius:12px;margin-top:23px}.docs-notice svg{width:20px;flex:0 0 auto}.docs-notice strong{font-size:.8rem}.docs-notice p{font-size:.76rem;line-height:1.55;margin:4px 0 0}.docs-notice.info{background:#eef6ff;color:#315f95}.docs-notice.warning{background:#fff8e8;color:#82631f}.docs-notice.success{background:#ecfaf3;color:#267451}.quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.quick-grid article{border:1px solid #e3e9f1;border-radius:13px;padding:18px}.quick-grid article>span{width:27px;height:27px;border-radius:8px;background:#edf4ff;color:#3b7ddd;display:grid;place-items:center;font-size:.68rem;font-weight:800}.quick-grid h3{margin:13px 0 6px;font-size:.88rem}.quick-grid p{margin:0;color:#748194;font-size:.75rem;line-height:1.55}.endpoint-table{border:1px solid #e3e8ef;border-radius:13px;overflow:hidden;margin-bottom:18px}.endpoint-table>div{display:grid;grid-template-columns:110px 1fr 150px;gap:16px;padding:15px 17px;border-bottom:1px solid #e8edf3;align-items:center}.endpoint-table>div:last-child{border:0}.endpoint-table strong{font-size:.78rem}.endpoint-table code{word-break:break-all}.endpoint-table span{font-size:.73rem;color:#7d8999}.code-block{background:#142033;border-radius:13px;overflow:hidden;margin:15px 0 24px;box-shadow:0 8px 20px rgba(20,32,51,.08)}.code-toolbar{display:flex;justify-content:space-between;align-items:center;padding:11px 14px;border-bottom:1px solid rgba(255,255,255,.07);color:#9aaac0;font-size:.69rem}.code-toolbar button{border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.06);color:#c8d3e1;border-radius:7px;padding:5px 9px;font-size:.65rem}.code-block pre{margin:0;padding:20px;overflow:auto;color:#dbe6f3;font-size:.78rem;line-height:1.7}.code-block code{color:inherit}.endpoint-title{display:flex;align-items:center;gap:10px;border:1px solid #e2e8f0;background:#f8fafc;border-radius:11px;padding:12px 14px;margin-bottom:22px}.http-method{font-size:.65rem;font-weight:800;color:#fff;border-radius:6px;padding:5px 8px}.http-method.post{background:#2ca46f}.http-method.get{background:#397bd5}.parameter-table{border:1px solid #e3e8ef;border-radius:12px;margin-bottom:22px}.parameter-table table{width:100%;min-width:650px;border-collapse:collapse}.parameter-table th{background:#f6f8fb;color:#718094;text-transform:uppercase;letter-spacing:.05em;font-size:.64rem}.parameter-table th,.parameter-table td{padding:12px 14px;border-bottom:1px solid #e8edf2;text-align:left}.parameter-table td{font-size:.74rem;color:#566577}.parameter-table tr:last-child td{border:0}.required-pill,.optional-pill{font-size:.62rem;padding:4px 7px;border-radius:999px;font-weight:800}.required-pill{background:#e9f7f0;color:#258059}.optional-pill{background:#f1f3f6;color:#6e7885}.definition-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.definition-grid>div{padding:14px 16px;border:1px solid #e3e9f1;border-radius:11px}.definition-grid strong,.definition-grid code{display:block}.definition-grid strong{font-size:.7rem;color:#8793a2;margin-bottom:6px}.status-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.status-grid>div{border:1px solid #e3e9f1;border-radius:11px;padding:15px}.status-grid strong{font-size:.78rem}.status-grid p{font-size:.7rem;color:#7c8999;margin:5px 0 0}.status-dot{width:8px;height:8px;border-radius:50%;display:inline-block;margin-right:7px}.status-dot.pending{background:#e9af2f}.status-dot.paid{background:#29a56f}.status-dot.expired{background:#8b96a5}.status-dot.failed{background:#dc4f5f}.status-dot.refunded{background:#6f63d9}.checklist-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.checklist-grid label{display:flex;align-items:center;gap:9px;border:1px solid #e3e9f1;border-radius:10px;padding:12px;font-size:.75rem;color:#566577}.checklist-grid input{width:16px;height:16px}.docs-next{display:flex;justify-content:space-between;align-items:center;gap:25px;background:#f3f7fc;border:1px solid #e0e8f2;border-radius:16px;padding:26px;margin-top:46px}.docs-next span{font-size:.68rem;text-transform:uppercase;color:#3b7ddd;font-weight:800}.docs-next h2{font-size:1.2rem;margin:6px 0 0}.docs-next>div:last-child{display:flex;gap:8px}.docs-footer{border-top:1px solid #e6ebf1}.docs-footer>.docs-container{display:flex;justify-content:space-between;align-items:center;min-height:68px;font-size:.72rem;color:#8290a1}.docs-footer a{text-decoration:none}

@media(max-width:1050px){.public-hero-grid{grid-template-columns:1fr;gap:45px}.gateway-preview{max-width:680px}.solution-grid{grid-template-columns:1fr 1fr}.steps-grid{grid-template-columns:1fr 1fr}.security-grid,.faq-grid{gap:40px}.register-layout{grid-template-columns:280px minmax(0,1fr)}.docs-page{grid-template-columns:220px minmax(0,1fr);gap:30px}}
@media(max-width:820px){.public-container,.register-container,.docs-container{width:min(100% - 28px,1180px)}.public-menu-toggle{display:flex}.public-menu{display:none;position:absolute;left:14px;right:14px;top:68px;background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:12px;box-shadow:0 18px 42px rgba(31,45,61,.14);flex-direction:column;align-items:stretch;gap:2px}.public-menu.open{display:flex}.public-menu>a{padding:11px}.public-menu-actions{display:grid;grid-template-columns:1fr 1fr;margin:8px 0 0}.public-hero{padding:60px 0}.hero-trust{grid-template-columns:1fr}.proof-grid{grid-template-columns:1fr 1fr}.proof-grid>div:nth-child(2){border-right:0}.proof-grid>div:nth-child(-n+2){border-bottom:1px solid #edf1f5}.solution-grid,.security-grid,.faq-grid{grid-template-columns:1fr}.security-list{order:2}.cta-card{align-items:flex-start;flex-direction:column}.footer-main{grid-template-columns:1fr 1fr}.register-layout{grid-template-columns:1fr}.register-aside{position:static}.register-aside .register-benefits,.register-help{display:none}.register-aside h1{font-size:2rem}.docs-page{display:block}.docs-sidebar{position:sticky;top:72px;height:auto;overflow:visible;background:#fff;z-index:90;padding:8px 0;margin:0;border-bottom:1px solid #e5eaf1}.docs-sidebar-head{padding:4px 0}.docs-nav-toggle{display:grid;place-items:center}.docs-sidebar nav{display:none;position:absolute;top:52px;left:0;right:0;max-height:70vh;overflow:auto;background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:8px;box-shadow:0 18px 42px rgba(31,45,61,.14)}.docs-sidebar nav.open{display:flex}.docs-support{display:none}.docs-article{padding-top:38px}.docs-header-actions .environment-badge,.docs-header-actions .btn-light{display:none}}
@media(max-width:600px){.public-header-inner,.register-header>.register-container,.docs-header-inner{min-height:66px}.public-hero h1{font-size:2.55rem}.public-hero-actions,.cta-card>div:last-child,.docs-next>div:last-child{display:grid;width:100%}.public-hero-actions .btn,.cta-card .btn,.docs-next .btn{width:100%}.preview-row{grid-template-columns:34px 1fr auto}.preview-row em{display:none}.solution-grid,.steps-grid,.security-list{grid-template-columns:1fr}.public-section{padding:68px 0}.footer-main{grid-template-columns:1fr 1fr;gap:32px}.footer-main>div:first-child{grid-column:1/-1}.footer-bottom{flex-direction:column;gap:6px}.register-login{font-size:0}.register-login a{font-size:.78rem}.register-main{padding:28px 0}.register-aside .back-link{margin-bottom:22px}.register-card-head,.register-form{padding:22px 18px}.form-progress{display:none}.form-row{grid-template-columns:1fr;gap:0}.register-submit{align-items:stretch;flex-direction:column}.register-submit>div{justify-content:center}.register-submit .btn{justify-content:center;width:100%}.quick-grid,.definition-grid,.status-grid,.checklist-grid{grid-template-columns:1fr}.endpoint-table>div{grid-template-columns:1fr;gap:5px}.docs-hero h1{font-size:2.4rem}.doc-heading h2{font-size:1.35rem}.docs-next{align-items:flex-start;flex-direction:column}.docs-footer>.docs-container{flex-direction:column;justify-content:center;gap:4px}.docs-header-actions .btn-primary{font-size:.72rem;padding:.5rem .7rem}.code-block pre{font-size:.7rem}.public-brand-copy small{display:none}}

/* Phase 4 - Mobile console & payment experience */
.btn-demo-payment{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;background:#172436;color:#fff;border-color:#172436}.btn-demo-payment:hover,.btn-demo-payment:focus{background:#0f1a28;color:#fff;border-color:#0f1a28}.btn-demo-payment svg{width:18px;height:18px}

/* Dashboard mobile ergonomics */
.dashboard-mobile-list{display:none}.dashboard-mobile-item{padding:14px 15px;border-bottom:1px solid var(--asone-border);background:#fff}.dashboard-mobile-item:last-child{border-bottom:0}.dashboard-mobile-item .mobile-item-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.dashboard-mobile-item strong{font-size:.88rem;color:#263446}.dashboard-mobile-item small{display:block;color:#8591a1;font-size:.7rem;margin-top:3px}.dashboard-mobile-item .mobile-item-amount{font-size:.86rem;font-weight:800;white-space:nowrap}.dashboard-mobile-item .mobile-item-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px}.dashboard-mobile-item .mobile-item-meta>span:first-child{font-size:.72rem;color:#647286;text-transform:uppercase}.dashboard-actions{display:flex;gap:.5rem;flex-wrap:wrap}.dashboard-actions .btn{display:inline-flex;align-items:center;justify-content:center}

/* Public checkout */
.payment-shell{min-height:100vh;background:#f4f7fb;color:#273548;display:flex;flex-direction:column}.payment-container{width:min(1040px,calc(100% - 32px));margin:0 auto}.payment-header{background:#fff;border-bottom:1px solid #e5eaf1}.payment-header-inner{min-height:70px;display:flex;align-items:center;justify-content:space-between;gap:16px}.payment-brand{display:inline-flex;align-items:center;gap:10px;color:#1e2c3d;text-decoration:none}.payment-brand-mark{width:38px;height:38px;border-radius:11px;background:linear-gradient(145deg,#4389e7,#2869c6);display:grid;place-items:center;color:#fff;font-weight:800;box-shadow:0 7px 18px rgba(59,125,221,.22)}.payment-brand>span:last-child{display:flex;flex-direction:column;line-height:1.05}.payment-brand strong{font-size:.94rem}.payment-brand small{font-size:.66rem;color:#7d8999;margin-top:4px}.payment-mode-badge{font-size:.65rem;letter-spacing:.06em;font-weight:800;color:#546276;background:#eef2f7;border:1px solid #e1e6ed;border-radius:999px;padding:7px 10px}.payment-mode-badge.demo{background:#eaf3ff;color:#2c70c9;border-color:#d6e7ff}.payment-main{flex:1;padding:34px 0 42px}.payment-notice{display:flex;align-items:flex-start;gap:11px;padding:12px 14px;border-radius:12px;margin-bottom:14px;font-size:.77rem}.payment-notice svg{width:18px;height:18px;flex:0 0 auto;margin-top:1px}.payment-notice strong,.payment-notice span{display:block}.payment-notice span{margin-top:2px;line-height:1.45}.payment-notice.demo{background:#eaf4ff;color:#285f9e;border:1px solid #d4e8ff}.payment-notice.preview{background:#fff7e5;color:#7b5a16;border:1px solid #f5dfae}.payment-layout{display:grid;grid-template-columns:minmax(280px,.72fr) minmax(0,1.28fr);gap:20px;align-items:start}.payment-summary-card,.payment-checkout-card,.payment-success-card,.payment-empty-card{background:#fff;border:1px solid #e2e8f0;border-radius:18px;box-shadow:0 12px 34px rgba(31,45,61,.065)}.payment-summary-card{padding:24px;position:sticky;top:18px}.merchant-chip{display:flex;align-items:center;gap:11px;padding-bottom:20px;border-bottom:1px solid #edf0f4}.merchant-chip>span{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:#edf4ff;color:#3478d0;font-weight:800}.merchant-chip small,.merchant-chip strong{display:block}.merchant-chip small{font-size:.68rem;color:#8793a3}.merchant-chip strong{font-size:.88rem;margin-top:3px}.payment-order-copy{padding:24px 0}.payment-order-copy>small,.checkout-heading>span{font-size:.68rem;letter-spacing:.07em;text-transform:uppercase;color:#3b7ddd;font-weight:800}.payment-order-copy h1{font-size:1.25rem;line-height:1.3;margin:7px 0 8px;color:#1f2d3d}.payment-order-copy p{font-size:.76rem;color:#748194;line-height:1.55;margin:0}.payment-detail-list{margin:0}.payment-detail-list>div{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:11px 0;border-top:1px solid #edf0f4}.payment-detail-list dt{font-size:.72rem;color:#8490a0;font-weight:500}.payment-detail-list dd{margin:0;text-align:right;font-size:.76rem;font-weight:700;word-break:break-word}.payment-detail-list dd.strong{font-size:.95rem;color:#1f2d3d}.payment-security-note{display:flex;gap:8px;align-items:flex-start;margin-top:17px;padding:12px;border-radius:11px;background:#f6f9fd;color:#718095;font-size:.68rem;line-height:1.45}.payment-security-note svg{width:16px;color:#3b7ddd;flex:0 0 auto}.payment-checkout-card{padding:26px}.checkout-heading{margin-bottom:22px}.checkout-heading h2{font-size:1.35rem;margin:5px 0 7px;color:#1e2b3c}.checkout-heading p{font-size:.78rem;color:#7b8798;line-height:1.5;margin:0}.checkout-heading.with-back{display:flex;gap:12px;align-items:flex-start}.checkout-heading.with-back>a{width:36px;height:36px;display:grid;place-items:center;flex:0 0 auto;background:#f3f6fa;color:#526174;border-radius:10px}.checkout-heading.with-back>a svg{width:17px}.payment-method-list{display:grid;gap:11px}.payment-method{display:grid;grid-template-columns:48px 1fr 30px;gap:13px;align-items:center;padding:16px;border:1px solid #dfe5ed;border-radius:14px;color:#273548;text-decoration:none;transition:.2s}.payment-method:hover{border-color:#87b5ef;background:#f9fbff;transform:translateY(-1px);color:#273548}.method-icon{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;font-size:.72rem;font-weight:900}.method-icon.qris{background:#172436;color:#fff}.method-icon.va{background:#edf4ff;color:#3377cf}.method-copy strong,.method-copy small{display:block}.method-copy strong{font-size:.9rem}.method-copy small{font-size:.7rem;color:#7d8999;margin-top:4px;line-height:1.45}.method-arrow{color:#8b98a8}.method-arrow svg{width:18px}.checkout-total{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:22px;padding:15px 0 0;border-top:1px solid #edf0f4}.checkout-total span{font-size:.76rem;color:#7c8898}.checkout-total strong{font-size:1.2rem;color:#1f2d3d}.payment-expiry{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:11px 14px;border-radius:11px;background:#fff7e7;color:#72551e;margin:0 auto 16px;max-width:390px}.payment-expiry span{font-size:.72rem}.payment-expiry strong{font-size:.88rem;font-variant-numeric:tabular-nums}.payment-expiry.compact{max-width:none;margin:14px 0;background:#f7f9fc;color:#536174}.qris-box{width:min(290px,100%);margin:0 auto;padding:18px;border:1px solid #e0e6ee;border-radius:18px;text-align:center;position:relative;background:#fff}.qris-box img{display:block;width:min(250px,100%);height:auto;margin:auto}.qris-label{display:inline-block;margin-top:8px;font-weight:900;letter-spacing:.12em;font-size:.78rem;color:#202c3a}.qris-demo-stamp{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-9deg);z-index:2;border:3px solid rgba(220,53,69,.72);color:rgba(220,53,69,.8);font-size:1rem;letter-spacing:.12em;font-weight:900;border-radius:8px;padding:7px 10px;background:rgba(255,255,255,.78);pointer-events:none}.payment-amount-focus{text-align:center;padding:18px 0}.payment-amount-focus small,.payment-amount-focus strong,.payment-amount-focus span{display:block}.payment-amount-focus small{font-size:.7rem;color:#8793a2}.payment-amount-focus strong{font-size:1.55rem;color:#1d2a3b;margin-top:4px}.payment-amount-focus span{font-size:.68rem;color:#8591a0;margin-top:6px}.payment-instructions{border-top:1px solid #edf0f4;margin-top:2px;padding-top:15px}.payment-instructions details{border:1px solid #e6ebf1;border-radius:12px;padding:0 14px}.payment-instructions summary{font-size:.78rem;font-weight:800;padding:13px 22px 13px 0;cursor:pointer}.payment-instructions ol{margin:0 0 14px;padding-left:20px;color:#6f7c8d;font-size:.72rem;line-height:1.65}.payment-success-demo{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:16px}.payment-success-demo svg{width:18px}.bank-selector{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:14px}.bank-option{display:grid;place-items:center;min-height:44px;border:1px solid #e0e6ed;border-radius:10px;text-decoration:none;color:#556375;background:#fff;font-size:.72rem}.bank-option.active{border-color:#3b7ddd;background:#edf4ff;color:#2d70c7;box-shadow:0 0 0 2px rgba(59,125,221,.08)}.va-card{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:17px;border:1px solid #dfe6ef;border-radius:14px;background:#f9fbfd}.va-bank{display:flex;align-items:center;gap:12px;min-width:0}.bank-mark{width:43px;height:43px;border-radius:12px;display:grid;place-items:center;background:#172436;color:#fff;font-size:.7rem;font-weight:900;flex:0 0 auto}.va-bank small,.va-bank strong{display:block}.va-bank small{font-size:.68rem;color:#8190a1}.va-bank strong{font-size:1rem;letter-spacing:.04em;margin-top:3px;word-break:break-all}.va-card .btn{display:inline-flex;align-items:center;gap:5px;flex:0 0 auto}.va-card .btn svg{width:15px}.payment-footer{background:#fff;border-top:1px solid #e4e9f0}.payment-footer>.payment-container{min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:.68rem;color:#8490a0}.payment-footer span{display:flex;align-items:center;gap:6px}.payment-footer svg{width:14px}.payment-footer a{color:#6f7d8f;text-decoration:none}.payment-success-wrap{max-width:570px}.payment-success-card,.payment-empty-card{padding:36px;text-align:center;margin:28px auto;max-width:570px}.payment-state-icon{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;margin:0 auto 18px}.payment-state-icon svg{width:29px;height:29px}.payment-state-icon.success{background:#e6f8ef;color:#209b63}.payment-state-icon.error{background:#fff0f1;color:#d34c5c}.payment-success-kicker{text-transform:uppercase;font-size:.68rem;letter-spacing:.08em;color:#299a66;font-weight:800}.payment-success-card h1,.payment-empty-card h1{font-size:1.6rem;margin:7px 0 9px;color:#1e2b3b}.payment-success-card>p,.payment-empty-card>p{font-size:.78rem;line-height:1.6;color:#7b8798;max-width:430px;margin:0 auto 22px}.payment-success-amount{padding:17px;background:#f7f9fc;border-radius:13px;margin-bottom:15px}.payment-success-amount small,.payment-success-amount strong{display:block}.payment-success-amount small{font-size:.68rem;color:#8491a1}.payment-success-amount strong{font-size:1.55rem;margin-top:5px}.payment-success-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:18px}

/* Keep dashboard full width and use an overlay drawer on mobile, independent of AdminKit version */
.asone-sidebar-overlay{display:none}
@media(max-width:991.98px){
  .wrapper{overflow:visible}.wrapper>.main,.main{width:100%!important;min-width:0!important;margin-left:0!important}
  .sidebar{position:fixed!important;top:0!important;bottom:0!important;left:0!important;z-index:1065!important;width:min(84vw,280px)!important;min-width:min(84vw,280px)!important;max-width:280px!important;margin-left:0!important;transform:translateX(-105%)!important;transition:transform .22s ease!important;box-shadow:18px 0 42px rgba(17,29,45,.18)}
  .sidebar.mobile-open{transform:translateX(0)!important;margin-left:0!important}
  .sidebar .sidebar-content{height:100dvh;overflow-y:auto;overscroll-behavior:contain}
  .asone-sidebar-overlay{position:fixed;inset:0;z-index:1060;background:rgba(14,25,39,.48);backdrop-filter:blur(1px)}
  .asone-sidebar-overlay.show{display:block}
  body.asone-sidebar-open{overflow:hidden}
  .navbar.navbar-bg{position:sticky;top:0;z-index:1040;min-height:60px;border-bottom:1px solid #e7ebf1;box-shadow:0 3px 15px rgba(31,45,61,.04)}
  .navbar .navbar-nav.navbar-align{margin-left:auto!important}.navbar .nav-item>.badge{margin-right:.35rem!important}.navbar .dropdown-toggle .avatar{width:34px;height:34px}.navbar .dropdown-toggle .text-dark{display:none!important}
  .content{padding:1rem .9rem 1.3rem!important}.footer{padding-left:.9rem;padding-right:.9rem}
  .page-title-row,.page-head{gap:.75rem}.dashboard-actions{width:100%}.dashboard-actions .btn{flex:1 1 auto}
}
@media(max-width:767.98px){
  .dashboard-desktop-table{display:none!important}.dashboard-mobile-list{display:block}.metric-card .card-body{padding:.95rem}.metric-card .metric-label{font-size:.72rem}.metric-card .metric-value{font-size:1.05rem;line-height:1.2}.metric-card .metric-icon{width:36px;height:36px}.metric-card .metric-icon svg{width:17px}
  .card-header.d-flex{gap:10px}.card-header.d-flex>a{font-size:.75rem;white-space:nowrap}
  .quick-link{min-height:108px;white-space:normal!important}.quick-link small{font-size:.67rem;line-height:1.35}.quick-link svg{width:19px}
  .table{min-width:650px}.page-title-row .dashboard-actions .btn,.page-head .dashboard-actions .btn{width:auto}
  .payment-layout{grid-template-columns:1fr}.payment-summary-card{position:static}.payment-summary-card .payment-order-copy{padding-bottom:16px}.payment-summary-card .payment-security-note{display:none}.payment-summary-card .payment-detail-list>div:first-child{display:none}
  .payment-main{padding:20px 0 30px}.payment-checkout-card{padding:20px}.payment-summary-card{padding:18px}.payment-order-copy h1{font-size:1.08rem}.payment-order-copy p{display:none}.payment-detail-list dd.strong{font-size:.9rem}.checkout-heading h2{font-size:1.2rem}.bank-selector{grid-template-columns:1fr 1fr}.va-card{align-items:stretch;flex-direction:column}.va-card .btn{justify-content:center;width:100%}.payment-success-card,.payment-empty-card{padding:28px 20px}.payment-success-actions{grid-template-columns:1fr}
}
@media(max-width:575.98px){
  .content{padding:.72rem!important}.page-title-row,.page-head{margin-bottom:.9rem}.page-title-row p,.page-head p{font-size:.75rem}.dashboard-actions{display:grid;grid-template-columns:1fr 1fr}.dashboard-actions .btn{font-size:.75rem;padding:.5rem}.metric-card .card-body{align-items:flex-start!important}.metric-card .metric-icon{display:none}.metric-card .metric-value{font-size:1rem}.metric-card .text-muted.small{font-size:.65rem!important;margin-top:.55rem!important}
  .payment-container{width:min(100% - 20px,1040px)}.payment-header-inner{min-height:62px}.payment-brand-mark{width:34px;height:34px}.payment-mode-badge{font-size:.58rem;padding:6px 8px}.payment-notice{font-size:.7rem}.payment-layout{gap:10px}.payment-summary-card,.payment-checkout-card{border-radius:14px}.payment-summary-card{display:grid;grid-template-columns:1fr auto;gap:8px 15px;align-items:center}.payment-summary-card .merchant-chip{grid-column:1/-1;padding-bottom:13px}.payment-summary-card .payment-order-copy{padding:8px 0}.payment-summary-card .payment-detail-list{align-self:end}.payment-summary-card .payment-detail-list>div{border:0;padding:0}.payment-summary-card .payment-detail-list dt{display:none}.payment-summary-card .payment-detail-list dd.strong{font-size:1rem}.payment-method{grid-template-columns:42px 1fr 22px;padding:13px}.method-icon{width:40px;height:40px}.method-copy small{font-size:.66rem}.checkout-total strong{font-size:1.08rem}.qris-box{width:min(260px,100%);padding:13px}.payment-amount-focus strong{font-size:1.35rem}.payment-footer>.payment-container{justify-content:center}.payment-footer a{display:none}.payment-success-card h1,.payment-empty-card h1{font-size:1.35rem}.public-hero-actions{grid-template-columns:1fr}.public-hero-actions .btn-demo-payment{order:2}
}
.mobile-navbar-title{display:none;font-size:.82rem;font-weight:800;color:#263548;margin-left:.35rem;white-space:nowrap}
@media(max-width:991.98px){.mobile-navbar-title{display:inline-block}.navbar .navbar-collapse{display:flex!important;flex-basis:auto}.navbar .navbar-align{flex-direction:row}.sidebar-toggle{margin-right:.1rem}}
@media(max-width:575.98px){.navbar .nav-item>.badge.bg-light{display:none}.navbar .nav-item>.badge.bg-primary{font-size:.62rem}.mobile-navbar-title{font-size:.76rem}}

/* ========================================================================== 
   Phase 4.1 - UX refinement: dashboard, public landing and payment checkout
   ========================================================================== */
body{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#263548}
.sidebar{font-size:.84rem}.sidebar-brand{padding:1.25rem 1.25rem 1rem}.sidebar-header{font-size:.62rem!important;letter-spacing:.085em;text-transform:uppercase;color:#8b98a8!important;padding-top:1.15rem!important;padding-bottom:.42rem!important}.sidebar-link{padding:.62rem 1.25rem!important;display:flex!important;align-items:center!important;gap:.68rem}.sidebar-link span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-link svg{flex:0 0 auto}.sidebar-cta{margin:1rem}.navbar.navbar-bg{min-height:64px}.navbar .badge{font-size:.68rem}.content{padding:1.4rem 1.5rem 2rem}.footer{font-size:.75rem}

/* Dashboard v5 */
.dashboard-page-v5{max-width:1480px;margin:0 auto}.dashboard-page-head{margin-bottom:1.25rem;align-items:center}.dashboard-page-head .page-kicker{display:block;font-size:.68rem;text-transform:uppercase;letter-spacing:.09em;color:#3b7ddd;font-weight:800;margin-bottom:.35rem}.dashboard-page-head h1{font-size:1.65rem;line-height:1.15;margin:0;color:#1d2a3b;font-weight:800;letter-spacing:-.025em}.dashboard-page-head p{font-size:.83rem;margin:.35rem 0 0;color:#7a8798}.dashboard-actions .btn{gap:.45rem;padding:.62rem .85rem;font-size:.78rem;white-space:nowrap}.dashboard-actions .btn svg{width:16px;height:16px}
.dashboard-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:14px}.dashboard-metric{background:#fff;border:1px solid #e4e9f0;border-radius:15px;padding:18px 19px;min-width:0;box-shadow:0 6px 20px rgba(31,45,61,.035)}.dashboard-metric-top{display:flex;align-items:center;gap:9px;margin-bottom:14px}.metric-icon-v5{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;flex:0 0 auto}.metric-icon-v5 svg{width:16px;height:16px}.metric-icon-v5.primary{background:#eaf3ff;color:#3478d0}.metric-icon-v5.info{background:#e9f8fb;color:#188ba5}.metric-icon-v5.success{background:#eaf8f1;color:#27966a}.metric-icon-v5.warning{background:#fff6e6;color:#bc8120}.metric-label-v5{font-size:.73rem;color:#748194;font-weight:700;min-width:0}.dashboard-metric>strong{display:block;font-size:1.28rem;line-height:1.2;color:#1d2a3b;letter-spacing:-.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dashboard-metric>small{display:block;color:#8a96a5;font-size:.68rem;line-height:1.45;margin-top:8px}
.dashboard-grid-primary{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(280px,.65fr);gap:14px;margin-bottom:14px}.dashboard-grid-secondary{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}.dashboard-card-v5{background:#fff;border:1px solid #e4e9f0;border-radius:15px;overflow:hidden;box-shadow:0 6px 20px rgba(31,45,61,.035);min-width:0}.dashboard-card-v5>header{min-height:70px;padding:15px 18px;display:flex;align-items:center;justify-content:space-between;gap:14px;border-bottom:1px solid #edf0f4}.dashboard-card-v5>header h2{font-size:.95rem;margin:0;color:#243246;font-weight:800}.dashboard-card-v5>header p{font-size:.69rem;color:#8a96a5;margin:4px 0 0}.dashboard-card-v5>header>a{display:inline-flex;align-items:center;gap:5px;font-size:.72rem;font-weight:700;text-decoration:none;white-space:nowrap}.dashboard-card-v5>header>a svg{width:14px;height:14px}
.dashboard-table-v5{width:100%;border-collapse:collapse}.dashboard-table-v5 th{padding:11px 17px;background:#f9fafc;border-bottom:1px solid #edf0f4;color:#8a96a5;font-size:.62rem;text-transform:uppercase;letter-spacing:.065em;white-space:nowrap}.dashboard-table-v5 td{padding:13px 17px;border-bottom:1px solid #f0f2f5;font-size:.74rem;color:#526174;vertical-align:middle}.dashboard-table-v5 tr:last-child td{border-bottom:0}.dashboard-table-v5 td>strong{display:block;color:#273548;font-size:.77rem}.dashboard-table-v5 td>small{display:block;color:#9aa4b1;font-size:.64rem;margin-top:3px}.dashboard-table-v5 .amount-cell{font-weight:800;color:#273548;white-space:nowrap}.channel-chip{display:inline-flex;padding:4px 7px;border-radius:6px;background:#eff4fa;color:#556579;font-size:.6rem;line-height:1;font-weight:800;letter-spacing:.035em}.status-pill{display:inline-flex;align-items:center;justify-content:center;padding:5px 8px;border-radius:999px;font-size:.62rem;font-weight:800;line-height:1;white-space:nowrap}.status-pill.success{background:#e8f8f0;color:#20875c}.status-pill.pending{background:#fff5df;color:#9b6b15}.status-pill.neutral{background:#eef1f5;color:#657386}.status-pill.danger{background:#ffebee;color:#b44050}
.operation-list{padding:4px 18px}.operation-list>a{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:14px 0;border-bottom:1px solid #eef1f4;color:#536174;text-decoration:none}.operation-list>a:last-child{border-bottom:0}.operation-list span{display:flex;align-items:center;gap:8px;font-size:.72rem}.operation-list span svg{width:15px;height:15px;color:#7c8b9d}.operation-list strong{font-size:.75rem;color:#263548;text-align:right;white-space:nowrap}.dashboard-card-button{display:flex;margin:6px 18px 16px;padding:10px 12px;border-radius:9px;background:#f2f6fb;align-items:center;justify-content:center;gap:7px;font-size:.72rem;font-weight:800;text-decoration:none}.dashboard-card-button svg{width:14px}
.integration-card>header{min-height:auto}.integration-grid{display:grid;grid-template-columns:repeat(4,1fr);padding:14px;gap:10px}.integration-grid>a{display:grid;grid-template-columns:36px 1fr 16px;align-items:center;gap:10px;padding:13px;border:1px solid #e8ecf2;border-radius:11px;text-decoration:none;color:#273548;min-width:0}.integration-grid>a:hover{border-color:#b9d2f1;background:#fbfdff}.integration-grid>a>span{width:34px;height:34px;border-radius:9px;background:#eef5ff;color:#3779ce;display:grid;place-items:center}.integration-grid>a>span svg{width:16px}.integration-grid>a>div{min-width:0}.integration-grid strong,.integration-grid small{display:block}.integration-grid strong{font-size:.75rem}.integration-grid small{font-size:.62rem;color:#8a96a5;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.integration-grid>a>svg{width:14px;color:#9aa5b2}
.provider-list-v5,.risk-list-v5,.merchant-list-v5{padding:4px 18px}.provider-list-v5 article,.risk-list-v5 article,.merchant-list-v5 article{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 0;border-bottom:1px solid #eef1f4}.provider-list-v5 article:last-child,.risk-list-v5 article:last-child,.merchant-list-v5 article:last-child{border-bottom:0}.provider-ident{display:flex;align-items:center;gap:10px;min-width:0}.provider-ident strong,.provider-ident small,.risk-list-v5 strong,.risk-list-v5 small,.merchant-list-v5 strong,.merchant-list-v5 small{display:block}.provider-ident strong,.risk-list-v5 strong,.merchant-list-v5 strong{font-size:.74rem;color:#273548}.provider-ident small,.risk-list-v5 small,.merchant-list-v5 small{font-size:.63rem;color:#919cab;margin-top:3px}.provider-dot{width:9px;height:9px;border-radius:50%;background:#d0d6dd;flex:0 0 auto}.provider-dot.healthy{background:#2bb37a}.provider-dot.warning{background:#e2a83c}.provider-dot.down{background:#db5868}.provider-rate{text-align:right}.provider-rate small,.provider-rate strong{display:block}.provider-rate small{font-size:.59rem;color:#9aa5b2}.provider-rate strong{font-size:.75rem;margin-top:2px}.risk-list-v5 article>div,.merchant-list-v5 article>div{min-width:0}.empty-state.compact{padding:24px 12px;display:flex;flex-direction:column;align-items:center}.empty-state.compact .empty-icon{width:36px;height:36px;border-radius:50%;background:#e9f8f1;color:#2c9b6c;display:grid;place-items:center;margin-bottom:8px}.empty-state.compact .empty-icon svg{width:17px}.empty-state.compact strong{font-size:.74rem;color:#37475b}.empty-state.compact small{font-size:.64rem;max-width:280px;margin-top:4px}.merchant-mini-avatar{width:34px;height:34px;border-radius:9px;background:#eef5ff;color:#3478d0;display:grid;place-items:center;font-size:.72rem;font-weight:900;flex:0 0 auto}.merchant-list-v5 article{justify-content:flex-start}.merchant-list-v5 article>.status-pill{margin-left:auto}.admin-quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:14px}.admin-quick-grid>a{display:grid;grid-template-columns:34px 1fr 15px;align-items:center;gap:9px;padding:14px;border:1px solid #e7ecf2;border-radius:11px;color:#344357;text-decoration:none}.admin-quick-grid>a>span{width:34px;height:34px;border-radius:9px;background:#eef5ff;color:#3779ce;display:grid;place-items:center}.admin-quick-grid>a>span svg{width:16px}.admin-quick-grid strong{font-size:.72rem}.admin-quick-grid>a>svg{width:14px;color:#9aa5b2}
.dashboard-mobile-list{display:none}.mobile-transaction-card{padding:13px 15px;border-bottom:1px solid #eef1f4}.mobile-transaction-card:last-child{border-bottom:0}.mobile-transaction-main{display:flex;justify-content:space-between;gap:12px}.mobile-transaction-main>div{display:flex;flex-direction:column;align-items:flex-start;min-width:0}.mobile-transaction-main>div:last-child{align-items:flex-end;text-align:right;flex:0 0 auto}.mobile-transaction-main strong{font-size:.76rem;color:#273548;margin-top:6px}.mobile-transaction-main small{font-size:.63rem;color:#929eac;margin-top:3px}.mobile-transaction-main .status-pill{margin-top:7px}

/* Public landing v5 */
.public-v5 .public-hero-v5{padding:88px 0 78px;background:radial-gradient(circle at 92% 10%,rgba(59,125,221,.15),transparent 30%),linear-gradient(180deg,#fbfdff 0%,#fff 100%)}.public-v5 .public-hero-grid{grid-template-columns:minmax(0,1.05fr) minmax(390px,.85fr);gap:72px}.public-v5 .public-hero h1{font-size:clamp(2.75rem,5vw,4.45rem);max-width:760px}.public-v5 .public-hero-copy>p{max-width:720px}.public-v5 .public-hero-actions{align-items:center}.public-v5 .public-hero-actions .btn{display:inline-flex;align-items:center;gap:8px}.public-v5 .public-hero-actions .btn svg{width:18px}.hero-doc-link{text-decoration:none!important;font-size:.88rem!important;color:#527099!important}.hero-doc-link svg{width:15px!important}.hero-payment-preview{background:#172436;border-radius:24px;box-shadow:0 32px 72px rgba(23,36,54,.24);padding:10px;color:#fff;transform:rotate(1deg)}.preview-browser-bar{height:38px;display:flex;align-items:center;gap:6px;padding:0 8px}.preview-browser-bar>span{width:7px;height:7px;border-radius:50%;background:#687587}.preview-browser-bar>span:first-child{background:#e36b72}.preview-browser-bar>span:nth-child(2){background:#e4b85e}.preview-browser-bar>span:nth-child(3){background:#62bf8c}.preview-browser-bar small{margin-left:auto;margin-right:auto;color:#8796a9;font-size:.62rem}.mini-checkout{background:#fff;color:#263548;border-radius:17px;padding:22px;transform:rotate(-1deg)}.mini-merchant{display:flex;gap:10px;align-items:center;border-bottom:1px solid #edf0f4;padding-bottom:16px}.mini-merchant>span{width:36px;height:36px;border-radius:10px;background:#edf4ff;color:#3478d0;display:grid;place-items:center;font-weight:900}.mini-merchant small,.mini-merchant strong{display:block}.mini-merchant small{font-size:.61rem;color:#8b97a6}.mini-merchant strong{font-size:.77rem;margin-top:2px}.mini-order{padding:20px 0 14px}.mini-order span,.mini-order strong,.mini-order small{display:block}.mini-order span{font-size:.67rem;color:#7f8b9a}.mini-order strong{font-size:1.65rem;color:#1d2a3b;margin-top:4px}.mini-order small{font-size:.62rem;color:#9aa5b2;margin-top:4px}.mini-method{display:grid;grid-template-columns:40px 1fr 16px;gap:10px;align-items:center;border:1px solid #e7ebf1;border-radius:11px;padding:11px;margin-top:8px}.mini-method .method-logo{width:38px;height:38px}.mini-method strong,.mini-method small{display:block}.mini-method strong{font-size:.75rem}.mini-method small{font-size:.61rem;color:#8c97a5;margin-top:2px}.mini-method>svg{width:15px;color:#9ba6b3}.mini-checkout>a{display:flex;justify-content:center;align-items:center;gap:6px;background:#3b7ddd;color:#fff;border-radius:10px;padding:11px;margin-top:13px;font-size:.7rem;font-weight:800;text-decoration:none}.mini-checkout>a svg{width:14px}.public-proof-v5 .proof-grid strong{font-size:1rem}.public-proof-v5 .proof-grid span{display:block;margin-top:5px}.solution-grid-v5 .solution-card{padding:27px}.experience-grid{display:grid;grid-template-columns:1fr .85fr;gap:80px;align-items:center}.experience-points{display:grid;gap:15px;margin:28px 0}.experience-points>div{display:flex;gap:13px;align-items:flex-start}.experience-points>div>svg{width:20px;color:#3b7ddd;flex:0 0 auto;margin-top:2px}.experience-points strong,.experience-points small{display:block}.experience-points strong{font-size:.85rem}.experience-points small{font-size:.76rem;color:#7b8899;line-height:1.55;margin-top:4px}.experience-grid .btn{display:inline-flex;align-items:center;gap:8px}.experience-grid .btn svg{width:17px}.experience-flow{background:#fff;border:1px solid #dfe6ef;border-radius:19px;padding:24px;box-shadow:0 18px 44px rgba(31,45,61,.07)}.experience-flow-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:17px;border-bottom:1px solid #edf0f4}.experience-flow-head span{font-size:.7rem;color:#8290a1}.experience-flow-head strong{font-size:1.15rem}.flow-step{display:grid;grid-template-columns:34px 1fr 20px;gap:11px;align-items:center;padding:16px 0;border-bottom:1px solid #eef1f4;color:#7f8b9a}.flow-step>b{width:32px;height:32px;border-radius:50%;background:#f0f3f7;color:#7a8797;display:grid;place-items:center;font-size:.68rem}.flow-step strong,.flow-step small{display:block}.flow-step strong{font-size:.78rem}.flow-step small{font-size:.65rem;margin-top:3px}.flow-step>svg{width:17px}.flow-step.active{color:#263548}.flow-step.active>b{background:#eaf3ff;color:#3478d0}.flow-step.active>svg{color:#3b7ddd}.flow-note{display:flex;gap:8px;padding:13px;margin-top:16px;border-radius:10px;background:#eef6ff;color:#496b91;font-size:.67rem;line-height:1.45}.flow-note svg{width:15px;flex:0 0 auto}.developer-v5{display:grid;grid-template-columns:1fr .9fr;gap:65px;align-items:center}.developer-badges{display:flex;gap:8px;flex-wrap:wrap;margin:22px 0}.developer-badges span{display:inline-flex;align-items:center;gap:6px;padding:7px 9px;border:1px solid #e0e7ef;border-radius:999px;background:#fff;color:#59687a;font-size:.66rem;font-weight:700}.developer-badges svg{width:13px}.code-preview-v5{background:#172436;color:#dfe8f4;border-radius:18px;overflow:hidden;box-shadow:0 20px 55px rgba(23,36,54,.17)}.code-preview-head,.code-response{display:flex;align-items:center;gap:10px;padding:14px 17px;background:rgba(255,255,255,.045);font-size:.7rem}.code-preview-head span{color:#66dca6;font-weight:800}.code-preview-head code,.code-response code{color:#b8c5d5}.code-preview-v5 pre{padding:22px;margin:0;color:#e0e8f2;font-size:.78rem;line-height:1.7;overflow:auto}.code-response{border-top:1px solid rgba(255,255,255,.07)}.code-response span{color:#62d49d;font-weight:800}.cta-card-v5 .btn{display:inline-flex;align-items:center;gap:8px}.cta-card-v5 .btn svg{width:17px}

/* Payment checkout v5 */
.payment-v5{background:#f3f6fa}.payment-v5 .payment-container{width:min(1000px,calc(100% - 36px))}.payment-v5 .payment-header{position:sticky;top:0;z-index:30;box-shadow:0 2px 12px rgba(31,45,61,.025)}.payment-header-trust{display:flex;align-items:center;gap:7px;color:#8290a1;font-size:.68rem}.payment-header-trust>svg{width:14px}.payment-header-trust .payment-mode-badge{margin-left:7px}.payment-narrow{max-width:620px}.demo-topline{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:11px 14px;margin-bottom:14px;background:#eaf4ff;border:1px solid #d7e8fb;border-radius:12px;color:#3a648f}.demo-topline>div{display:flex;align-items:center;gap:10px}.demo-topline svg{width:18px;flex:0 0 auto}.demo-topline span strong,.demo-topline span small{display:block}.demo-topline strong{font-size:.73rem}.demo-topline small{font-size:.63rem;margin-top:2px;color:#6480a0}.demo-topline>a{font-size:.66rem;font-weight:800;text-decoration:none;white-space:nowrap}.demo-stepper{display:flex;align-items:center;justify-content:center;gap:9px;margin:0 auto 16px;max-width:560px}.demo-stepper>span{display:flex;align-items:center;gap:5px;color:#8c98a7;font-size:.63rem;font-weight:800;white-space:nowrap}.demo-stepper>span::first-letter{font-weight:900}.demo-stepper>span small{font-size:.62rem;font-weight:700}.demo-stepper>span.active{color:#3478d0}.demo-stepper>span.done{color:#25895e}.demo-stepper>i{height:1px;background:#dce3eb;flex:1;max-width:48px}.demo-stepper>i.done{background:#86b8f2}.payment-layout-v5{display:grid;grid-template-columns:330px minmax(0,1fr);gap:16px;align-items:start}.payment-order-card,.payment-checkout-v5{background:#fff;border:1px solid #e0e6ed;border-radius:17px;box-shadow:0 10px 30px rgba(31,45,61,.05)}.payment-order-card{padding:22px;position:sticky;top:88px}.merchant-identity{display:flex;align-items:center;gap:11px;padding-bottom:18px;border-bottom:1px solid #edf0f4}.merchant-avatar{width:40px;height:40px;border-radius:11px;background:#eaf3ff;color:#3478d0;display:grid;place-items:center;font-size:.8rem;font-weight:900}.merchant-identity small,.merchant-identity strong{display:block}.merchant-identity small{font-size:.64rem;color:#8c98a7}.merchant-identity strong{font-size:.79rem;margin-top:3px}.order-title{padding:20px 0}.order-title>span{font-size:.63rem;text-transform:uppercase;letter-spacing:.07em;color:#8996a5;font-weight:800}.order-title h1{font-size:1.05rem;margin:6px 0 7px;color:#243246;line-height:1.35}.order-title p{font-size:.69rem;color:#7f8c9c;line-height:1.55;margin:0}.order-lines{border-top:1px solid #edf0f4}.order-lines>div{display:flex;justify-content:space-between;gap:12px;padding:11px 0;font-size:.68rem}.order-lines span{color:#8b97a6}.order-lines strong{color:#435266;text-align:right;font-size:.69rem;word-break:break-word}.order-lines .order-total{border-top:1px solid #edf0f4;padding-top:15px}.order-lines .order-total span{font-weight:700;color:#536174}.order-lines .order-total strong{font-size:1.12rem;color:#1e2b3c}.order-security{display:flex;gap:9px;background:#f6f9fc;border-radius:10px;padding:11px;margin-top:10px}.order-security>svg{width:16px;color:#3b7ddd;flex:0 0 auto}.order-security strong,.order-security small{display:block}.order-security strong{font-size:.67rem}.order-security small{font-size:.61rem;color:#8491a1;line-height:1.45;margin-top:2px}.payment-checkout-v5{padding:26px}.checkout-heading-v5{margin-bottom:21px}.checkout-heading-v5>span,.checkout-heading-v5>div>span{display:block;font-size:.62rem;text-transform:uppercase;letter-spacing:.075em;color:#3b7ddd;font-weight:800}.checkout-heading-v5 h2{font-size:1.32rem;color:#1d2a3b;margin:5px 0 7px;line-height:1.25;letter-spacing:-.015em}.checkout-heading-v5 p{font-size:.73rem;color:#7c8999;line-height:1.55;margin:0;max-width:560px}.checkout-heading-v5.with-back{display:flex;gap:11px}.payment-back{width:36px;height:36px;border-radius:9px;background:#f1f4f8;color:#59687a;display:grid;place-items:center;flex:0 0 auto}.payment-back svg{width:16px}.payment-method-list-v5{display:grid;gap:10px}.payment-method-v5{display:grid;grid-template-columns:46px minmax(0,1fr) 20px;align-items:center;gap:12px;padding:15px;border:1px solid #dfe6ee;border-radius:13px;text-decoration:none;color:#273548;transition:.18s ease}.payment-method-v5:hover{border-color:#93bdec;background:#fbfdff;transform:translateY(-1px);color:#273548;box-shadow:0 7px 18px rgba(59,125,221,.06)}.method-logo{width:44px;height:44px;border-radius:11px;display:grid;place-items:center;font-size:.7rem;font-weight:900}.qris-logo{background:#172436;color:#fff}.va-logo{background:#edf4ff;color:#3478d0}.payment-method-v5 .method-copy strong,.payment-method-v5 .method-copy small,.payment-method-v5 .method-copy em{display:block}.payment-method-v5 .method-copy strong{font-size:.82rem}.payment-method-v5 .method-copy small{font-size:.67rem;color:#7b8898;line-height:1.45;margin-top:3px}.payment-method-v5 .method-copy em{font-size:.6rem;color:#3b7ddd;font-style:normal;font-weight:700;margin-top:6px}.method-chevron svg{width:16px;color:#9aa5b2}.checkout-total-v5{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:17px;padding:15px 2px 0;border-top:1px solid #edf0f4}.checkout-total-v5 span{font-size:.69rem;color:#7e8a9a}.checkout-total-v5 strong{font-size:1.18rem;color:#1d2a3b}.payment-status-strip{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:11px 13px;border-radius:10px;background:#fff7e5;color:#7d5c1b;margin-bottom:15px}.payment-status-strip span{display:flex;align-items:center;gap:7px;font-size:.68rem;font-weight:700}.payment-status-strip svg{width:15px}.payment-status-strip strong{font-size:.82rem;font-variant-numeric:tabular-nums}.qris-stage{display:grid;grid-template-columns:minmax(210px,255px) 1fr;gap:22px;align-items:center;padding:18px;border:1px solid #e4e9f0;border-radius:14px;background:#fbfcfe}.qris-code-wrap{background:#fff;border:1px solid #dfe6ed;border-radius:13px;padding:12px;position:relative}.qris-code-wrap img{display:block;width:100%;height:auto}.demo-watermark{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-10deg);font-size:.82rem;font-weight:900;letter-spacing:.12em;color:rgba(196,56,72,.78);border:2px solid rgba(196,56,72,.62);border-radius:6px;background:rgba(255,255,255,.83);padding:5px 8px}.qris-meta span,.qris-meta strong,.qris-meta small{display:block}.qris-meta span{font-size:.66rem;color:#8692a1}.qris-meta strong{font-size:1.45rem;color:#1d2a3b;margin-top:5px}.qris-meta small{font-size:.62rem;color:#929eac;margin-top:6px}.pay-instruction{border:1px solid #e5eaf0;border-radius:11px;margin-top:14px;overflow:hidden}.pay-instruction summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;cursor:pointer;font-size:.7rem;font-weight:800}.pay-instruction summary::-webkit-details-marker{display:none}.pay-instruction summary>span{display:flex;align-items:center;gap:7px}.pay-instruction summary svg{width:15px}.pay-instruction ol{margin:0;padding:0 18px 14px 35px;color:#69778a;font-size:.68rem;line-height:1.7}.bank-selector-v5{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:13px}.bank-option-v5{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:3px;min-height:54px;border:1px solid #e0e6ed;border-radius:10px;color:#657386;text-decoration:none;background:#fff}.bank-option-v5 span{font-size:.56rem;color:#96a1af}.bank-option-v5 strong{font-size:.7rem}.bank-option-v5.active{border-color:#6ca4e6;background:#eef5ff;color:#2d70c6;box-shadow:0 0 0 2px rgba(59,125,221,.07)}.va-number-card{display:flex;align-items:center;justify-content:space-between;gap:15px;border:1px solid #dfe6ee;border-radius:13px;background:#fafcff;padding:17px}.va-number-label{display:flex;align-items:center;gap:11px;min-width:0}.bank-avatar{width:42px;height:42px;border-radius:10px;background:#172436;color:#fff;display:grid;place-items:center;font-size:.65rem;font-weight:900;flex:0 0 auto}.va-number-label small,.va-number-label strong{display:block}.va-number-label small{font-size:.63rem;color:#8794a3}.va-number-label strong{font-size:1.05rem;letter-spacing:.035em;color:#1d2a3b;margin-top:3px;word-break:break-all}.copy-va-button{display:inline-flex;align-items:center;gap:5px;border:1px solid #bad2ef;background:#eef5ff;color:#2e71c8;border-radius:9px;padding:8px 10px;font-size:.65rem;font-weight:800;flex:0 0 auto}.copy-va-button svg{width:14px}.va-payment-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:11px}.va-payment-grid>div{padding:13px;border-radius:10px;background:#f7f9fc}.va-payment-grid span,.va-payment-grid strong,.va-payment-grid small{display:block}.va-payment-grid span{font-size:.61rem;color:#8b97a6}.va-payment-grid strong{font-size:.95rem;color:#273548;margin-top:4px}.va-payment-grid small{font-size:.59rem;color:#9aa5b2;margin-top:3px}.demo-control-panel{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:18px;padding:13px;border:1px dashed #9bc0eb;border-radius:11px;background:#f3f8ff}.demo-control-panel>div{display:flex;align-items:center;gap:9px;min-width:0}.demo-control-icon{width:31px;height:31px;border-radius:9px;background:#dbeaff;color:#3478d0;display:grid;place-items:center;flex:0 0 auto}.demo-control-icon svg{width:14px}.demo-control-panel strong,.demo-control-panel small{display:block}.demo-control-panel strong{font-size:.68rem;color:#37618e}.demo-control-panel small{font-size:.59rem;color:#708aa6;line-height:1.4;margin-top:2px}.demo-control-panel .btn{font-size:.65rem;padding:.56rem .7rem;white-space:nowrap}.payment-result-card{background:#fff;border:1px solid #e0e6ed;border-radius:18px;box-shadow:0 14px 38px rgba(31,45,61,.06);padding:38px;text-align:center;margin-top:18px}.result-kicker{display:block;font-size:.64rem;text-transform:uppercase;letter-spacing:.08em;font-weight:800}.result-kicker.success{color:#268f62}.result-kicker.error{color:#b94858}.payment-result-card h1{font-size:1.55rem;line-height:1.3;color:#1d2a3b;margin:8px auto 10px;max-width:480px}.payment-result-card>p{font-size:.75rem;line-height:1.65;color:#7e8b9b;max-width:470px;margin:0 auto 20px}.receipt-amount{background:#f7f9fc;border-radius:12px;padding:16px;margin-bottom:12px}.receipt-amount span,.receipt-amount strong{display:block}.receipt-amount span{font-size:.64rem;color:#8693a3}.receipt-amount strong{font-size:1.55rem;color:#1d2a3b;margin-top:4px}.receipt-grid{display:grid;grid-template-columns:1fr 1fr;text-align:left;border:1px solid #e7ebf1;border-radius:12px;overflow:hidden}.receipt-grid>div{padding:12px 14px;border-bottom:1px solid #edf0f4}.receipt-grid>div:nth-child(odd){border-right:1px solid #edf0f4}.receipt-grid>div:nth-last-child(-n+2){border-bottom:0}.receipt-grid small,.receipt-grid strong{display:block}.receipt-grid small{font-size:.6rem;color:#8c98a7}.receipt-grid strong{font-size:.69rem;color:#37465a;margin-top:3px}.payment-result-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:16px}.payment-result-actions .btn{font-size:.72rem}.payment-v5 .payment-footer>.payment-container{min-height:54px}.payment-v5 .payment-footer span:last-child{color:#a0aab6}

@media(max-width:1199.98px){.dashboard-grid-primary{grid-template-columns:minmax(0,1.45fr) minmax(260px,.75fr)}.integration-grid{grid-template-columns:1fr 1fr}.public-v5 .public-hero-grid{gap:45px}.experience-grid,.developer-v5{gap:45px}}
@media(max-width:991.98px){.content{padding:1rem!important}.dashboard-metrics{grid-template-columns:1fr 1fr}.dashboard-grid-primary,.dashboard-grid-secondary{grid-template-columns:1fr}.integration-grid{grid-template-columns:repeat(4,1fr)}.sidebar-cta{display:none}.public-v5 .public-hero-grid,.experience-grid,.developer-v5{grid-template-columns:1fr}.hero-payment-preview{max-width:620px;margin:0 auto;width:100%;transform:none}.mini-checkout{transform:none}.experience-flow,.code-preview-v5{max-width:650px;width:100%}.payment-layout-v5{grid-template-columns:280px minmax(0,1fr)}.qris-stage{grid-template-columns:220px 1fr}}
@media(max-width:767.98px){.dashboard-page-head{align-items:flex-start}.dashboard-page-head h1{font-size:1.35rem}.dashboard-page-head p{font-size:.74rem}.dashboard-actions{width:100%;display:grid;grid-template-columns:1fr 1fr}.dashboard-actions .btn{width:100%;font-size:.7rem}.dashboard-metrics{gap:9px;margin-bottom:9px}.dashboard-metric{padding:14px}.dashboard-metric-top{margin-bottom:9px}.metric-icon-v5{width:30px;height:30px}.dashboard-metric>strong{font-size:1.03rem}.dashboard-metric>small{font-size:.59rem;margin-top:6px}.dashboard-grid-primary,.dashboard-grid-secondary{gap:9px;margin-bottom:9px}.dashboard-card-v5{border-radius:12px}.dashboard-card-v5>header{min-height:62px;padding:13px 14px}.dashboard-card-v5>header h2{font-size:.84rem}.dashboard-card-v5>header p{font-size:.62rem}.dashboard-card-v5>header>a{font-size:.64rem}.dashboard-desktop-table{display:none!important}.dashboard-mobile-list{display:block}.operation-list{padding:3px 14px}.operation-list>a{padding:12px 0}.integration-grid{grid-template-columns:1fr 1fr;padding:10px;gap:8px}.integration-grid>a{grid-template-columns:31px 1fr;padding:11px}.integration-grid>a>span{width:31px;height:31px}.integration-grid>a>svg{display:none}.integration-grid small{white-space:normal}.provider-list-v5,.risk-list-v5,.merchant-list-v5{padding:3px 14px}.admin-quick-grid{padding:10px}.public-v5 .public-hero-v5{padding:54px 0}.public-v5 .public-hero h1{font-size:2.55rem}.public-v5 .public-hero-actions{display:grid;grid-template-columns:1fr 1fr}.public-v5 .public-hero-actions .btn:first-child{grid-column:1/-1}.public-v5 .hero-doc-link{grid-column:1/-1;justify-content:center}.public-v5 .hero-trust{grid-template-columns:1fr 1fr 1fr}.public-proof-v5 .proof-grid strong{font-size:.83rem}.experience-grid,.developer-v5{gap:30px}.payment-v5 .payment-container{width:min(100% - 22px,1000px)}.payment-main{padding:18px 0 28px}.payment-layout-v5{grid-template-columns:1fr;gap:9px}.payment-order-card{position:static;padding:16px}.order-title{padding:14px 0}.order-title p{display:none}.order-security{display:none}.payment-checkout-v5{padding:18px}.qris-stage{grid-template-columns:1fr}.qris-code-wrap{width:min(260px,100%);margin:0 auto}.qris-meta{text-align:center}.demo-control-panel{align-items:stretch;flex-direction:column}.demo-control-panel .btn{width:100%}.demo-stepper{margin-bottom:11px}.payment-result-card{padding:28px 20px}.payment-header-trust>span{display:none}}
@media(max-width:575.98px){.navbar.navbar-bg{min-height:56px}.mobile-navbar-title{font-size:.72rem}.content{padding:.7rem!important}.dashboard-page-head{margin-bottom:.75rem}.dashboard-page-head .page-kicker{font-size:.58rem}.dashboard-page-head h1{font-size:1.22rem}.dashboard-page-head p{line-height:1.45}.dashboard-actions .btn{min-height:38px;padding:.5rem .55rem}.dashboard-metrics{grid-template-columns:1fr 1fr}.dashboard-metric{min-height:108px}.dashboard-metric-top{align-items:flex-start}.metric-label-v5{font-size:.64rem}.dashboard-metric>strong{font-size:.9rem;white-space:normal}.dashboard-metric>small{line-height:1.35}.dashboard-card-v5>header{align-items:flex-start}.dashboard-card-v5>header>a{margin-top:2px}.mobile-transaction-main>div:first-child{max-width:58%}.mobile-transaction-main strong{font-size:.7rem}.mobile-transaction-main>div:last-child>strong{font-size:.72rem}.integration-grid{grid-template-columns:1fr 1fr}.integration-grid strong{font-size:.69rem}.integration-grid small{display:none}.admin-quick-grid{grid-template-columns:1fr 1fr}.admin-quick-grid>a{grid-template-columns:30px 1fr;padding:11px}.admin-quick-grid>a>span{width:30px;height:30px}.admin-quick-grid>a>svg{display:none}.public-v5 .public-hero h1{font-size:2.25rem}.public-v5 .public-hero-copy>p{font-size:.94rem}.public-v5 .public-hero-actions{grid-template-columns:1fr}.public-v5 .public-hero-actions .btn,.public-v5 .public-hero-actions .btn:first-child,.public-v5 .hero-doc-link{grid-column:auto}.public-v5 .hero-trust{grid-template-columns:1fr}.hero-payment-preview{padding:7px;border-radius:18px}.mini-checkout{padding:16px}.public-proof-v5 .proof-grid{grid-template-columns:1fr 1fr}.public-proof-v5 .proof-grid>div{padding:20px 10px}.public-proof-v5 .proof-grid strong{font-size:.74rem}.public-proof-v5 .proof-grid span{font-size:.63rem}.experience-flow{padding:17px}.code-preview-v5 pre{font-size:.68rem}.payment-v5 .payment-header-inner{min-height:60px}.payment-header-trust .payment-mode-badge{margin-left:0}.payment-header-trust>svg{display:none}.payment-v5 .payment-brand small{display:none}.demo-topline{align-items:flex-start}.demo-topline>a{display:none}.demo-stepper{gap:5px}.demo-stepper>span{font-size:.59rem}.demo-stepper>span small{display:none}.demo-stepper>i{max-width:none}.payment-order-card{display:block!important}.merchant-identity{padding-bottom:12px}.order-title{padding:12px 0 8px}.order-lines>div:not(.order-total){display:none}.order-lines .order-total{border-top:0;padding-top:8px}.order-lines .order-total strong{font-size:1rem}.checkout-heading-v5 h2{font-size:1.12rem}.checkout-heading-v5 p{font-size:.67rem}.payment-method-v5{grid-template-columns:40px 1fr 16px;padding:12px}.method-logo{width:38px;height:38px}.payment-method-v5 .method-copy small{font-size:.62rem}.payment-method-v5 .method-copy em{display:none}.checkout-total-v5 strong{font-size:1.02rem}.qris-stage{padding:12px}.qris-code-wrap{width:min(235px,100%)}.qris-meta strong{font-size:1.25rem}.bank-selector-v5{grid-template-columns:1fr 1fr}.va-number-card{align-items:stretch;flex-direction:column;padding:14px}.copy-va-button{justify-content:center;width:100%;min-height:38px}.va-payment-grid{grid-template-columns:1fr}.pay-instruction ol{font-size:.64rem}.receipt-grid{grid-template-columns:1fr}.receipt-grid>div,.receipt-grid>div:nth-child(odd){border-right:0;border-bottom:1px solid #edf0f4}.receipt-grid>div:last-child{border-bottom:0}.payment-result-actions{grid-template-columns:1fr}.payment-v5 .payment-footer>.payment-container{justify-content:center}.payment-v5 .payment-footer span:last-child{display:none}}

/* ========================================================================
   ASone Phase 5 UI System — clean dashboard + hosted checkout experience
   ======================================================================== */
:root{
  --p5-primary:#2563eb;
  --p5-primary-dark:#1d4ed8;
  --p5-primary-soft:#eff6ff;
  --p5-navy:#0f172a;
  --p5-text:#1e293b;
  --p5-muted:#64748b;
  --p5-subtle:#94a3b8;
  --p5-line:#e2e8f0;
  --p5-soft:#f8fafc;
  --p5-white:#ffffff;
  --p5-success:#16a34a;
  --p5-success-soft:#f0fdf4;
  --p5-warning:#d97706;
  --p5-warning-soft:#fffbeb;
  --p5-danger:#dc2626;
  --p5-danger-soft:#fef2f2;
  --p5-radius:14px;
  --p5-shadow:0 1px 2px rgba(15,23,42,.03),0 8px 28px rgba(15,23,42,.05);
}
html{font-size:16px!important;scroll-behavior:smooth}
body{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif!important;color:var(--p5-text)!important;background:var(--p5-soft)!important;font-size:14px!important;line-height:1.5!important;-webkit-font-smoothing:antialiased}
a{transition:color .18s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease}
.btn{border-radius:9px!important;font-size:.875rem!important;font-weight:650!important;min-height:40px!important;padding:.58rem .9rem!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:.42rem!important;box-shadow:none!important}
.btn svg{width:16px;height:16px}
.btn-primary{background:var(--p5-primary)!important;border-color:var(--p5-primary)!important}.btn-primary:hover{background:var(--p5-primary-dark)!important;border-color:var(--p5-primary-dark)!important}
.btn-light{background:#fff!important;color:#334155!important}
.form-control,.form-select,.input-group-text{border:1px solid #d7dee8!important;border-radius:9px!important;min-height:42px!important;font-size:.875rem!important;padding:.58rem .72rem!important;background-color:#fff!important;color:#1e293b!important}
.form-control:focus,.form-select:focus{border-color:#93b4fa!important;box-shadow:0 0 0 3px rgba(37,99,235,.09)!important}
.form-label{font-size:.82rem!important;font-weight:650!important;color:#334155!important;margin-bottom:.38rem!important}
.form-text,.text-muted{color:var(--p5-muted)!important}

/* App shell */
.app-shell{min-height:100vh!important;display:flex!important;background:var(--p5-soft)!important}
.app-sidebar{width:252px!important;min-width:252px!important;background:#101827!important;box-shadow:none!important;position:relative!important;margin-left:0!important;transition:transform .22s ease!important}
.app-sidebar .sidebar-content{background:#101827!important;display:flex!important;flex-direction:column!important;min-height:100vh!important}
.app-sidebar-brand{display:flex!important;align-items:center!important;gap:11px!important;padding:20px 20px 16px!important;text-decoration:none!important;color:#fff!important;border-bottom:1px solid rgba(255,255,255,.06)!important}
.app-sidebar-brand .brand-symbol{width:36px;height:36px;border-radius:10px;background:linear-gradient(145deg,#3b82f6,#2563eb);display:grid;place-items:center;color:#fff;font-size:1rem;font-weight:800;box-shadow:0 8px 20px rgba(37,99,235,.25)}
.app-sidebar-brand>span:last-child{display:flex;flex-direction:column;line-height:1.12}.app-sidebar-brand strong{font-size:.96rem;letter-spacing:.01em}.app-sidebar-brand small{font-size:.67rem;font-weight:500;color:#8fa0b7;margin-top:4px}
.app-sidebar .sidebar-nav{padding:10px 10px 20px!important;flex:1!important}
.app-sidebar .sidebar-header{padding:17px 10px 6px!important;margin:0!important;color:#607086!important;font-size:.61rem!important;font-weight:800!important;text-transform:uppercase!important;letter-spacing:.09em!important}
.app-sidebar .sidebar-item{margin:2px 0!important}
.app-sidebar .sidebar-link{min-height:39px!important;padding:9px 10px!important;border-radius:8px!important;display:flex!important;align-items:center!important;gap:10px!important;color:#aeb9c9!important;background:transparent!important;font-size:.78rem!important;font-weight:560!important;white-space:nowrap!important}
.app-sidebar .sidebar-link svg{width:16px!important;height:16px!important;stroke-width:1.8!important;color:#77879d!important;flex:0 0 auto!important}
.app-sidebar .sidebar-item.active>.sidebar-link,.app-sidebar .sidebar-link:hover{background:rgba(59,130,246,.12)!important;color:#fff!important}
.app-sidebar .sidebar-item.active>.sidebar-link svg,.app-sidebar .sidebar-link:hover svg{color:#67a1ff!important}
.app-sidebar-status{margin:auto 12px 14px;padding:11px 12px;border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.035);border-radius:10px;display:flex;align-items:center;gap:9px}.app-sidebar-status .status-dot{width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 3px rgba(34,197,94,.12)}.app-sidebar-status .status-dot.sandbox{background:#60a5fa;box-shadow:0 0 0 3px rgba(96,165,250,.12)}.app-sidebar-status strong,.app-sidebar-status small{display:block}.app-sidebar-status strong{font-size:.68rem;color:#dbe4f0}.app-sidebar-status small{font-size:.59rem;color:#718198;margin-top:2px}
.app-main{width:calc(100% - 252px)!important;min-width:0!important;background:var(--p5-soft)!important;margin-left:0!important;display:flex!important;flex-direction:column!important}
.app-topbar{height:64px!important;min-height:64px!important;background:#fff!important;border-bottom:1px solid var(--p5-line)!important;display:flex!important;align-items:center!important;padding:0 24px!important;position:sticky!important;top:0!important;z-index:1000!important}
.app-menu-button{display:none;width:38px;height:38px;border:1px solid var(--p5-line);border-radius:9px;background:#fff;color:#475569;align-items:center;justify-content:center;margin-right:11px;padding:0}.app-menu-button svg{width:19px;height:19px}
.app-topbar-title{display:flex;flex-direction:column;line-height:1.1}.app-topbar-title strong{font-size:.86rem;color:#172033}.app-topbar-title span{font-size:.65rem;color:#94a3b8;margin-top:4px;max-width:240px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-topbar-spacer{flex:1}
.app-env-chip{display:inline-flex;align-items:center;justify-content:center;background:#eff6ff;color:#2563eb;border:1px solid #dbeafe;border-radius:999px;padding:5px 9px;font-size:.63rem;font-weight:750;margin-right:12px}.app-env-chip.neutral{background:#f8fafc;color:#475569;border-color:#e2e8f0}
.app-user-button{display:flex;align-items:center;gap:9px;border:0;background:transparent;padding:5px 4px 5px 6px;color:#1e293b;border-radius:9px}.app-user-button:hover{background:#f8fafc}.app-avatar{width:34px;height:34px;border-radius:10px;background:#2563eb;color:#fff;display:grid;place-items:center;font-weight:750;font-size:.78rem}.app-user-copy{display:flex;flex-direction:column;align-items:flex-start;line-height:1.08}.app-user-copy strong{font-size:.72rem}.app-user-copy small{font-size:.6rem;color:#94a3b8;margin-top:4px;text-transform:capitalize}.app-user-menu .dropdown-menu{border:1px solid var(--p5-line)!important;border-radius:11px!important;box-shadow:0 16px 35px rgba(15,23,42,.10)!important;padding:7px!important;min-width:185px!important}.app-user-menu .dropdown-item{border-radius:7px!important;font-size:.78rem!important;padding:8px 9px!important;display:flex!important;align-items:center!important;gap:8px!important}.app-user-menu .dropdown-item svg{width:15px;height:15px}
.app-content{padding:26px!important;flex:1!important;min-width:0!important;background:var(--p5-soft)!important}.app-content>.container-fluid{max-width:1500px!important;margin:0 auto!important}.app-footer{display:flex;justify-content:space-between;align-items:center;padding:16px 26px;color:#94a3b8;font-size:.67rem;border-top:1px solid var(--p5-line);background:#fff}.app-flash{border-radius:10px!important;font-size:.8rem!important}

/* Generic page components */
.app-content .page-title-row,.app-content .page-head{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:18px!important;margin:0 0 20px!important}.app-content .page-title-row h1,.app-content .page-head h1,.app-content .h3{font-size:1.45rem!important;line-height:1.22!important;letter-spacing:-.025em!important;margin:0 0 6px!important;color:#0f172a!important;font-weight:750!important}.app-content .page-title-row p,.app-content .page-head p{font-size:.8rem!important;color:#64748b!important;line-height:1.55!important;margin:0!important}.app-content .card{border:1px solid var(--p5-line)!important;border-radius:12px!important;box-shadow:0 1px 2px rgba(15,23,42,.02)!important;background:#fff!important;overflow:hidden!important}.app-content .card-header{background:#fff!important;border-bottom:1px solid #edf1f5!important;padding:15px 18px!important}.app-content .card-title{font-size:.88rem!important;color:#172033!important;font-weight:720!important}.app-content .card-body{padding:18px!important}.app-content .table-card{border:1px solid var(--p5-line)!important;border-radius:12px!important;box-shadow:none!important}.app-content .table-toolbar,.app-content .card-head{padding:13px 16px!important;background:#fff!important;border-bottom:1px solid #edf1f5!important;display:flex!important;align-items:center!important;gap:10px!important}.app-content .table-toolbar .form-control{max-width:320px!important}.app-content .table-responsive,.app-content .table-wrap{background:#fff!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}.app-content .table{min-width:760px!important;margin:0!important;font-size:.76rem!important}.app-content .table th,.app-content .table-wrap th{background:#f8fafc!important;color:#748197!important;font-size:.64rem!important;font-weight:750!important;text-transform:uppercase!important;letter-spacing:.045em!important;padding:11px 14px!important;border-bottom:1px solid #e8edf3!important}.app-content .table td,.app-content .table-wrap td{padding:12px 14px!important;color:#465569!important;border-bottom:1px solid #eef2f6!important;vertical-align:middle!important;line-height:1.45!important}.app-content .table tbody tr:last-child td{border-bottom:0!important}.app-content .table tbody tr:hover{background:#fbfdff!important}.app-content .table td strong{color:#1e293b!important;font-size:.76rem!important}.app-content .table td small{font-size:.64rem!important;color:#94a3b8!important;margin-top:3px!important}.app-content .table code{font-size:.67rem!important;background:#f8fafc!important;color:#475569!important;border:1px solid #edf1f5!important;border-radius:5px!important;padding:2px 5px!important}.app-content .badge{border-radius:999px!important;padding:.34rem .52rem!important;font-size:.61rem!important;font-weight:700!important}.app-content .row.g-3{--bs-gutter-x:1rem!important;--bs-gutter-y:1rem!important}.app-content hr{border-color:#edf1f5!important;opacity:1!important}.empty-state{padding:28px 16px!important;color:#94a3b8!important;font-size:.76rem!important;text-align:center!important}

/* Dashboard */
.dash-page{width:100%;min-width:0}.dash-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:20px}.dash-heading>div:first-child>span{display:block;color:#2563eb;font-size:.64rem;text-transform:uppercase;letter-spacing:.08em;font-weight:800;margin-bottom:6px}.dash-heading h1{font-size:1.55rem;line-height:1.2;letter-spacing:-.035em;color:#0f172a;margin:0 0 6px;font-weight:780}.dash-heading p{font-size:.8rem;color:#64748b;margin:0;max-width:650px}.dash-heading-actions{display:flex;gap:8px;flex:0 0 auto}.dash-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:14px}.dash-metrics article{background:#fff;border:1px solid var(--p5-line);border-radius:12px;padding:17px 17px 15px;min-width:0;position:relative}.dash-metrics article>div{padding-right:38px}.dash-metrics article span{display:block;color:#64748b;font-size:.69rem;font-weight:600;margin-bottom:7px}.dash-metrics article strong{display:block;color:#0f172a;font-size:1.26rem;line-height:1.15;letter-spacing:-.025em;overflow-wrap:anywhere}.dash-metrics article>svg{position:absolute;right:16px;top:17px;width:19px;height:19px;color:#3b82f6;stroke-width:1.8}.dash-metrics article small{display:block;color:#94a3b8;font-size:.62rem;line-height:1.4;margin-top:10px}.dash-main-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(280px,.72fr);gap:14px;margin-bottom:14px}.dash-two-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}.dash-card{background:#fff;border:1px solid var(--p5-line);border-radius:12px;min-width:0;overflow:hidden}.dash-card>header{min-height:66px;display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:15px 17px;border-bottom:1px solid #edf1f5}.dash-card>header h2{font-size:.86rem;color:#172033;margin:0 0 4px;font-weight:740}.dash-card>header p{font-size:.65rem;color:#94a3b8;margin:0;line-height:1.45}.dash-card>header>a{display:inline-flex;align-items:center;gap:5px;text-decoration:none;color:#2563eb;font-size:.66rem;font-weight:700;white-space:nowrap;margin-top:2px}.dash-card>header>a svg{width:13px;height:13px}.dash-table-wrap{overflow-x:auto}.dash-table{width:100%;border-collapse:collapse;min-width:660px}.dash-table th{background:#f8fafc;color:#8491a3;text-transform:uppercase;letter-spacing:.045em;font-size:.59rem;font-weight:800;text-align:left;padding:10px 15px;border-bottom:1px solid #e9eef4;white-space:nowrap}.dash-table td{font-size:.69rem;color:#536174;padding:12px 15px;border-bottom:1px solid #eef2f6;vertical-align:middle}.dash-table tr:last-child td{border-bottom:0}.dash-table td strong,.dash-table td b{color:#243247;font-size:.7rem}.dash-table td small{display:block;color:#9aa5b3;font-size:.59rem;margin-top:3px}.dash-channel{display:inline-flex;align-items:center;background:#f1f5f9;color:#475569;border-radius:6px;padding:4px 6px;font-size:.56rem;font-weight:800;letter-spacing:.025em}.dash-status{display:inline-flex;align-items:center;border-radius:999px;padding:4px 7px;font-size:.57rem;font-weight:750;white-space:nowrap}.dash-status.success{background:var(--p5-success-soft);color:var(--p5-success)}.dash-status.warning{background:var(--p5-warning-soft);color:var(--p5-warning)}.dash-status.danger{background:var(--p5-danger-soft);color:var(--p5-danger)}.dash-status.neutral{background:#f1f5f9;color:#64748b}.dash-summary-list{padding:4px 16px}.dash-summary-list>a{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 0;border-bottom:1px solid #eef2f6;text-decoration:none;color:#536174}.dash-summary-list>a:last-child{border-bottom:0}.dash-summary-list span{display:flex;align-items:center;gap:8px;font-size:.68rem}.dash-summary-list span svg{width:14px;height:14px;color:#94a3b8}.dash-summary-list strong{color:#243247;font-size:.69rem;text-align:right}.dash-card-link{margin:6px 16px 15px;min-height:36px;border-radius:8px;background:#f8fafc;color:#2563eb;display:flex;align-items:center;justify-content:center;gap:6px;text-decoration:none;font-size:.66rem;font-weight:750}.dash-card-link svg{width:13px}.dash-shortcuts{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:13px}.dash-shortcuts.compact{grid-template-columns:1fr 1fr}.dash-shortcuts>a{display:grid;grid-template-columns:36px minmax(0,1fr) 14px;align-items:center;gap:10px;border:1px solid #e7edf4;border-radius:10px;padding:12px;text-decoration:none;color:#334155;min-width:0}.dash-shortcuts>a:hover{border-color:#bdd3fb;background:#fbfdff}.dash-shortcuts>a>span{width:34px;height:34px;border-radius:8px;background:#eff6ff;color:#2563eb;display:grid;place-items:center}.dash-shortcuts>a>span svg{width:15px}.dash-shortcuts>a>div{min-width:0}.dash-shortcuts strong,.dash-shortcuts small{display:block}.dash-shortcuts strong{font-size:.69rem;color:#263548}.dash-shortcuts small{font-size:.59rem;color:#94a3b8;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dash-shortcuts>a>svg{width:13px;color:#a7b1bf}.dash-list{padding:4px 16px}.dash-list article{display:flex;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid #eef2f6}.dash-list article:last-child{border-bottom:0}.dash-list article>div{min-width:0;flex:1}.dash-list article strong,.dash-list article small{display:block}.dash-list article>div strong{font-size:.69rem;color:#263548;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dash-list article>div small{font-size:.59rem;color:#94a3b8;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dash-provider-dot{width:8px;height:8px;border-radius:50%;background:#cbd5e1;flex:0 0 auto}.dash-provider-dot.success{background:#22c55e}.dash-provider-dot.warning{background:#f59e0b}.dash-provider-dot.danger{background:#ef4444}.dash-list-value{text-align:right;flex:0 0 auto}.dash-list-value small,.dash-list-value strong{display:block}.dash-list-value small{font-size:.56rem;color:#a3adba}.dash-list-value strong{font-size:.68rem;color:#334155;margin-top:3px}.dash-merchant-avatar{width:32px;height:32px;border-radius:8px;background:#eff6ff;color:#2563eb;display:grid;place-items:center;font-size:.67rem;font-weight:800;flex:0 0 auto}.dash-empty-clean{min-height:150px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px;color:#94a3b8}.dash-empty-clean svg{width:28px;height:28px;color:#22c55e;margin-bottom:8px}.dash-empty-clean strong{font-size:.7rem;color:#475569}.dash-empty-clean span{font-size:.6rem;margin-top:4px}.dash-mobile-list{display:none}

/* Public website */
.asone-public{background:#fff;color:#1e293b;min-height:100vh}.public-wrap{width:min(1160px,calc(100% - 40px));margin:0 auto}.public-nav{height:72px;position:sticky;top:0;z-index:1050;background:rgba(255,255,255,.96);backdrop-filter:blur(14px);border-bottom:1px solid #e8edf3}.public-nav-inner{height:72px;display:flex;align-items:center;gap:28px}.public-logo{display:inline-flex;align-items:center;gap:10px;color:#172033;text-decoration:none;flex:0 0 auto}.public-logo>span{width:38px;height:38px;border-radius:10px;background:#2563eb;color:#fff;display:grid;place-items:center;font-size:.95rem;font-weight:800}.public-logo>div{display:flex;flex-direction:column;line-height:1.08}.public-logo strong{font-size:.91rem}.public-logo small{font-size:.6rem;color:#94a3b8;margin-top:4px}.public-menu{margin-left:auto;display:flex;align-items:center;gap:23px}.public-menu>a{color:#536174;text-decoration:none;font-size:.75rem;font-weight:650}.public-menu>a:hover{color:#2563eb}.public-menu-cta{display:flex;gap:8px;margin-left:4px}.public-menu-toggle{display:none;width:39px;height:39px;border:1px solid var(--p5-line);background:#fff;border-radius:9px;align-items:center;justify-content:center;color:#475569;margin-left:auto}.public-menu-toggle svg{width:18px}
.public-hero-clean{padding:86px 0 76px;background:radial-gradient(circle at 85% 8%,rgba(37,99,235,.10),transparent 28%),linear-gradient(180deg,#fbfdff,#fff)}.public-hero-layout{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(400px,.82fr);gap:72px;align-items:center}.public-eyebrow{display:inline-flex;align-items:center;gap:8px;color:#2563eb;font-size:.67rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;margin-bottom:17px}.public-eyebrow span{width:7px;height:7px;border-radius:50%;background:#2563eb}.public-hero-copy-clean h1{font-size:clamp(2.65rem,5.3vw,4.6rem);line-height:1.04;letter-spacing:-.052em;color:#0f172a;margin:0 0 20px;font-weight:800;max-width:750px}.public-hero-copy-clean h1 em{font-style:normal;color:#2563eb}.public-hero-copy-clean>p{font-size:1rem;line-height:1.75;color:#64748b;max-width:670px;margin:0}.public-hero-buttons{display:flex;gap:10px;flex-wrap:wrap;margin-top:27px}.public-hero-points{display:flex;gap:20px;flex-wrap:wrap;margin-top:23px}.public-hero-points span{display:inline-flex;align-items:center;gap:6px;color:#64748b;font-size:.69rem}.public-hero-points svg{width:14px;height:14px;color:#16a34a;stroke-width:2.3}
.public-product-preview{background:#111827;padding:10px;border-radius:22px;box-shadow:0 35px 75px rgba(15,23,42,.20)}.preview-window-head{height:38px;display:flex;align-items:center;color:#718096;padding:0 5px}.preview-window-head>div{display:flex;gap:5px}.preview-window-head>div span{width:7px;height:7px;border-radius:50%;background:#475569}.preview-window-head>div span:first-child{background:#fb7185}.preview-window-head>div span:nth-child(2){background:#fbbf24}.preview-window-head>div span:last-child{background:#4ade80}.preview-window-head small{margin:auto;font-size:.58rem}.preview-window-head svg{width:13px}.preview-payment-card{background:#fff;border-radius:15px;padding:22px;color:#334155}.preview-merchant-row{display:flex;align-items:center;gap:10px;padding-bottom:17px;border-bottom:1px solid #edf1f5}.preview-logo{width:35px;height:35px;border-radius:9px;background:#eff6ff;color:#2563eb;display:grid;place-items:center;font-weight:800}.preview-merchant-row small,.preview-merchant-row strong{display:block}.preview-merchant-row small{font-size:.59rem;color:#94a3b8}.preview-merchant-row strong{font-size:.72rem;margin-top:3px}.preview-amount{padding:21px 0 13px}.preview-amount small,.preview-amount strong,.preview-amount span{display:block}.preview-amount small{font-size:.62rem;color:#94a3b8}.preview-amount strong{font-size:1.65rem;color:#0f172a;letter-spacing:-.03em;margin-top:4px}.preview-amount span{font-size:.58rem;color:#a3adba;margin-top:4px}.preview-method-row{display:grid;grid-template-columns:38px 1fr 14px;gap:10px;align-items:center;padding:11px;border:1px solid #e5eaf0;border-radius:10px;margin-top:8px}.preview-method-icon{width:36px;height:36px;border-radius:9px;background:#e8f2ff;color:#2563eb;display:grid;place-items:center;font-size:.65rem;font-weight:850}.preview-method-icon.soft{background:#f1f5f9;color:#475569}.preview-method-row strong,.preview-method-row small{display:block}.preview-method-row strong{font-size:.69rem}.preview-method-row small{font-size:.58rem;color:#94a3b8;margin-top:3px}.preview-method-row>svg{width:13px;color:#a3adba}.preview-payment-card>a{margin-top:13px;height:39px;background:#2563eb;color:#fff;border-radius:9px;text-decoration:none;display:flex;align-items:center;justify-content:center;gap:6px;font-size:.67rem;font-weight:750}.preview-payment-card>a svg{width:13px}
.public-trust-strip{border-top:1px solid #eef2f6;border-bottom:1px solid #eef2f6;background:#fff}.public-trust-grid{display:grid;grid-template-columns:repeat(4,1fr)}.public-trust-grid>div{padding:22px 26px;border-right:1px solid #eef2f6}.public-trust-grid>div:last-child{border-right:0}.public-trust-grid strong,.public-trust-grid span{display:block}.public-trust-grid strong{font-size:.78rem;color:#263548}.public-trust-grid span{font-size:.62rem;color:#94a3b8;margin-top:4px}.public-section-clean{padding:82px 0}.public-soft{background:#f8fafc}.public-section-head{max-width:700px;margin-bottom:35px}.public-section-head.centered{text-align:center;margin-left:auto;margin-right:auto}.public-section-head>span{display:block;color:#2563eb;font-size:.64rem;text-transform:uppercase;letter-spacing:.09em;font-weight:800;margin-bottom:9px}.public-section-head h2{font-size:clamp(1.85rem,3.4vw,2.65rem);line-height:1.16;letter-spacing:-.035em;color:#0f172a;margin:0 0 13px;font-weight:780}.public-section-head p{font-size:.86rem;line-height:1.7;color:#64748b;margin:0}.public-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.public-feature-grid article{padding:25px;border:1px solid #e4eaf1;border-radius:14px;background:#fff}.feature-clean-icon{width:42px;height:42px;border-radius:10px;background:#eff6ff;color:#2563eb;display:grid;place-items:center;margin-bottom:20px}.feature-clean-icon svg{width:19px}.public-feature-grid h3{font-size:.95rem;color:#172033;margin:0 0 9px}.public-feature-grid p{font-size:.75rem;color:#718096;line-height:1.65;margin:0 0 18px}.public-feature-grid a{display:inline-flex;align-items:center;gap:5px;color:#2563eb;text-decoration:none;font-size:.67rem;font-weight:750}.public-feature-grid a svg{width:13px}
.public-split{display:grid;grid-template-columns:1fr .9fr;gap:76px;align-items:center}.public-check-list{list-style:none;padding:0;margin:24px 0;display:grid;gap:16px}.public-check-list li{display:flex;gap:12px;align-items:flex-start}.public-check-list li>svg{width:18px;color:#2563eb;margin-top:2px;flex:0 0 auto}.public-check-list strong,.public-check-list span{display:block}.public-check-list strong{font-size:.77rem}.public-check-list span{font-size:.69rem;color:#7c899a;line-height:1.55;margin-top:3px}.public-checkout-steps{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:22px;box-shadow:var(--p5-shadow)}.step-card{display:grid;grid-template-columns:36px 1fr 18px;align-items:center;gap:11px;padding:13px;border:1px solid #edf1f5;border-radius:10px;background:#fbfcfe;color:#718096}.step-card b{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#eef2f6;font-size:.61rem}.step-card strong,.step-card span{display:block}.step-card strong{font-size:.73rem;color:#3d4b5f}.step-card span{font-size:.61rem;color:#94a3b8;margin-top:3px}.step-card>svg{width:16px}.step-card.active{background:#fff;border-color:#d6e5ff;color:#2563eb}.step-card.active b{background:#eff6ff;color:#2563eb}.step-line{height:14px;border-left:1px dashed #cbd5e1;margin-left:29px}.step-note{display:flex;gap:8px;background:#eff6ff;color:#58759a;padding:11px;border-radius:9px;margin-top:15px;font-size:.62rem;line-height:1.45}.step-note svg{width:14px;flex:0 0 auto}.public-process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.public-process-grid article{border-top:2px solid #e2e8f0;padding:20px 4px 0}.public-process-grid b{display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:#eff6ff;color:#2563eb;font-size:.62rem;margin-bottom:15px}.public-process-grid h3{font-size:.79rem;margin:0 0 6px}.public-process-grid p{font-size:.68rem;color:#7c899a;line-height:1.6;margin:0}.public-dark{background:#0f172a;color:#fff}.public-developer-layout{display:grid;grid-template-columns:1fr .92fr;gap:70px;align-items:center}.public-section-head.light h2{color:#fff}.public-section-head.light p{color:#94a3b8}.developer-pill-row{display:flex;gap:7px;flex-wrap:wrap;margin:21px 0}.developer-pill-row span{border:1px solid #334155;border-radius:999px;padding:6px 9px;color:#cbd5e1;font-size:.61rem}.developer-code-card{background:#111c2e;border:1px solid #27364b;border-radius:14px;overflow:hidden}.developer-code-card>div,.developer-code-card footer{display:flex;align-items:center;gap:9px;padding:13px 16px;background:#0c1523}.developer-code-card>div span{font-size:.58rem;font-weight:800;color:#60a5fa}.developer-code-card code{font-size:.66rem;color:#cbd5e1}.developer-code-card pre{margin:0;padding:23px 18px;color:#dbeafe;background:#111c2e;font-size:.73rem;line-height:1.7;overflow:auto}.developer-code-card footer{justify-content:space-between}.developer-code-card footer span{font-size:.58rem;color:#4ade80}.public-security-layout{display:grid;grid-template-columns:.86fr 1fr;gap:70px;align-items:start}.public-security-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.public-security-grid article{display:flex;gap:11px;padding:15px;border:1px solid #e4eaf1;border-radius:11px}.public-security-grid>article>svg{width:18px;color:#2563eb;flex:0 0 auto}.public-security-grid strong,.public-security-grid span{display:block}.public-security-grid strong{font-size:.72rem}.public-security-grid span{font-size:.63rem;color:#94a3b8;line-height:1.45;margin-top:3px}.public-final-cta{padding:58px 0;background:#2563eb;color:#fff}.public-final-cta>.public-wrap{display:flex;align-items:center;justify-content:space-between;gap:30px}.public-final-cta span{display:block;font-size:.64rem;text-transform:uppercase;letter-spacing:.08em;font-weight:800;color:#bfdbfe}.public-final-cta h2{font-size:2rem;letter-spacing:-.035em;margin:7px 0 7px}.public-final-cta p{font-size:.76rem;color:#dbeafe;margin:0}.public-final-cta>.public-wrap>div:last-child{display:flex;gap:9px;flex:0 0 auto}.public-footer-clean{background:#0b1220;color:#94a3b8;padding:48px 0 20px}.public-logo.light{color:#fff}.public-logo.light small{color:#718096}.footer-clean-main{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:45px}.footer-clean-main>div:first-child>p{max-width:330px;font-size:.66rem;line-height:1.7;margin:15px 0 0}.footer-clean-main>div:not(:first-child){display:flex;flex-direction:column;gap:8px}.footer-clean-main>div:not(:first-child)>strong{color:#e2e8f0;font-size:.68rem;margin-bottom:4px}.footer-clean-main a{color:#94a3b8;text-decoration:none;font-size:.64rem}.footer-clean-main a:hover{color:#fff}.footer-clean-bottom{border-top:1px solid #1e293b;margin-top:36px;padding-top:18px;display:flex;justify-content:space-between;font-size:.59rem;color:#64748b}

/* Checkout / hosted payment page */
.checkout-page{min-height:100vh;background:#f5f7fb;color:#1e293b}.checkout-container{width:min(940px,calc(100% - 32px));margin:0 auto}.checkout-container-narrow{max-width:560px}.checkout-topbar{height:64px;background:#fff;border-bottom:1px solid #e5eaf0}.checkout-topbar-inner{height:64px;display:flex;align-items:center;justify-content:space-between}.checkout-brand{display:flex;align-items:center;gap:9px;text-decoration:none;color:#172033}.checkout-logo{width:34px;height:34px;border-radius:9px;background:#2563eb;color:#fff;display:grid;place-items:center;font-weight:800;font-size:.85rem}.checkout-brand>span:last-child{display:flex;flex-direction:column;line-height:1.05}.checkout-brand strong{font-size:.78rem}.checkout-brand small{font-size:.55rem;color:#94a3b8;margin-top:4px}.checkout-trust{display:flex;align-items:center;gap:6px;color:#64748b;font-size:.62rem}.checkout-trust svg{width:13px}.checkout-trust b{font-size:.53rem;letter-spacing:.07em;background:#fff7ed;color:#c2410c;border:1px solid #fed7aa;border-radius:999px;padding:4px 6px;margin-left:4px}.checkout-trust b.preview{background:#eff6ff;color:#2563eb;border-color:#dbeafe}.checkout-main{padding:26px 0 40px}.checkout-demo-banner,.checkout-preview-banner{min-height:50px;background:#fff;border:1px solid #dce7f5;border-radius:11px;padding:10px 13px;display:flex;align-items:center;gap:10px;margin-bottom:13px;color:#536174}.checkout-demo-banner>svg,.checkout-preview-banner>svg{width:17px;height:17px;color:#2563eb;flex:0 0 auto}.checkout-demo-banner>div,.checkout-preview-banner>div{min-width:0;flex:1}.checkout-demo-banner strong,.checkout-demo-banner span,.checkout-preview-banner strong,.checkout-preview-banner span{display:block}.checkout-demo-banner strong,.checkout-preview-banner strong{font-size:.68rem;color:#334155}.checkout-demo-banner span,.checkout-preview-banner span{font-size:.59rem;color:#7c899a;margin-top:2px;line-height:1.4}.checkout-demo-banner>a{color:#2563eb;text-decoration:none;font-size:.61rem;font-weight:700}.checkout-stepper{display:flex;align-items:center;justify-content:center;gap:7px;margin:0 auto 13px;max-width:440px}.checkout-stepper>div{display:flex;align-items:center;gap:5px;color:#94a3b8}.checkout-stepper>div>span{width:22px;height:22px;border-radius:50%;background:#e9eef4;display:grid;place-items:center;font-size:.55rem;font-weight:800}.checkout-stepper>div small{font-size:.57rem;font-weight:650;white-space:nowrap}.checkout-stepper>div.active{color:#2563eb}.checkout-stepper>div.active>span{background:#2563eb;color:#fff}.checkout-stepper>i{height:1px;background:#d9e0e9;flex:1;max-width:65px}.checkout-stepper>i.active{background:#93b4fa}.checkout-shell{display:grid;grid-template-columns:300px minmax(0,1fr);border:1px solid #dfe5ec;border-radius:15px;overflow:hidden;background:#fff;box-shadow:0 8px 28px rgba(15,23,42,.05)}.checkout-summary{background:#f8fafc;border-right:1px solid #e5eaf0;padding:22px;min-width:0}.checkout-merchant{display:flex;align-items:center;gap:10px;padding-bottom:18px;border-bottom:1px solid #e7ecf2}.checkout-merchant-avatar{width:38px;height:38px;border-radius:10px;background:#e8f2ff;color:#2563eb;display:grid;place-items:center;font-size:.78rem;font-weight:800}.checkout-merchant small,.checkout-merchant strong{display:block}.checkout-merchant small{font-size:.57rem;color:#94a3b8}.checkout-merchant strong{font-size:.71rem;color:#273548;margin-top:3px}.checkout-order{padding:22px 0 18px}.checkout-order>small{font-size:.61rem;color:#64748b;line-height:1.5}.checkout-order>strong{display:block;font-size:1.6rem;color:#0f172a;letter-spacing:-.035em;margin-top:7px}.checkout-order>p{font-size:.6rem;color:#94a3b8;line-height:1.5;margin:6px 0 0}.checkout-summary-row{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:10px 0;border-top:1px solid #e7ecf2}.checkout-summary-row>span{font-size:.58rem;color:#94a3b8}.checkout-summary-row>strong{font-size:.6rem;color:#475569;text-align:right;word-break:break-word}.checkout-pending-dot{display:flex!important;align-items:center;gap:5px!important;color:#b45309!important}.checkout-pending-dot i{width:6px;height:6px;border-radius:50%;background:#f59e0b}.checkout-summary-security{display:flex;gap:9px;align-items:flex-start;margin-top:19px;padding:11px;background:#fff;border:1px solid #e7ecf2;border-radius:9px}.checkout-summary-security>svg{width:15px;color:#16a34a;flex:0 0 auto}.checkout-summary-security strong,.checkout-summary-security small{display:block}.checkout-summary-security strong{font-size:.61rem;color:#475569}.checkout-summary-security small{font-size:.54rem;color:#94a3b8;line-height:1.45;margin-top:3px}.checkout-content{padding:25px;min-width:0}.checkout-content-head{margin-bottom:19px}.checkout-content-head>span,.checkout-content-head>div>span{display:block;color:#2563eb;font-size:.57rem;text-transform:uppercase;letter-spacing:.08em;font-weight:800;margin-bottom:6px}.checkout-content-head h1{font-size:1.2rem;line-height:1.25;letter-spacing:-.025em;color:#172033;margin:0 0 6px;font-weight:750}.checkout-content-head p{font-size:.65rem;color:#7c899a;line-height:1.55;margin:0;max-width:520px}.checkout-content-head.with-back{display:flex;gap:10px;align-items:flex-start}.checkout-back{width:31px;height:31px;border-radius:8px;border:1px solid #e2e8f0;display:grid;place-items:center;color:#64748b;flex:0 0 auto}.checkout-back svg{width:14px}.checkout-methods{display:grid;gap:9px}.checkout-method{display:grid;grid-template-columns:44px minmax(0,1fr) 16px;gap:11px;align-items:center;padding:13px;border:1px solid #e1e7ef;border-radius:10px;color:#334155;text-decoration:none}.checkout-method:hover{border-color:#9ec0fb;background:#fbfdff}.checkout-method-icon{width:42px;height:42px;border-radius:10px;display:grid;place-items:center;font-size:.65rem;font-weight:850}.checkout-method-icon.qris{background:#e8f2ff;color:#2563eb}.checkout-method-icon.va{background:#f1f5f9;color:#475569}.checkout-method-copy strong,.checkout-method-copy small,.checkout-method-copy em{display:block}.checkout-method-copy strong{font-size:.73rem;color:#273548}.checkout-method-copy small{font-size:.61rem;color:#7c899a;line-height:1.45;margin-top:3px}.checkout-method-copy em{font-style:normal;font-size:.55rem;color:#2563eb;margin-top:5px;font-weight:650}.checkout-method>svg{width:15px;color:#a3adba}.checkout-total-line{display:flex;justify-content:space-between;align-items:center;margin-top:16px;padding:13px 14px;border-radius:9px;background:#f8fafc}.checkout-total-line span{font-size:.62rem;color:#64748b}.checkout-total-line strong{font-size:.8rem;color:#0f172a}.checkout-waiting{height:39px;border-radius:9px;background:#fffbeb;border:1px solid #fdecc8;color:#9a6700;display:flex;align-items:center;justify-content:space-between;padding:0 12px;margin-bottom:13px}.checkout-waiting span{display:flex;align-items:center;gap:6px;font-size:.61rem;font-weight:650}.checkout-waiting span svg{width:14px}.checkout-waiting strong{font-size:.72rem;letter-spacing:.03em}.checkout-qris-box{text-align:center;border:1px solid #e5eaf0;border-radius:11px;padding:17px;background:#fbfcfe}.checkout-qr-frame{width:210px;height:210px;background:#fff;border:1px solid #dfe5ec;border-radius:11px;padding:11px;margin:0 auto;position:relative;box-shadow:0 3px 12px rgba(15,23,42,.04)}.checkout-qr-frame img{width:100%;height:100%;display:block}.checkout-qr-frame>span{position:absolute;left:50%;bottom:8px;transform:translateX(-50%);font-size:.48rem;font-weight:850;letter-spacing:.12em;background:rgba(255,255,255,.95);border:1px solid #e2e8f0;border-radius:999px;padding:3px 6px;color:#64748b}.checkout-qris-amount{margin-top:13px}.checkout-qris-amount small,.checkout-qris-amount strong,.checkout-qris-amount span{display:block}.checkout-qris-amount small{font-size:.58rem;color:#94a3b8}.checkout-qris-amount strong{font-size:1.2rem;color:#0f172a;margin-top:3px}.checkout-qris-amount span{font-size:.54rem;color:#a3adba;margin-top:3px}.checkout-instructions{border:1px solid #e4e9f0;border-radius:10px;margin-top:11px;background:#fff}.checkout-instructions summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;padding:11px 12px;color:#475569;font-size:.63rem;font-weight:700}.checkout-instructions summary::-webkit-details-marker{display:none}.checkout-instructions summary>span{display:flex;align-items:center;gap:7px}.checkout-instructions summary svg{width:14px}.checkout-instructions ol{margin:0;border-top:1px solid #edf1f5;padding:11px 13px 13px 29px;color:#718096;font-size:.6rem;line-height:1.7}.checkout-bank-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-bottom:11px}.checkout-bank-tabs a{height:52px;border:1px solid #e1e7ef;border-radius:9px;display:flex;align-items:center;justify-content:center;gap:7px;color:#64748b;text-decoration:none;background:#fff}.checkout-bank-tabs a>span{width:25px;height:25px;border-radius:7px;background:#f1f5f9;display:grid;place-items:center;font-size:.55rem;font-weight:800}.checkout-bank-tabs a strong{font-size:.61rem}.checkout-bank-tabs a.active{border-color:#9ec0fb;background:#f7fbff;color:#2563eb;box-shadow:0 0 0 1px rgba(37,99,235,.03)}.checkout-bank-tabs a.active>span{background:#e8f2ff}.checkout-va-card{display:flex;align-items:center;justify-content:space-between;gap:14px;border:1px solid #dfe5ec;border-radius:10px;padding:15px;background:#fbfcfe}.checkout-va-card small,.checkout-va-card strong{display:block}.checkout-va-card small{font-size:.58rem;color:#7c899a}.checkout-va-card strong{font-size:1rem;color:#0f172a;letter-spacing:.045em;margin-top:5px;word-break:break-all}.checkout-va-card button{height:36px;border:1px solid #b8d2fc;background:#eff6ff;color:#2563eb;border-radius:8px;padding:0 10px;display:flex;align-items:center;gap:5px;font-size:.6rem;font-weight:750;flex:0 0 auto}.checkout-va-card button svg{width:13px}.checkout-va-meta{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:9px}.checkout-va-meta>div{background:#f8fafc;border-radius:9px;padding:11px}.checkout-va-meta span,.checkout-va-meta strong{display:block}.checkout-va-meta span{font-size:.56rem;color:#94a3b8}.checkout-va-meta strong{font-size:.73rem;color:#334155;margin-top:4px}.checkout-simulator{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:13px;padding:11px;border:1px dashed #a9c7f8;border-radius:10px;background:#f5f9ff}.checkout-simulator>div{display:flex;align-items:flex-start;gap:8px;min-width:0}.checkout-simulator>div>svg{width:15px;color:#2563eb;flex:0 0 auto;margin-top:1px}.checkout-simulator strong,.checkout-simulator small{display:block}.checkout-simulator strong{font-size:.61rem;color:#42638d}.checkout-simulator small{font-size:.54rem;color:#7c91ab;line-height:1.45;margin-top:2px;max-width:290px}.checkout-simulator .btn{font-size:.6rem!important;min-height:34px!important;padding:.45rem .65rem!important;white-space:nowrap}.checkout-powered{display:flex;align-items:center;justify-content:center;gap:6px;color:#94a3b8;font-size:.56rem;margin-top:13px}.checkout-powered svg{width:12px}.checkout-powered strong{color:#64748b}.checkout-result-card{margin-top:16px;background:#fff;border:1px solid #dfe5ec;border-radius:15px;padding:34px;text-align:center;box-shadow:var(--p5-shadow)}.checkout-result-icon{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;margin:0 auto 14px}.checkout-result-icon svg{width:23px}.checkout-result-icon.success{background:#ecfdf3;color:#16a34a}.checkout-result-icon.error{background:#fef2f2;color:#dc2626}.checkout-overline{font-size:.58rem;text-transform:uppercase;letter-spacing:.09em;font-weight:800;margin:0 0 7px}.checkout-overline.success{color:#16a34a}.checkout-overline.error{color:#dc2626}.checkout-result-card h1{font-size:1.35rem;letter-spacing:-.025em;color:#172033;margin:0 0 8px}.checkout-result-card>p{font-size:.68rem;color:#718096;line-height:1.6;max-width:450px;margin:0 auto 18px}.checkout-paid-amount{background:#f8fafc;border-radius:10px;padding:14px;margin-bottom:10px}.checkout-paid-amount span,.checkout-paid-amount strong{display:block}.checkout-paid-amount span{font-size:.58rem;color:#94a3b8}.checkout-paid-amount strong{font-size:1.35rem;color:#0f172a;margin-top:3px}.checkout-receipt-grid{display:grid;grid-template-columns:1fr 1fr;border:1px solid #e5eaf0;border-radius:10px;overflow:hidden;text-align:left}.checkout-receipt-grid>div{padding:10px 12px;border-bottom:1px solid #edf1f5}.checkout-receipt-grid>div:nth-child(odd){border-right:1px solid #edf1f5}.checkout-receipt-grid>div:nth-last-child(-n+2){border-bottom:0}.checkout-receipt-grid span,.checkout-receipt-grid strong{display:block}.checkout-receipt-grid span{font-size:.54rem;color:#94a3b8}.checkout-receipt-grid strong{font-size:.62rem;color:#475569;margin-top:3px}.checkout-result-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:13px}

/* Mobile behavior */
.asone-sidebar-overlay{display:none}
@media(max-width:1199.98px){.dash-metrics{grid-template-columns:repeat(2,1fr)}.dash-main-grid{grid-template-columns:minmax(0,1.5fr) minmax(260px,.75fr)}.dash-shortcuts{grid-template-columns:1fr 1fr}.public-hero-layout{gap:42px}.public-split,.public-developer-layout,.public-security-layout{gap:42px}}
@media(max-width:991.98px){
  .app-sidebar{position:fixed!important;inset:0 auto 0 0!important;z-index:1085!important;transform:translateX(-105%)!important;box-shadow:20px 0 45px rgba(15,23,42,.18)!important}
  .app-sidebar.mobile-open{transform:translateX(0)!important}.app-main{width:100%!important}.app-menu-button{display:flex!important}.app-topbar{padding:0 16px!important}.app-content{padding:18px!important}.app-user-copy{display:none}.app-env-chip{margin-right:7px}.asone-sidebar-overlay{position:fixed;inset:0;z-index:1080;background:rgba(15,23,42,.42);backdrop-filter:blur(1px)}.asone-sidebar-overlay.show{display:block!important}body.asone-sidebar-open{overflow:hidden!important}
  .dash-main-grid,.dash-two-grid{grid-template-columns:1fr}.public-hero-layout,.public-split,.public-developer-layout,.public-security-layout{grid-template-columns:1fr}.public-product-preview{max-width:560px;width:100%;margin:0 auto}.public-feature-grid{grid-template-columns:1fr 1fr}.public-process-grid{grid-template-columns:1fr 1fr}.public-security-grid{grid-template-columns:1fr 1fr}.public-hero-clean{padding:66px 0}.checkout-shell{grid-template-columns:270px minmax(0,1fr)}
}
@media(max-width:767.98px){
  html{font-size:16px!important}body{font-size:14px!important}.app-content{padding:14px!important}.app-footer{padding:14px!important}.app-footer span:last-child{display:none}.app-content .page-title-row,.app-content .page-head{flex-direction:column!important;gap:12px!important}.app-content .page-title-row h1,.app-content .page-head h1,.app-content .h3{font-size:1.28rem!important}.app-content .page-title-row .btn,.app-content .page-head .btn{width:100%!important}.app-content .table-toolbar,.app-content .card-head{flex-direction:column!important;align-items:stretch!important}.app-content .table-toolbar .form-control{max-width:none!important}.app-content .card-body{padding:15px!important}
  .dash-heading{flex-direction:column;margin-bottom:14px}.dash-heading h1{font-size:1.35rem}.dash-heading p{font-size:.76rem}.dash-heading-actions{width:100%;display:grid;grid-template-columns:1fr 1fr}.dash-metrics{gap:10px;margin-bottom:10px}.dash-metrics article{padding:14px;min-height:110px}.dash-metrics article>div{padding-right:28px}.dash-metrics article strong{font-size:1.05rem}.dash-metrics article>svg{right:13px;top:14px;width:17px}.dash-metrics article small{font-size:.58rem}.dash-main-grid,.dash-two-grid{gap:10px;margin-bottom:10px}.dash-card>header{padding:13px 14px;min-height:61px}.dash-card>header h2{font-size:.8rem}.dash-card>header p{font-size:.61rem}.dash-table-wrap{display:none}.dash-mobile-list{display:block}.dash-mobile-list article{padding:13px 14px;border-bottom:1px solid #eef2f6}.dash-mobile-list article:last-child{border-bottom:0}.dash-mobile-top,.dash-mobile-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px}.dash-mobile-list article>strong{display:block;font-size:.72rem;color:#243247;margin:8px 0 3px;overflow-wrap:anywhere}.dash-mobile-list article>small{display:block;font-size:.59rem;color:#94a3b8}.dash-mobile-bottom{font-size:.59rem;color:#94a3b8;margin-top:8px}.dash-mobile-bottom b{font-size:.72rem;color:#243247}.dash-shortcuts{grid-template-columns:1fr 1fr;padding:10px;gap:8px}.dash-shortcuts.compact{grid-template-columns:1fr 1fr}.dash-shortcuts>a{grid-template-columns:32px 1fr;padding:10px}.dash-shortcuts>a>span{width:31px;height:31px}.dash-shortcuts>a>svg{display:none}.dash-shortcuts small{display:none}.dash-summary-list{padding:3px 14px}.dash-list{padding:3px 14px}
  .public-wrap{width:min(100% - 28px,1160px)}.public-nav,.public-nav-inner{height:64px}.public-menu-toggle{display:flex}.public-menu{position:absolute;top:64px;left:14px;right:14px;display:none!important;flex-direction:column;align-items:stretch;gap:0;background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:8px;box-shadow:0 16px 35px rgba(15,23,42,.11)}.public-menu.open{display:flex!important}.public-menu>a{padding:10px;border-radius:8px}.public-menu-cta{display:grid;grid-template-columns:1fr 1fr;margin:8px 0 0}.public-hero-clean{padding:52px 0 44px}.public-hero-copy-clean h1{font-size:2.55rem}.public-hero-copy-clean>p{font-size:.9rem}.public-hero-buttons{display:grid;grid-template-columns:1fr}.public-hero-buttons .btn{width:100%}.public-hero-points{display:grid;gap:8px}.public-product-preview{border-radius:18px;padding:8px}.preview-payment-card{padding:18px}.public-trust-grid{grid-template-columns:1fr 1fr}.public-trust-grid>div:nth-child(2){border-right:0}.public-trust-grid>div:nth-child(-n+2){border-bottom:1px solid #eef2f6}.public-trust-grid>div{padding:18px}.public-section-clean{padding:58px 0}.public-feature-grid{grid-template-columns:1fr}.public-process-grid{grid-template-columns:1fr 1fr}.public-final-cta>.public-wrap{flex-direction:column;align-items:flex-start}.footer-clean-main{grid-template-columns:1fr 1fr;gap:30px}.footer-clean-main>div:first-child{grid-column:1/-1}.public-developer-layout,.public-security-layout{gap:30px}.checkout-container{width:min(100% - 20px,940px)}.checkout-main{padding:14px 0 28px}.checkout-shell{grid-template-columns:1fr}.checkout-summary{border-right:0;border-bottom:1px solid #e5eaf0;padding:16px}.checkout-summary-security{display:none}.checkout-merchant{padding-bottom:12px}.checkout-order{padding:14px 0 9px}.checkout-order>p{display:none}.checkout-summary-row{padding:8px 0}.checkout-content{padding:17px}.checkout-stepper{margin-bottom:10px}.checkout-demo-banner,.checkout-preview-banner{margin-bottom:10px}.checkout-qris-box{padding:14px}.checkout-qr-frame{width:min(220px,100%);height:auto;aspect-ratio:1/1}.checkout-simulator{flex-direction:column;align-items:stretch}.checkout-simulator .btn{width:100%}.checkout-result-card{padding:27px 19px}
}
@media(max-width:575.98px){
  .app-topbar{height:58px!important;min-height:58px!important;padding:0 11px!important}.app-menu-button{width:36px;height:36px;margin-right:8px}.app-topbar-title strong{font-size:.77rem}.app-topbar-title span{font-size:.58rem;max-width:130px}.app-env-chip{font-size:.56rem;padding:4px 7px}.app-avatar{width:32px;height:32px;border-radius:9px}.app-content{padding:11px!important}.dash-heading>div:first-child>span{font-size:.58rem}.dash-heading h1{font-size:1.24rem}.dash-heading p{line-height:1.45}.dash-heading-actions .btn{font-size:.7rem!important;padding:.5rem!important}.dash-metrics{grid-template-columns:1fr 1fr}.dash-metrics article{padding:13px;min-height:106px}.dash-metrics article span{font-size:.62rem}.dash-metrics article strong{font-size:.92rem;line-height:1.22}.dash-metrics article small{font-size:.54rem;line-height:1.35}.dash-card>header>a{font-size:.59rem}.dash-summary-list>a{padding:11px 0}.dash-summary-list span,.dash-summary-list strong{font-size:.62rem}.dash-shortcuts{grid-template-columns:1fr 1fr}.dash-shortcuts strong{font-size:.64rem}.dash-list article>div strong{font-size:.64rem}.dash-list article>div small{font-size:.55rem}.dash-status{font-size:.53rem}.dash-channel{font-size:.52rem}
  .public-logo>div small{display:none}.public-hero-copy-clean h1{font-size:2.2rem}.public-hero-copy-clean>p{font-size:.85rem}.public-trust-grid>div{padding:15px 12px}.public-trust-grid strong{font-size:.7rem}.public-trust-grid span{font-size:.56rem}.public-section-head h2{font-size:1.7rem}.public-process-grid{grid-template-columns:1fr}.public-security-grid{grid-template-columns:1fr}.developer-code-card pre{font-size:.65rem}.public-final-cta h2{font-size:1.6rem}.public-final-cta>.public-wrap>div:last-child{display:grid;width:100%;grid-template-columns:1fr}.footer-clean-main{grid-template-columns:1fr}.footer-clean-main>div:first-child{grid-column:auto}.footer-clean-bottom{flex-direction:column;gap:5px}
  .checkout-topbar,.checkout-topbar-inner{height:58px}.checkout-brand small{display:none}.checkout-trust>span{display:none}.checkout-demo-banner>a{display:none}.checkout-stepper{gap:4px}.checkout-stepper>div small{display:none}.checkout-stepper>i{max-width:50px}.checkout-summary{padding:14px}.checkout-order>strong{font-size:1.35rem}.checkout-summary-row:first-of-type{display:none}.checkout-content{padding:15px}.checkout-content-head h1{font-size:1.06rem}.checkout-content-head p{font-size:.62rem}.checkout-method{grid-template-columns:40px 1fr 14px;padding:11px}.checkout-method-icon{width:38px;height:38px}.checkout-method-copy small{font-size:.57rem}.checkout-method-copy em{display:none}.checkout-bank-tabs{grid-template-columns:1fr 1fr}.checkout-bank-tabs a{height:46px}.checkout-va-card{flex-direction:column;align-items:stretch;padding:13px}.checkout-va-card button{justify-content:center}.checkout-va-meta{grid-template-columns:1fr}.checkout-receipt-grid{grid-template-columns:1fr}.checkout-receipt-grid>div,.checkout-receipt-grid>div:nth-child(odd){border-right:0;border-bottom:1px solid #edf1f5}.checkout-receipt-grid>div:last-child{border-bottom:0}.checkout-result-actions{grid-template-columns:1fr}
}
/* Phase 5 minor link normalization */
.btn,.btn:hover,.btn:focus{text-decoration:none!important}.btn-primary,.btn-primary:hover,.btn-primary:focus{color:#fff!important}

/* =========================================================
   Phase 6 — UI polish: public header, auth, dashboards
   ========================================================= */
:root{
  --p6-primary:#2563eb;
  --p6-primary-dark:#1d4ed8;
  --p6-navy:#0f172a;
  --p6-text:#1e293b;
  --p6-muted:#64748b;
  --p6-line:#e5eaf1;
  --p6-soft:#f7f9fc;
  --p6-card:#ffffff;
  --p6-radius:14px;
  --p6-shadow:0 10px 30px rgba(15,23,42,.055);
}

/* Public header */
.public-nav-v6{height:auto!important;background:rgba(255,255,255,.97)!important;border-bottom:1px solid #edf0f5!important;box-shadow:0 1px 0 rgba(15,23,42,.015)!important;backdrop-filter:blur(16px)!important}
.public-nav-inner-v6{height:72px!important;min-height:72px!important;display:grid!important;grid-template-columns:auto 1fr auto!important;align-items:center!important;gap:28px!important}
.public-logo-v6{display:flex!important;align-items:center!important;gap:10px!important;min-width:max-content!important;text-decoration:none!important;color:var(--p6-navy)!important}
.public-logo-mark-v6{width:38px!important;height:38px!important;border-radius:10px!important;background:var(--p6-navy)!important;color:#fff!important;display:grid!important;place-items:center!important;font-weight:800!important;font-size:.95rem!important;box-shadow:none!important}
.public-logo-copy-v6{display:flex!important;flex-direction:column!important;line-height:1.08!important}.public-logo-copy-v6 strong{font-size:.94rem!important;font-weight:760!important;letter-spacing:-.01em!important}.public-logo-copy-v6 small{font-size:.62rem!important;color:#94a3b8!important;margin-top:4px!important;font-weight:550!important}
.public-menu-v6{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:26px!important;min-width:0!important}
.public-menu-v6>a{font-size:.78rem!important;font-weight:620!important;color:#526174!important;text-decoration:none!important;white-space:nowrap!important;padding:7px 0!important}.public-menu-v6>a:hover{color:var(--p6-primary)!important}
.public-menu-cta-v6{display:flex!important;align-items:center!important;gap:9px!important;margin-left:8px!important;padding-left:20px!important;border-left:1px solid #edf0f5!important}
.public-login-link-v6{font-size:.78rem!important;font-weight:700!important;color:#334155!important;text-decoration:none!important;padding:9px 8px!important}.public-login-link-v6:hover{color:var(--p6-primary)!important}
.public-register-btn-v6{min-height:38px!important;padding:.5rem .85rem!important;border-radius:9px!important;font-size:.75rem!important;white-space:nowrap!important}
.public-menu-toggle-v6{display:none!important;width:40px!important;height:40px!important;border:1px solid #e2e8f0!important;border-radius:10px!important;background:#fff!important;color:#334155!important;align-items:center!important;justify-content:center!important;padding:0!important}.public-menu-toggle-v6 svg{width:19px!important;height:19px!important}

/* Public page refinement */
.public-hero-clean{padding:78px 0 66px!important;background:linear-gradient(180deg,#fff 0,#fbfdff 100%)!important}
.public-hero-layout{gap:64px!important}.public-hero-copy-clean{max-width:650px!important}.public-eyebrow{font-size:.72rem!important;letter-spacing:.02em!important;font-weight:700!important;color:#526174!important;margin-bottom:18px!important}.public-eyebrow>span{width:8px!important;height:8px!important;background:#2563eb!important}
.public-hero-copy-clean h1{font-size:clamp(2.55rem,4.6vw,4.25rem)!important;line-height:1.06!important;letter-spacing:-.048em!important;font-weight:780!important;color:#0f172a!important;margin-bottom:20px!important}.public-hero-copy-clean h1 em{font-style:normal!important;color:#2563eb!important}
.public-hero-copy-clean>p{font-size:1.02rem!important;line-height:1.72!important;color:#64748b!important;max-width:610px!important;margin-bottom:26px!important}
.public-hero-buttons{gap:10px!important;margin-bottom:22px!important}.public-hero-buttons .btn{min-height:46px!important;padding:.7rem 1.05rem!important;font-size:.82rem!important;border-radius:10px!important}
.public-hero-points{gap:18px!important}.public-hero-points span{font-size:.71rem!important;color:#64748b!important;gap:6px!important}.public-hero-points svg{width:14px!important;height:14px!important;color:#16a34a!important}
.public-product-preview{border-radius:18px!important;padding:8px!important;border:1px solid #e5eaf1!important;background:#f8fafc!important;box-shadow:0 26px 60px rgba(15,23,42,.095)!important}.preview-window-head{height:38px!important;padding:0 12px!important}.preview-payment-card{padding:22px!important;border-radius:13px!important}.preview-merchant-row{padding-bottom:17px!important}.preview-amount{padding:18px 0!important}.preview-amount strong{font-size:1.8rem!important}.preview-method-row{padding:14px 0!important}.preview-payment-card>a{margin-top:8px!important;font-size:.72rem!important}
.public-trust-strip{border-top:1px solid #f0f3f7!important;border-bottom:1px solid #edf1f5!important;background:#fff!important}.public-trust-grid>div{padding:20px 24px!important}.public-trust-grid strong{font-size:.78rem!important}.public-trust-grid span{font-size:.64rem!important;margin-top:4px!important}
.public-section-clean{padding:76px 0!important}.public-section-head{max-width:670px!important}.public-section-head>span{font-size:.67rem!important;letter-spacing:.08em!important}.public-section-head h2{font-size:2.1rem!important;line-height:1.18!important;letter-spacing:-.035em!important;margin:8px 0 12px!important}.public-section-head p{font-size:.9rem!important;line-height:1.7!important}.public-feature-grid{gap:16px!important;margin-top:30px!important}.public-feature-grid article{padding:24px!important;border-radius:14px!important;box-shadow:none!important}.public-feature-grid article h3{font-size:1rem!important}.public-feature-grid article p{font-size:.76rem!important;line-height:1.65!important}.public-feature-grid article>a{font-size:.72rem!important}

/* Auth pages */
.auth-v6{min-height:100vh;background:#f5f7fb;padding:32px;display:grid;place-items:center;color:var(--p6-text)}
.auth-v6-shell{width:min(100%,980px);min-height:590px;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(380px,.95fr);background:#fff;border:1px solid #e3e8ef;border-radius:20px;overflow:hidden;box-shadow:0 24px 65px rgba(15,23,42,.09)}
.auth-v6-side{position:relative;background:#101827;color:#fff;padding:42px;display:flex;flex-direction:column;overflow:hidden}.auth-v6-side:after{content:"";position:absolute;width:320px;height:320px;border-radius:50%;right:-145px;bottom:-135px;background:radial-gradient(circle,rgba(37,99,235,.28),rgba(37,99,235,0) 68%);pointer-events:none}.auth-v6-admin .auth-v6-side{background:#0b1220}
.auth-v6-brand{display:flex;align-items:center;gap:10px;color:#fff!important;text-decoration:none!important;position:relative;z-index:1}.auth-v6-brand>span{width:38px;height:38px;border-radius:10px;background:#2563eb;display:grid;place-items:center;font-size:.95rem;font-weight:800}.auth-v6-brand>div{display:flex;flex-direction:column;line-height:1.08}.auth-v6-brand strong{font-size:.92rem}.auth-v6-brand small{font-size:.62rem;color:#8291a7;margin-top:4px}
.auth-v6-side-copy{margin:auto 0;position:relative;z-index:1;max-width:430px}.auth-v6-kicker{display:inline-block;color:#8db8ff;font-size:.66rem;font-weight:780;text-transform:uppercase;letter-spacing:.1em;margin-bottom:14px}.auth-v6-side-copy h1{font-size:2rem;line-height:1.18;letter-spacing:-.035em;color:#fff;margin:0 0 15px;font-weight:750}.auth-v6-side-copy p{font-size:.82rem;line-height:1.72;color:#a3afc1;margin:0;max-width:410px}
.auth-v6-points{display:grid;gap:10px;margin-bottom:25px;position:relative;z-index:1}.auth-v6-points span{display:flex;align-items:center;gap:8px;color:#c3ccd9;font-size:.71rem}.auth-v6-points svg{width:15px;height:15px;color:#60a5fa;flex:0 0 auto}.auth-v6-back{display:inline-flex;align-items:center;gap:7px;color:#8f9db1!important;text-decoration:none!important;font-size:.68rem;position:relative;z-index:1}.auth-v6-back:hover{color:#fff!important}.auth-v6-back svg{width:14px;height:14px}
.auth-v6-form{padding:52px 48px;display:flex;flex-direction:column;justify-content:center;background:#fff}.auth-v6-mobile-brand{display:none}.auth-v6-form-head{margin-bottom:25px}.auth-v6-form-head>span{font-size:.66rem;text-transform:uppercase;letter-spacing:.09em;color:#2563eb;font-weight:780}.auth-v6-form-head h2{font-size:1.65rem;line-height:1.2;letter-spacing:-.025em;color:#0f172a;margin:7px 0 7px;font-weight:760}.auth-v6-form-head p{font-size:.78rem;color:#718096;margin:0;line-height:1.55}.auth-v6-alert{border-radius:10px!important;font-size:.74rem!important;padding:10px 12px!important}
.auth-v6-fields{display:grid;gap:16px}.auth-v6-fields>div>label{display:block;font-size:.73rem;color:#334155;font-weight:680;margin-bottom:7px}.auth-v6-input{height:46px;border:1px solid #d9e0e8;border-radius:10px;display:grid;grid-template-columns:36px 1fr auto;align-items:center;background:#fff;transition:border-color .15s,box-shadow .15s}.auth-v6-input:focus-within{border-color:#7ca8f8;box-shadow:0 0 0 3px rgba(37,99,235,.08)}.auth-v6-input>svg{width:15px;height:15px;color:#94a3b8;justify-self:center}.auth-v6-input input{border:0!important;outline:0!important;height:44px!important;min-height:44px!important;width:100%;padding:0 8px!important;font-size:.79rem!important;color:#1e293b!important;background:transparent!important;box-shadow:none!important}.auth-v6-input input::placeholder{color:#a3afbd}.auth-v6-input button{width:38px;height:44px;border:0;background:transparent;color:#94a3b8;display:grid;place-items:center;padding:0}.auth-v6-input button:hover{color:#475569}.auth-v6-input button svg{width:16px;height:16px}.auth-v6-submit{width:100%;min-height:46px!important;margin-top:4px!important;border-radius:10px!important;font-size:.78rem!important}.auth-v6-submit svg{width:15px!important}.auth-v6-divider{display:flex;align-items:center;gap:12px;color:#94a3b8;font-size:.66rem;margin:20px 0 13px}.auth-v6-divider:before,.auth-v6-divider:after{content:"";height:1px;background:#edf1f5;flex:1}.auth-v6-secondary{width:100%;min-height:44px!important;background:#fff!important;border:1px solid #dbe2ea!important;color:#334155!important;font-size:.76rem!important}.auth-v6-secondary:hover{background:#f8fafc!important;border-color:#cfd8e3!important}.auth-v6-foot{font-size:.62rem;color:#94a3b8;text-align:center;line-height:1.55;margin:18px 0 0}

/* Dashboard polish */
.app-sidebar{width:238px!important;min-width:238px!important}.app-main{width:calc(100% - 238px)!important}.app-sidebar-brand{padding:19px 18px 15px!important}.app-sidebar .sidebar-nav{padding:8px 9px 18px!important}.app-sidebar .sidebar-header{font-size:.59rem!important;padding:15px 10px 5px!important}.app-sidebar .sidebar-link{min-height:38px!important;font-size:.75rem!important;padding:8px 10px!important}.app-sidebar .sidebar-link svg{width:15px!important;height:15px!important}.app-topbar{height:66px!important;min-height:66px!important;padding:0 25px!important}.app-topbar-title strong{font-size:.84rem!important}.app-topbar-title span{font-size:.64rem!important}.app-content{padding:28px!important;background:#f6f8fb!important}.app-content>.container-fluid{max-width:1420px!important}.dash-page{max-width:1420px;margin:0 auto}.dash-heading{margin-bottom:20px!important;align-items:center!important}.dash-heading>div:first-child>span{font-size:.64rem!important;color:#718096!important;font-weight:750!important;text-transform:uppercase!important;letter-spacing:.075em!important}.dash-heading h1{font-size:1.72rem!important;line-height:1.18!important;letter-spacing:-.035em!important;margin:5px 0 5px!important;color:#0f172a!important;font-weight:760!important}.dash-heading p{font-size:.78rem!important;line-height:1.55!important;color:#718096!important;max-width:680px!important;margin:0!important}.dash-heading-actions{gap:8px!important}.dash-heading-actions .btn{min-height:39px!important;font-size:.73rem!important;padding:.48rem .75rem!important}
.dash-metrics{gap:14px!important;margin-bottom:14px!important}.dash-metrics article{min-height:128px!important;padding:20px!important;border:1px solid #e3e8ef!important;border-radius:13px!important;box-shadow:0 2px 8px rgba(15,23,42,.025)!important;background:#fff!important}.dash-metrics article>div{padding-right:38px!important}.dash-metrics article span{font-size:.7rem!important;font-weight:650!important;color:#718096!important}.dash-metrics article strong{font-size:1.45rem!important;line-height:1.2!important;letter-spacing:-.025em!important;color:#0f172a!important;margin-top:8px!important;word-break:normal!important;overflow-wrap:anywhere!important}.dash-metrics article small{font-size:.63rem!important;line-height:1.45!important;color:#94a3b8!important;margin-top:10px!important}.dash-metrics article>svg{width:18px!important;height:18px!important;right:18px!important;top:20px!important;color:#7da7ef!important}
.dash-main-grid,.dash-two-grid{gap:14px!important;margin-bottom:14px!important}.dash-main-grid{grid-template-columns:minmax(0,1.7fr) minmax(300px,.72fr)!important}.dash-card{border:1px solid #e3e8ef!important;border-radius:13px!important;background:#fff!important;box-shadow:0 2px 8px rgba(15,23,42,.022)!important}.dash-card>header{min-height:68px!important;padding:16px 18px!important;border-bottom:1px solid #edf1f5!important}.dash-card>header h2{font-size:.86rem!important;color:#172033!important;font-weight:720!important;margin-bottom:3px!important}.dash-card>header p{font-size:.64rem!important;color:#94a3b8!important}.dash-card>header>a{font-size:.65rem!important;font-weight:680!important;color:#2563eb!important}.dash-table th{font-size:.6rem!important;padding:10px 14px!important}.dash-table td{font-size:.7rem!important;padding:13px 14px!important}.dash-table td strong,.dash-table td b{font-size:.71rem!important}.dash-table td small{font-size:.59rem!important;margin-top:3px!important}.dash-status{font-size:.57rem!important;padding:4px 7px!important;border-radius:999px!important}.dash-channel{font-size:.57rem!important;padding:4px 7px!important;border-radius:999px!important}.dash-summary-list{padding:4px 17px!important}.dash-summary-list>a{padding:13px 0!important}.dash-summary-list span{font-size:.67rem!important}.dash-summary-list strong{font-size:.71rem!important}.dash-summary-list svg{width:14px!important;height:14px!important}.dash-card-link{font-size:.65rem!important;padding:12px 17px!important}.dash-list{padding:5px 17px!important}.dash-list article{padding:12px 0!important}.dash-list article>div strong{font-size:.68rem!important}.dash-list article>div small{font-size:.58rem!important}.dash-list-value small{font-size:.53rem!important}.dash-list-value strong{font-size:.67rem!important}.dash-shortcuts{padding:13px!important;gap:9px!important}.dash-shortcuts>a{padding:12px!important;border-radius:10px!important}.dash-shortcuts>a>span{width:36px!important;height:36px!important;border-radius:9px!important}.dash-shortcuts strong{font-size:.67rem!important}.dash-shortcuts small{font-size:.57rem!important}.dash-shortcuts>a>svg{width:14px!important}

@media(max-width:1100px){.public-menu-v6{gap:17px!important}.public-menu-cta-v6{padding-left:14px!important}.public-menu-v6>a{font-size:.73rem!important}.app-sidebar{width:224px!important;min-width:224px!important}.app-main{width:calc(100% - 224px)!important}}
@media(max-width:991.98px){
  .public-nav-inner-v6{grid-template-columns:auto 1fr auto!important;height:66px!important;min-height:66px!important;gap:12px!important}.public-menu-toggle-v6{display:flex!important;grid-column:3!important}.public-menu-v6{position:absolute!important;top:66px!important;left:14px!important;right:14px!important;display:none!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;gap:0!important;padding:10px!important;background:#fff!important;border:1px solid #e2e8f0!important;border-radius:14px!important;box-shadow:0 18px 42px rgba(15,23,42,.12)!important}.public-menu-v6.open{display:flex!important}.public-menu-v6>a{padding:11px 12px!important;border-radius:8px!important;font-size:.78rem!important}.public-menu-v6>a:hover{background:#f8fafc!important}.public-menu-cta-v6{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;margin:8px 0 0!important;padding:10px 0 0!important;border-left:0!important;border-top:1px solid #edf1f5!important}.public-login-link-v6{height:40px!important;display:flex!important;align-items:center!important;justify-content:center!important;border:1px solid #dbe2ea!important;border-radius:9px!important;padding:0!important}.public-register-btn-v6{height:40px!important}.auth-v6{padding:24px!important}.auth-v6-shell{grid-template-columns:1fr!important;width:min(100%,520px)!important;min-height:0!important}.auth-v6-side{display:none!important}.auth-v6-form{padding:42px!important}.auth-v6-mobile-brand{display:flex!important;align-items:center!important;gap:9px!important;margin-bottom:34px!important}.auth-v6-mobile-brand>span{width:37px;height:37px;border-radius:10px;background:#0f172a;color:#fff;display:grid;place-items:center;font-weight:800}.auth-v6-mobile-brand>div{display:flex;flex-direction:column;line-height:1.08}.auth-v6-mobile-brand strong{font-size:.9rem;color:#0f172a}.auth-v6-mobile-brand small{font-size:.6rem;color:#94a3b8;margin-top:4px}.app-sidebar{width:245px!important;min-width:245px!important}.app-main{width:100%!important}.dash-main-grid{grid-template-columns:1fr!important}}
@media(max-width:767.98px){
  .public-wrap{width:min(100% - 28px,1160px)!important}.public-logo-copy-v6 small{display:block!important}.public-hero-clean{padding:54px 0 46px!important}.public-hero-layout{gap:38px!important}.public-hero-copy-clean h1{font-size:2.35rem!important;line-height:1.08!important}.public-hero-copy-clean>p{font-size:.9rem!important;line-height:1.65!important}.public-section-clean{padding:58px 0!important}.public-section-head h2{font-size:1.75rem!important}.public-trust-grid>div{padding:16px 13px!important}.app-topbar{height:60px!important;min-height:60px!important;padding:0 13px!important}.app-content{padding:14px!important}.dash-heading{align-items:flex-start!important;gap:13px!important;margin-bottom:14px!important}.dash-heading h1{font-size:1.42rem!important}.dash-heading p{font-size:.75rem!important}.dash-heading-actions{width:100%!important;display:grid!important;grid-template-columns:1fr 1fr!important}.dash-heading-actions .btn{width:100%!important}.dash-metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}.dash-metrics article{min-height:118px!important;padding:15px!important}.dash-metrics article>div{padding-right:24px!important}.dash-metrics article span{font-size:.65rem!important;line-height:1.3!important}.dash-metrics article strong{font-size:1.05rem!important;margin-top:7px!important;line-height:1.24!important}.dash-metrics article small{font-size:.57rem!important;line-height:1.4!important;margin-top:7px!important}.dash-metrics article>svg{right:13px!important;top:15px!important;width:15px!important;height:15px!important}.dash-card>header{min-height:62px!important;padding:14px 15px!important}.dash-card>header h2{font-size:.8rem!important}.dash-card>header p{font-size:.6rem!important}.dash-mobile-list article{padding:14px 15px!important}.dash-mobile-list article>strong{font-size:.72rem!important}.dash-mobile-bottom b{font-size:.75rem!important}.dash-summary-list{padding:4px 15px!important}.dash-summary-list>a{padding:12px 0!important}.dash-summary-list span,.dash-summary-list strong{font-size:.65rem!important}.dash-shortcuts{grid-template-columns:1fr 1fr!important;padding:10px!important}.dash-shortcuts>a{min-height:70px!important}.dash-shortcuts strong{font-size:.65rem!important}.dash-shortcuts small{display:block!important;font-size:.54rem!important;line-height:1.35!important}.auth-v6{padding:0!important;display:block!important;background:#fff!important}.auth-v6-shell{width:100%!important;min-height:100vh!important;border:0!important;border-radius:0!important;box-shadow:none!important}.auth-v6-form{min-height:100vh!important;padding:34px 24px!important;justify-content:center!important}.auth-v6-mobile-brand{margin-bottom:36px!important}.auth-v6-form-head h2{font-size:1.48rem!important}.auth-v6-form-head p{font-size:.75rem!important}.auth-v6-input{height:48px!important}.auth-v6-input input{height:46px!important}.auth-v6-submit{min-height:48px!important}}
@media(max-width:420px){
  .public-logo-mark-v6{width:36px!important;height:36px!important}.public-logo-copy-v6 strong{font-size:.88rem!important}.public-logo-copy-v6 small{font-size:.57rem!important}.public-hero-copy-clean h1{font-size:2.08rem!important}.public-menu-cta-v6{grid-template-columns:1fr!important}.dash-metrics{grid-template-columns:1fr!important}.dash-metrics article{min-height:105px!important}.dash-metrics article strong{font-size:1.18rem!important}.dash-heading-actions{grid-template-columns:1fr!important}.dash-shortcuts{grid-template-columns:1fr!important}.app-topbar-title span{max-width:112px!important}.app-env-chip{display:none!important}}

/* Phase 7 — Content CMS & Branding */
.brand-symbol.has-image{background:#fff!important;padding:3px!important;overflow:hidden;border:1px solid rgba(255,255,255,.16)}
.brand-symbol.has-image img{width:100%;height:100%;object-fit:contain;border-radius:7px}
.public-logo-img{width:42px;height:42px;border-radius:11px;background:#fff;border:1px solid #e4e9ef;display:grid;place-items:center;overflow:hidden;flex:0 0 auto;padding:4px}
.public-logo-img img{width:100%;height:100%;object-fit:contain}
.cms-page{max-width:1440px;margin:0 auto}
.cms-title-row{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:20px}
.cms-title-row h1{font-size:1.55rem;letter-spacing:-.03em;color:#0f172a;margin:4px 0 5px;font-weight:760}
.cms-title-row p{font-size:.76rem;color:#718096;margin:0;line-height:1.55}
.cms-kicker{font-size:.62rem;letter-spacing:.08em;text-transform:uppercase;font-weight:800;color:#3b7ddd}
.cms-title-row .btn,.cms-submit{display:inline-flex;align-items:center;gap:7px}
.cms-title-row .btn svg,.cms-submit svg{width:15px;height:15px}
.cms-admin-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(330px,.72fr);gap:16px;align-items:start}
.cms-editor-card,.cms-list-card,.cms-settings-card,.cms-preview-card{border:1px solid #e3e8ef!important;border-radius:14px!important;box-shadow:0 3px 12px rgba(15,23,42,.03)!important;overflow:hidden}
.cms-editor-card .card-header,.cms-list-card .card-header,.cms-settings-card .card-header,.cms-preview-card .card-header{padding:17px 19px;background:#fff;border-bottom:1px solid #edf1f5;display:flex;align-items:center;justify-content:space-between;gap:12px}
.cms-editor-card .card-header h2,.cms-list-card .card-header h2,.cms-settings-card .card-header h2,.cms-preview-card .card-header h2{font-size:.88rem;margin:0 0 3px;color:#172033;font-weight:750}
.cms-editor-card .card-header p,.cms-list-card .card-header p,.cms-settings-card .card-header p{font-size:.64rem;color:#94a3b8;margin:0}
.cms-editor-card .card-body,.cms-settings-card .card-body,.cms-preview-card .card-body{padding:20px}
.cms-form{display:grid;gap:16px}
.cms-form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.cms-form .form-label{font-size:.68rem;font-weight:700;color:#475569;margin-bottom:6px}
.cms-form .form-control,.cms-form .form-select{min-height:43px;border-color:#dde4ec;border-radius:9px;font-size:.76rem;padding:.6rem .72rem}
.cms-form textarea.form-control{min-height:auto;line-height:1.6}
.cms-content-editor{font-family:inherit!important;min-height:260px!important}
.cms-form .form-text{display:block;font-size:.6rem;color:#94a3b8;margin-top:6px;line-height:1.45}
.cms-image-preview{display:block;width:150px;max-height:90px;object-fit:cover;margin-top:10px;border:1px solid #e2e8f0;border-radius:9px}
.cms-submit{justify-self:start;min-height:42px}
.cms-post-list{max-height:760px;overflow:auto}
.cms-post-item{display:grid;grid-template-columns:72px 1fr;gap:13px;padding:14px 16px;border-bottom:1px solid #edf1f5}
.cms-post-item:last-child{border-bottom:0}
.cms-post-thumb{width:72px;height:62px;border-radius:10px;overflow:hidden;background:#f3f6fa}
.cms-post-thumb img{width:100%;height:100%;object-fit:cover}
.cms-post-thumb>span{width:100%;height:100%;display:grid;place-items:center;color:#8ba0b7}
.cms-post-thumb svg{width:20px}
.cms-post-copy{min-width:0}.cms-post-copy>strong{display:block;font-size:.76rem;color:#1e293b;line-height:1.35;margin:5px 0}.cms-post-copy>small{display:block;font-size:.58rem;color:#94a3b8}
.cms-post-meta{display:flex;align-items:center;gap:6px}.cms-post-meta>span:first-child{font-size:.55rem;text-transform:uppercase;letter-spacing:.06em;color:#64748b;font-weight:750}
.cms-status{font-size:.53rem;font-weight:800;padding:3px 6px;border-radius:999px;text-transform:uppercase}.cms-status.published{background:#e8f7ef;color:#16865a}.cms-status.draft{background:#eef2f7;color:#64748b}.cms-status.archived{background:#fff0f1;color:#b64050}
.cms-post-actions{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin-top:9px}.cms-post-actions form{margin:0}.cms-post-actions .btn{font-size:.6rem;padding:.3rem .5rem}
.cms-empty{padding:54px 22px;text-align:center;display:flex;flex-direction:column;align-items:center;color:#8b98a9}.cms-empty svg{width:28px;margin-bottom:12px}.cms-empty strong{font-size:.8rem;color:#475569}.cms-empty span{font-size:.65rem;margin-top:4px}
.cms-settings-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:16px;align-items:start}
.cms-preview-card .card-body{text-align:center}.cms-preview-icon{width:48px;height:48px;border-radius:13px;display:grid;place-items:center;background:#edf4ff;color:#3478d0;margin:4px auto 14px}.cms-preview-icon svg{width:21px}.cms-preview-card h3{font-size:1rem;color:#172033}.cms-preview-card p{font-size:.7rem;color:#718096;line-height:1.6}.cms-preview-lines{display:grid;gap:8px;margin-top:18px}.cms-preview-lines span{padding:9px;border-radius:8px;background:#f8fafc;color:#64748b;font-size:.65rem}
.cms-brand-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.cms-current-brand{display:grid;place-items:center;text-align:center;padding:20px;border:1px dashed #dbe3ec;border-radius:12px;background:#f9fbfd}.cms-current-brand>div{width:76px;height:76px;border-radius:17px;background:#fff;border:1px solid #e1e7ee;display:grid;place-items:center;overflow:hidden;padding:6px;margin-bottom:10px}.cms-current-brand img{width:100%;height:100%;object-fit:contain}.cms-current-brand>div>span{width:100%;height:100%;border-radius:12px;background:#0f172a;color:#fff;display:grid;place-items:center;font-size:1.6rem;font-weight:800}.cms-current-brand strong{font-size:.9rem;color:#172033}.cms-current-brand small{font-size:.62rem;color:#94a3b8;margin-top:3px}.cms-check{display:flex;align-items:center;gap:7px;margin-top:9px;font-size:.64rem;color:#64748b}.cms-security-note{display:flex;gap:10px;padding:12px;border-radius:10px;background:#f3f7fc;color:#5e6f83}.cms-security-note svg{width:17px;flex:0 0 auto;color:#3b7ddd}.cms-security-note strong,.cms-security-note span{display:block}.cms-security-note strong{font-size:.67rem}.cms-security-note span{font-size:.59rem;line-height:1.45;margin-top:2px}
.cms-savebar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:16px;padding:15px 18px;background:#fff;border:1px solid #e3e8ef;border-radius:12px}.cms-savebar strong,.cms-savebar span{display:block}.cms-savebar strong{font-size:.72rem;color:#1e293b}.cms-savebar span{font-size:.6rem;color:#94a3b8;margin-top:2px}.cms-savebar .btn{display:flex;align-items:center;gap:7px}.cms-savebar svg{width:15px}
.content-public-page{min-height:100vh;background:#fff;color:#1f2937}.content-public-page .public-menu a.active{color:#2563eb}.content-hero,.contact-hero{padding:78px 0 55px;background:linear-gradient(180deg,#f7faff 0%,#fff 100%);border-bottom:1px solid #eef2f6}.content-hero .public-wrap,.contact-hero .public-wrap{max-width:860px}.content-hero span,.contact-hero span{font-size:.66rem;text-transform:uppercase;letter-spacing:.09em;font-weight:850;color:#3b7ddd}.content-hero h1,.contact-hero h1{font-size:2.55rem;letter-spacing:-.045em;color:#0f172a;margin:9px 0 12px;font-weight:780}.content-hero p,.contact-hero p{font-size:.9rem;color:#64748b;line-height:1.7;max-width:720px;margin:0}.content-section,.contact-section{padding:54px 0 72px}.content-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.news-card{border:1px solid #e5eaf0;border-radius:15px;overflow:hidden;background:#fff;box-shadow:0 3px 14px rgba(15,23,42,.03);display:flex;flex-direction:column}.news-card-image{height:180px;background:#f3f6fa;display:block;overflow:hidden}.news-card-image img{width:100%;height:100%;object-fit:cover;transition:.25s}.news-card:hover .news-card-image img{transform:scale(1.02)}.news-card-image>span{width:100%;height:100%;display:grid;place-items:center;color:#8aa0b8}.news-card-image svg{width:34px}.news-card-body{padding:18px;display:flex;flex-direction:column;flex:1}.news-meta{display:flex;gap:7px;align-items:center}.news-meta span{font-size:.57rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:#64748b;background:#f1f5f9;padding:4px 7px;border-radius:999px}.news-card h2{font-size:1rem;line-height:1.4;margin:12px 0 7px}.news-card h2 a{color:#172033;text-decoration:none}.news-card p{font-size:.7rem;line-height:1.6;color:#718096;margin:0 0 17px;flex:1}.news-card-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid #edf1f5;padding-top:13px}.news-card-footer time{font-size:.6rem;color:#94a3b8}.news-card-footer a{font-size:.64rem;font-weight:750;color:#2563eb;text-decoration:none;display:flex;align-items:center;gap:4px}.news-card-footer svg{width:13px}.content-empty{grid-column:1/-1;text-align:center;padding:80px 20px;color:#8290a2}.content-empty svg{width:36px}.content-empty h2{font-size:1.1rem;color:#334155;margin:12px 0 5px}.content-empty p{font-size:.72rem}
.article-page{padding:54px 0 76px}.article-wrap{width:min(820px,calc(100% - 32px));margin:auto}.article-back{display:inline-flex;align-items:center;gap:6px;color:#64748b;text-decoration:none;font-size:.66rem;font-weight:700;margin-bottom:28px}.article-back svg{width:14px}.article-meta{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.article-meta span{font-size:.58rem;text-transform:uppercase;font-weight:800;letter-spacing:.05em;color:#3b7ddd;background:#edf4ff;padding:4px 7px;border-radius:999px}.article-meta time{font-size:.62rem;color:#94a3b8}.article-wrap>h1{font-size:2.35rem;line-height:1.15;letter-spacing:-.045em;color:#0f172a;margin:14px 0 15px;font-weight:780}.article-lead{font-size:.95rem;line-height:1.7;color:#64748b;margin:0 0 26px}.article-cover{margin:30px 0;border-radius:16px;overflow:hidden;border:1px solid #e6ebf1}.article-cover img{width:100%;max-height:460px;object-fit:cover;display:block}.article-body{font-size:.84rem;line-height:1.95;color:#334155;white-space:normal}.article-cta{margin-top:46px;padding:20px;border:1px solid #e2e8f0;border-radius:14px;background:#f8fbff;display:flex;align-items:center;justify-content:space-between;gap:18px}.article-cta strong,.article-cta span{display:block}.article-cta strong{font-size:.78rem;color:#172033}.article-cta span{font-size:.65rem;color:#718096;margin-top:3px}
.contact-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:20px}.contact-cards{display:grid;gap:12px}.contact-card{display:flex;align-items:flex-start;gap:15px;padding:20px;border:1px solid #e4e9ef;border-radius:14px;text-decoration:none;background:#fff;color:#1f2937;transition:.18s}.contact-card:hover{border-color:#bcd5f4;box-shadow:0 7px 20px rgba(35,83,140,.06);color:#1f2937;transform:translateY(-1px)}.contact-card>span{width:44px;height:44px;border-radius:11px;background:#edf4ff;color:#3478d0;display:grid;place-items:center;flex:0 0 auto}.contact-card svg{width:19px}.contact-card small,.contact-card strong{display:block}.contact-card small{font-size:.6rem;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em}.contact-card strong{font-size:.86rem;color:#172033;margin-top:3px}.contact-card p{font-size:.66rem;color:#718096;margin:5px 0 0}.contact-info-panel{border:1px solid #e4e9ef;border-radius:14px;padding:22px;background:#f8fafc}.contact-info-icon{width:45px;height:45px;border-radius:12px;background:#0f172a;color:#fff;display:grid;place-items:center}.contact-info-icon svg{width:19px}.contact-info-panel h2{font-size:.95rem;margin:15px 0 18px;color:#172033}.contact-info-panel>div:not(.contact-note){padding:13px 0;border-top:1px solid #e7ebf0}.contact-info-panel small{font-size:.58rem;text-transform:uppercase;color:#94a3b8;font-weight:750;letter-spacing:.05em}.contact-info-panel p{font-size:.68rem;line-height:1.6;color:#526174;margin:5px 0 0}.contact-info-panel .btn{margin-top:14px;display:inline-flex;align-items:center;gap:6px;font-size:.67rem}.contact-info-panel .btn svg{width:14px}.contact-note{display:flex;gap:8px;margin-top:18px;padding:11px;border-radius:9px;background:#eef4fb;color:#64748b;font-size:.58rem;line-height:1.5}.contact-note svg{width:15px;flex:0 0 auto;color:#3b7ddd}
.home-news-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.home-news-grid article{border:1px solid #e4e9ef;border-radius:14px;padding:18px;background:#fff}.home-news-meta{display:flex;justify-content:space-between;align-items:center;gap:8px}.home-news-meta span{font-size:.56rem;text-transform:uppercase;font-weight:800;color:#3b7ddd}.home-news-meta time{font-size:.57rem;color:#94a3b8}.home-news-grid h3{font-size:.9rem;line-height:1.4;margin:10px 0 7px}.home-news-grid h3 a{color:#172033;text-decoration:none}.home-news-grid p{font-size:.67rem;color:#718096;line-height:1.55;min-height:42px}.home-news-grid>article>a{font-size:.63rem;font-weight:750;color:#2563eb;text-decoration:none;display:inline-flex;align-items:center;gap:4px}.home-news-grid>article>a svg{width:13px}.home-news-all{text-align:center;margin-top:18px}
@media(max-width:1100px){.content-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cms-admin-grid{grid-template-columns:1fr}.cms-post-list{max-height:none}.cms-settings-layout{grid-template-columns:1fr}.cms-brand-grid{grid-template-columns:1fr}.contact-grid{grid-template-columns:1fr}.home-news-grid{grid-template-columns:1fr 1fr}}
@media(max-width:767.98px){.cms-title-row{align-items:flex-start;flex-direction:column;margin-bottom:14px}.cms-title-row h1{font-size:1.3rem}.cms-title-row .btn{width:100%;justify-content:center}.cms-editor-card .card-body,.cms-settings-card .card-body,.cms-preview-card .card-body{padding:16px}.cms-form-row{grid-template-columns:1fr}.cms-post-item{grid-template-columns:58px 1fr;padding:13px}.cms-post-thumb{width:58px;height:54px}.cms-savebar{align-items:stretch;flex-direction:column}.cms-savebar .btn{justify-content:center}.content-hero,.contact-hero{padding:52px 0 38px}.content-hero h1,.contact-hero h1{font-size:2rem}.content-hero p,.contact-hero p{font-size:.8rem}.content-section,.contact-section{padding:36px 0 52px}.content-grid{grid-template-columns:1fr}.news-card-image{height:190px}.article-page{padding:34px 0 54px}.article-wrap>h1{font-size:1.8rem}.article-lead{font-size:.84rem}.article-body{font-size:.78rem;line-height:1.85}.article-cta{align-items:stretch;flex-direction:column}.article-cta .btn{width:100%}.home-news-grid{grid-template-columns:1fr}.public-logo-img{width:36px;height:36px}.contact-card{padding:16px}}
.auth-brand-image{background:#fff!important;overflow:hidden;padding:3px!important;border:1px solid #e2e8f0!important}.auth-brand-image img{width:100%;height:100%;object-fit:contain;border-radius:7px}.public-brand-mark.auth-brand-image img{display:block}

/* =========================================================
   Phase 7.1 — Frontend cleanup, logo correction and subtle borders
   ========================================================= */
:root{
  --p71-border:#dfe6ee;
  --p71-border-soft:#e9eef4;
  --p71-surface:#ffffff;
  --p71-surface-soft:#f8fafc;
  --p71-shadow:0 8px 24px rgba(15,23,42,.045);
}

/* Frontend brand: allow a real wordmark/logo to keep its natural proportion. */
.public-logo-v7{display:inline-flex!important;align-items:center!important;gap:10px!important;min-width:0!important;text-decoration:none!important;color:#0f172a!important}
.public-logo-upload{display:flex!important;align-items:center!important;justify-content:flex-start!important;width:auto!important;height:40px!important;max-width:170px!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;overflow:visible!important;flex:0 1 auto!important}
.public-logo-upload img{display:block!important;width:auto!important;height:auto!important;max-width:170px!important;max-height:38px!important;object-fit:contain!important;object-position:left center!important;border-radius:0!important}
.public-logo-mark-v7{width:38px;height:38px;border-radius:10px;background:#0f172a;color:#fff;display:grid;place-items:center;font-size:.94rem;font-weight:800;flex:0 0 auto}
.public-logo-name-v7{font-size:.95rem;font-weight:780;letter-spacing:-.015em;color:#0f172a;white-space:nowrap}

/* Header is intentionally flatter; logo and primary actions carry the hierarchy. */
.public-nav-v6{border-bottom:1px solid var(--p71-border-soft)!important;box-shadow:0 4px 16px rgba(15,23,42,.018)!important}
.public-nav-inner-v6{height:70px!important;min-height:70px!important}
.public-menu-v6>a{position:relative}.public-menu-v6>a.active,.public-menu-v6>a:hover{color:#2563eb!important}
.public-menu-v6>a.active:after{content:"";position:absolute;left:0;right:0;bottom:1px;height:2px;border-radius:2px;background:#2563eb}

/* Landing page: fewer decorative layers, clearer bordered surfaces. */
.public-hero-clean{padding:72px 0 62px!important;background:#fff!important;border-bottom:1px solid #f1f4f8}
.public-eyebrow{margin-bottom:15px!important}
.public-product-preview{border:1px solid #d8e1eb!important;background:#f7f9fc!important;box-shadow:0 18px 44px rgba(15,23,42,.075)!important}
.preview-window-head-v7{display:flex!important;align-items:center!important;justify-content:space-between!important;color:#7b8796!important}
.preview-window-head-v7 small{margin:0!important;font-size:.61rem!important;font-weight:700!important;color:#64748b!important}
.preview-window-head-v7>span{display:inline-flex;align-items:center;gap:5px;font-size:.57rem;color:#94a3b8}
.preview-window-head-v7 svg{width:12px;height:12px}
.preview-payment-card{border:1px solid var(--p71-border-soft)!important;box-shadow:0 3px 10px rgba(15,23,42,.025)!important}
.preview-method-row{border-color:var(--p71-border)!important;background:#fff!important}

.public-section-clean{border-bottom:1px solid #f1f4f8}
.public-soft{background:#f8fafc!important;border-top:1px solid #eef2f6!important;border-bottom:1px solid #eef2f6!important}
.public-feature-grid article,
.public-process-grid article,
.public-security-grid article,
.home-news-grid article,
.public-checkout-steps,
.contact-card,
.contact-info-panel,
.news-card,
.article-cta{border:1px solid var(--p71-border)!important;background:var(--p71-surface)!important;box-shadow:var(--p71-shadow)!important}
.public-feature-grid article{transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease}
.public-feature-grid article:hover,.home-news-grid article:hover,.contact-card:hover{border-color:#bfd2ea!important;transform:translateY(-1px);box-shadow:0 12px 28px rgba(15,23,42,.065)!important}
.feature-clean-icon{border:1px solid #d8e7fb!important}

/* Previously these process cards only had a top line; give every box a complete subtle border. */
.public-process-grid article{border-top:1px solid var(--p71-border)!important;border-radius:13px!important;padding:20px!important;min-height:170px!important}
.public-process-grid b{border:1px solid #d6e6fb}
.public-security-grid article{border-radius:12px!important}
.public-checkout-steps{border-radius:15px!important;box-shadow:0 10px 28px rgba(15,23,42,.05)!important}
.step-card{border-color:var(--p71-border)!important;background:#fff!important}
.step-note{border:1px solid #d9e7fb!important}

/* Make the benefit list read as light-weight boxes instead of loose floating rows. */
.public-check-list{gap:10px!important}
.public-check-list li{border:1px solid var(--p71-border)!important;border-radius:11px!important;background:#fff!important;padding:13px 14px!important;box-shadow:0 2px 8px rgba(15,23,42,.02)}

.developer-code-card{border-color:#344257!important;box-shadow:0 14px 34px rgba(0,0,0,.12)!important}
.developer-pill-row span{background:rgba(255,255,255,.025)}
.public-final-cta{border-top:1px solid rgba(255,255,255,.12)}

/* Footer brand uses the uploaded logo as a wordmark and removes the old forced square treatment. */
.public-footer-brand-v7{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:#fff}
.public-footer-logo-upload{display:flex;align-items:center;justify-content:flex-start;max-width:170px;height:40px;padding:5px 8px;border:1px solid #263449;border-radius:9px;background:#fff}
.public-footer-logo-upload img{display:block;width:auto;height:auto;max-width:150px;max-height:28px;object-fit:contain}
.public-footer-mark-v7{width:36px;height:36px;border-radius:9px;background:#2563eb;color:#fff;display:grid;place-items:center;font-size:.9rem;font-weight:800}
.public-footer-brand-v7>strong{font-size:.9rem;color:#fff}

/* Public content cards use the same visual system as the homepage. */
.content-hero,.contact-hero{border-bottom:1px solid #edf2f7!important;background:#fbfcfe!important}
.news-card-footer{border-top-color:#e8edf3!important}
.article-cover{border-color:var(--p71-border)!important;box-shadow:var(--p71-shadow)}
.contact-info-panel{background:#fbfcfe!important}

/* Remove legacy square frontend logo rules when a CMS wordmark is present. */
.public-logo-v7 .public-logo-img{width:auto!important;height:auto!important;border:0!important;background:transparent!important;padding:0!important}

@media(max-width:991.98px){
  .public-nav-inner-v6{height:66px!important;min-height:66px!important}
  .public-logo-upload{height:36px!important;max-width:145px!important}.public-logo-upload img{max-width:145px!important;max-height:34px!important}
  .public-menu-v6>a.active:after{display:none}
}
@media(max-width:767.98px){
  .public-hero-clean{padding:46px 0 42px!important}
  .public-process-grid article{min-height:0!important;padding:17px!important}
  .public-feature-grid article,.home-news-grid article{box-shadow:0 4px 14px rgba(15,23,42,.035)!important}
}
@media(max-width:420px){
  .public-logo-upload{max-width:118px!important}.public-logo-upload img{max-width:118px!important;max-height:32px!important}
  .public-logo-name-v7{font-size:.88rem}
}