@font-face{font-family:"Anek Latin";src:url(/static/fonts/anek.5b13e28c.woff2) format("woff2");font-weight:500 800;font-stretch:75% 85%;font-display:swap;unicode-range:U+0020-007E,U+00A0-00FF,U+2013-2014,U+2018-201F,U+2022,U+2026,U+2039-203A,U+2122,U+2190-2193,U+2212,U+2713,U+2717}
@font-face{font-family:"Anek Latin";src:url(/static/fonts/anek-rupee.19ad37c2.woff2) format("woff2");font-weight:500 800;font-stretch:75% 85%;font-display:swap;unicode-range:U+20B9}
@font-face{font-family:"IBM Plex Sans";src:url(/static/fonts/plex.0182e529.woff2) format("woff2");font-weight:400 700;font-display:swap;unicode-range:U+0020-007E,U+00A0-00FF,U+2013-2014,U+2018-201F,U+2022,U+2026,U+2039-203A,U+2122,U+2190-2193,U+2212,U+2713,U+2717}
@font-face{font-family:"IBM Plex Sans";src:url(/static/fonts/plex-rupee.c668cdcd.woff2) format("woff2");font-weight:400 700;font-display:swap;unicode-range:U+20B9}
@font-face{font-family:"IBM Plex Mono";src:url(/static/fonts/plexmono.e219f6b6.woff2) format("woff2");font-weight:400 500;font-display:swap}

