:root{--bg:#040a1c;--bg2:#0b2257;--card:#0b1d46;--card2:#10285e;--t:#fff;--m:#9db0d3;--ln:#17356f;--pri:#2a7bff;--cy:#22d3ee;--ok:#22c55e;--bad:#ff6b78;--nav:#06112c;--wc1:#143fa6;--wc2:#0a2468;--wb:#2b66dc;--wt:#fff;--tb:#0e2556;color-scheme:dark}
@media (prefers-color-scheme:light){:root:not([data-theme=dark]){--bg:#f3f7ff;--bg2:#cfe1ff;--card:#fff;--card2:#e8f0ff;--t:#0b1b43;--m:#5f7399;--ln:#d5e1fa;--nav:#fff;--wc1:#e1edff;--wc2:#f3f8ff;--wb:#c8dcff;--wt:#0b1b43;--tb:#eaf1ff;color-scheme:light}}
:root[data-theme=light]{--bg:#f3f7ff;--bg2:#cfe1ff;--card:#fff;--card2:#e8f0ff;--t:#0b1b43;--m:#5f7399;--ln:#d5e1fa;--nav:#fff;--wc1:#e1edff;--wc2:#f3f8ff;--wb:#c8dcff;--wt:#0b1b43;--tb:#eaf1ff;color-scheme:light}
*{box-sizing:border-box;margin:0;-webkit-tap-highlight-color:transparent}html,body{background:var(--bg);color:var(--t);font:16px system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;min-height:100%}
body{background:linear-gradient(165deg,var(--bg2) -25%,var(--bg) 42%) fixed var(--bg)}[hidden]{display:none!important}
button{font:inherit;color:inherit;cursor:pointer;border:0;background:none}.i,.ch{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none}
.view{padding:max(14px,env(safe-area-inset-top)) 18px calc(120px + env(safe-area-inset-bottom));max-width:560px;margin:0 auto}
.hd{display:flex;align-items:center;gap:12px;margin:8px 0 16px}.logo{width:46px;height:46px;border-radius:14px;box-shadow:0 4px 14px #1a5cff55}.logo.big{width:78px;height:78px;border-radius:22px}
.hd h1{flex:1;font-size:28px;font-weight:800;letter-spacing:-.3px}.ib{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;position:relative}.ib.dk{background:#0009;color:#fff}
.bellb i{position:absolute;top:4px;right:4px;min-width:17px;height:17px;border-radius:9px;background:#ff3b4e;color:#fff;font:700 10px/17px system-ui;text-align:center;font-style:normal;padding:0 4px}
.wallet{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(135deg,var(--wc1),var(--wc2));border:1px solid var(--wb);border-radius:26px;padding:20px 12px 20px 22px;color:var(--wt);box-shadow:0 10px 30px #0a3cc633;overflow:hidden}
.wl{min-width:0}.wlab{opacity:.85;font-size:17px;display:flex;align-items:center;gap:8px}.eye{width:26px;height:26px;opacity:.8}.eye .i{width:20px;height:20px}
.wbal{font-size:38px;font-weight:800;margin:6px 0;letter-spacing:-.5px;word-break:break-all}.wsub{color:#2fdc7a;font-weight:700;font-size:14px}.wimg{width:128px;flex:none;filter:drop-shadow(0 8px 14px #0a2ea866)}
.tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:22px 0 16px}.tile{display:flex;flex-direction:column;align-items:center;gap:8px;font-size:14px;font-weight:600;text-align:center;line-height:1.15}
.tb{width:62px;height:62px;border-radius:19px;display:grid;place-items:center;color:#fff}.tb .i{width:30px;height:30px}
.t-blue{background:linear-gradient(145deg,#3a8cff,#0f55e8);box-shadow:0 6px 18px #1a63ff66}.t-green{background:linear-gradient(145deg,#26d676,#0a9a48);box-shadow:0 6px 18px #12c35f55}
.t-purple{background:linear-gradient(145deg,#7a78ff,#4a3fe0);box-shadow:0 6px 18px #5a52f066}.t-orange{background:linear-gradient(145deg,#ffb12b,#f27800);box-shadow:0 6px 18px #ff9a1f66}
.sv .tb{width:58px;height:58px;border-radius:18px;background:var(--tb);border:1px solid var(--ln);color:var(--pri)}.sv .tb .i{width:28px;height:28px}
.s-yel{color:#f5b014!important}.s-cy{color:#16b8d4!important}.s-gr{color:#22c55e!important}.s-wh{color:#2a5cff!important}
.blink{display:flex;align-items:center;gap:14px;width:100%;text-align:left;padding:14px 16px;border-radius:22px;background:linear-gradient(135deg,var(--card2),var(--card));border:1px solid var(--ln)}
.bc{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#3a8cff,#0f55e8);color:#fff;flex:none}.bc.big{width:72px;height:72px;margin:0 auto 10px}.bc .i{width:26px;height:26px}
.tx{flex:1;min-width:0}.tx b{display:flex;align-items:center;gap:8px;font-size:19px}.tx small{display:block;color:var(--m);font-size:13.5px;margin-top:3px;word-break:break-all}.vf{width:20px;height:20px;border-radius:50%;background:var(--ok);display:grid;place-items:center;color:#fff}.vf .i{width:13px;height:13px;stroke-width:3.2}
.ch{color:var(--pri);width:24px}.sh{display:flex;justify-content:space-between;align-items:center;margin:22px 2px 10px}.sh h3{font-size:20px}.lk{color:var(--pri);font-weight:700;font-size:15px}
.row{display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:13px 14px;margin-bottom:10px;border-radius:18px;background:var(--card);border:1px solid var(--ln)}
.ci{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;color:#fff;flex:none}.ci .i{width:22px;height:22px}.ci.b{background:#1c6bff}.ci.g{background:#1db954}.ci.p{background:#7058f0}
.rt{flex:1;min-width:0}.rt b{display:block;font-size:16.5px}.rt small,.rr small{display:block;color:var(--m);font-size:12.5px;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rr{text-align:right;flex:none;max-width:46%}
.am{font-weight:800;font-size:16.5px;display:block}.am.pos{color:var(--ok)}.am.ok{color:var(--ok);font-size:12px;letter-spacing:.06em}
nav{position:fixed;left:0;right:0;bottom:0;display:flex;align-items:flex-end;justify-content:space-around;background:var(--nav);border-radius:26px 26px 0 0;border-top:1px solid var(--ln);padding:10px 8px calc(10px + env(safe-area-inset-bottom));box-shadow:0 -8px 26px #0004;z-index:4}
nav button{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:12px;color:var(--m);flex:1;font-weight:500}nav button.on{color:var(--cy);font-weight:700}[data-theme=light] nav button.on{color:#1559f5}
nav .gap{flex:1}nav .fab{position:absolute;left:50%;top:-26px;transform:translateX(-50%);width:66px;height:66px;flex:none;border-radius:50%;background:radial-gradient(circle at 35% 30%,#4aa0ff,#0f55e8);color:#fff;display:grid;place-items:center;box-shadow:0 8px 24px #1a63ffaa;border:4px solid var(--nav)}.fab .i{width:30px;height:30px}
.bar{display:grid;grid-template-columns:44px 1fr 44px;align-items:center;margin:6px 0 18px}.bar h2{text-align:center;font-size:19px;font-weight:700}.bar .ib{background:var(--card);border:1px solid var(--ln)}
.who{display:grid;justify-items:center;gap:4px;margin:6px 0 16px;text-align:center}.av{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#3a8cff,#0f55e8);color:#fff;margin-bottom:6px}.av .i{width:30px;height:30px}.who b{font-size:18px}.who small{color:var(--m)}
.amtw{display:flex;align-items:center;justify-content:center;gap:6px;border-top:1px solid var(--ln);padding:22px 0 8px}.cur{font-size:40px;font-weight:800}.amtw input{width:60%;max-width:260px;background:none;border:0;color:var(--t);font:800 44px system-ui;text-align:left;padding:0;outline:0;min-width:0}
.clr{width:30px;height:30px;border-radius:50%;background:var(--card2);display:grid;place-items:center;color:var(--m)}.clr .i{width:16px;height:16px}.avl{text-align:center;color:var(--m);font-size:13.5px;margin-bottom:14px}
.chips{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:18px}.chips button{padding:12px 4px;border-radius:99px;background:var(--card2);border:1px solid var(--ln);font-weight:700;font-size:14px}.chips button.on{background:var(--pri);color:#fff;border-color:var(--pri)}
.note{display:flex;align-items:center;gap:10px;padding:0 14px;border-radius:16px;background:var(--card);border:1px solid var(--ln);color:var(--m);margin-bottom:22px}.note input{flex:1;background:none;border:0;color:var(--t);font:inherit;padding:16px 0;outline:0;min-width:0}
.cta{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:17px;border-radius:18px;background:linear-gradient(180deg,#2f84ff,#0b57f0);color:#fff;font-weight:700;font-size:17px;margin-top:12px;box-shadow:0 8px 20px #1a63ff44}
.cta .i{width:22px;height:22px}.cta.alt,.alt{background:transparent;color:var(--pri);border:1.5px solid var(--pri);box-shadow:none}.cta.ghost{background:var(--card2);color:var(--m);box-shadow:none;border:1px solid var(--ln)}.alt.sm{display:flex;gap:8px;align-items:center;justify-content:center;padding:10px 16px;border-radius:99px;font-weight:600;margin:12px auto 0;font-size:14px}
.rcard{text-align:center;padding:26px 20px;border-radius:26px;background:linear-gradient(135deg,var(--wc1),var(--wc2));border:1px solid var(--wb);color:var(--wt);margin-bottom:10px}.rbig{width:72px;height:72px;margin:0 auto 12px;border-radius:22px;display:grid;place-items:center;background:linear-gradient(145deg,#26d676,#0a9a48);color:#fff}.rbig .i{width:34px;height:34px}.rcard h3{font-size:20px;margin-bottom:8px}.rcard p{font-size:14px;opacity:.8;line-height:1.45}
.idcard{margin-top:22px;text-align:center;padding:16px;border-radius:20px;background:var(--card);border:1px solid var(--ln)}.idcard small{color:var(--m);display:block;margin-bottom:6px}.idcard b{word-break:break-all;color:var(--pri)}
.fl{display:flex;gap:10px;margin-bottom:16px;overflow-x:auto}.fl button{padding:9px 20px;border-radius:99px;background:var(--card2);border:1px solid var(--ln);font-weight:600;color:var(--m);flex:none}.fl button.on{background:var(--pri);color:#fff;border-color:var(--pri)}
.bizc{text-align:center;margin-bottom:18px}.bizc h3{font-size:24px}.badge{display:inline-block;margin:10px 0 6px;padding:7px 18px;border-radius:99px;background:var(--card2);border:1px solid var(--ln);color:var(--pri);font-weight:700;font-size:13px;letter-spacing:.05em;word-break:break-all}.mt{color:var(--m);font-size:13.5px;text-align:center;margin-top:6px}
.sum{display:grid;grid-template-columns:repeat(3,1fr);background:linear-gradient(135deg,var(--card2),var(--card));border:1px solid var(--ln);border-radius:24px;padding:20px 6px;margin-bottom:12px;text-align:center}
.lbl{color:var(--m);font-size:12px;text-transform:uppercase;letter-spacing:.1em;display:block;margin:0 0 8px}.sum b{display:inline-block;color:var(--pri);font-size:21px;border-bottom:2px dotted var(--ln);cursor:pointer;max-width:100%;word-break:break-all}.sum b.full{font-size:14px}
.card{background:var(--card);border:1px solid var(--ln);border-radius:22px;padding:16px;margin-bottom:14px}.seg{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;background:var(--card2);border-radius:14px;padding:4px}.seg button{padding:11px;border-radius:11px;font-weight:600;color:var(--m)}.seg button.on{background:var(--pri);color:#fff}
.foot{text-align:center;color:var(--m);font-size:13px;margin-top:20px}.mono{font-family:ui-monospace,monospace}
.rec{background:var(--card);border:1px solid var(--ln);border-radius:18px;padding:14px;margin-bottom:10px;font-size:13px}.rec .top{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;gap:8px}.tag{font-size:11px;font-weight:800;padding:4px 9px;border-radius:99px}
.tag.in{background:#22c55e22;color:var(--ok)}.tag.out{background:#2a7bff22;color:var(--pri)}.tag.ack{background:#7058f022;color:#8d7bff}.amt{font-weight:800;font-size:18px}.ok{color:var(--ok)}.bad{color:var(--bad)}
.rec dl{display:grid;grid-template-columns:92px 1fr;gap:5px 8px}.rec dt{color:var(--m)}.rec dd{word-break:break-word}.rec .cta{padding:12px;font-size:14px}
.screen{position:fixed;inset:0;background:var(--bg);z-index:6;padding:calc(env(safe-area-inset-top) + 24px) 18px 24px;overflow:auto}.screen h2{font-size:20px;margin-bottom:8px}.screen ul{margin:14px 0;padding-left:18px;display:grid;gap:8px;font-size:14px}
.empty{color:var(--m);text-align:center;padding:26px}.btn{display:block;width:100%;padding:16px;border-radius:16px;background:linear-gradient(180deg,#2f84ff,#0b57f0);color:#fff;font-weight:700;margin-top:12px}.btn.ghost{background:var(--card2);color:var(--m)}
#toast{position:fixed;left:16px;right:16px;bottom:110px;padding:14px;border-radius:16px;background:var(--card);color:var(--t);border:1px solid var(--pri);z-index:20;display:none;font-size:14px;box-shadow:0 8px 24px #0006}#toast.err{border-color:var(--bad)}
#scan{padding:0;overflow:hidden;background:#000;color:#fff;z-index:8}#cam{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#02040c}.shade{position:absolute;inset:0;background:radial-gradient(60% 40% at 50% 46%,#0000,#000a)}
.shead{position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:calc(env(safe-area-inset-top) + 12px) 14px 12px}.shead h2{margin:0;font-size:19px}
.guide{position:absolute;left:50%;top:44%;width:min(66vw,330px);aspect-ratio:1;transform:translate(-50%,-50%);pointer-events:none}.guide i{position:absolute;width:26%;height:26%;border:5px solid #22b8ff;filter:drop-shadow(0 0 8px #22b8ffcc)}
.guide i:nth-child(1){left:0;top:0;border-right:0;border-bottom:0;border-top-left-radius:22px}.guide i:nth-child(2){right:0;top:0;border-left:0;border-bottom:0;border-top-right-radius:22px}.guide i:nth-child(3){left:0;bottom:0;border-right:0;border-top:0;border-bottom-left-radius:22px}.guide i:nth-child(4){right:0;bottom:0;border-left:0;border-top:0;border-bottom-right-radius:22px}
.sbot{position:absolute;left:0;right:0;bottom:0;padding:18px 20px calc(env(safe-area-inset-bottom) + 24px);text-align:center;background:linear-gradient(#0000,#000d 38%);display:grid;justify-items:center;gap:6px}.sbot h3{font-size:19px}#sstat{color:#c7d4f0;font-size:14.5px;max-width:300px}
.galb{width:58px;height:58px;border-radius:50%;background:#1357e8;display:grid;place-items:center;margin-top:10px;color:#fff}.galb .i{width:26px;height:26px}.sbot details{font-size:13px;color:#9db0d3;width:100%;margin-top:8px}.sbot summary{cursor:pointer}.sbot textarea{width:100%;margin:8px 0;background:#0a1230;border:1px solid #1d3a7a;border-radius:12px;color:#fff;padding:12px;font:inherit}
.modalbg{background:#000b;display:flex;align-items:center;justify-content:center;padding:18px;z-index:10}.modalbg.bottom{align-items:flex-end;padding:0}.modal{width:100%;max-width:460px;max-height:92%;overflow:auto;background:var(--card);border:1px solid var(--ln);border-radius:28px;padding:22px;color:var(--t)}.bottom .modal{border-radius:28px 28px 0 0;max-width:560px;padding-bottom:calc(22px + env(safe-area-inset-bottom))}
.modal h2{color:var(--t)}.qs{color:var(--m);font-size:14px;margin:0 0 6px}#qrc{display:block;margin:14px auto;background:#fff;border-radius:16px;image-rendering:pixelated;max-width:100%}#qrm{font-size:11px;color:var(--m);word-break:break-all;margin-bottom:6px}
details summary{cursor:pointer}.wbal{font-size:33px;white-space:nowrap;word-break:normal}.wimg{width:104px}.wsub{font-size:13px;line-height:1.35}.tile{font-size:13px}.tiles{gap:4px}
.rt b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:15.5px}.rr{max-width:48%}.am{font-size:15.5px}
#qrview{z-index:12}#sendsheet{z-index:11}

#splash{position:fixed;inset:0;z-index:40;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;background:radial-gradient(70% 45% at 50% 42%,var(--bg2),var(--bg) 75%) var(--bg);transition:opacity .5s ease,transform .5s ease}
#splash.out{opacity:0;transform:scale(1.04);pointer-events:none}
.sp{position:relative;width:300px;height:150px;display:grid;place-items:center}
.spi{width:104px;height:104px;border-radius:30px;position:relative;z-index:2;box-shadow:0 10px 40px #1a63ff77;opacity:0;transform:scale(.7);animation:pop .9s .15s cubic-bezier(.2,.9,.3,1.2) forwards,pulse .7s 1.05s ease-in-out}
.bar{position:absolute;top:50%;left:6px;right:6px;height:3px;margin-top:-1.5px;border-radius:3px;background:linear-gradient(90deg,transparent,#22d3ee 25%,#2a7bff 50%,#22d3ee 75%,transparent);box-shadow:0 0 14px #22d3ee99;transform:scaleX(0);opacity:0;animation:draw .8s .35s ease-out forwards,fade .5s 1.35s forwards}
.nd{position:absolute;top:50%;width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,#22d3ee 55%,#2a7bff);box-shadow:0 0 16px #22d3ee;opacity:0;z-index:1}
.nl{left:6px;animation:inL 1s .3s cubic-bezier(.5,0,.3,1) forwards}.nr{right:6px;margin:-7px -7px 0 0;animation:inR 1s .3s cubic-bezier(.5,0,.3,1) forwards}
.rg{position:absolute;left:50%;top:50%;width:104px;height:104px;margin:-52px 0 0 -52px;border-radius:32px;border:2px solid #22d3ee;opacity:0;animation:ring 1.1s 1.1s ease-out}.rg.r2{animation-delay:1.3s}
.spt{font-size:34px;font-weight:800;letter-spacing:-.4px;opacity:0;transform:translateY(8px);animation:up .6s 1.05s ease-out forwards}
.spc{color:var(--m);font-size:14px;opacity:0;animation:up .6s 1.2s ease-out forwards}.spc i{font-style:normal;animation:dot 1.2s infinite}.spc i:nth-child(2){animation-delay:.2s}.spc i:nth-child(3){animation-delay:.4s}
@keyframes pop{to{opacity:1;transform:scale(1)}}@keyframes pulse{50%{transform:scale(1.09);box-shadow:0 10px 50px #22d3eeaa}}
@keyframes draw{20%{opacity:1}to{opacity:1;transform:scaleX(1)}}@keyframes fade{to{opacity:0}}
@keyframes inL{0%{opacity:0;transform:translateX(0)}20%{opacity:1}85%{opacity:1}100%{opacity:0;transform:translateX(140px) scale(.5)}}
@keyframes inR{0%{opacity:0;transform:translateX(0)}20%{opacity:1}85%{opacity:1}100%{opacity:0;transform:translateX(-140px) scale(.5)}}
@keyframes ring{0%{opacity:.7;transform:scale(1)}100%{opacity:0;transform:scale(2.3)}}@keyframes up{to{opacity:1;transform:none}}@keyframes dot{0%,100%{opacity:.25}50%{opacity:1}}
@media (prefers-reduced-motion:reduce){.nd,.bar,.rg{display:none}.spi{animation:pop .3s forwards}.spt,.spc{animation:up .3s forwards}}