.accounting-receipt-flow{--rf-teal-0:#eef6f7;--rf-teal-50:#cbe5e6;--rf-teal-300:#64b1b5;--rf-teal-400:#4a979b;--rf-teal-500:#3a7679;--rf-teal-600:#2e5e60;--rf-teal-700:#264d4f;--rf-teal-800:#1e3c3e;--rf-green:#15b471;--rf-ink:#000000e5;--rf-muted:rgba(0,0,0,0.4)}.receipt-flow__rings{position:absolute;top:0;right:0;width:min(1126px,78vw);height:612px;pointer-events:none;opacity:.42;background:radial-gradient(ellipse at 88% 5%,transparent 0 20px,rgba(74,151,155,.1) 21px 22px,transparent 23px 42px),repeating-radial-gradient(ellipse at 88% 5%,rgba(74,151,155,.085) 0 1px,transparent 1px 18px);mask-image:linear-gradient(180deg,#000,rgba(0,0,0,.7) 56%,transparent)}.accounting-receipt-flow [data-receipt-reveal]{opacity:0;transform:translateY(34px);transition:opacity .7s cubic-bezier(.22,.61,.36,1),transform .7s cubic-bezier(.22,.61,.36,1)}.accounting-receipt-flow [data-receipt-reveal].is-revealed{opacity:1;transform:none}.receipt-flow__row{transition:opacity .55s ease}.receipt-flow__frame{transition:transform .55s cubic-bezier(.2,.75,.25,1),box-shadow .55s ease,filter .55s ease;will-change:transform,filter}.accounting-receipt-flow.is-interactive .receipt-flow__row:not(.is-active){opacity:.26}.accounting-receipt-flow.is-interactive .receipt-flow__row:not(.is-active) .receipt-flow__frame{transform:scale(.955);filter:saturate(.45) blur(1.4px)}.accounting-receipt-flow.is-interactive .receipt-flow__row.is-active .receipt-flow__frame{transform:scale(1.015);box-shadow:0 18px 44px -30px rgba(22,66,67,.32)}.receipt-flow__step{padding:10px 0 0 28px}.receipt-flow__step:before{content:"";position:absolute;top:6px;bottom:-36px;left:0;width:1.5px;background:#d4e2e1}.receipt-flow__row:last-child .receipt-flow__step:before{bottom:auto;height:64px}.receipt-flow__dot{position:absolute;top:14px;left:-3.25px;width:8px;height:8px;border-radius:999px;background:var(--rf-teal-400);transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s ease}.accounting-receipt-flow.is-interactive .receipt-flow__row.is-active .receipt-flow__dot{transform:scale(1.7);box-shadow:0 0 0 5px rgba(58,118,121,.16)}.receipt-flow__step .sn{color:var(--rf-teal-500);font-size:11.5px;font-weight:700;line-height:1.5;letter-spacing:.14em;transition:letter-spacing .45s ease}.receipt-flow__step .st{margin-top:8px;color:var(--rf-ink);font-size:15.5px;font-weight:600;line-height:1.2}.accounting-receipt-flow.is-interactive .receipt-flow__row.is-active .receipt-flow__step .sn{letter-spacing:.2em}@keyframes flCard{0%{opacity:0;transform:translateX(22px) scale(.96)}to{opacity:1;transform:none}}@keyframes flPop{0%{opacity:0;transform:scale(.4)}60%{transform:scale(1.14)}to{opacity:1;transform:scale(1)}}@keyframes flChip{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes flUp{0%{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}@keyframes flBar{0%{transform:scaleY(0)}72%{transform:scaleY(1.08)}to{transform:scaleY(1)}}@keyframes flHl{0%{background:#ffffff}to{background:#f0f8f6}}@keyframes flScan{0%{opacity:.2;transform:translateX(-6px)}to{opacity:1;transform:none}}@keyframes flDraw{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes flFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes flShine{0%{opacity:0;transform:translateX(-180%) skewX(-12deg)}12%{opacity:1}to{opacity:0;transform:translateX(280%) skewX(-12deg)}}@keyframes flTwinkle{0%{opacity:0;transform:scale(0) rotate(0)}45%{opacity:1;transform:scale(1.25) rotate(45deg)}to{opacity:0;transform:scale(.5) rotate(90deg)}}@keyframes flCheck{to{stroke-dashoffset:0}}@keyframes flRipple{0%{opacity:.55;transform:scale(1)}to{opacity:0;transform:scale(1.85)}}@keyframes flSpark{0%{opacity:.25;transform:scale(.5) rotate(-30deg)}35%{opacity:1;transform:scale(1.35) rotate(8deg)}62%{transform:scale(.9) rotate(0)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes flFill{0%{clip-path:inset(0 100% 0 0);opacity:.35}to{clip-path:inset(0 0 0 0);opacity:1}}.rf1{display:flex;align-items:center;justify-content:center;gap:40px;width:100%}.rf1__phone-image{display:block;flex:0 0 232px;width:232px;height:277px}.rf1__phone-img{width:232px;height:277px;object-fit:contain}.rf1__phone{position:relative;display:block;flex:0 0 232px;width:232px;height:277px;overflow:hidden;border:solid #111;border-width:8px 8px 0;border-radius:32px 32px 0 0;background:#f7fbfb;box-shadow:0 16px 34px rgba(22,66,67,.18)}.rf1__phone-top{display:flex;height:24px;align-items:center;justify-content:space-between;padding:0 18px;color:#111;font-size:8px;font-weight:700}.rf1__phone-notch{position:absolute;top:0;left:50%;width:72px;height:17px;transform:translateX(-50%);border-radius:0 0 14px 14px;background:#111}.rf1__phone-app{display:flex;flex-direction:column;gap:14px;padding:8px 18px 18px}.rf1__app-header{display:flex;align-items:center;gap:5px;color:var(--rf-teal-700);font-size:9px;font-weight:700}.rf1__app-back{color:var(--rf-teal-600);font-size:16px;line-height:1}.rf1__brand-dot,.rf1__verified{width:9px;height:9px;border-radius:50%;background:var(--rf-teal-500)}.rf1__verified{width:5px;height:5px;background:var(--rf-green)}.rf1__receipt-card{margin:0 auto;width:142px;border:1px solid #d5dadc;border-radius:4px;background:#fff;padding:10px;box-shadow:0 6px 14px rgba(0,0,0,.08)}.rf1__receipt-title{color:#33281e;font-size:8px;font-weight:700}.rf1__receipt-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:5px 6px;margin-top:10px}.rf1__receipt-grid span{height:3px;border-radius:999px;background:#c6cdd0}.rf1__receipt-grid span:nth-child(4n){background:#9fb9ba}.rf1__receipt-total{display:flex;justify-content:space-between;margin-top:10px;color:#111;font-size:7px;font-weight:700}.rf1__message{display:flex;flex-direction:column;gap:3px;width:138px;margin-left:42px;border-radius:9px 9px 9px 2px;background:#dff2e8;padding:8px 10px;color:var(--rf-teal-700);font-size:8px;font-weight:600}.rf1__message-time{align-self:flex-end;color:rgba(0,0,0,.45);font-size:7px;font-weight:500}.rf1__card{position:relative;max-width:296px;border-radius:8px;background:#fff;padding:20px;box-shadow:0 2px 8px rgba(0,0,0,.04),0 4px 12px rgba(112,169,172,.2)}.rf1__card:before{content:"";position:absolute;top:30px;left:-28px;width:28px;transform-origin:left center;border-top:1.5px dashed #9fc6c3}.rf1__card:after{content:"";position:absolute;top:26px;left:-4px;width:9px;height:9px;border-radius:50%;background:var(--rf-teal-400)}.rf1__head{display:flex;align-items:flex-start;gap:8px;color:rgba(0,0,0,.9);font-size:14px;font-weight:700;line-height:1.5}.rf1__head .ck{display:inline-flex;flex:0 0 24px;align-items:center;justify-content:center;width:24px;height:24px;margin-top:1px;border-radius:50%;background:var(--rf-green);color:#fff}.rf1__kv{margin-top:16px;font-size:12px;line-height:1.5}.rf1__kv .k{display:block;color:var(--rf-teal-700);font-weight:700}.rf1__kv .v{display:block;margin-top:2px;color:var(--rf-muted)}.accounting-receipt-flow.is-interactive .receipt-flow__row.is-active .rf1__phone-image{animation:flUp .55s both}.accounting-receipt-flow.is-interactive .receipt-flow__row.is-active .rf1__card{animation:flCard .55s .15s both}.accounting-receipt-flow.is-interactive .receipt-flow__row.is-active .rf1__card:before{animation:flDraw .35s .12s both}.accounting-receipt-flow.is-interactive .receipt-flow__row.is-active .rf1__head .ck{animation:flPop .5s .42s both}.accounting-receipt-flow.is-interactive .receipt-flow__row.is-active .rf1__card>.rf1__kv:nth-child(2){animation:flUp .42s .55s both}.accounting-receipt-flow.is-interactive .receipt-flow__row.is-active .rf1__card>.rf1__kv:nth-child(3){animation:flUp .42s .65s both}.accounting-receipt-flow.is-interactive .receipt-flow__row.is-active .rf1{animation:flFloat 6s ease-in-out 1.1s infinite}.rf2tbl{width:100%;max-width:600px;margin:0 auto;overflow:hidden;border:1px solid rgba(0,0,0,.08);border-radius:4px 4px 0 0;background:#fff;box-shadow:0 12px 40px rgba(100,177,181,.25)}.rf-ledger-table{width:100%;border-collapse:collapse;color:#000;font-size:11.5px}.rf-ledger-table th{border-bottom:1px solid #eef1f1;padding:9px 12px;color:rgba(0,0,0,.4);font-weight:600;text-align:left;white-space:nowrap}.rf-ledger-table td:nth-child(2),.rf-ledger-table th:nth-child(2){text-align:right}.rf-ledger-table td{border-bottom:1px solid #f3f5f5;padding:8px 12px;white-space:nowrap;vertical-align:middle}.rf-ledger-table tbody tr:last-child td{border-bottom:0}.rf-ledger-table .thsub{display:block;color:#b3bebe;font-size:9px;font-weight:600;letter-spacing:.03em;line-height:1.1;text-transform:uppercase}.rf-ledger-table .req{color:#c71a1a}.rf-ledger-table .mer{display:flex;align-items:center;gap:10px}.rf-ledger-table .mlogo{display:inline-flex;flex:0 0 30px;align-items:center;justify-content:center;width:30px;height:30px;border-radius:999px;background:#fff;color:#fff;font-size:9px;font-weight:700;letter-spacing:-.02em}.rf-ledger-table .mn,.rf-ledger-table .ms{display:block}.rf-ledger-table .ms{color:rgba(0,0,0,.4);font-size:9.5px}.rf-ledger-table .amt{font-weight:600}.rf-ledger-table .gsel{display:flex;min-width:150px;align-items:center;gap:8px;color:rgba(0,0,0,.9);font-size:11px}.rf-ledger-table .gicon{flex:0 0 16px;width:16px;height:16px;color:var(--rf-teal-500)}.rf-ledger-table .gv{white-space:nowrap}.rf2tbl tbody tr:first-child td:nth-child(4){--fd:0.15s}.rf2tbl tbody tr:first-child td:nth-child(5){--fd:0.27s}.rf2tbl tbody tr:nth-child(2) td:nth-child(4){--fd:0.39s}.rf2tbl tbody tr:nth-child(2) td:nth-child(5){--fd:0.51s}.rf2tbl tbody tr:nth-child(3) td:nth-child(4){--fd:0.63s}.rf2tbl tbody tr:nth-child(3) td:nth-child(5){--fd:0.75s}.rf2tbl tbody tr:nth-child(4) td:nth-child(4){--fd:0.87s}.rf2tbl tbody tr:nth-child(4) td:nth-child(5){--fd:0.99s}.rf2tbl tbody tr:nth-child(5) td:nth-child(4){--fd:1.11s}.rf2tbl tbody tr:nth-child(5) td:nth-child(5){--fd:1.23s}.accounting-receipt-flow.is-interactive .receipt-flow__row.is-active .rf2tbl .gsel .gicon{animation:flSpark .5s var(--fd,0s) both}.accounting-receipt-flow.is-interactive .receipt-flow__row.is-active .rf2tbl .gsel .gv{animation:flFill .42s calc(var(--fd, 0s) + .2s) both}.accounting-receipt-flow.is-interactive .receipt-flow__row.is-active .rf2tbl{animation:flFloat 6.5s ease-in-out 2s infinite}.rf3{width:100%;max-width:600px;border:1px solid #e9efef;border-radius:2px 2px 0 0;background:#fff;padding:22px 26px;box-shadow:0 16px 40px rgba(46,94,96,.12)}.rf3__head{display:flex;align-items:center;justify-content:space-between;gap:12px;color:rgba(0,0,0,.9);font-size:13px;font-weight:700}.rf3__head .mo,.rf3__head .sync,.rf3__head .sync .qb{display:inline-flex;align-items:center}.rf3__head .mo{gap:7px}.rf3__head .sync{gap:8px;color:rgba(0,0,0,.4);font-size:11px;font-weight:600}.rf3__head .sync .qb{gap:5px;border:1px solid #e5ebeb;border-radius:999px;background:#fff;padding:4px 10px;color:rgba(0,0,0,.9)}.rf3__head .sync .qb .qbi{display:inline-flex;align-items:center;justify-content:center;width:15px;height:15px;border-radius:50%;background:#2ca01c;color:#fff;font-size:8px;font-weight:800;line-height:1}.rf3__head .sync .ok{color:var(--rf-green)}.rf3__body{display:grid;grid-template-columns:220px minmax(0,1fr);align-items:center;gap:26px;margin-top:18px}.rf3__left{position:relative;text-align:center}.rf3__left .big{position:relative;display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;margin-bottom:12px;border-radius:50%;background:#e0f2e8;color:var(--rf-green)}.rf3__left .big svg{width:26px;height:26px}.rf3__left .big svg path{stroke-dasharray:30;stroke-dashoffset:0}.rf3__left h4{color:rgba(0,0,0,.9);font-size:17px;font-weight:700;line-height:1.2}.rf3__left .ts{margin-top:4px;color:rgba(0,0,0,.4);font-size:11px}.rf3__left .cnt{margin-top:12px;color:rgba(0,0,0,.9);font-size:30px;font-weight:700;letter-spacing:-.02em;line-height:1.1}.rf3__left .cl{color:rgba(0,0,0,.4);font-size:11px}.rf3__chart{display:flex;align-items:flex-end;gap:4px;height:130px;border-left:1px solid #f0f3f3;padding-left:22px}.rf3__chart span{flex:1;transform-origin:bottom;border-radius:3px 3px 0 0;background:linear-gradient(180deg,#bfe3d2,#d9efe3)}.rf3__x{display:flex;justify-content:space-between;margin-top:8px;padding-left:22px;color:rgba(0,0,0,.4);font-size:9.5px}.accounting-receipt-flow.is-interactive .receipt-flow__row.is-active .rf3__left .big{animation:flPop .5s .1s both}.accounting-receipt-flow.is-interactive .receipt-flow__row.is-active .rf3__left .big svg path{stroke-dashoffset:30;animation:flCheck .45s .28s forwards}.accounting-receipt-flow.is-interactive .receipt-flow__row.is-active .rf3__left .big:after{content:"";position:absolute;inset:0;border:2px solid var(--rf-green);border-radius:50%;animation:flRipple .9s ease-out .32s both}.accounting-receipt-flow.is-interactive .receipt-flow__row.is-active .rf3__left h4{animation:flUp .4s .4s both}.accounting-receipt-flow.is-interactive .receipt-flow__row.is-active .rf3__left .ts{animation:flUp .4s .5s both}.accounting-receipt-flow.is-interactive .receipt-flow__row.is-active .rf3__left .cl{animation:flUp .4s .62s both}.accounting-receipt-flow.is-interactive .receipt-flow__row.is-active .rf3__head .qb{animation:flPop .45s .72s both}.accounting-receipt-flow.is-interactive .receipt-flow__row.is-active .rf3__head .sync .ok{animation:flPop .42s .88s both}.accounting-receipt-flow.is-interactive .receipt-flow__row.is-active .rf3__chart span{animation:flBar .6s both}.accounting-receipt-flow.is-interactive .receipt-flow__row.is-active .rf3{animation:flFloat 6.2s ease-in-out 1.15s infinite}@media (max-width:1023px){.receipt-flow__rings{width:360px;height:196px}.receipt-flow__step{padding-left:0}.receipt-flow__dot,.receipt-flow__step:before{display:none}.rf1{flex-direction:column;gap:18px}.rf1__phone{flex-basis:auto;width:200px;height:246px}.rf1__phone-image,.rf1__phone-img{width:200px;height:239px}.rf1__card{max-width:min(296px,100%)}.rf1__card:after,.rf1__card:before{display:none}.rf2tbl{max-width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}.rf-ledger-table{min-width:520px}.rf3{padding:16px 14px}.rf3__head{flex-wrap:wrap}.rf3__body{grid-template-columns:1fr;gap:18px}.rf3__chart{height:90px;gap:2px;border-left:0}.rf3__chart,.rf3__x{padding-left:10px}}@media (prefers-reduced-motion:reduce){.accounting-receipt-flow [data-receipt-reveal],.receipt-flow__dot,.receipt-flow__frame,.receipt-flow__row,.receipt-flow__step .sn,.rf1,.rf1__card,.rf1__card:before,.rf1__head .ck,.rf1__kv,.rf1__phone-image,.rf2tbl,.rf2tbl .gicon,.rf2tbl .gv,.rf3,.rf3 *,.rf3__chart span,.rf3__left .big:after{animation:none!important;transition:none!important;opacity:1!important;transform:none!important;filter:none!important;stroke-dashoffset:0!important;clip-path:none!important}}