:root{
--ink:#1C1F45;--ink2:#262A5C;--ink3:#363C7E;--inkline:rgba(255,255,255,.09);--inksoft:#B9BCE0;
--paper:#F4F5F9;--surface:#FFFFFF;--line:#E3E5EE;--line2:#CDD1E0;--hover:#F8F9FC;
--text:#191B36;--muted:#62668A;--faint:#8A8EAA;--link:#3A45B5;
--mari:#F4A51C;--mari-d:#E3940B;--mari-s:#FFF4DC;
--ok:#0E7A57;--ok-s:#E2F3EB;--bad:#B42318;--bad-s:#FCEBE9;--pend:#4A55C8;--pend-s:#ECEEFC;--warn:#A85A00;--warn-s:#FFF1DC;
--display:"Anek Latin",ui-sans-serif,system-ui,sans-serif;
--sans:"IBM Plex Sans",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
--mono:"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
--r:10px;--r-lg:16px;
/* legacy aliases used by older markup */
--bg:var(--paper);--card:var(--surface);--accent:var(--link);--okbg:var(--ok-s);--badbg:var(--bad-s);--warnbg:var(--warn-s)}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;font:15px/1.55 var(--sans);background:var(--paper);color:var(--text);-webkit-font-smoothing:antialiased}
a{color:var(--link);text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:3px}
:focus-visible{outline:3px solid var(--mari);outline-offset:2px;border-radius:6px}
h1{font-family:var(--display);font-stretch:84%;font-weight:700;font-size:34px;line-height:1.08;letter-spacing:-.005em;margin:0 0 4px}
h2{font-size:16.5px;font-weight:600;margin:0 0 14px;letter-spacing:-.005em}
h3{font-size:14.5px;font-weight:600;margin:0 0 8px}
p{margin:0 0 12px}
td,.v,.amt,.num,.mono{font-variant-numeric:tabular-nums}
.mono{font-family:var(--sans);font-size:13px;letter-spacing:.015em}
code,pre,.key{font-family:var(--mono)}
.muted{color:var(--muted)}.small{font-size:13px}.nowrap{white-space:nowrap}
.wrap{max-width:1180px;margin:0 auto;padding:28px 20px}
/* ---- app shell */
.app{display:flex;min-height:100vh}
.side{width:248px;flex-shrink:0;background:var(--ink);color:#C9CBE4;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;padding:20px 14px 16px;z-index:30}
.brand{display:flex;align-items:center;gap:10px;color:#fff;font-family:var(--display);font-stretch:80%;font-weight:800;font-size:24px;letter-spacing:.01em;padding:0 8px}
.brand:hover{text-decoration:none}
.mark{width:32px;height:32px;border-radius:9px;background:var(--mari);color:var(--ink);display:inline-grid;place-items:center;font-family:var(--sans);font-weight:700;font-size:18px;flex-shrink:0;font-stretch:100%}
.side-kind{font-size:12.5px;color:#8F93BE;padding:4px 8px 0 50px}
.side-bal{margin:18px 2px 6px;padding:12px 14px;border-radius:12px;background:var(--ink2);border:1px solid var(--inkline)}
.side-bal .l{font-size:12.5px;color:#9DA1CC}.side-bal .v{font-family:var(--display);font-stretch:84%;font-weight:700;font-size:23px;color:#fff;line-height:1.2}
.side nav{display:flex;flex-direction:column;gap:2px;flex:1;overflow:auto;margin-top:18px}
.side nav a{display:flex;align-items:center;gap:11px;padding:9px 10px;border-radius:9px;color:#C9CBE4;font-weight:500;font-size:14.5px;position:relative}
.side nav a svg{flex-shrink:0;opacity:.75}
.side nav a:hover{background:var(--ink2);color:#fff;text-decoration:none}
.side nav a.on{background:var(--ink2);color:#fff}
.side nav a.on::before{content:"";position:absolute;left:-14px;top:9px;bottom:9px;width:3px;border-radius:0 3px 3px 0;background:var(--mari)}
.side nav a.on svg{color:var(--mari);opacity:1}
.side nav .navsep{height:1px;background:var(--inkline);margin:10px 8px}
.side-foot{display:flex;align-items:center;gap:10px;padding:14px 6px 0;border-top:1px solid var(--inkline);margin-top:12px}
.avatar{width:34px;height:34px;border-radius:50%;background:var(--ink3);color:#fff;display:grid;place-items:center;font-weight:600;font-size:13px;flex-shrink:0}
.who-t{min-width:0;flex:1;font-size:13px;line-height:1.35}.who-t b{display:block;color:#fff;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.who-t span{display:block;color:#8F93BE;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.side-foot a{color:#9DA1CC;padding:7px;border-radius:8px;display:grid}.side-foot a:hover{background:var(--ink2);color:#fff}
.mainwrap{flex:1;min-width:0;display:flex;flex-direction:column}
.main{padding:32px 38px 64px;width:100%;max-width:1340px}
.mobilebar{display:none}
.navt{position:absolute;left:0;top:0;width:1px;height:1px;margin:0;opacity:0;pointer-events:none}
.scrim{display:none}
/* ---- nav counter, USDT */
.navcount{margin-left:auto;min-width:22px;height:20px;padding:0 6px;border-radius:999px;background:var(--mari);color:var(--ink);font-size:12px;font-weight:700;display:inline-grid;place-items:center}
.addr{font-family:var(--mono);font-size:12.5px;letter-spacing:-.01em;word-break:break-all;background:var(--hover);border:1px solid var(--line);border-radius:10px;padding:10px 12px;line-height:1.5}
.deposit{display:flex;gap:18px;align-items:flex-start;flex-wrap:wrap}
.qr{width:148px;height:148px;flex-shrink:0;background:#fff;border:1px solid var(--line);border-radius:12px;padding:8px}.qr svg{width:100%;height:100%;display:block}
.deposit .grow{flex:1;min-width:220px}
.steps{list-style:none;counter-reset:st;margin:0 0 4px;padding:0}
.steps>li{counter-increment:st;position:relative;padding:0 0 18px 40px}
.steps>li::before{content:counter(st);position:absolute;left:0;top:0;width:26px;height:26px;border-radius:50%;background:var(--ink);color:#fff;font-weight:600;font-size:13px;display:grid;place-items:center}
.steps>li>h3{margin:2px 0 10px}
.unit{position:relative}.unit input{padding-right:64px}.unit::after{content:attr(data-unit);position:absolute;right:12px;bottom:11px;font-size:13px;font-weight:600;color:var(--faint);pointer-events:none}
.queue td form{display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin:0 0 6px}.queue td form input{height:34px;font-size:13px;min-width:0;flex:1 1 150px}
.linkbtn{background:none;border:0;padding:0;color:var(--link);font:inherit;font-size:13px;cursor:pointer}.linkbtn:hover{text-decoration:underline}
/* ---- page structure */
.top{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:22px}
.top .sub{color:var(--muted);font-size:14px}
.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:20px 22px;margin-bottom:20px}
.card>h2:first-child{margin-bottom:14px}
.card-head{display:flex;justify-content:space-between;align-items:baseline;gap:4px 12px;margin-bottom:14px;flex-wrap:wrap}.card-head h2{margin:0;white-space:nowrap}
.grid{display:grid;gap:20px}.g2{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.g3{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.g4{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}
.grid>.card{margin-bottom:0}.grid{margin-bottom:20px}
.sec-h{font-size:14px;font-weight:600;color:var(--muted);margin:26px 0 10px}
/* ---- stats */
.stat{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:16px 18px}
.stat .l{font-size:13px;color:var(--muted);font-weight:500}
.stat .v{font-family:var(--display);font-stretch:84%;font-weight:700;font-size:30px;line-height:1.15;margin-top:4px;color:var(--text);letter-spacing:-.005em}
.strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;margin-bottom:20px}
.strip>.stat{border:0;border-radius:0;padding:18px 20px}
.delta{font-size:12.5px;font-weight:600;margin-top:4px}.delta.up{color:var(--ok)}.delta.down{color:var(--bad)}.delta .muted{font-weight:500}
/* ---- tables */
.tbl{overflow-x:auto;margin:0 -22px;padding:0 22px}
table{width:100%;border-collapse:collapse;font-size:14px}
th{font-size:12.5px;font-weight:600;color:var(--muted);text-align:left;padding:0 12px 10px;border-bottom:1px solid var(--line);white-space:nowrap}
td{padding:12px;border-bottom:1px solid #EEF0F5;vertical-align:top}
tr:last-child td{border-bottom:0}
table tr:hover td{background:var(--hover)}
th:first-child,td:first-child{padding-left:0}th:last-child,td:last-child{padding-right:0}
table.logs td{font-size:13px}table.logs details>summary{white-space:nowrap}
/* ---- chips */
.badge{display:inline-flex;align-items:center;gap:6px;padding:2px 10px 2px 8px;border-radius:999px;font-size:12.5px;font-weight:600;line-height:1.6;white-space:nowrap;vertical-align:middle}
.badge::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor;flex-shrink:0}
.badge.ok{background:var(--ok-s);color:var(--ok)}.badge.bad{background:var(--bad-s);color:var(--bad)}.badge.pend{background:var(--pend-s);color:var(--pend)}.badge.warn{background:var(--warn-s);color:var(--warn)}.badge.muted{background:#EDEEF3;color:#5B5F7E}
/* ---- forms */
label{display:block;font-size:13px;font-weight:600;margin:14px 0 6px;color:var(--text)}
input,select,textarea{width:100%;height:42px;padding:0 12px;border:1px solid var(--line2);border-radius:var(--r);font:inherit;font-size:14.5px;background:#fff;color:var(--text);transition:border-color .15s,box-shadow .15s}
textarea{height:auto;padding:10px 12px;line-height:1.5}
input::placeholder,textarea::placeholder{color:var(--faint)}
input:focus,select:focus,textarea:focus{outline:none;border-color:var(--ink3);box-shadow:0 0 0 3px rgba(74,85,200,.16)}
input[readonly]{background:var(--hover)}
input[type=number]{-moz-appearance:textfield}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
select{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2362668A' stroke-width='2.5' stroke-linecap='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:34px}
.row{display:flex;gap:12px;flex-wrap:wrap;align-items:flex-end}.row>*{flex:1;min-width:160px}.row .auto{flex:0 0 auto;min-width:0}
.hint{font-size:13px;color:var(--muted);margin-top:8px}
/* ---- rupee amount input */
.rupee{position:relative}.rupee::before{content:"₹";position:absolute;left:16px;top:50%;transform:translateY(-50%);font-family:var(--display);font-stretch:84%;font-weight:700;font-size:24px;color:var(--faint);pointer-events:none}
.rupee input{height:50px;padding-left:38px;font-family:var(--display);font-stretch:84%;font-weight:700;font-size:26px;border-radius:12px}
/* ---- buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:42px;padding:0 18px;border-radius:var(--r);border:1px solid transparent;background:var(--mari);color:var(--ink);font:inherit;font-weight:600;font-size:14.5px;cursor:pointer;white-space:nowrap;text-decoration:none!important;transition:background .15s,border-color .15s,color .15s}
.btn:hover{background:var(--mari-d)}
.btn.sec{background:#fff;color:var(--text);border-color:var(--line2)}.btn.sec:hover{background:var(--hover);border-color:#B6BBD2}
.btn.ok{background:var(--ok);color:#fff}.btn.ok:hover{background:#0A6648}
.btn.danger{background:#fff;color:var(--bad);border-color:#EFC3BE}.btn.danger:hover{background:var(--bad-s)}
.btn.ink{background:var(--ink);color:#fff}.btn.ink:hover{background:var(--ink2)}
.btn.onink{background:rgba(255,255,255,.08);color:#fff;border-color:rgba(255,255,255,.2)}.btn.onink:hover{background:rgba(255,255,255,.16)}
.btn.sm{height:32px;padding:0 12px;font-size:13px;border-radius:8px}
.btn.lg{height:50px;padding:0 24px;font-size:16px;border-radius:12px}
.btn[disabled]{opacity:.5;cursor:not-allowed}
.actions form{display:inline}
/* ---- feedback */
.flash{display:flex;gap:10px;align-items:flex-start;padding:12px 16px;border-radius:12px;margin-bottom:20px;font-size:14px;border:1px solid;word-break:break-word}
.flash.ok{background:var(--ok-s);color:#0A5A40;border-color:#BFE3D2}.flash.bad{background:var(--bad-s);color:#8F1C13;border-color:#F2C8C3}.flash.warn{background:var(--warn-s);color:#7A4200;border-color:#F3D8AA}
.empty{padding:28px 8px;text-align:center;color:var(--muted);font-size:14px}
pre{background:var(--ink);color:#E4E6F7;padding:16px 18px;border-radius:12px;overflow:auto;font-size:13px;line-height:1.6;margin:8px 0 14px}
code{font-size:.88em;background:#EEF0F8;color:#2A2F63;padding:2px 6px;border-radius:5px}pre code{background:none;color:inherit;padding:0;font-size:inherit}
.key{background:var(--mari-s);border:1px dashed #E2AE52;padding:12px 14px;border-radius:10px;word-break:break-all;font-size:13.5px}
.center{max-width:440px;margin:70px auto;padding:0 16px}
details>summary{cursor:pointer;color:var(--link);font-size:13.5px}
details>summary::-webkit-details-marker{color:var(--faint)}
.logdetail{min-width:320px;max-width:640px}.logdetail pre{white-space:pre-wrap;word-break:break-all;max-height:360px;margin:4px 0 10px;font-size:12px}
/* ---- segmented controls, filters */
.tabs,.pills{display:inline-flex;flex-wrap:wrap;gap:3px;background:#E8EAF2;padding:4px;border-radius:12px;max-width:100%}
.tabs a,.pills a{padding:6px 13px;border-radius:9px;color:var(--muted);font-weight:500;font-size:13.5px;white-space:nowrap}
.tabs a:hover,.pills a:hover{color:var(--text);text-decoration:none}
.tabs a.on,.pills a.on{background:#fff;color:var(--text);box-shadow:0 1px 2px rgba(28,31,69,.1)}
.tabs a .small{margin-left:4px}
.filters{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-bottom:22px}
.filters input,.filters select{height:38px;font-size:13.5px}
.filters .btn{height:38px}
.pager{display:flex;gap:8px;justify-content:flex-end;margin-top:14px}
/* ---- health */
.health{display:grid;grid-template-columns:repeat(auto-fit,minmax(178px,1fr));gap:4px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:6px}
.hc{padding:10px 12px;border-radius:10px}
.hc .l{display:flex;align-items:center;gap:7px;font-size:12.5px;color:var(--muted)}
.hc .l::before{content:"";width:7px;height:7px;border-radius:50%;background:#C3C7D9;flex-shrink:0}
.hc.ok .l::before{background:var(--ok)}.hc.warn .l::before{background:#E0890B}.hc.bad .l::before{background:var(--bad)}
.hc.warn{background:var(--warn-s)}.hc.bad{background:var(--bad-s)}
.hc .v{font-weight:600;font-size:14.5px;margin-top:3px}.hc .v .small{font-weight:500;color:var(--muted)}
/* ---- charts */
.chartbox{position:relative;height:260px}.chartbox.tall{height:330px}
/* ---- merchant balance hero (guilloche) */
.hero-bal{position:relative;overflow:hidden;background:var(--ink) url(/static/ornament/band.daf037c8.svg) center/100% 100% no-repeat;color:#fff;border-radius:20px;padding:26px 30px;margin-bottom:20px;display:flex;justify-content:space-between;align-items:flex-end;gap:22px;flex-wrap:wrap}
.hero-bal .l{color:var(--inksoft);font-size:14px;font-weight:500}
.hero-bal .amt{font-family:var(--display);font-stretch:78%;font-weight:700;font-size:60px;line-height:1;margin:8px 0 10px;letter-spacing:-.01em}
.hero-bal .meta{color:var(--inksoft);font-size:13.5px}
.hero-bal .acts{display:flex;gap:10px;flex-wrap:wrap}
/* ---- setup checklist */
.checklist{list-style:none;margin:0;padding:0}
.checklist li{display:flex;gap:12px;align-items:flex-start;padding:10px 0;border-bottom:1px solid #EEF0F5;font-size:14px}
.checklist li:last-child{border-bottom:0}
.checklist .tick{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;flex-shrink:0;border:1.5px solid var(--line2);color:transparent;margin-top:1px}
.checklist li.done .tick{background:var(--ok);border-color:var(--ok);color:#fff}
.checklist li.done .t{color:var(--muted)}
/* ---- dl rows */
.kv{display:grid;grid-template-columns:auto 1fr;gap:8px 18px;font-size:14px;margin:0}.kv dt{color:var(--muted)}.kv dd{margin:0;font-weight:500}
/* ---- auth screens */
.auth{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);background:#fff}
.auth-art{position:relative;overflow:hidden;background:var(--ink);color:#fff;padding:40px 52px;display:flex;flex-direction:column;justify-content:space-between;gap:40px}
.auth-art::after{content:"";position:absolute;width:980px;height:980px;right:-330px;bottom:-380px;background:url(/static/ornament/rosette.1415deef.svg) center/contain no-repeat;pointer-events:none}
.auth-art>*{position:relative;z-index:1}
.auth-art .say{font-family:var(--display);font-stretch:76%;font-weight:700;font-size:58px;line-height:1;letter-spacing:-.005em;max-width:11ch;margin:0}
.auth-art .say-sub{color:var(--inksoft);max-width:40ch;font-size:16px;margin-top:18px}
.auth-art .fine{color:#8F93BE;font-size:13px}
.auth-form{display:flex;align-items:center;justify-content:center;padding:40px 24px}
.auth-form .box{width:100%;max-width:380px}
.auth-form h1{font-size:36px}
.auth-form .btn{width:100%;margin-top:22px;height:48px}
/* ---- public pages */
.pub{display:flex;align-items:center;justify-content:space-between;gap:16px;max-width:1180px;margin:0 auto;padding:20px}
.pub .brand{color:var(--ink);padding:0}
.pub nav{display:flex;gap:6px;align-items:center}
.pub nav a.txt{color:var(--text);font-weight:500;padding:8px 12px;border-radius:8px}.pub nav a.txt:hover{background:#E8EAF2;text-decoration:none}
.landing{max-width:1180px;margin:0 auto;padding:30px 20px 70px}
.l-hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:56px;align-items:center;padding:30px 0 70px}
.l-hero h1{font-size:68px;font-stretch:76%;line-height:.98;max-width:none;margin-bottom:22px}
.l-hero .lede{font-size:18px;color:var(--muted);max-width:44ch;margin-bottom:28px}
.l-hero .ctas{display:flex;gap:12px;flex-wrap:wrap}
.receipt{background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden;box-shadow:0 30px 60px -30px rgba(28,31,69,.35);position:relative;max-width:440px;justify-self:end;width:100%}
.receipt-head{background:var(--ink) url(/static/ornament/band.daf037c8.svg) center/100% 100% no-repeat;color:#fff;padding:20px 24px 24px}
.receipt-head .to{color:var(--inksoft);font-size:13px}.receipt-head .amt{font-family:var(--display);font-stretch:78%;font-weight:700;font-size:50px;line-height:1;margin-top:12px}
.receipt-body{padding:18px 24px 22px;position:relative}.has-stamp{padding-top:46px!important}
.rrows{display:grid;gap:10px;font-size:14px}.rrows div{display:flex;justify-content:space-between;gap:12px;padding-bottom:10px;border-bottom:1px dashed var(--line)}.rrows div:last-child{border-bottom:0;padding-bottom:0}.rrows span:first-child{color:var(--muted)}.rrows b{font-weight:600}
.l-feats{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:34px;border-top:1px solid var(--line);padding-top:36px}
.l-feats h3{display:flex;align-items:center;gap:10px;font-size:16px;margin-bottom:8px}.l-feats h3 svg{color:var(--ink3)}
.l-feats p{color:var(--muted);font-size:14.5px}
.l-code{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:40px;align-items:center;margin-top:70px;padding:36px;background:var(--surface);border:1px solid var(--line);border-radius:20px}
.l-code h2{font-family:var(--display);font-stretch:80%;font-weight:700;font-size:36px;line-height:1.05;margin-bottom:12px}
.foot{max-width:1180px;margin:0 auto;padding:24px 20px 40px;color:var(--faint);font-size:13px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
.docs{max-width:1180px;margin:0 auto;padding:10px 20px 60px;display:grid;grid-template-columns:210px minmax(0,1fr);gap:40px}
.toc{position:sticky;top:20px;align-self:start;display:flex;flex-direction:column;gap:2px;font-size:14px}
.toc a{color:var(--muted);padding:6px 10px;border-radius:8px}.toc a:hover{background:#E8EAF2;color:var(--text);text-decoration:none}
.toc .h{font-weight:600;color:var(--text);padding:6px 10px;margin-top:8px}
.docs-main .card{padding:24px 26px}.docs-main h2{font-size:20px}
/* ---- customer payment page */
.paybg{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:28px 16px;background:var(--paper)}
.paycard{width:100%;max-width:420px;background:#fff;border:1px solid var(--line);border-radius:22px;overflow:hidden;box-shadow:0 26px 60px -30px rgba(28,31,69,.4)}
.pay-head{background:var(--ink) url(/static/ornament/band.daf037c8.svg) center/100% 100% no-repeat;color:#fff;padding:22px 24px 26px}
.pay-head .to{font-size:13px;color:var(--inksoft)}.pay-head .mer{font-weight:600;font-size:17px;margin-top:2px}
.pay-head .amt{font-family:var(--display);font-stretch:78%;font-weight:700;font-size:54px;line-height:1;margin-top:16px;letter-spacing:-.01em}
.pay-head .note{color:var(--inksoft);font-size:13.5px;margin-top:8px}
.pay-body{padding:22px 24px 24px;position:relative}
.pay-rows{display:grid;gap:8px;font-size:13.5px;margin-bottom:18px}.pay-rows div{display:flex;justify-content:space-between;gap:12px}.pay-rows span:first-child{color:var(--muted)}
.waiting{display:flex;align-items:center;gap:10px;color:var(--pend);font-weight:500;font-size:14px;background:var(--pend-s);padding:11px 14px;border-radius:10px;margin-bottom:14px}
.pulse{width:9px;height:9px;border-radius:50%;background:var(--pend);animation:pulse 1.6s ease-in-out infinite;flex-shrink:0}
@keyframes pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(.65)}}
.paybtn{width:100%;height:54px;font-size:16.5px;border-radius:12px}
.secure{display:flex;align-items:center;gap:7px;justify-content:center;color:var(--faint);font-size:12.5px;margin-top:16px}
.stamp{position:absolute;right:20px;top:-30px;font-family:var(--display);font-stretch:75%;font-weight:800;font-size:30px;letter-spacing:.14em;text-transform:uppercase;color:var(--ok);border:3px double var(--ok);background:rgba(255,255,255,.95);padding:2px 14px 0;border-radius:8px;transform:rotate(-9deg);animation:stamp .5s cubic-bezier(.2,1.5,.45,1) .15s both}
.stamp.bad{color:var(--bad);border-color:var(--bad)}
@keyframes stamp{from{opacity:0;transform:rotate(-9deg) scale(1.9)}to{opacity:1;transform:rotate(-9deg) scale(1)}}
@media (prefers-reduced-motion:reduce){.stamp,.pulse{animation:none}}
/* ---- responsive */
@media(max-width:980px){
.side{position:fixed;inset:0 auto 0 0;height:100vh;transform:translateX(-102%);transition:transform .22s ease;box-shadow:0 0 40px rgba(0,0,0,.3)}
.navt:checked~.side{transform:none}
.navt:checked~.scrim{display:block;position:fixed;inset:0;background:rgba(15,17,40,.45);z-index:25}
.mobilebar{display:flex;align-items:center;gap:12px;position:sticky;top:0;z-index:20;background:var(--ink);color:#fff;padding:10px 14px}
.mobilebar label{display:grid;place-items:center;width:38px;height:38px;border-radius:9px;cursor:pointer;color:#fff}
.mobilebar .brand{font-size:21px;padding:0}.mobilebar .mark{width:28px;height:28px;font-size:16px}
.mobilebar .mb-bal{margin-left:auto;font-family:var(--display);font-stretch:84%;font-weight:700;font-size:18px}
.main{padding:22px 16px 50px}
h1{font-size:28px}
.auth{grid-template-columns:1fr}.auth-art{padding:26px 22px;gap:26px}.auth-art .say{font-size:38px}.auth-art::after{width:620px;height:620px;right:-260px;bottom:-300px}
.l-hero{grid-template-columns:1fr;gap:36px;padding:10px 0 40px}.l-hero h1{font-size:48px}.receipt{justify-self:stretch}
.l-code{grid-template-columns:1fr;padding:24px}
.docs{grid-template-columns:1fr}.toc{display:none}
.hero-bal{padding:22px}.hero-bal .amt{font-size:46px}.hero-bal .acts{width:100%}.hero-bal .acts .btn{flex:1 1 140px}
.strip{grid-template-columns:repeat(2,minmax(0,1fr))}.strip>.stat{padding:14px}.stat .v{font-size:23px}
.chartbox{height:220px}.chartbox.tall{height:260px}
.logdetail{min-width:0;max-width:80vw}
.tbl{margin:0 -16px;padding:0 16px}
}