@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Hind+Siliguri:wght@400;500;600;700&display=swap');
:root{--espresso:#2B1409;--coffee:#542B16;--copper:#B9825C;--champagne:#E8C6A9;--ivory:#FFFFFF;--white:#fff;--ink:#24140D;--muted:#806F64;--border:#EFE8E2;--green:#18865C;--shadow:0 18px 50px rgba(43,20,9,.09)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font-family:"DM Sans","Hind Siliguri",sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}.wrap{width:min(1160px,calc(100% - 48px));margin:auto}.topbar{height:78px;padding:0 max(24px,calc((100% - 1160px)/2));display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);background:#fff;position:sticky;top:0;z-index:10}.brand{display:inline-flex;align-items:center;gap:10px;font-weight:700;font-size:18px;letter-spacing:-.5px}.brand b{color:var(--copper)}.brand-mark{width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:var(--espresso);color:var(--champagne);font-weight:800;font-size:20px;box-shadow:0 5px 14px #2b140922}.topbar nav{display:flex;gap:32px;color:#67584f;font-size:13px;font-weight:600}.topbar nav a:hover,.footer a:hover{color:var(--copper)}.top-actions{display:flex;gap:10px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;border:1px solid transparent;border-radius:10px;padding:11px 17px;font-weight:700;font-size:13px;transition:.25s;cursor:pointer}.btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #2b14091a}.btn-gold{background:var(--copper);color:#fff}.btn-ghost{border-color:var(--border);color:var(--coffee)}.btn-outline{border-color:#d8c7ba;color:var(--coffee)}.btn-outline-light{border-color:#ffffff70;color:white}.btn-white{background:#fff;color:var(--espresso)}.btn-brown{background:var(--espresso);color:white}.btn-lg{padding:15px 22px}.full{width:100%}.mobile-menu{display:none;border:0;background:none;font-size:23px}.hero{min-height:610px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:40px;padding-top:60px;padding-bottom:65px}.eyebrow{font-size:10px;font-weight:800;letter-spacing:2px;color:var(--copper);margin-bottom:18px}.eyebrow i,.live i{display:inline-block;width:7px;height:7px;background:#39a879;border-radius:50%;margin-right:7px;box-shadow:0 0 0 4px #39a87920}.hero h1,.section h2,.cta h2,.auth-aside h1,.demo-intro h1{font-size:clamp(42px,5vw,66px);line-height:1.08;letter-spacing:-3px;margin:0 0 22px;font-weight:800}.hero h1 em,.section h2 em,.cta h2 em,.auth-aside h1 em,.demo-intro h1 em{font-style:normal;color:var(--copper)}.lead{font-size:16px;line-height:1.8;color:var(--muted);max-width:500px}.hero-actions{display:flex;gap:12px;margin:30px 0}.trust-line{display:flex;gap:18px;flex-wrap:wrap;color:#74665d;font-size:10px;font-weight:600}.hero-art{min-height:440px;position:relative;display:grid;place-items:center}.orb{position:absolute;border-radius:50%;filter:blur(1px)}.orb-one{width:360px;height:360px;background:radial-gradient(circle,#FFFFFF 0,#fff 70%);right:4%;top:6%}.orb-two{width:200px;height:200px;border:1px solid #e8c6a966;right:18%;top:22%}.mock-card{position:relative;z-index:1;background:#fff;border:1px solid var(--border);border-radius:22px;padding:25px;width:min(420px,90%);box-shadow:0 28px 70px #2b14091c;transform:rotate(-2deg)}.mock-head,.mock-bottom{display:flex;justify-content:space-between;align-items:center}.mock-head{font-size:11px;font-weight:700;margin-bottom:32px}.live{font-size:8px;color:var(--green);letter-spacing:1px}.mock-card>small,.mock-bottom small{color:var(--muted);font-size:10px}.mock-amount{font-size:34px;font-weight:800;margin:7px 0}.mock-amount span{font-size:10px;color:var(--green)}.sparkline{height:105px;margin:15px 0}.sparkline svg{width:100%;height:100%}.mock-bottom{border-top:1px solid var(--border);padding-top:17px}.mock-bottom div{display:grid;gap:5px}.mock-bottom b{font-size:14px}.float-chip{position:absolute;z-index:2;display:flex;align-items:center;gap:10px;background:#fff;padding:12px 14px;border:1px solid var(--border);border-radius:13px;box-shadow:var(--shadow);font-size:10px}.float-chip div{display:grid;gap:4px}.float-chip small{color:var(--muted)}.float-chip strong{color:var(--green);font-size:10px}.chip-icon{width:28px;height:28px;display:grid;place-items:center;background:#eaf6f0;color:var(--green);border-radius:9px}.chip-a{top:16%;left:-1%}.chip-b{bottom:13%;right:-1%}.logo-strip{border-block:1px solid var(--border);padding:23px 0}.strip-inner{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap}.strip-inner span{font-size:9px;letter-spacing:1.4px;color:var(--muted)}.strip-inner b{font-size:10px;color:#a8998e;letter-spacing:1px}.section{padding-top:100px;padding-bottom:100px}.section-head{max-width:600px;margin-bottom:42px}.section h2,.cta h2{font-size:48px}.section-head p{color:var(--muted);line-height:1.8}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.feature-card{padding:28px;border:1px solid var(--border);border-radius:16px;transition:.3s;background:#fff}.feature-card:hover{transform:translateY(-6px);box-shadow:var(--shadow);border-color:#e1c5b0}.feature-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:#FFFFFF;color:var(--coffee);font-size:22px}.feature-card h3{font-size:16px;margin:22px 0 9px}.feature-card p{font-size:12px;line-height:1.8;color:var(--muted);margin:0}.methods-section{background:#fff;border-block:1px solid var(--border)}.methods-inner{display:grid;grid-template-columns:.8fr 1.2fr;gap:50px;align-items:start}.method-groups{display:grid;gap:16px}.method-panel{border:1px solid var(--border);border-radius:17px;padding:22px}.panel-title,.method-box-head{display:flex;align-items:center;gap:13px}.panel-title>span,.method-box-head>span{font-size:26px}.panel-title div,.method-box-head div{display:grid;gap:4px;flex:1}.panel-title b{font-size:15px}.panel-title small,.method-box-head small{font-size:10px;color:var(--muted)}.panel-title label{font-size:9px;color:var(--copper);background:#FFFFFF;padding:6px 9px;border-radius:20px}.method-pills{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}.method-pills span,.enabled-pill{font-size:10px;padding:8px 11px;border:1px solid var(--border);border-radius:8px;color:#69584d}.note{font-size:11px;line-height:1.8;color:#927e70;margin-top:20px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.step{border-top:2px solid var(--champagne);padding:20px 8px}.step>b{font-size:12px;color:var(--copper)}.step h3{font-size:15px}.step p{font-size:11px;line-height:1.8;color:var(--muted)}.cta{background:var(--espresso);border-radius:22px;padding:54px 60px;color:#fff;display:flex;align-items:center;justify-content:space-between;margin-bottom:90px}.cta .eyebrow{color:var(--champagne)}.cta h2{font-size:42px;margin-bottom:12px}.cta p{font-size:12px;color:#d3b9a6}.cta-actions{display:grid;gap:12px;min-width:170px}.footer{border-top:1px solid var(--border);padding:25px 0}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap}.footer-inner>span,.footer-inner>div{font-size:10px;color:var(--muted)}.footer-inner>div{display:flex;gap:18px}.reveal{opacity:0;transform:translateY(22px);transition:opacity 2.2s ease,transform 2.2s ease}.reveal.visible{opacity:1;transform:none}.delay-1{transition-delay:.15s}.delay-2{transition-delay:.3s}.delay-3{transition-delay:.45s}
/* auth */.auth-body{min-height:100vh;background:#fff}.auth-brand{margin:25px 5%}.auth-shell{width:min(1060px,92%);margin:20px auto 60px;display:grid;grid-template-columns:1fr 1fr;min-height:650px;border:1px solid var(--border);border-radius:22px;overflow:hidden;box-shadow:var(--shadow)}.auth-aside{background:var(--espresso);color:#fff;padding:55px 45px;position:relative;overflow:hidden}.auth-aside h1{font-size:50px}.auth-aside p{color:#d4c1b5;line-height:1.8;font-size:13px;max-width:340px}.auth-aside-art{position:absolute;bottom:50px;left:45px;right:45px;height:180px;border:1px solid #ffffff24;border-radius:20px;background:linear-gradient(130deg,#542b16,#2b1409);display:flex;align-items:center;justify-content:space-around}.mini-stat{display:grid;gap:10px}.mini-stat small,.mini-stat span{color:#d6bba7;font-size:10px}.mini-stat b{font-size:25px}.mini-ring{width:95px;height:95px;border:9px solid #b9825c;border-right-color:#ffffff25;border-radius:50%;display:grid;place-items:center;color:#e8c6a9;font-weight:800}.auth-card{padding:40px 45px}.auth-tabs{display:flex;border-bottom:1px solid var(--border);gap:25px;margin-bottom:30px}.tab{border:0;background:none;padding:0 0 13px;color:#96877d;font-weight:700;font-size:13px}.tab.active{color:var(--coffee);border-bottom:2px solid var(--copper)}.auth-card h2{font-size:26px;margin:0 0 6px}.muted{color:var(--muted);font-size:11px}.google-btn{width:100%;background:#fff;border:1px solid var(--border);border-radius:9px;padding:12px;margin:22px 0 17px;font-size:12px;font-weight:700;color:#44352c;display:flex;align-items:center;justify-content:center;gap:12px}.google-g{font-size:18px;font-weight:800;background:conic-gradient(from -45deg,#4285f4 0 25%,#34a853 0 50%,#fbbc05 0 75%,#ea4335 0);color:transparent;background-clip:text}.or{display:flex;align-items:center;gap:12px;color:#a39489;font-size:9px;margin:14px 0 18px}.or:before,.or:after{content:"";height:1px;background:var(--border);flex:1}.auth-card form{display:grid;gap:8px}.auth-card label{font-size:10px;font-weight:700;color:#554238;margin-top:5px}.auth-card input:not([type=checkbox]){width:100%;padding:12px;border:1px solid var(--border);border-radius:8px;outline:none;font-size:12px}.auth-card input:focus{border-color:var(--copper)}.password-wrap{position:relative}.password-wrap input{padding-right:44px!important}.eye{position:absolute;right:8px;top:6px;border:0;background:none;color:#806f64;padding:6px}.checkline{display:flex;align-items:flex-start;gap:7px;line-height:1.6;margin:12px 0!important;font-weight:400!important}.checkline input{margin-top:2px}.checkline a{color:var(--copper);text-decoration:underline}.form-message{font-size:11px;line-height:1.6}.form-message.error{color:#b13c32}.form-message.success{color:var(--green)}.auth-foot{font-size:9px;color:#a39489;line-height:1.7;margin-top:20px}.admin-gate{background:#fff;border:1px solid var(--border);border-radius:20px;padding:40px;width:min(420px,90%);margin:12vh auto;text-align:center;box-shadow:var(--shadow)}.admin-gate .brand-mark{margin:auto}.admin-gate h1{font-size:24px}.admin-gate p{font-size:12px;line-height:1.7;color:var(--muted)}
/* app */.app-body{background:#fff}.app-shell{display:flex;min-height:100vh}.sidebar{width:245px;background:var(--espresso);color:#fff;padding:24px 16px;display:flex;flex-direction:column;flex-shrink:0}.side-brand{color:#fff;padding:0 9px 35px}.side-brand b{color:var(--champagne)}.side-label{font-size:9px;letter-spacing:1.5px;color:#b99b85;padding:12px 12px}.side-link{display:flex;align-items:center;gap:13px;padding:13px 12px;border-radius:9px;color:#e5d7ce;font-size:13px;margin:2px 0;border:0;background:none;text-align:left;width:100%}.side-link.active,.side-link:hover{background:#ffffff16;color:#fff}.side-bottom{margin-top:auto}.app-main{min-width:0;flex:1;background:#fff}.app-top{height:76px;border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 34px;gap:16px}.app-top>div:nth-child(2){display:grid;gap:4px}.app-top small{font-size:8px;letter-spacing:1.4px;color:var(--muted)}.app-top b{font-size:15px}.top-right{margin-left:auto;display:flex;align-items:center;gap:12px}.icon-btn{border:1px solid var(--border);background:#fff;width:36px;height:36px;border-radius:10px;color:var(--coffee);position:relative}.notif-dot{position:absolute;width:6px;height:6px;background:#c85e46;border-radius:50%;right:7px;top:7px}.profile-mini{width:36px;height:36px;border:0;border-radius:50%;background:var(--espresso);color:var(--champagne);display:grid;place-items:center;font-size:11px;font-weight:800}.app-content{padding:30px 34px;max-width:1400px;margin:auto}.merchant-banner{background:var(--espresso);border-radius:16px;padding:23px 25px;display:flex;align-items:center;gap:16px;color:#fff}.merchant-avatar{width:55px;height:55px;border-radius:15px;background:#542b16;border:1px solid #b9825c88;display:grid;place-items:center;color:var(--champagne);font-weight:800;font-size:20px}.merchant-info{flex:1}.merchant-info small{font-size:8px;letter-spacing:1.5px;color:var(--champagne)}.merchant-info h2{font-size:18px;margin:5px 0}.merchant-info p{font-size:10px;color:#d8c3b4;margin:0 0 7px}.status-pill{font-size:9px;color:#a7e0c4}.content-heading{display:flex;justify-content:space-between;align-items:center;margin:30px 0 18px}.content-heading h1{font-size:23px;margin:0 0 5px}.content-heading p{font-size:11px;color:var(--muted);margin:0}.date-chip{font-size:10px;border:1px solid var(--border);padding:9px 12px;border-radius:8px;color:var(--muted)}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.stat-card{border:1px solid var(--border);border-radius:13px;padding:19px;background:#fff}.stat-card small{display:block;font-size:8px;letter-spacing:1px;color:var(--muted);font-weight:700}.stat-card strong{display:block;font-size:24px;margin:13px 0 6px;letter-spacing:-1px}.stat-foot{font-size:9px;color:#a39489}.chart-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:16px}.chart-card,.table-card{border:1px solid var(--border);border-radius:13px;padding:20px;background:#fff;min-width:0}.chart-title{display:flex;justify-content:space-between;align-items:start}.chart-title div{display:grid;gap:5px}.chart-title b{font-size:13px}.chart-title small{font-size:9px;color:var(--muted)}.chart-title>span{font-size:9px;color:var(--copper)}.bars{height:145px;display:flex;align-items:end;justify-content:space-around;padding-top:15px}.bars>div{height:100%;display:flex;flex-direction:column;justify-content:end;align-items:center;gap:8px;width:8%}.bars i{width:100%;max-width:22px;background:linear-gradient(var(--copper),#e8c6a9);border-radius:5px 5px 0 0}.bars small,.axis{font-size:8px;color:var(--muted)}.donut-wrap{display:flex;align-items:center;justify-content:center;gap:35px;height:145px}.donut{width:112px;height:112px;border-radius:50%;background:conic-gradient(var(--copper) 0 75%,#EFE8E2 75% 90%,#f5eee9 90%);display:grid;place-items:center}.donut>div{width:78px;height:78px;background:white;border-radius:50%;display:grid;place-content:center;text-align:center}.donut b{font-size:20px}.donut small{font-size:8px;color:var(--muted)}.legend{display:grid;gap:10px;font-size:9px;color:var(--muted)}.legend span:first-child{color:var(--copper)}.horizontal-chart{display:grid;gap:14px;margin-top:24px}.horizontal-chart>div{display:grid;grid-template-columns:110px 1fr;gap:12px;align-items:center;font-size:9px}.horizontal-chart i{height:8px;background:#FFFFFF;border-radius:10px;overflow:hidden}.horizontal-chart i b{height:100%;display:block;background:var(--copper);border-radius:10px}.line-chart{height:145px;padding-top:20px}.line-chart svg{width:100%;height:105px}.axis{display:flex;justify-content:space-between}.big-insight{font-size:28px;font-weight:800;margin:25px 0 16px}.big-insight span{font-size:10px;color:var(--green)}.mini-bars{height:75px;display:flex;align-items:end;gap:10px}.mini-bars i{flex:1;background:#B9825C;border-radius:4px 4px 0 0}.table-card{margin-top:16px}.table-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:15px}.table-head h3{font-size:13px;margin:0 0 5px}.table-head p{font-size:9px;color:var(--muted);margin:0}.table-head a{font-size:10px;color:var(--copper);font-weight:700}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;white-space:nowrap}th{text-align:left;font-size:8px;letter-spacing:.8px;color:#9c8b7f;padding:12px;border-bottom:1px solid var(--border)}td{font-size:10px;padding:13px 12px;border-bottom:1px solid #f5f1ed;color:#55473e}.empty-cell{text-align:center;color:#9c8b7f;padding:28px}.pill-success{background:#eaf6f0;color:var(--green);padding:5px 8px;border-radius:20px;font-size:9px}.enabled-methods{display:flex;gap:8px;flex-wrap:wrap}.notice{padding:14px 16px;background:#FFFFFF;border:1px solid #f0dfd2;border-radius:10px;color:#795b46;font-size:11px;line-height:1.7}.method-admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:18px}.method-box{border:1px solid var(--border);border-radius:14px;padding:20px}.method-box-head{padding-bottom:16px;border-bottom:1px solid var(--border)}.method-box-head h3{font-size:15px;margin:0}.method-list{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:16px}.method-choice{display:flex;align-items:center;gap:8px;border:1px solid var(--border);border-radius:9px;padding:8px;font-size:10px;min-width:0}.method-choice input{accent-color:var(--coffee)}.method-choice b{font-size:9px;flex:1}.method-choice small{color:#aa9b91;font-size:8px}.method-logo{width:25px;height:25px;display:grid;place-items:center;border-radius:7px;font-weight:800;font-size:12px;flex-shrink:0}.pink{background:#FFFFFF;color:#d71963}.orange{background:#FFFFFF;color:#ed7b21}.purple{background:#FFFFFF;color:#7338b7}.blue{background:#FFFFFF;color:#2456a6}.red{background:#FFFFFF;color:#c12b39}.dark{background:#eee;color:#222}.brown{background:#FFFFFF;color:#6a3d24}.search-input{border:1px solid var(--border);border-radius:8px;padding:9px 12px;font-size:10px;min-width:170px}.sidebar.open{display:flex}.demo-body{min-height:100vh}.demo-wrap{width:min(1000px,92%);margin:70px auto;display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.demo-intro h1{font-size:48px}.demo-intro p{font-size:13px;color:var(--muted);line-height:1.8}.demo-tag{display:inline-block;background:#FFFFFF;color:var(--copper);padding:9px 12px;border-radius:7px;font-size:9px;font-weight:800;letter-spacing:1px;margin-top:20px}.checkout-card{border:1px solid var(--border);border-radius:18px;padding:25px;box-shadow:var(--shadow)}.checkout-brand{display:flex;align-items:center;gap:10px}.checkout-brand>div{display:grid;gap:4px;flex:1}.checkout-brand b{font-size:12px}.checkout-brand small{font-size:9px;color:var(--muted)}.checkout-brand strong{font-size:14px}.checkout-card hr{border:0;border-top:1px solid var(--border);margin:22px 0}.checkout-card h3{font-size:15px}.checkout-methods{display:grid;gap:9px;margin:16px 0 22px}.checkout-methods label{display:flex;align-items:center;gap:11px;border:1px solid var(--border);padding:12px;border-radius:10px;cursor:pointer}.checkout-methods label:has(input:checked){border-color:var(--copper);background:#FFFFFF}.checkout-methods input{accent-color:var(--coffee)}.checkout-methods label>span:nth-of-type(2){display:grid;gap:4px;flex:1}.checkout-methods b{font-size:11px}.checkout-methods small{font-size:9px;color:var(--muted)}.checkout-methods label>i{width:8px;height:8px;border-radius:50%;background:#ddd}.checkout-methods input:checked~i{background:var(--copper);box-shadow:0 0 0 4px #b9825c22}.tiny{font-size:9px;line-height:1.6}.demo-result{background:#f5fbf7;border:1px solid #d4eddf;padding:14px;border-radius:10px;font-size:11px;color:#286346;margin-top:15px}.legal{padding-top:45px;padding-bottom:80px;max-width:850px}.legal section{padding:25px 0;border-bottom:1px solid var(--border);scroll-margin-top:90px}.legal h1,.legal h2{color:var(--coffee)}.legal p{color:var(--muted);font-size:13px;line-height:1.9}
@media(max-width:900px){.topbar nav{display:none}.mobile-menu{display:block}.top-actions{margin-left:auto;margin-right:15px}.nav-open .topbar nav{display:flex;position:absolute;top:78px;left:0;right:0;background:#fff;padding:20px;flex-direction:column;box-shadow:var(--shadow)}.hero{grid-template-columns:1fr;padding-top:55px}.hero-art{min-height:390px}.methods-inner{grid-template-columns:1fr;gap:10px}.steps{grid-template-columns:repeat(2,1fr)}.cta{padding:40px;gap:20px}.sidebar{width:210px}.app-content{padding:25px 20px}.stat-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.wrap{width:calc(100% - 34px)}.topbar{height:66px;padding:0 17px}.top-actions .btn-ghost{display:none}.top-actions .btn{padding:9px 12px;font-size:11px}.hero{padding-top:45px;gap:10px}.hero h1{font-size:46px;letter-spacing:-2px}.lead{font-size:13px}.trust-line{font-size:9px;gap:9px}.hero-art{min-height:330px}.mock-card{padding:18px}.mock-amount{font-size:27px}.chip-a{left:-5px}.chip-b{right:-5px}.float-chip{padding:9px;font-size:9px}.logo-strip{padding:16px 0}.strip-inner{justify-content:center}.strip-inner span{width:100%;text-align:center}.strip-inner b{font-size:8px}.section{padding:65px 0}.section h2{font-size:39px}.feature-grid{grid-template-columns:1fr 1fr;gap:9px}.feature-card{padding:17px}.feature-card h3{font-size:13px;margin-top:15px}.feature-card p{font-size:10px}.methods-inner{gap:5px}.method-panel{padding:17px}.steps{gap:8px}.step{padding:14px 5px}.step h3{font-size:13px}.step p{font-size:10px}.cta{display:block;padding:32px 25px;margin-bottom:55px}.cta h2{font-size:35px}.cta-actions{display:flex;margin-top:25px}.cta-actions .btn{font-size:10px;padding:12px}.footer-inner{justify-content:center;text-align:center}.footer-inner>span{width:100%;order:3}.auth-shell{grid-template-columns:1fr;margin:12px auto 35px;width:94%}.auth-aside{padding:28px;min-height:240px}.auth-aside h1{font-size:37px}.auth-aside p{font-size:11px}.auth-aside-art{display:none}.auth-card{padding:28px 22px}.auth-brand{margin:16px 4%}.app-shell{display:block}.sidebar{display:none;position:fixed;z-index:30;inset:0 auto 0 0;width:260px;box-shadow:var(--shadow)}.sidebar.open{display:flex}.app-top{height:65px;padding:0 15px}.app-content{padding:18px 13px}.merchant-banner{padding:16px;flex-wrap:wrap}.merchant-avatar{width:45px;height:45px}.merchant-info h2{font-size:15px}.merchant-banner>.btn{width:100%}.content-heading{margin:23px 0 15px}.content-heading h1{font-size:20px}.stat-grid{gap:8px}.stat-card{padding:13px}.stat-card strong{font-size:19px}.stat-card small{font-size:7px}.chart-grid{grid-template-columns:1fr;gap:9px}.chart-card{padding:15px}.method-admin-grid{grid-template-columns:1fr}.method-list{grid-template-columns:1fr 1fr}.method-choice{padding:7px 5px;gap:5px}.method-choice b{font-size:8px}.demo-wrap{grid-template-columns:1fr;gap:28px;margin:35px auto}.demo-intro h1{font-size:40px}.checkout-card{padding:18px}.table-card{padding:14px}.table-head{align-items:flex-start}.search-input{min-width:120px;width:45%}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}}
/* Admin workspace additions — white canvas, espresso navigation */
.admin-search-row{display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin:12px 0 16px}.admin-search-row .search-input{flex:1;min-width:210px}.admin-form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;padding:16px;margin:12px 0 18px;border:1px solid var(--border);border-radius:12px;background:#fff}.admin-form-grid label{display:grid;gap:6px;font-size:10px;color:var(--muted);font-weight:700}.admin-form-grid input,.admin-form-grid select{width:100%;padding:11px;border:1px solid var(--border);border-radius:8px;background:#fff;color:#24140d;font:inherit}.admin-form-grid .btn{align-self:end}.admin-user-id{font-size:9px;word-break:break-all}@media(max-width:650px){.admin-form-grid{grid-template-columns:1fr 1fr}.admin-search-row>*{flex:1}.admin-search-row .search-input{flex-basis:100%}}
.notification-list{display:grid;gap:10px}.notification-item{padding:15px;border:1px solid var(--border);border-radius:11px;background:#fff}.notification-item b{font-size:13px}.notification-item p{font-size:11px;color:var(--muted);line-height:1.7}.notification-item small{font-size:9px;color:var(--muted)}

/* Ekannto Pay workspace expansion */
.menu-parent{width:100%;border:0;background:transparent;text-align:left;cursor:pointer;font:inherit}.menu-chevron{margin-left:auto;transition:transform .2s}.submenu{display:none;padding:3px 0 8px 38px}.submenu.expanded{display:grid;gap:4px}.submenu a{color:#d9c7bb;text-decoration:none;font-size:13px;padding:9px 10px;border-radius:8px}.submenu a:hover,.submenu a:focus{background:rgba(255,255,255,.12);color:#fff}.checkout-card{max-width:520px}.checkout-amount{font-size:34px;font-weight:800;color:#2B1409;padding:18px 0}.checkout-methods{display:grid;gap:10px;margin:16px 0}.checkout-method{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid #EFE8E2;border-radius:12px;padding:13px}.checkout-method small{color:#987b68}.checkout-method input{accent-color:#542B16}.notice{line-height:1.6}.status-pill{white-space:nowrap}.submenu a.active{background:rgba(255,255,255,.14);color:#fff}
@media(max-width:760px){.submenu{padding-left:28px}.checkout-card{margin:14px;padding:22px}.admin-form-grid{grid-template-columns:1fr}.chart-grid{grid-template-columns:1fr}}

/* Ekannto Pay hosted checkout V4 — mobile-first reference design */
.ep-checkout-page{--ep-accent:#203b68;--ep-accent-soft:#eff4fc;min-height:100vh;background:#f5f7fb;color:#14213d;font-family:inherit}.ep-checkout-page *{box-sizing:border-box}.ep-top-note{background:#fff8eb;color:#3a291d;text-align:center;padding:13px 16px;font-size:clamp(12px,2.8vw,17px);line-height:1.5;border-bottom:1px solid #eadfce;font-weight:700}.ep-top-note b{color:#2860a9}.ep-checkout-header{height:108px;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:16px max(22px,calc((100% - 900px)/2));border-bottom:1px solid #edf0f5}.ep-checkout-brand{display:flex;align-items:center;gap:15px;text-decoration:none;color:#203b68}.ep-brand-icon{width:68px;height:68px;border-radius:24px;background:#203b68;display:grid;place-items:center}.ep-brand-icon svg{width:36px;height:36px;fill:none;stroke:#fff;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.ep-checkout-brand>span:last-child{display:grid;gap:3px}.ep-checkout-brand b{font-size:25px;letter-spacing:.3px}.ep-checkout-brand small{font-size:16px;color:#7e8ca6;font-weight:700}.ep-close{font-size:38px;text-decoration:none;color:#1a2c4d;line-height:1}.ep-demo-strip{text-align:center;background:#eaf3fd;color:#2d5d96;font-size:17px;font-weight:800;padding:15px}.ep-help-row{display:flex;justify-content:center;gap:14px;padding:20px 16px;background:#f8faff;border-bottom:1px solid #e6ebf3}.ep-help-row a{flex:1;max-width:240px;display:flex;align-items:center;justify-content:center;gap:10px;background:#fff;border:1.5px solid #dfe6f0;border-radius:20px;padding:17px 8px;text-decoration:none;color:#294a78;font-weight:800;font-size:16px}.ep-help-row svg,.ep-tabs svg,.ep-order-details svg,.ep-info svg,.ep-secure-pill svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.ep-checkout-wrap{width:min(850px,calc(100% - 34px));margin:0 auto;padding:2px 0 35px}.ep-order-hero{margin:0 0 28px;background:linear-gradient(130deg,#203b68,#1c416f);border-radius:34px;padding:36px;color:#fff;box-shadow:0 18px 40px #172f501c;position:relative;overflow:hidden}.ep-order-head{display:flex;align-items:center;gap:18px;position:relative;z-index:1;min-height:105px}.ep-store-icon{width:82px;height:82px;background:#fff;border-radius:50%;display:grid;place-items:center;flex:none}.ep-store-icon svg{width:44px;height:44px;fill:none;stroke:#203b68;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.ep-order-head>div{display:grid;gap:8px}.ep-order-head b{font-size:25px}.ep-order-head small{font-size:17px;color:#c9d3e4}.ep-watermark{position:absolute;right:0;width:110px;height:110px;opacity:.14;fill:none;stroke:#fff;stroke-width:2}.ep-amount-row{border-top:1px solid #ffffff50;margin-top:28px;padding-top:30px;display:flex;align-items:end;justify-content:space-between;gap:12px;position:relative;z-index:1}.ep-amount-row>div{display:grid;gap:8px}.ep-amount-row small{font-size:18px;color:#e0e7f2}.ep-amount-row strong{font-size:clamp(35px,8vw,52px);line-height:1.05;letter-spacing:-1px}.ep-secure-pill{display:flex;align-items:center;gap:8px;background:#ffffff25;border-radius:24px;padding:12px 15px;font-size:14px;font-weight:800;white-space:nowrap}.ep-order-details{background:#fff;border:1.5px solid #e4eaf3;border-radius:25px;margin:0 0 42px;padding:23px 28px;box-shadow:0 8px 24px #1b35510a}.ep-order-details summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:14px;font-size:22px;font-weight:800}.ep-order-details summary::-webkit-details-marker{display:none}.ep-order-details[open] summary{padding-bottom:16px;border-bottom:1px solid #e9edf4}.ep-order-details>div{padding-top:15px;color:#75839a;font-size:14px}.ep-method-section h1{font-size:clamp(26px,5vw,36px);margin:0 0 8px;font-weight:900;letter-spacing:-.5px}.ep-method-section>p{margin:0 0 28px;color:#93a0b6;font-size:18px}.ep-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;background:#fff;border:1.5px solid #dfe7f2;border-radius:24px;padding:7px;margin-bottom:22px}.ep-tabs button{border:0;border-radius:18px;background:transparent;color:#7c8ca7;padding:16px 5px;display:flex;align-items:center;justify-content:center;gap:9px;font:inherit;font-size:15px;font-weight:800;cursor:pointer}.ep-tabs button.active{background:#203b68;color:#fff;box-shadow:0 6px 14px #203b6820}.ep-method-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:20px}.ep-method-card,.ep-method-choice{min-height:105px;border:1.5px solid #dfe7f2;border-radius:22px;background:#fff;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 20px;cursor:pointer;color:#20324f;font:inherit;transition:transform .22s,border-color .22s,box-shadow .22s}.ep-method-card:hover,.ep-method-choice:hover{transform:translateY(-2px);box-shadow:0 10px 25px #1a355015}.ep-method-card.selected,.ep-method-choice.selected{border-color:var(--ep-accent);background:var(--ep-accent-soft);box-shadow:0 0 0 2px color-mix(in srgb,var(--ep-accent) 12%,transparent)}.ep-method-logo{display:none}.logo-bkash{color:#d71963;font-family:Georgia,serif;font-size:24px}.logo-nagad{color:#ed5b26;font-size:23px}.logo-rocket{color:#8a2b8f}.logo-card{color:#1a1f71}.logo-bank{color:#174a7e;font-size:15px}.ep-method-card b,.ep-method-choice b{font-size:16px;flex:1}.ep-method-card>span:last-child,.ep-method-arrow{font-size:23px;color:#a9b9d0}.ep-method-choice{flex-wrap:wrap;min-height:92px}.ep-method-choice small{width:100%;font-size:11px;color:#8997ad;padding-left:4px}.ep-method-choice[hidden],.ep-method-card[hidden]{display:none}.ep-loading{grid-column:1/-1;padding:25px;background:#fff;border-radius:16px;color:#8190a8}.ep-info{display:flex;align-items:center;gap:13px;background:#edf1f6;border-radius:19px;padding:17px 21px;color:#526d91;font-size:15px;line-height:1.55;margin:18px 0 24px}.ep-total-card{background:#fff;border:1.5px solid #e6ecf4;border-radius:25px;padding:25px 28px;margin:22px 0}.ep-total-card>div{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:7px 0;color:#7d8da7;font-size:17px}.ep-total-card>div b{color:#526887}.ep-total-card hr{border:0;border-top:1px solid #e5ebf3;margin:15px 0}.ep-total-card .ep-grand-total{color:#152d52;font-size:24px}.ep-grand-total strong{font-size:clamp(28px,6vw,42px);color:#203b68}.ep-pay-button{width:100%;border:0;border-radius:22px;background:var(--ep-accent);color:#fff;padding:23px 20px;font:inherit;font-size:20px;font-weight:900;box-shadow:0 12px 25px color-mix(in srgb,var(--ep-accent) 22%,transparent);cursor:pointer;transition:transform .2s,filter .2s}.ep-pay-button:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.ep-pay-button:not(:disabled):active{transform:scale(.99)}.ep-powered{text-align:center;color:#8c9ab1;font-size:14px;margin:32px 0 12px}.ep-powered b{color:#203b68;letter-spacing:.5px}.ep-bottom-note{text-align:center;min-height:22px;color:#64748b;font-size:13px;line-height:1.6;margin-bottom:20px}.ep-merchant-logo{width:42px;height:42px;object-fit:contain;border-radius:10px}.ep-demo-page .ep-method-card{min-height:115px}.ep-demo-page .ep-pay-button{background:#203b68}.ep-demo-page .ep-bottom-note{background:#edf5ff;padding:12px;border-radius:14px}.ep-demo-page .ep-bottom-note.is-demo{color:#235f43;background:#eaf8f0}
@media(max-width:600px){.ep-top-note{padding:12px 15px}.ep-checkout-header{height:92px;padding:12px 22px}.ep-brand-icon{width:58px;height:58px;border-radius:20px}.ep-checkout-brand b{font-size:21px}.ep-checkout-brand small{font-size:14px}.ep-demo-strip{font-size:14px;padding:13px 8px}.ep-help-row{gap:8px;padding:15px 13px}.ep-help-row a{font-size:14px;padding:14px 4px;border-radius:17px;gap:7px}.ep-help-row svg{width:20px;height:20px}.ep-checkout-wrap{width:calc(100% - 32px)}.ep-order-hero{padding:27px 24px;border-radius:30px;margin-bottom:25px}.ep-order-head{min-height:85px;gap:14px}.ep-store-icon{width:68px;height:68px}.ep-store-icon svg{width:37px;height:37px}.ep-order-head b{font-size:21px}.ep-order-head small{font-size:15px}.ep-watermark{width:80px;height:80px}.ep-amount-row{margin-top:24px;padding-top:24px;align-items:center}.ep-amount-row small{font-size:15px}.ep-amount-row strong{font-size:39px}.ep-secure-pill{font-size:12px;padding:10px 11px}.ep-order-details{padding:20px 21px;border-radius:23px;margin-bottom:38px}.ep-order-details summary{font-size:19px}.ep-method-section h1{font-size:29px}.ep-method-section>p{font-size:16px;margin-bottom:24px}.ep-tabs{border-radius:22px;padding:5px;gap:3px}.ep-tabs button{font-size:13px;gap:6px;padding:14px 3px;border-radius:17px}.ep-tabs svg{width:19px;height:19px}.ep-method-grid{gap:11px}.ep-method-card,.ep-method-choice{padding:13px 12px;min-height:91px;border-radius:20px;gap:6px;flex-wrap:wrap}.ep-method-logo{min-width:0;font-size:17px}.logo-bkash,.logo-nagad{font-size:20px}.ep-method-card b,.ep-method-choice b{font-size:14px}.ep-method-card>span:last-child{font-size:19px}.ep-method-choice small{font-size:10px}.ep-info{padding:14px 16px;font-size:13px;border-radius:17px}.ep-total-card{padding:20px 22px;border-radius:22px}.ep-total-card>div{font-size:15px}.ep-total-card .ep-grand-total{font-size:21px}.ep-grand-total strong{font-size:32px}.ep-pay-button{font-size:17px;padding:20px 13px;border-radius:20px}.ep-powered{font-size:12px;margin-top:27px}}
@media(prefers-reduced-motion:no-preference){.ep-order-hero{animation:epRise .55s ease both}.ep-order-details{animation:epRise .65s ease both}.ep-method-section{animation:epRise .75s ease both}.ep-total-card{animation:epRise .85s ease both}.ep-pay-button{animation:epPulseIn .9s ease both}@keyframes epRise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes epPulseIn{0%{opacity:0;transform:translateY(12px)}70%{opacity:1;transform:translateY(-2px)}100%{transform:translateY(0)}}}
.ep-theme-editor .admin-form-grid{align-items:end}.ep-theme-editor input[type=color]{height:42px;padding:4px}.ep-theme-preview{font-size:9px;letter-spacing:1px;color:#73839b;font-weight:800}.ep-theme-preview-card{--ep-accent:#203B68;margin-top:20px;border-radius:16px;background:var(--ep-accent);color:#fff;padding:18px;display:flex;align-items:center;gap:12px}.ep-theme-preview-logo{width:42px;height:42px;background:#fff;color:var(--ep-accent);border-radius:50%;display:grid;place-items:center;font-weight:900}.ep-theme-preview-card>div{display:grid;gap:4px;flex:1}.ep-theme-preview-card small{color:#d9e2f0}.ep-theme-preview-card strong{font-size:15px}
.side-svg{width:19px;height:19px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle}.side-link .side-svg{margin-right:2px}
@media(prefers-reduced-motion:no-preference){.ep-watermark{animation:epFloat 4.8s ease-in-out infinite}.ep-brand-icon{animation:epSoftGlow 3.8s ease-in-out infinite}.ep-method-card:focus-visible,.ep-method-choice:focus-visible,.ep-tabs button:focus-visible,.ep-pay-button:focus-visible{outline:3px solid color-mix(in srgb,var(--ep-accent) 35%,white);outline-offset:3px}@keyframes epFloat{0%,100%{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(-7px) rotate(4deg)}}@keyframes epSoftGlow{0%,100%{box-shadow:0 0 0 0 #203b6800}50%{box-shadow:0 0 0 7px #203b6812}}}

/* V5: consistent SVG controls, mobile drawer close control and payment brand artwork */
.side-svg,.icon-btn svg,.menu-chevron svg,.sidebar-close svg,.inline-icon,.region-icon svg,.feature-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}.icon-btn{display:inline-grid;place-items:center}.icon-btn svg{width:19px;height:19px}.menu-chevron{margin-left:auto;display:flex}.menu-chevron svg{width:17px;height:17px;transition:transform .2s}.menu-parent[aria-expanded="true"] .menu-chevron svg{transform:rotate(180deg)}.submenu{display:none;padding:4px 0 8px 42px}.submenu.expanded{display:grid;gap:4px}.submenu a{display:block;color:#d7c6ba;text-decoration:none;padding:9px 10px;border-radius:8px;font-size:12px}.submenu a:hover,.submenu a.active{background:#ffffff18;color:#fff}.sidebar-close{display:none}.inline-icon{display:inline-block;vertical-align:middle;width:17px;height:17px}.region-icon svg{width:27px;height:27px;stroke-width:1.4}.method-logo-img{width:88px;height:42px;object-fit:contain;display:block;background:#fff;border-radius:7px;padding:2px}.ep-method-logo-img{width:100px;height:48px;object-fit:contain;display:block;flex:none}.method-choice{display:flex;align-items:center;gap:9px}.method-choice b{flex:1}.ep-method-choice .ep-method-logo-img{width:92px;height:43px}.ep-close svg{width:29px;height:29px;stroke:currentColor;stroke-width:2;fill:none;stroke-linecap:round}.ep-powered .inline-icon{width:18px;height:18px;stroke:currentColor}
@media(max-width:650px){.sidebar{overflow-y:auto;padding-top:55px}.sidebar-close{display:grid;position:absolute;top:12px;right:12px;width:38px;height:38px;border:1px solid #ffffff35;border-radius:11px;background:#ffffff12;color:#fff;place-items:center;z-index:3}.sidebar-close svg{width:22px;height:22px;stroke:currentColor;stroke-width:2;fill:none;stroke-linecap:round}.app-top .icon-btn{display:grid;place-items:center}.method-choice b{font-size:10px}.method-logo-img{width:76px;height:36px}}

.ep-method-arrow-svg{width:22px;height:22px;stroke:#a9b9d0;stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round;flex:none}.ep-method-choice .ep-method-logo-img{max-width:100px}.ep-method-choice b{min-width:0}.ep-method-choice small{padding-left:0}

.feature-icon svg,.chip-icon svg,.ep-help-row svg,.ep-tabs button svg,.ep-info>svg,.eye svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle}.eye{display:grid;place-items:center}.legend-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px}.success-dot{background:#2E9B67}.pending-dot{background:#D9A441}.failed-dot{background:#D75B55}.ep-method-arrow-svg{margin-left:auto}

/* V6 navigation + icon reliability patch */
.sidebar{isolation:isolate;}
.side-link{min-height:44px;line-height:1.35;gap:12px;}
.side-link>span:not(.menu-chevron){min-width:0;flex:1;}
.side-svg,.icon-btn svg,.menu-chevron svg,.sidebar-close svg,.inline-icon{display:block;fill:none;stroke:currentColor;stroke-width:1.85;stroke-linecap:round;stroke-linejoin:round;flex:none;}
.side-svg{width:20px;height:20px;min-width:20px;}
.icon-btn{display:inline-grid;place-items:center;flex:0 0 40px;width:40px;height:40px;padding:0;line-height:0;}
.icon-btn svg{width:21px;height:21px;}
.menu-parent{position:relative;}
.menu-chevron{width:22px;height:22px;align-items:center;justify-content:center;flex:0 0 22px;}
.menu-chevron svg{width:18px;height:18px;}
.submenu{padding-left:43px;}
.submenu a{display:flex;align-items:center;min-height:38px;line-height:1.35;}
.sidebar-close{align-items:center;justify-content:center;cursor:pointer;}
.sidebar-close svg{width:22px;height:22px;}
@media(max-width:650px){
  .app-shell>.sidebar,.sidebar{display:flex;position:fixed;inset:0 auto 0 0;width:min(300px,86vw);height:100vh;height:100dvh;max-height:100vh;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding:64px 16px 22px;z-index:1001;transform:translateX(-105%);visibility:hidden;transition:transform .24s ease,visibility .24s ease;box-shadow:0 18px 55px rgba(20,10,5,.28);}
  .app-shell>.sidebar.open,.sidebar.open{display:flex;transform:translateX(0);visibility:visible;}
  .sidebar-close{display:grid;position:absolute;top:12px;right:12px;width:40px;height:40px;border:1px solid #ffffff45;border-radius:12px;background:#ffffff14;color:#fff;z-index:5;}
  body.menu-visible{overflow:hidden;}
  body.menu-visible:after{content:"";position:fixed;inset:0;background:rgba(20,10,5,.48);z-index:1000;pointer-events:auto;}
  .app-top{position:sticky;top:0;z-index:50;background:#fff;}
}
@media(prefers-reduced-motion:reduce){.sidebar{transition:none!important;}}

/* V7 iOS-safe drawer and predictable outline icon rendering */
.menu-backdrop{position:fixed;inset:0;z-index:1000;border:0;padding:0;margin:0;background:rgba(20,10,5,.52);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);}
.menu-backdrop[hidden]{display:none!important}
.app-shell>.sidebar,.sidebar{z-index:1001}
html.menu-open,html.menu-open body{overscroll-behavior:none;}
body.menu-visible{overflow:hidden!important;touch-action:none;}
.sidebar{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;}
.sidebar-close{display:grid;align-items:center;justify-content:center;}
.sidebar-close svg,.icon-btn svg,.side-svg,.menu-chevron svg,.inline-icon,.feature-icon svg,.chip-icon svg,.ep-method-arrow-svg,.eye svg,.ep-help-row svg,.ep-tabs button svg,.ep-info>svg{fill:none!important;stroke:currentColor;stroke-width:1.85;stroke-linecap:round;stroke-linejoin:round;}
.feature-icon svg,.chip-icon svg{width:24px;height:24px;display:block;}
.icon-btn svg{width:22px;height:22px;display:block;}
.side-svg{width:21px;height:21px;display:block;}
.sidebar-close{width:42px;height:42px;}
.sidebar-close svg{width:22px;height:22px;}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}
@media(max-width:650px){.app-shell>.sidebar,.sidebar{position:fixed!important;inset:0 auto 0 0!important;width:min(320px,86vw)!important;height:100dvh!important;max-height:100dvh!important;transform:translateX(-105%);visibility:hidden;transition:transform .24s ease,visibility .24s ease;display:flex!important;padding:66px 16px 24px!important;overflow-y:auto!important;z-index:1001!important}.app-shell>.sidebar.open,.sidebar.open{transform:translateX(0)!important;visibility:visible!important}.sidebar-close{position:absolute!important;top:12px!important;right:12px!important;z-index:1003!important}.app-top{z-index:30}.menu-backdrop{z-index:1000}}
@media(prefers-reduced-motion:reduce){.sidebar{transition:none!important}}