:root{--green-22: #214F41;--green-30: #2F6B52;--green-43: #5E7E6D;--green-49: #6E8C7D;--green-06: #0D100E;--green-22-06: rgba(33,79,65,.06);--green-22-08: rgba(33,79,65,.08);--green-30-12: rgba(47,107,82,.12);--green-30-22: rgba(47,107,82,.22);--grey-7: #131313;--grey-12: #1E1E1E;--grey-71: #B0BCB5;--grey-92: #EAEAEA;--grey-93: #EDEDED;--white: #FFFFFF;--white-13: rgba(255,255,255,.13);--red-56: #EA4335;--red-56-10: rgba(234,67,53,.1);--red-56-28: rgba(234,67,53,.28);--orange-65: #FFCC4D;--orange-65-20: rgba(255,204,77,.2);--orange-65-50: rgba(255,204,77,.5);--orange-31: #8A6A12;--screen-bg: var(--grey-93);--surface: var(--white);--primary: var(--green-22);--text: var(--grey-7);--text-strong: var(--grey-12);--text-muted: var(--green-49);--divider: var(--grey-92);--r-card: 20px;--r-list: 18px;--r-chip: 14px;--r-icon: 12px;--r-pill: 999px;--r-field: 16px;--shadow-card: 0px 18px 24px rgba(19,19,19,.16);--shadow-list: 0px 8px 12px rgba(19,19,19,.05);--font-text: "Wix Madefor Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-num: "Exo", "Wix Madefor Display", -apple-system, sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;margin:0;padding:0;background:var(--screen-bg);color:var(--text);font-family:var(--font-text);-webkit-font-smoothing:antialiased}.app-container{display:flex;flex-direction:column;height:100dvh;overflow:hidden;background:var(--screen-bg);max-width:480px;margin:0 auto;position:relative}.screen{flex:1;overflow-y:auto;overflow-x:hidden;padding-bottom:calc(env(safe-area-inset-bottom) + 72px);-webkit-overflow-scrolling:touch}.screen-no-nav{flex:1;overflow-y:auto;overflow-x:hidden;padding-bottom:env(safe-area-inset-bottom);-webkit-overflow-scrolling:touch}.demo-banner{background:var(--orange-65);color:var(--orange-31);text-align:center;font-size:11px;font-weight:700;padding:3px 0;letter-spacing:.4px;text-transform:uppercase;flex-shrink:0}.appbar{background:var(--surface);border-bottom:1px solid var(--grey-92);height:50px;display:flex;align-items:center;padding:0 16px;gap:10px;flex-shrink:0;position:relative}.appbar-avatar{width:32px;height:32px;border-radius:16px;background:var(--grey-71);color:var(--green-22);display:flex;align-items:center;justify-content:center;font-family:var(--font-num);font-weight:600;font-size:14px;flex-shrink:0}.appbar-greeting{display:flex;flex-direction:column;line-height:1}.appbar-hi{font-size:11px;color:var(--green-43);line-height:12.65px}.appbar-name{font-size:14px;font-weight:600;color:var(--grey-7);line-height:16.1px}.appbar-bell{margin-left:auto;width:36px;height:36px;border-radius:18px;background:var(--green-22-06);border:none;cursor:pointer;position:relative;display:flex;align-items:center;justify-content:center;font-size:17px;color:var(--green-22)}.appbar-bell .dot{position:absolute;top:7px;right:8px;width:7px;height:7px;background:var(--red-56);border:1px solid var(--white);border-radius:3.5px}.hdr{background:var(--surface);border-bottom:1px solid var(--grey-92);min-height:50px;display:flex;align-items:center;gap:10px;padding:0 16px;flex-shrink:0}.hdr h1{font-size:17px;font-weight:700;margin:0;color:var(--grey-12)}.hdr .back{background:none;border:none;color:var(--green-22);font-size:15px;cursor:pointer;padding:4px 2px;font-weight:600;display:flex;align-items:center;gap:4px}.content{padding:14px;display:flex;flex-direction:column;gap:14px}.balance-card{background:var(--green-22);color:var(--grey-93);border-radius:var(--r-card);padding:18px;box-shadow:var(--shadow-card);display:flex;flex-direction:column;gap:3px}.balance-top{display:flex;align-items:center;justify-content:space-between}.balance-label{font-size:11px;opacity:.78;text-transform:uppercase;letter-spacing:.88px}.balance-amount{font-family:var(--font-num);font-weight:700;letter-spacing:.6px;display:flex;align-items:baseline;gap:6px;margin-top:2px}.balance-amount .num{font-size:30px}.balance-amount .cur{font-size:17px;opacity:.85}.balance-sub{font-size:12px;opacity:.75}.balance-actions{display:flex;gap:9px;justify-content:center;padding-top:13px}.balance-chip{flex:1;background:var(--white-13);border:none;color:var(--grey-93);border-radius:var(--r-chip);padding:11px 6px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:5px;font-family:var(--font-text);transition:background .15s}.balance-chip:active{background:#ffffff38}.balance-chip .ic{font-size:19px;line-height:1}.balance-chip .lb{font-size:11.5px;font-weight:600}.section-head{display:flex;align-items:center;justify-content:space-between}.section-head .title{font-size:14px;font-weight:700;color:var(--green-22)}.section-head .all{font-size:13px;font-weight:600;color:var(--green-22);cursor:pointer}.section-label{font-size:11px;font-weight:400;color:var(--green-43);text-transform:uppercase;letter-spacing:.88px}.list-card{background:var(--surface);border-radius:var(--r-list);padding:4px 16px;box-shadow:var(--shadow-list)}.list-row{display:flex;align-items:center;gap:11px;padding:12px 0}.list-row+.list-row{border-top:1px solid var(--grey-92)}.row-icon{width:38px;height:38px;border-radius:var(--r-icon);background:var(--green-22-08);flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:17px;color:var(--green-22)}.row-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.row-title{font-size:13px;font-weight:600;color:var(--grey-7)}.row-meta{display:flex;align-items:center;gap:8px}.row-time{font-size:11px;color:var(--green-49);white-space:nowrap}.row-amount{font-size:13px;font-weight:700;font-family:var(--font-num);white-space:nowrap}.row-amount.plus{color:var(--green-30)}.row-amount.minus{color:var(--grey-12)}.badge{font-size:10px;font-weight:600;padding:2px 8px;border-radius:var(--r-pill);border:1px solid transparent;white-space:nowrap}.badge.ok{background:var(--green-30-12);border-color:var(--green-30-22);color:var(--green-22)}.badge.wait{background:var(--orange-65-20);border-color:var(--orange-65-50);color:var(--orange-31)}.badge.err{background:var(--red-56-10);border-color:var(--red-56-28);color:var(--red-56)}.card{background:var(--surface);border-radius:var(--r-list);box-shadow:var(--shadow-list);overflow:hidden}.kv{display:flex;align-items:center;justify-content:space-between;padding:13px 16px;gap:12px}.kv+.kv{border-top:1px solid var(--grey-92)}.kv-label{font-size:13px;color:var(--green-49)}.kv-value{font-size:13px;color:var(--grey-12);font-weight:600;text-align:right;word-break:break-word}.option{background:var(--surface);border-radius:var(--r-list);padding:16px;box-shadow:var(--shadow-list);display:flex;align-items:center;gap:14px;cursor:pointer;border:1.5px solid transparent;transition:border-color .15s}.option:active,.option.sel{border-color:var(--green-22)}.option-ic{width:44px;height:44px;border-radius:var(--r-icon);background:var(--green-22-08);color:var(--green-22);display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.option-body{flex:1}.option-title{font-size:15px;font-weight:700;color:var(--grey-7)}.option-desc{font-size:12px;color:var(--green-49);margin-top:2px}.option-arrow{color:var(--green-49);font-size:18px}.seg{display:flex;gap:4px;background:var(--surface);border-radius:var(--r-pill);padding:4px;box-shadow:var(--shadow-list)}.seg-item{flex:1;border:none;background:none;cursor:pointer;padding:9px 4px;border-radius:var(--r-pill);font-family:var(--font-text);font-size:13px;font-weight:600;color:var(--green-49);transition:all .15s}.seg-item.on{background:var(--green-22);color:#fff}.field{background:var(--surface);border-radius:var(--r-field);box-shadow:var(--shadow-list);padding:14px 16px}.field-label{font-size:12px;color:var(--green-49);margin-bottom:8px}.field-row{display:flex;align-items:center;gap:8px}.field-amount{flex:1;background:none;border:none;outline:none;min-width:0;font-family:var(--font-num);font-size:30px;font-weight:700;color:var(--grey-12);-moz-appearance:textfield}.field-amount::-webkit-outer-spin-button,.field-amount::-webkit-inner-spin-button{-webkit-appearance:none}.field-amount::placeholder{color:#00000026}.field-cur{font-size:17px;font-weight:700;color:var(--green-49);flex-shrink:0}.field-text{flex:1;background:none;border:none;outline:none;min-width:0;font-size:14px;color:var(--grey-12);font-family:SF Mono,Fira Code,monospace}.field-text::placeholder{color:#0003}.field-hint{font-size:11px;color:var(--green-49);margin-top:6px}.paste{background:var(--green-22-08);border:none;color:var(--green-22);font-size:12px;font-weight:700;border-radius:8px;padding:6px 10px;cursor:pointer;flex-shrink:0}.btn{display:block;width:100%;padding:15px;border:none;border-radius:var(--r-field);font-size:15px;font-weight:700;font-family:var(--font-text);cursor:pointer;transition:opacity .15s;letter-spacing:.2px}.btn-primary{background:var(--green-22);color:var(--white)}.btn-primary:disabled{opacity:.35;cursor:not-allowed}.btn-primary:active:not(:disabled){opacity:.85}.btn-ghost{background:var(--green-22-08);color:var(--green-22)}.btn-ghost:active{opacity:.7}.btn-danger{background:var(--red-56-10);color:var(--red-56)}.btn-demo{background:var(--orange-65-20);color:var(--orange-31);border:1.5px dashed var(--orange-65-50)}.btn-demo:disabled{opacity:.5;cursor:not-allowed}.footer-actions{padding:14px;display:flex;flex-direction:column;gap:8px}.qr-wrap{display:flex;flex-direction:column;align-items:center;gap:12px;padding:8px 0}.qr-img{width:210px;height:210px;border-radius:var(--r-list);background:#fff;padding:12px;box-shadow:var(--shadow-list)}.qr-skeleton{width:210px;height:210px;border-radius:var(--r-list);background:var(--surface);display:flex;align-items:center;justify-content:center}.steps{display:flex;flex-direction:column}.step{display:flex;gap:12px;position:relative}.step:not(:last-child) .step-line{position:absolute;left:15px;top:34px;bottom:-4px;width:2px;background:var(--grey-92)}.step-line.done{background:var(--green-22)}.step-dot{width:32px;height:32px;border-radius:16px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;margin-top:2px}.step-dot.done{background:var(--green-22);color:#fff}.step-dot.active{background:var(--surface);border:2px solid var(--green-22);color:var(--green-22)}.step-dot.todo{background:var(--surface);border:2px solid var(--grey-92);color:var(--green-49)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.55}}.step-content{flex:1;padding-bottom:20px}.step-title{font-size:14px;font-weight:600;color:var(--grey-7)}.step-title.todo{color:var(--green-49);font-weight:400}.step-desc{font-size:12px;color:var(--green-49);margin-top:2px}.conf-bar{height:3px;background:var(--grey-92);border-radius:2px;margin-top:6px;overflow:hidden}.conf-fill{height:100%;background:var(--green-22);border-radius:2px;transition:width .3s}.status-hero{background:var(--surface);border-radius:var(--r-list);box-shadow:var(--shadow-list);padding:24px 18px;display:flex;flex-direction:column;align-items:center;gap:6px}.status-hero-badge{width:56px;height:56px;border-radius:28px;display:flex;align-items:center;justify-content:center;margin-bottom:6px}.status-hero-badge.wait{background:var(--orange-65-20);color:var(--orange-31)}.status-hero-badge.ok{background:var(--green-30-12);color:var(--green-22)}.status-hero-badge.err{background:var(--red-56-10);color:var(--red-56)}.status-hero-title{font-size:18px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.status-hero-title.ok,.status-hero-title.wait{color:var(--green-22)}.status-hero-title.err{color:var(--red-56)}.status-hero-sub{font-size:13px;color:var(--green-49);text-align:center}.scan{display:flex;flex-direction:column;height:100%;background:#131313}.scan-hdr{display:flex;align-items:center;gap:10px;padding:14px 16px;color:#fff;flex-shrink:0}.scan-hdr .back{background:none;border:none;color:#fff;cursor:pointer;display:flex}.scan-hdr h1{font-size:17px;font-weight:600;margin:0;flex:1;text-align:center;padding-right:28px}.scan-body{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px}.viewfinder{width:200px;height:200px;position:relative}.viewfinder span{position:absolute;width:36px;height:36px;border:3px solid #fff}.viewfinder .tl{top:0;left:0;border-right:none;border-bottom:none;border-radius:12px 0 0}.viewfinder .tr{top:0;right:0;border-left:none;border-bottom:none;border-radius:0 12px 0 0}.viewfinder .bl{bottom:0;left:0;border-right:none;border-top:none;border-radius:0 0 0 12px}.viewfinder .br{bottom:0;right:0;border-left:none;border-top:none;border-radius:0 0 12px}.scan-line{position:absolute;left:6px;right:6px;top:0;height:3px;background:var(--orange-65);border-radius:2px;box-shadow:0 0 8px var(--orange-65);animation:scanmove 2.2s ease-in-out infinite}@keyframes scanmove{0%,to{top:4px}50%{top:192px}}.scan-hint{color:#fff9;font-size:13px;text-align:center;max-width:220px;line-height:1.5}.scan-footer{padding:16px;flex-shrink:0}.btn-outline-light{display:block;width:100%;padding:15px;border-radius:var(--r-pill);background:transparent;border:1px solid rgba(255,255,255,.4);color:#fff;font-size:14px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;font-family:var(--font-text);cursor:pointer}.btn-pill-outline{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:15px;border-radius:var(--r-pill);background:transparent;border:1px solid var(--green-30-22);color:var(--green-22);font-size:13px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;font-family:var(--font-text);cursor:pointer}.pin-screen{display:flex;flex-direction:column;align-items:center;padding-top:48px}.pin-logo{width:64px;height:64px;border-radius:32px;background:var(--green-22);color:#fff;font-family:var(--font-num);font-weight:700;font-size:26px;display:flex;align-items:center;justify-content:center;margin-bottom:16px}.pin-title{font-size:18px;font-weight:700;color:var(--grey-12);text-align:center}.pin-sub{font-size:13px;color:var(--green-49);margin-top:6px;text-align:center}.pin-sub.err{color:var(--red-56)}.pin-dots{display:flex;gap:14px;margin:28px 0 36px}.pin-dot{width:13px;height:13px;border-radius:50%;border:2px solid var(--green-22)}.pin-dot.fill{background:var(--green-22)}.pin-dot.err{border-color:var(--red-56);background:var(--red-56)}.numpad{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;width:100%;max-width:320px;padding:0 16px}.key{background:var(--surface);border:none;border-radius:var(--r-field);font-family:var(--font-num);font-size:24px;font-weight:600;color:var(--grey-12);padding:16px 0;cursor:pointer;box-shadow:var(--shadow-list);transition:background .1s}.key:active{background:var(--grey-92)}.key.fn{background:transparent;box-shadow:none;font-family:var(--font-text);font-size:16px;color:var(--green-22)}.profile-hero{display:flex;flex-direction:column;align-items:center;padding:24px 16px 8px}.profile-avatar{width:72px;height:72px;border-radius:36px;background:var(--green-22);color:#fff;font-family:var(--font-num);font-weight:700;font-size:28px;display:flex;align-items:center;justify-content:center}.profile-name{font-size:20px;font-weight:700;margin-top:10px;color:var(--grey-12)}.profile-sub{font-size:13px;color:var(--green-49);margin-top:3px}.srow{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;cursor:pointer}.srow+.srow{border-top:1px solid var(--grey-92)}.srow-label{font-size:15px;color:var(--grey-12)}.srow-desc{font-size:12px;color:var(--green-49);margin-top:2px}.srow-value{font-size:13px;color:var(--green-49)}.srow-arrow{color:var(--grey-71);font-size:16px}.srow.danger .srow-label{color:var(--red-56)}.toggle{width:44px;height:26px;border-radius:13px;background:var(--grey-92);position:relative;transition:background .2s;flex-shrink:0;cursor:pointer}.toggle.on{background:var(--green-22)}.toggle:after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:10px;background:#fff;transition:left .2s}.toggle.on:after{left:21px}.error-text{font-size:12px;color:var(--red-56)}.hint{font-size:12px;color:var(--green-49);line-height:1.5}.hint.warn{color:var(--orange-31)}.hint.danger{color:var(--red-56)}.mono{font-family:SF Mono,Fira Code,monospace;font-size:13px;color:var(--grey-12);word-break:break-all;line-height:1.6}.center{text-align:center}.big-num{font-family:var(--font-num);font-size:30px;font-weight:700;color:var(--grey-12);text-align:center}.success-emoji{text-align:center;font-size:64px;padding:16px 0;animation:pop .5s ease-out}@keyframes pop{0%{transform:scale(.4);opacity:0}70%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.spinner{width:28px;height:28px;border:3px solid var(--grey-92);border-top-color:var(--green-22);border-radius:50%;animation:spin .75s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.spinner-center{display:flex;justify-content:center;padding:40px}.empty{display:flex;flex-direction:column;align-items:center;padding:56px 32px;text-align:center;gap:8px}.empty-ic{font-size:48px}.empty-title{font-size:17px;font-weight:700;color:var(--grey-12)}.empty-desc{font-size:13px;color:var(--green-49);line-height:1.5}.doc-text{padding:4px 16px}.doc-text h2{font-size:14px;font-weight:700;color:var(--grey-12);margin:16px 0 6px}.doc-text p{font-size:13px;color:var(--green-49);line-height:1.6;margin:0 0 8px}.bottom-nav{position:absolute;bottom:0;left:0;right:0;background:var(--surface);border-top:1px solid var(--grey-92);display:flex;padding-bottom:env(safe-area-inset-bottom);z-index:100}.nav-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:8px 0 6px;background:none;border:none;cursor:pointer;color:var(--green-49);font-size:10px;font-weight:600;font-family:var(--font-text);transition:color .15s}.nav-item.active{color:var(--green-22)}.nav-ic{font-size:21px;line-height:1}