{"pl":"<div class=\"vri\" data-ill=\"pl\"><div class=\"vri-s\"> <div class=\"vri-card vri-l\" style=\"left:149px; top:70px; width:266px; padding:17px; opacity:.8; --d:.05s\" data-op=\".8\"> <div class=\"vri-t13\" style=\"color:#4b5563\">Management commission revenue</div> <div style=\"display:flex; gap:5.75px; align-items:baseline\"><span class=\"vri-t16 vri-ink vri-num\" data-k=\"commission\">$7,480.00</span><span class=\"vri-t13 vri-num\" style=\"color:#047857\" data-k=\"delta\">↑12%</span></div> <div style=\"display:flex; align-items:flex-end; gap:5.75px; height:103px; width:231px; margin-top:11px; opacity:.5\" data-k=\"bars\"> <i class=\"vri-gy\" style=\"flex:1; background:#059669; border-radius:2.9px; height:18%; --d:.45s\"></i><i class=\"vri-gy\" style=\"flex:1; background:#059669; border-radius:2.9px; height:27%; --d:.5s\"></i><i class=\"vri-gy\" style=\"flex:1; background:#059669; border-radius:2.9px; height:36%; --d:.55s\"></i><i class=\"vri-gy\" style=\"flex:1; background:#059669; border-radius:2.9px; height:40%; --d:.6s\"></i><i class=\"vri-gy\" style=\"flex:1; background:#059669; border-radius:2.9px; height:52%; --d:.65s\"></i><i class=\"vri-gy\" style=\"flex:1; background:#059669; border-radius:2.9px; height:64%; --d:.7s\"></i><i class=\"vri-gy\" style=\"flex:1; background:#059669; border-radius:2.9px; height:69%; --d:.75s\"></i><i class=\"vri-gy\" style=\"flex:1; background:#059669; border-radius:2.9px; height:73%; --d:.8s\"></i><i class=\"vri-gy\" style=\"flex:1; background:#059669; border-radius:2.9px; height:78%; --d:.85s\"></i><i class=\"vri-gy\" style=\"flex:1; background:#059669; border-radius:2.9px; height:82%; --d:.9s\"></i><i class=\"vri-gy\" style=\"flex:1; background:#059669; border-radius:2.9px; height:93%; --d:.95s\"></i><i class=\"vri-gy\" style=\"flex:1; background:#059669; border-radius:2.9px; height:100%; --d:1s\"></i> </div> </div> <div class=\"vri-card vri-l\" style=\"left:45px; top:139px; width:272px; padding:17px; display:flex; flex-direction:column; gap:17px; --d:.25s\"> <div><div class=\"vri-t16\">Profit &amp; Loss</div><div class=\"vri-t13\" data-k=\"period\">Jan 2025 · By property</div></div> <div style=\"display:flex; flex-direction:column; gap:11.5px\"> <div style=\"display:flex; gap:11.5px; align-items:center\"><span class=\"vri-t13\" style=\"color:#4b5563\">Unit 304</span><span style=\"display:flex; flex-direction:column; gap:2.9px; width:184px\"><i class=\"vri-gx\" data-b=\"0\" style=\"display:block; height:10.8px; border-radius:2.9px; background:#1d4ed8; width:85%; --d:.6s\"></i><i class=\"vri-gx\" data-b=\"1\" style=\"display:block; height:10.8px; border-radius:2.9px; background:#d4d4d4; width:26%; --d:.7s\"></i></span></div> <div style=\"display:flex; gap:11.5px; align-items:center\"><span class=\"vri-t13\" style=\"color:#4b5563\">Unit 305</span><span style=\"display:flex; flex-direction:column; gap:2.9px; width:184px\"><i class=\"vri-gx\" data-b=\"2\" style=\"display:block; height:10.8px; border-radius:2.9px; background:#1d4ed8; width:68%; --d:.7s\"></i><i class=\"vri-gx\" data-b=\"3\" style=\"display:block; height:10.8px; border-radius:2.9px; background:#d4d4d4; width:38%; --d:.8s\"></i></span></div> <div style=\"display:flex; gap:11.5px; align-items:center\"><span class=\"vri-t13\" style=\"color:#4b5563\">Unit 306</span><span style=\"display:flex; flex-direction:column; gap:2.9px; width:184px\"><i class=\"vri-gx\" data-b=\"4\" style=\"display:block; height:10.8px; border-radius:2.9px; background:#1d4ed8; width:90%; --d:.8s\"></i><i class=\"vri-gx\" data-b=\"5\" style=\"display:block; height:10.8px; border-radius:2.9px; background:#d4d4d4; width:25%; --d:.9s\"></i></span></div> </div> <div class=\"vri-dash\"></div> <div class=\"vri-row\"><span class=\"vri-t13m\">Net income</span><span class=\"vri-t13m vri-ink vri-num\" data-k=\"net\">$14,677.75</span></div> </div> </div></div>\n<script>VRILL.reg('pl', function (r, H) { var reduce = H.reduce, fmt = H.fmt, parse = H.parse, count = H.count, swap = H.swap, q = H.q, lines = H.lines, chat = H.chat, every = H.every; var months = [['Jan 2025', 14677.75, 7480, '↑12%', [85,26,68,38,90,25]], ['Feb 2025', 15960.10, 8120, '↑9%', [72,30,88,22,80,34]], ['Mar 2025', 13540.20, 6890, '↓4%', [64,40,58,44,74,30]]], i = 0; return every(function () { i = (i + 1) % months.length; var m = months[i]; r.querySelectorAll('.vri-gx, .vri-gy').forEach(function (e) { if (!e.dataset.freed) { e.style.animation = 'none'; e.style.transform = e.classList.contains('vri-gy') ? 'scaleY(1)' : 'scaleX(1)'; e.dataset.freed = 1; } }); swap(q(r, 'period'), m[0] + ' · By property'); count(q(r, 'net'), m[1], 900); count(q(r, 'commission'), m[2], 900); swap(q(r, 'delta'), m[3]); q(r, 'delta').style.color = m[3].charAt(0) === '↑' ? '#047857' : '#b91c1c'; r.querySelectorAll('[data-b]').forEach(function (b, k) { b.style.transition = 'transform .8s var(--ease-in-out)'; b.style.transform = 'scaleX(' + (m[4][k] / b.dataset.max) + ')'; }); r.querySelectorAll('[data-k=\"bars\"] i').forEach(function (b) { b.style.transition = 'transform .8s var(--ease-in-out)'; b.style.transform = 'scaleY(' + (0.2 + Math.random() * 0.8) + ')'; }); }, 4200); });</script>","os":"<div class=\"vri\" data-ill=\"os\"><div class=\"vri-s\"> <div class=\"vri-card vri-r14 vri-l\" style=\"left:42px; top:72px; width:296px; padding:23px; display:flex; flex-direction:column; gap:23px; opacity:.6; --d:.05s\" data-op=\".6\"> <div class=\"vri-t16\" style=\"color:#525252\">Login to VRPlatform</div> <div style=\"display:flex; flex-direction:column; gap:18.7px; width:250px\"> <div><div style=\"font-size:12.9px; color:#171717; margin-bottom:6px\">Email</div><div style=\"border:1px solid #e5e5e5; border-radius:5.75px; padding:7px 12px; font-size:12.9px; color:#a3a3a3\">sarah.thomson@email.com</div></div> <div><div style=\"font-size:12.9px; color:#171717; margin-bottom:6px\">Password</div><div style=\"border:1px solid #e5e5e5; border-radius:5.75px; padding:7px 12px; font-size:12.9px; color:#a3a3a3\">••••••••</div></div> </div> <div style=\"border-radius:7.2px; padding:7.2px 8.6px; text-align:center; color:#fff; font-size:12.9px; font-weight:500; background:linear-gradient(171deg, #1d4ed8 22%, #0c3997 132%); border:1.4px solid #fff; box-shadow:0 1.4px 2.9px rgba(0,12,47,.2)\">Login to VRPlatform</div> </div> <div class=\"vri-card vri-r14 vri-l\" style=\"left:102px; top:154px; width:316px; padding:17px; display:flex; flex-direction:column; gap:17px; --d:.3s\"> <div><div class=\"vri-t16\" style=\"color:#525252\">Owner statements</div><div class=\"vri-t13\">Unit 304 · Sarah Thompson</div></div> <div style=\"display:flex; flex-direction:column; gap:11.5px; overflow:hidden\" data-k=\"rows\"> <div class=\"vri-row vri-l\" style=\"--d:.55s\"><span style=\"display:flex; gap:5.75px; align-items:center; width:92px\"><i class=\"vri-ic\" style=\"width:14.4px;height:14.4px\"><img src=\"https://cdn.prod.website-files.com/6453afeeaf70ff3cb0d0f919/6aab2194cc2c70b1c58b6218_vri-check-circle-green.svg\" alt=\"\"></i><span class=\"vri-t13 vri-n6\">Jan 2025</span></span><span class=\"vri-t13m vri-green\">Paid</span><span class=\"vri-t13m vri-n6 vri-num\" style=\"width:72px; text-align:right\">$4,815.00</span></div> <div class=\"vri-row vri-l\" style=\"--d:.65s\"><span style=\"display:flex; gap:5.75px; align-items:center; width:92px\"><i class=\"vri-ic\" style=\"width:14.4px;height:14.4px\"><img src=\"https://cdn.prod.website-files.com/6453afeeaf70ff3cb0d0f919/6aab2194cc2c70b1c58b6218_vri-check-circle-green.svg\" alt=\"\"></i><span class=\"vri-t13 vri-n6\">Feb 2025</span></span><span class=\"vri-t13m vri-green\">Paid</span><span class=\"vri-t13m vri-n6 vri-num\" style=\"width:72px; text-align:right\">$3,982.00</span></div> <div class=\"vri-row vri-l\" style=\"--d:.75s\"><span style=\"display:flex; gap:5.75px; align-items:center; width:92px\"><i class=\"vri-ic\" style=\"width:14.4px;height:14.4px\"><img src=\"https://cdn.prod.website-files.com/6453afeeaf70ff3cb0d0f919/6aab2194cc2c70b1c58b6218_vri-check-circle-green.svg\" alt=\"\"></i><span class=\"vri-t13 vri-n6\">Mar 2025</span></span><span class=\"vri-t13m vri-green\">Paid</span><span class=\"vri-t13m vri-n6 vri-num\" style=\"width:72px; text-align:right\">$4,677.00</span></div> <div class=\"vri-row vri-l\" style=\"--d:.85s\"><span style=\"display:flex; gap:5.75px; align-items:center; width:92px\"><i class=\"vri-ic\" style=\"width:14.4px;height:14.4px\"><img src=\"https://cdn.prod.website-files.com/6453afeeaf70ff3cb0d0f919/6aab2194cc2c70b1c58b6218_vri-check-circle-green.svg\" alt=\"\"></i><span class=\"vri-t13 vri-n6\">Apr 2025</span></span><span class=\"vri-t13m vri-green\">Paid</span><span class=\"vri-t13m vri-n6 vri-num\" style=\"width:72px; text-align:right\">$3,912.00</span></div> <div class=\"vri-row vri-l\" style=\"--d:.95s\" data-k=\"last\"><span style=\"display:flex; gap:5.75px; align-items:center; width:92px\"><i class=\"vri-ic\" style=\"width:14.4px;height:14.4px\" data-k=\"lasticon\"><img src=\"https://cdn.prod.website-files.com/6453afeeaf70ff3cb0d0f919/6aab21e1fa6d39148287dcf5_vri-time-amber.svg\" alt=\"\"></i><span class=\"vri-t13 vri-n6\" data-k=\"lastmonth\">May 2025</span></span><span class=\"vri-t13m vri-amber\" data-k=\"laststatus\">Scheduled</span><span class=\"vri-t13m vri-n6 vri-num\" style=\"width:72px; text-align:right\" data-k=\"lastamt\">$2,845.00</span></div> </div> </div> </div></div>\n<script>VRILL.reg('os', function (r, H) { var reduce = H.reduce, fmt = H.fmt, parse = H.parse, count = H.count, swap = H.swap, q = H.q, lines = H.lines, chat = H.chat, every = H.every; var step = 0, months = ['Jun 2025', 'Jul 2025', 'Aug 2025'], amts = ['$4,102.00', '$3,760.00', '$4,455.00']; return every(function () { var last = q(r, 'last'); if (step % 2 === 0) {  q(r, 'laststatus').textContent = 'Paid'; q(r, 'laststatus').className = 'vri-t13m vri-green vri-swap'; q(r, 'lasticon').innerHTML = r.querySelector('.vri-row .vri-ic').innerHTML; } else {  var rows = q(r, 'rows'), first = rows.firstElementChild; first.style.transition = 'opacity .3s, transform .3s'; first.style.opacity = 0; first.style.transform = 'translateY(-8px)'; setTimeout(function () { first.remove(); last.removeAttribute('data-k'); last.querySelectorAll('[data-k]').forEach(function (e) { e.removeAttribute('data-k'); }); var m = months[(step >> 1) % 3], n = last.cloneNode(true); n.setAttribute('data-k', 'last'); n.classList.add('vri-swap'); n.querySelector('.vri-ic').setAttribute('data-k', 'lasticon'); n.querySelector('.vri-ic').innerHTML = r.getAttribute('data-amber'); n.children[0].lastElementChild.textContent = m; n.children[0].lastElementChild.setAttribute('data-k', 'lastmonth'); n.children[1].textContent = 'Scheduled'; n.children[1].className = 'vri-t13m vri-amber'; n.children[1].setAttribute('data-k', 'laststatus'); n.children[2].textContent = amts[(step >> 1) % 3]; n.children[2].setAttribute('data-k', 'lastamt'); rows.appendChild(n); }, 320); } step++; }, 4400); });</script>","res":"<div class=\"vri\" data-ill=\"res\"><div class=\"vri-s\"> <div class=\"vri-card vri-l\" style=\"left:57px; top:106px; width:345px; padding:14.4px; display:flex; gap:11.5px; align-items:center; --d:.05s\"> <i class=\"vri-ic\" style=\"width:23px;height:23px\"><img src=\"https://cdn.prod.website-files.com/6453afeeaf70ff3cb0d0f919/6aab2194e6809765825084cd_vri-calendar-event.svg\" alt=\"\"></i> <div><div class=\"vri-t16\">Reservation</div><div class=\"vri-t13\" data-k=\"dates\">Dec 11–13, 2025</div></div> <div class=\"vri-t16 vri-n8 vri-num\" style=\"margin-left:auto\" data-k=\"total\">$2,480.00</div> </div> <div class=\"vri-drawl\" data-k=\"conn\" style=\"position:absolute; left:96px; top:175px; width:11px; height:64px; border-left:1.5px dotted #c9d0d8; border-bottom:1.5px dotted #c9d0d8; border-bottom-left-radius:12px; --d:.35s\"></div> <div class=\"vri-card vri-l\" style=\"left:106px; top:215px; width:296px; padding:14.4px; display:flex; flex-direction:column; gap:11.5px; --d:.55s\"> <div style=\"display:flex; flex-direction:column; gap:8.6px\"> <div class=\"vri-row\"><span style=\"display:flex; gap:5.75px; align-items:center\"><i style=\"width:8.6px;height:8.6px;border-radius:2.9px;background:#2563eb\"></i><span class=\"vri-t13\" style=\"color:#404040\">PM Revenue <span style=\"color:#a3a3a3\">(20%)</span></span></span><span class=\"vri-t13m vri-num\" data-k=\"pm\">$496.00</span></div> <div class=\"vri-row\"><span style=\"display:flex; gap:5.75px; align-items:center\"><i style=\"width:8.6px;height:8.6px;border-radius:2.9px;background:#ea580c\"></i><span class=\"vri-t13\" style=\"color:#404040\">Taxes</span></span><span class=\"vri-t13m vri-num\" data-k=\"tax\">$372.00</span></div> <div class=\"vri-row\"><span style=\"display:flex; gap:5.75px; align-items:center\"><i style=\"width:8.6px;height:8.6px;border-radius:2.9px;background:#65a30d\"></i><span class=\"vri-t13\" style=\"color:#404040\">Owner Revenue</span></span><span class=\"vri-t13m vri-num\" data-k=\"owner\">$1,612.00</span></div> </div> <div class=\"vri-dash\"></div> <div style=\"display:flex; gap:1.4px; height:8.6px; border-radius:2.9px; overflow:hidden\"> <i class=\"vri-gx\" data-k=\"seg1\" style=\"background:#2563eb; width:20%; transition:width .8s var(--ease-out); --d:.9s\"></i><i class=\"vri-gx\" data-k=\"seg2\" style=\"background:#ea580c; width:15%; transition:width .8s var(--ease-out); --d:1s\"></i><i class=\"vri-gx\" data-k=\"seg3\" style=\"background:#65a30d; flex:1; --d:1.1s\"></i> </div> </div> </div></div>\n<script>VRILL.reg('res', function (r, H) { var reduce = H.reduce, fmt = H.fmt, parse = H.parse, count = H.count, swap = H.swap, q = H.q, lines = H.lines, chat = H.chat, every = H.every; var top = r.querySelector('.vri-card'), conn = q(r, 'conn'), b = top.offsetTop + top.offsetHeight; conn.style.top = b + 'px'; conn.style.height = (239 - b) + 'px'; var set = [['Dec 11–13, 2025', 2480, .2, .15], ['Dec 18–22, 2025', 3120, .2, .14], ['Jan 3–6, 2026', 1890, .2, .16]], i = 0; return every(function () { i = (i + 1) % set.length; var s = set[i], tax = s[1] * s[3], pm = s[1] * s[2], own = s[1] - tax - pm; swap(q(r, 'dates'), s[0]); count(q(r, 'total'), s[1], 800); count(q(r, 'pm'), pm, 800); count(q(r, 'tax'), tax, 800); count(q(r, 'owner'), own, 800); q(r, 'seg1').style.width = (s[2] * 100) + '%'; q(r, 'seg2').style.width = (s[3] * 100) + '%'; }, 4000); });</script>","cm":"<div class=\"vri\" data-ill=\"cm\"><div class=\"vri-s\"> <div data-k=\"line\" style=\"position:absolute; left:229px; top:172px; width:0; height:111px; border-left:1.5px dashed #059669; opacity:.6; transform-origin:top center; transform:scaleY(0); transition:transform .5s var(--ease-out), border-color .3s\"></div> <div class=\"vri-card vri-l\" style=\"left:57px; top:106px; width:345px; padding:14.4px; display:flex; align-items:center; background:#fff; --d:.05s\" data-k=\"top\"> <div><div class=\"vri-t16\" data-k=\"vendor\">John Cleaner LLC</div><div class=\"vri-t13\" data-k=\"date1\">Jun 17, 2025 · Bank Transaction</div></div> <div class=\"vri-t16 vri-n8 vri-num\" style=\"margin-left:auto\" data-k=\"amt1\">-$1,042.50</div> </div> <div class=\"vri-card vri-l\" style=\"left:57px; top:283px; width:345px; padding:14.4px; display:flex; align-items:center; background:#fff; --d:.15s\" data-k=\"bottom\"> <div><div class=\"vri-t16\" data-k=\"desc\">Carpet Cleaning – Unit 304</div><div class=\"vri-t13\" data-k=\"date2\">Jun 17, 2025 · Expense</div></div> <div class=\"vri-t16 vri-n8 vri-num\" style=\"margin-left:auto\" data-k=\"amt2\">-$1,042.50</div> </div> <div class=\"vri-halo vri-pop\" style=\"left:137px; top:206px; width:185px; --d:.7s\" data-k=\"halo\"> <div class=\"vri-btn\" style=\"width:100%; box-sizing:border-box; transition:background-color .3s ease\" data-k=\"btn\"><i class=\"vri-ic\"><img src=\"https://cdn.prod.website-files.com/6453afeeaf70ff3cb0d0f919/6aab2194bf2a78926176b8b6_vri-check-circle-white.svg\" alt=\"\"></i><span data-k=\"btntext\" style=\"padding:0 5.75px\">Confirm match</span></div> </div> </div></div>\n<script>VRILL.reg('cm', function (r, H) { var reduce = H.reduce, fmt = H.fmt, parse = H.parse, count = H.count, swap = H.swap, q = H.q, lines = H.lines, chat = H.chat, every = H.every; var pairs = [['John Cleaner LLC', 'Carpet Cleaning – Unit 304', -1042.5, 'Jun 17, 2025'], ['Pool Service Co', 'Pool maintenance – Unit 306', -310, 'Jun 19, 2025'], ['Coastal Linen Supply', 'Linen delivery – Unit 305', -228.4, 'Jun 21, 2025']], i = 0, phase = 0; var top = q(r, 'top'), bottom = q(r, 'bottom'), halo = q(r, 'halo'), t = q(r, 'btntext'), btn = q(r, 'btn'), line = q(r, 'line'); return every(function () { if (phase === 0) {  t.textContent = 'Matched'; btn.style.backgroundColor = '#059669'; btn.style.backgroundImage = 'linear-gradient(180deg, rgba(255,255,255,.16), rgba(255,255,255,0))'; halo.style.background = 'linear-gradient(180deg, rgba(209,250,229,.9), rgba(209,250,229,.4))'; halo.style.transition = 'transform .4s var(--ease-pop)'; halo.style.transform = 'scale(1.06)'; setTimeout(function () { halo.style.transform = 'scale(1)'; }, 300); line.style.transform = 'scaleY(1)'; top.style.transition = bottom.style.transition = 'box-shadow .4s'; top.style.boxShadow = bottom.style.boxShadow = '0 0 0 1px rgba(5,150,105,.4), 0 8px 24px -12px rgba(5,150,105,.35)'; } else {  i = (i + 1) % pairs.length; var p = pairs[i]; line.style.transition = 'none'; line.style.transform = 'scaleY(0)'; setTimeout(function () { line.style.transition = 'transform .5s var(--ease-out), border-color .3s'; }, 50); btn.style.backgroundColor = ''; btn.style.backgroundImage = ''; halo.style.background = ''; top.style.boxShadow = bottom.style.boxShadow = ''; t.textContent = 'Confirm match'; swap(q(r, 'vendor'), p[0]); swap(q(r, 'desc'), p[1]); swap(q(r, 'date1'), p[3] + ' · Bank Transaction'); swap(q(r, 'date2'), p[3] + ' · Expense'); count(q(r, 'amt1'), p[2], 700); count(q(r, 'amt2'), p[2], 700); } phase ^= 1; }, 3600); });</script>","conn":"<div class=\"vri\" data-ill=\"conn\"><div class=\"vri-s\"> <div class=\"vri-card vri-r14 vri-l\" style=\"left:46px; top:46px; width:247px; padding:17px; display:flex; flex-direction:column; gap:11.5px; opacity:.8; --d:.05s\" data-op=\".8\"> <div class=\"vri-row\"><i style=\"width:28.75px;height:28.75px;border-radius:7.2px;background:#f5f5f5\"></i><i class=\"vri-ic\" style=\"width:20px;height:20px\"><img src=\"https://cdn.prod.website-files.com/6453afeeaf70ff3cb0d0f919/6aab21e048305a62e4618a8d_vri-shield-check.svg\" alt=\"\"></i></div> <div><div class=\"vri-t16 vri-n6\">Trust account · 0372</div><div class=\"vri-t13\">GlobalBank</div></div> <div class=\"vri-dash\"></div><div style=\"padding:0 5.75px\"><span class=\"vri-tag\" data-k=\"sync1\"><i class=\"vri-ic\"><img src=\"https://cdn.prod.website-files.com/6453afeeaf70ff3cb0d0f919/6aab219359803fe628bd56b0_vri-arrow-swap.svg\" alt=\"\"></i><span class=\"vri-lbl\"><span>Sync</span><span>Syncing</span></span></span></div><div class=\"vri-dash\"></div> <div><div class=\"vri-t13 vri-n6\">Account balance</div><div class=\"vri-t16 vri-n6 vri-num\">$15,842.60</div></div> <div><div class=\"vri-t13 vri-n6\">Unmatched bank records</div><div class=\"vri-t16 vri-n6 vri-num\" data-k=\"u1\">6 records</div></div> </div> <div class=\"vri-card vri-r14 vri-l\" style=\"left:167px; top:112px; width:247px; padding:17px; display:flex; flex-direction:column; gap:11.5px; --d:.3s\"> <div class=\"vri-row\"><i style=\"width:28.75px;height:28.75px;border-radius:6.2px;background:#e4f222;display:grid;place-items:center\"><i class=\"vri-ic\" style=\"width:16.4px;height:14.2px\"><img src=\"https://cdn.prod.website-files.com/6453afeeaf70ff3cb0d0f919/6aab21e09ad1a3661d5cb5a1_vri-ramp.svg\" alt=\"\"></i></i><i class=\"vri-ic\" style=\"width:20px;height:20px\"><img src=\"https://cdn.prod.website-files.com/6453afeeaf70ff3cb0d0f919/6aab21971b92dc956499a8eb_vri-gear.svg\" alt=\"\"></i></div> <div><div class=\"vri-t16 vri-n6\">Operating account · 4321</div><div class=\"vri-t13\">Ramp</div></div> <div class=\"vri-dash\"></div><div style=\"padding:0 5.75px; display:flex; gap:14px; overflow:hidden\"><span class=\"vri-tag\" data-k=\"sync2\"><i class=\"vri-ic\"><img src=\"https://cdn.prod.website-files.com/6453afeeaf70ff3cb0d0f919/6aab219359803fe628bd56b0_vri-arrow-swap.svg\" alt=\"\"></i><span class=\"vri-lbl\"><span>Sync</span><span>Syncing</span></span></span><span class=\"vri-tag\"><i class=\"vri-ic\"><img src=\"https://cdn.prod.website-files.com/6453afeeaf70ff3cb0d0f919/6aab21938d12aa390ccaf81d_vri-arrow-right-circle.svg\" alt=\"\"></i>ACH payments</span></div><div class=\"vri-dash\"></div> <div><div class=\"vri-t13 vri-n6\">Account balance</div><div class=\"vri-t16 vri-n6 vri-num\">$8,214.35</div></div> <div><div class=\"vri-t13 vri-n6\">Unmatched bank records</div><div class=\"vri-t16 vri-n6 vri-num\" data-k=\"u2\">2 records</div></div> </div> </div></div>\n<script>VRILL.reg('conn', function (r, H) { var reduce = H.reduce, fmt = H.fmt, parse = H.parse, count = H.count, swap = H.swap, q = H.q, lines = H.lines, chat = H.chat, every = H.every; var on = false; return every(function () { on = !on; q(r, 'sync1').classList.toggle('vri-syncing', on); q(r, 'sync2').classList.toggle('vri-syncing', on); if (on) { setTimeout(function () { swap(q(r, 'u1'), '0 records'); swap(q(r, 'u2'), '0 records'); }, 1800); } else { swap(q(r, 'u1'), '6 records'); swap(q(r, 'u2'), '2 records'); } }, 4200); });</script>","chaos":"<div class=\"vri\" data-ill=\"chaos\"><div class=\"vri-s\"> <img class=\"vri-pop\" src=\"https://cdn.prod.website-files.com/6453afeeaf70ff3cb0d0f919/6aab21e1cc2c70b1c58b83e4_vri-photo.png\" alt=\"\" style=\"position:absolute; left:141.5px; top:141.5px; width:177px; height:177px; border-radius:50%; object-fit:cover; will-change:transform; --d:.05s\"> <span class=\"vri-pill vri-l\" style=\"position:absolute; left:36px; top:110px; --fx:6px; --fy:5px; --fr:1.2deg; --fd:7.5s; opacity:.5; --d:.4s\" data-op=\".5\"><i class=\"vri-ic\"><img src=\"https://cdn.prod.website-files.com/6453afeeaf70ff3cb0d0f919/6aab21dfe68097658250aded_vri-pill-grid.svg\" alt=\"\"></i>Spreadsheets</span> <span class=\"vri-pill vri-l\" style=\"position:absolute; left:202px; top:79px; --fx:-5px; --fy:7px; --fr:-1deg; --fd:8.5s; --d:.5s\"><i class=\"vri-ic\"><img src=\"https://cdn.prod.website-files.com/6453afeeaf70ff3cb0d0f919/6aab21dfe68097658250ae1e_vri-pill-manual.svg\" alt=\"\"></i>Manual calculations</span> <span class=\"vri-pill vri-l\" style=\"position:absolute; left:252px; top:149px; --fx:7px; --fy:4px; --fr:.8deg; --fd:6.8s; --d:.6s\"><i class=\"vri-ic\"><img src=\"https://cdn.prod.website-files.com/6453afeeaf70ff3cb0d0f919/6aab21df995c9dbc30c8e2f0_vri-pill-endless.svg\" alt=\"\"></i>Endless reconciliations</span> <span class=\"vri-pill vri-l\" style=\"position:absolute; left:313px; top:211px; --fx:-4px; --fy:6px; --fr:-1.4deg; --fd:9s; opacity:.5; --d:.7s\" data-op=\".5\"><i class=\"vri-ic\"><img src=\"https://cdn.prod.website-files.com/6453afeeaf70ff3cb0d0f919/6aab21df59803fe628bd8bcb_vri-pill-time.svg\" alt=\"\"></i>Time wasted</span> <span class=\"vri-pill vri-l\" style=\"position:absolute; left:48px; top:221px; --fx:5px; --fy:-6px; --fr:1deg; --fd:7.8s; --d:.8s\"><i class=\"vri-ic\"><img src=\"https://cdn.prod.website-files.com/6453afeeaf70ff3cb0d0f919/6aab21dffa6d39148287dc00_vri-pill-user.svg\" alt=\"\"></i>Human errors</span> <span class=\"vri-pill vri-l\" style=\"position:absolute; left:289px; top:292px; --fx:-6px; --fy:5px; --fr:-.9deg; --fd:8.2s; --d:.9s\"><i class=\"vri-ic\"><img src=\"https://cdn.prod.website-files.com/6453afeeaf70ff3cb0d0f919/6aab21dfaa35ddece77d37d6_vri-pill-alert.svg\" alt=\"\"></i>Costly errors</span> <span class=\"vri-pill vri-l\" style=\"position:absolute; left:60px; top:347px; --fx:6px; --fy:-5px; --fr:1.3deg; --fd:7.2s; --d:1s\"><i class=\"vri-ic\"><img src=\"https://cdn.prod.website-files.com/6453afeeaf70ff3cb0d0f919/6aab21df85901e308095b634_vri-pill-disconnected.svg\" alt=\"\"></i>Disconnected systems</span> </div></div>\n<script>VRILL.reg('chaos', function (r, H) { var reduce = H.reduce, fmt = H.fmt, parse = H.parse, count = H.count, swap = H.swap, q = H.q, lines = H.lines, chat = H.chat, every = H.every; var pills = r.querySelectorAll('.vri-pill'), photo = r.querySelector('img'); var t = setTimeout(function () { pills.forEach(function (p, j) { setTimeout(function () { p.classList.add('vri-drift'); }, j * 120); }); photo.classList.add('vri-breathe'); }, 1600); return { t: t }; });</script>","ai1":"<div class=\"vri\" data-ill=\"ai1\"><div class=\"vri-s\"> <div class=\"vri-card vri-l\" style=\"left:72px; top:96px; width:316px; padding:17px; display:flex; flex-direction:column; gap:17px; --d:.05s\"> <div style=\"display:flex; gap:11.5px; align-items:center\"><i class=\"vri-ic\" style=\"width:20px;height:20px\"><img src=\"https://cdn.prod.website-files.com/6453afeeaf70ff3cb0d0f919/6aab2192713867b53637e68f_vri-ai-sparkle.svg\" alt=\"\"></i><span class=\"vri-t16\" style=\"flex:1\">AI Assistant</span><i class=\"vri-ic\" style=\"width:17.25px;height:17.25px\"><img src=\"https://cdn.prod.website-files.com/6453afeeaf70ff3cb0d0f919/6aab21e0c0f47152c18e69ea_vri-shield-check-sm.svg\" alt=\"\"></i></div> <div style=\"display:flex; flex-direction:column; gap:8.6px\"> <div style=\"display:flex; justify-content:flex-end; padding-left:34.5px; opacity:0\"><div class=\"vri-t13m\" style=\"padding:11.5px; border-radius:11.5px; background:linear-gradient(176deg, rgba(0,0,0,0) 64%, rgba(0,0,0,.04) 103%), rgba(29,78,216,.08); min-height:18px\" data-k=\"q\"></div></div> <div class=\"vri-t13\" style=\"color:#404040; padding:11.5px 0; min-height:120px\" data-k=\"a\"></div> </div> </div> </div></div>\n<script>VRILL.reg('ai1', function (r, H) { var reduce = H.reduce, fmt = H.fmt, parse = H.parse, count = H.count, swap = H.swap, q = H.q, lines = H.lines, chat = H.chat, every = H.every; return chat(r, [['Why is the trust account off by $2,840?', ['I found 3 unmatched items:', '• $1,500 — Owner payout · Smith', '• $840 — Guest deposit · Beach House', '• $500 — Vendor expense · ABC Cleaning', '<br><b>Total: $2,840</b>']], ['Can you match them for me?', ['Done — all 3 items are matched.', '<br>Trust account and general ledger now agree: <b>$15,842.60</b>.']]]); });</script>","ai2":"<div class=\"vri\" data-ill=\"ai2\"><div class=\"vri-s\"> <div class=\"vri-card vri-l\" style=\"left:72px; top:80px; width:316px; padding:17px; display:flex; flex-direction:column; gap:17px; --d:.05s\"> <div style=\"display:flex; gap:11.5px; align-items:center\"><i class=\"vri-ic\" style=\"width:20px;height:20px\"><img src=\"https://cdn.prod.website-files.com/6453afeeaf70ff3cb0d0f919/6aab2192713867b53637e68f_vri-ai-sparkle.svg\" alt=\"\"></i><span class=\"vri-t16\" style=\"flex:1\">AI Assistant</span><i class=\"vri-ic\" style=\"width:17.25px;height:17.25px\"><img src=\"https://cdn.prod.website-files.com/6453afeeaf70ff3cb0d0f919/6aab21e0c0f47152c18e69ea_vri-shield-check-sm.svg\" alt=\"\"></i></div> <div style=\"display:flex; flex-direction:column; gap:8.6px\"> <div style=\"display:flex; justify-content:flex-end; padding-left:34.5px; opacity:0\"><div class=\"vri-t13m\" style=\"padding:11.5px; border-radius:11.5px; background:linear-gradient(176deg, rgba(0,0,0,0) 64%, rgba(0,0,0,.04) 103%), rgba(29,78,216,.08); min-height:18px\" data-k=\"q\"></div></div> <div class=\"vri-t13\" style=\"color:#404040; padding:11.5px 0; min-height:150px\" data-k=\"a\"></div> </div> </div> </div></div>\n<script>VRILL.reg('ai2', function (r, H) { var reduce = H.reduce, fmt = H.fmt, parse = H.parse, count = H.count, swap = H.swap, q = H.q, lines = H.lines, chat = H.chat, every = H.every; return chat(r, [[\"Which owner statements haven't been sent this month?\", ['Here are the March 2026 statements and their status:', '• 4 statements were published (sent to owners) in March.', '• The other 4 were still in draft.', '<br>Would you like me to publish the remaining statements?']], ['Yes, publish them.', ['Published 4 statements to owners.', '<br>All 8 March statements are now <b>sent</b>.']]]); });</script>","rec":"<div class=\"vri\" data-ill=\"rec\"><div class=\"vri-s\"> <div class=\"vri-card vri-r14 vri-l\" style=\"left:43px; top:107px; width:374px; --d:.05s\"> <div class=\"vri-row\" style=\"padding:23px 17px; border-bottom:.72px solid #e5e5e5\"> <span style=\"display:flex; gap:10px; align-items:center\"><i style=\"width:34.5px;height:34.5px;border-radius:8.6px;background:rgba(5,150,105,.07);display:grid;place-items:center\"><i class=\"vri-ic\" style=\"width:24px;height:24px\"><img src=\"https://cdn.prod.website-files.com/6453afeeaf70ff3cb0d0f919/6aab219781c77a48a1a7f732_vri-globalbank-logomark.svg\" alt=\"\"></i></i><span><span class=\"vri-t16 vri-n6\" style=\"display:block\">Trust account</span><span class=\"vri-t13\">GlobalBank</span></span></span> <span style=\"text-align:right\"><span class=\"vri-t16 vri-n6 vri-num\" style=\"display:block\" data-k=\"bank\">$15,842.60</span><span class=\"vri-t13\">Bank account balance</span></span> </div> <div class=\"vri-row\" style=\"padding:23px 17px\"> <span style=\"display:flex; gap:10px; align-items:center\"><i style=\"width:34.5px;height:34.5px;border-radius:8.6px;background:rgba(1,47,100,.07);display:grid;place-items:center\"><i class=\"vri-ic\" style=\"width:22px;height:18px\"><img src=\"https://cdn.prod.website-files.com/6453afeeaf70ff3cb0d0f919/6aab21e1f80c2fb4e84bb3ee_vri-vrp-mark.svg\" alt=\"\"></i></i><span><span class=\"vri-t16 vri-n6\" style=\"display:block\">VRTrust</span><span class=\"vri-t13\">VRPlatform</span></span></span> <span style=\"text-align:right\"><span class=\"vri-t16 vri-n6 vri-num\" style=\"display:block\" data-k=\"gl\">$15,842.60</span><span class=\"vri-t13\">General ledger balance</span></span> </div> <div class=\"vri-halo vri-pop\" style=\"left:50%; top:50%; width:51.8px; height:51.8px; box-sizing:border-box; margin:-25.9px 0 0 -25.9px; border-radius:118px; padding:3.7px; --d:.9s\" data-k=\"badge\"> <div class=\"vri-btn\" style=\"width:44.4px; height:44.4px; padding:0; border-radius:70px; background:linear-gradient(180deg, rgba(255,255,255,.16), rgba(255,255,255,0)), #1d4ed8\"><i class=\"vri-ic\" style=\"width:22px;height:22px\"><img src=\"https://cdn.prod.website-files.com/6453afeeaf70ff3cb0d0f919/6aab21e0995c9dbc30c8e3b4_vri-shield-check-white.svg\" alt=\"\"></i></div> </div> </div> <div style=\"position:absolute; left:43px; top:300px; width:374px; display:flex; justify-content:center\"><div class=\"vri-card vri-l\" style=\"position:relative; padding:8.6px 17px; border-radius:49px; opacity:.8; --d:1.1s\" data-op=\".8\"><span class=\"vri-t13m vri-n6\" data-k=\"status\">Reconciled · Today</span></div></div> </div></div>\n<script>VRILL.reg('rec', function (r, H) { var reduce = H.reduce, fmt = H.fmt, parse = H.parse, count = H.count, swap = H.swap, q = H.q, lines = H.lines, chat = H.chat, every = H.every; var vals = [15842.6, 16210.4, 15542.25], i = 0, badge = q(r, 'badge'), st = q(r, 'status'); return every(function () { i = (i + 1) % vals.length; badge.style.transition = 'opacity .3s'; badge.style.opacity = .35; swap(st, 'Reconciling…'); count(q(r, 'bank'), vals[i], 900); setTimeout(function () { count(q(r, 'gl'), vals[i], 900); }, 500); setTimeout(function () { badge.style.opacity = 1; badge.classList.remove('vri-pulse'); void badge.offsetWidth; badge.classList.add('vri-pulse'); setTimeout(function () { badge.classList.remove('vri-pulse'); }, 1300); swap(st, 'Reconciled · Today'); }, 1700); }, 4200); });</script>","gb":"<div class=\"vri\" data-ill=\"gb\"><div class=\"vri-s\"> <div style=\"position:absolute; left:57px; top:89px; width:345px; display:flex; flex-direction:column; gap:12.9px; align-items:center\"> <div class=\"vri-card vri-l vri-fade\" data-k=\"r0\" style=\"position:relative; width:345px; padding:14.4px; display:flex; gap:11.5px; align-items:center; opacity:.5; --d:.1s; --sc:.916\" data-op=\".5\"><i class=\"vri-ic\" style=\"width:20px;height:20px\"><img src=\"https://cdn.prod.website-files.com/6453afeeaf70ff3cb0d0f919/6aab2192ddf8fa684fa791f2_vri-alert-triangle.svg\" alt=\"\"></i><span><span class=\"vri-t16 vri-n8\" style=\"display:block\">Departed</span><span class=\"vri-t13\">Guest checked out</span></span><span class=\"vri-t16 vri-n8 vri-num\" style=\"margin-left:auto\">$18,459.11</span></div> <div class=\"vri-card vri-l vri-fade\" data-k=\"r1\" style=\"position:relative; width:345px; padding:14.4px; display:flex; gap:11.5px; align-items:center; --d:.25s\"><i class=\"vri-ic\" style=\"width:20px;height:20px\"><img src=\"https://cdn.prod.website-files.com/6453afeeaf70ff3cb0d0f919/6aab219781c77a48a1a7f751_vri-home-3.svg\" alt=\"\"></i><span><span class=\"vri-t16 vri-n8\" style=\"display:block\">In-House</span><span class=\"vri-t13\">Guest checked in</span></span><span class=\"vri-t16 vri-n8 vri-num\" style=\"margin-left:auto\">-$38,655.42</span></div> <div class=\"vri-card vri-l vri-fade\" data-k=\"r2\" style=\"position:relative; width:345px; padding:14.4px; display:flex; gap:11.5px; align-items:center; opacity:.5; --d:.4s; --sc:.916\" data-op=\".5\"><i class=\"vri-ic\" style=\"width:20px;height:20px\"><img src=\"https://cdn.prod.website-files.com/6453afeeaf70ff3cb0d0f919/6aab21e159803fe628bd8c49_vri-time-grey.svg\" alt=\"\"></i><span><span class=\"vri-t16 vri-n8\" style=\"display:block\">Advance Deposits</span><span class=\"vri-t13\">Guest not checked in</span></span><span class=\"vri-t16 vri-n8 vri-num\" style=\"margin-left:auto\">-$75,090.59</span></div> <div class=\"vri-card vri-l\" style=\"position:relative; padding:8.6px 17px; border-radius:49px; opacity:.8; margin-top:6px; --d:.7s\" data-op=\".8\"><span class=\"vri-t13m vri-n6\">Guest Balances</span></div> </div> </div></div>\n<script>VRILL.reg('gb', function (r, H) { var reduce = H.reduce, fmt = H.fmt, parse = H.parse, count = H.count, swap = H.swap, q = H.q, lines = H.lines, chat = H.chat, every = H.every; var i = 1, rows = [q(r, 'r0'), q(r, 'r1'), q(r, 'r2')]; return every(function () { i = (i + 1) % 3; rows.forEach(function (row, k) { var on = k === i; row.style.animation = 'none'; row.style.opacity = on ? 1 : .5; row.style.transform = on ? 'scale(1)' : 'scale(.916)'; }); }, 4200); });</script>","tax":"<div class=\"vri\" data-ill=\"tax\"><div class=\"vri-s\"> <div class=\"vri-card vri-l\" style=\"left:72px; top:110px; width:316px; padding:17px; display:flex; flex-direction:column; gap:17px; --d:.05s\"> <div><div class=\"vri-t16\">Sales Tax Summary</div><div class=\"vri-t13\" data-k=\"q\">Q1 2025 · Sarah Thompson Rentals</div></div> <div class=\"vri-dash\"></div> <div><div class=\"vri-t13\" style=\"color:#4b5563\">Sales tax collected</div><div class=\"vri-t16 vri-ink vri-num\" data-k=\"collected\">$14,820.00</div></div> <div style=\"display:flex; flex-direction:column; gap:11.5px\"> <div style=\"height:11.5px; border-radius:1.4px; background:#f5f5f5; overflow:hidden\"><i class=\"vri-gx\" data-k=\"bar\" style=\"display:block; height:100%; background:#1d4ed8; width:100%; --sx:.64; --d:.5s\"></i></div> <div class=\"vri-row\"><span><span class=\"vri-t13\" style=\"display:block\">Paid</span><span class=\"vri-t13m vri-n8 vri-num\" data-k=\"paid\">$9,450.00</span></span><span style=\"text-align:right\"><span class=\"vri-t13\" style=\"display:block\">Outstanding</span><span class=\"vri-t13m vri-n8 vri-num\" data-k=\"out\">$5,370.00</span></span></div> </div> </div> </div></div>\n<script>VRILL.reg('tax', function (r, H) { var reduce = H.reduce, fmt = H.fmt, parse = H.parse, count = H.count, swap = H.swap, q = H.q, lines = H.lines, chat = H.chat, every = H.every; var set = [['Q1 2025', 14820, 9450], ['Q2 2025', 16240, 12180], ['Q3 2025', 18960, 8320]], i = 0; return every(function () { i = (i + 1) % set.length; var s = set[i]; swap(q(r, 'q'), s[0] + ' · Sarah Thompson Rentals'); count(q(r, 'collected'), s[1], 900); count(q(r, 'paid'), s[2], 900); count(q(r, 'out'), s[1] - s[2], 900); var b = q(r, 'bar'); b.style.animation = 'none'; b.style.transition = 'transform .9s var(--ease-in-out)'; b.style.transform = 'scaleX(' + (s[2] / s[1]) + ')'; }, 4600); });</script>","stmt":"<div class=\"vri\" data-ill=\"stmt\"><div class=\"vri-s\"> <div class=\"vri-card vri-r14 vri-l\" style=\"left:53px; top:111px; width:288px; padding:17px; display:flex; flex-direction:column; gap:17px; opacity:.8; background:#fff; --d:.05s\" data-op=\".8\"> <div class=\"vri-t16\">Short-term rental Ltd.</div> <div style=\"display:flex; flex-direction:column; gap:10px\"> <div style=\"display:flex; gap:37px; align-items:center\"><span style=\"display:flex; gap:7.2px; align-items:center; width:65px\"><i class=\"vri-ic\" style=\"width:14.4px;height:14.4px\"><img src=\"https://cdn.prod.website-files.com/6453afeeaf70ff3cb0d0f919/6aab21e01e83839e824adef7_vri-pin.svg\" alt=\"\"></i><span class=\"vri-t13\">Address</span></span><i class=\"vri-skel\" data-k=\"f0\" style=\"width:150px\"></i></div> <div style=\"display:flex; gap:46px; align-items:center\"><span style=\"display:flex; gap:7.2px; align-items:center\"><i class=\"vri-ic\" style=\"width:14.4px;height:14.4px\"><img src=\"https://cdn.prod.website-files.com/6453afeeaf70ff3cb0d0f919/6aab21ded460f0b408d9be09_vri-phone.svg\" alt=\"\"></i><span class=\"vri-t13\">Phone</span></span><i class=\"vri-skel\" data-k=\"f1\" style=\"width:86px\"></i></div> <div style=\"display:flex; gap:52px; align-items:center\"><span style=\"display:flex; gap:7.2px; align-items:center\"><i class=\"vri-ic\" style=\"width:14.4px;height:14.4px\"><img src=\"https://cdn.prod.website-files.com/6453afeeaf70ff3cb0d0f919/6aab2196574ee73844091747_vri-email.svg\" alt=\"\"></i><span class=\"vri-t13\">Email</span></span><i class=\"vri-skel\" data-k=\"f2\" style=\"width:134px\"></i></div> <div style=\"display:flex; gap:47px; align-items:center\"><span style=\"display:flex; gap:7.2px; align-items:center\"><i class=\"vri-ic\" style=\"width:14.4px;height:14.4px\"><img src=\"https://cdn.prod.website-files.com/6453afeeaf70ff3cb0d0f919/6aab21e09ad1a3661d5cb58c_vri-procent-circle.svg\" alt=\"\"></i><span class=\"vri-t13\">Tax id</span></span><i class=\"vri-skel\" data-k=\"f3\" style=\"width:65px\"></i></div> </div> <div style=\"display:flex; flex-direction:column; gap:10px\"> <div class=\"vri-t13m vri-n6\">435 Lakeside Dr.</div> <div style=\"display:flex; gap:46px; align-items:center\"><span style=\"display:flex; gap:7.2px; align-items:center\"><i class=\"vri-ic\" style=\"width:12.9px;height:12.9px\"><img src=\"https://cdn.prod.website-files.com/6453afeeaf70ff3cb0d0f919/6aab21e1c440f36687cea1c1_vri-user.svg\" alt=\"\"></i><span class=\"vri-t13\">Owner</span></span><i class=\"vri-skel\" data-k=\"f4\" style=\"width:108px\"></i></div> <div style=\"display:flex; gap:30px; align-items:center\"><span style=\"display:flex; gap:7.2px; align-items:center\"><i class=\"vri-ic\" style=\"width:12.9px;height:12.9px\"><img src=\"https://cdn.prod.website-files.com/6453afeeaf70ff3cb0d0f919/6aab219343613b7fcb71ac83_vri-briefcase.svg\" alt=\"\"></i><span class=\"vri-t13\">Company</span></span><i class=\"vri-skel\" data-k=\"f5\" style=\"width:134px\"></i></div> <div style=\"display:flex; gap:53px; align-items:center\"><span style=\"display:flex; gap:7.2px; align-items:center\"><i class=\"vri-ic\" style=\"width:12.9px;height:12.9px\"><img src=\"https://cdn.prod.website-files.com/6453afeeaf70ff3cb0d0f919/6aab2197574ee738440917da_vri-email-sm.svg\" alt=\"\"></i><span class=\"vri-t13\">Email</span></span><i class=\"vri-skel\" data-k=\"f6\" style=\"width:111px\"></i></div> </div> </div> <div class=\"vri-card vri-r14 vri-l\" style=\"left:177px; top:42px; width:241px; padding:17px; display:flex; flex-direction:column; gap:8.6px; --d:.3s\"> <div class=\"vri-t16\">Statement Summary</div> <div style=\"border-top:.72px solid #e5e5e5\"></div> <div class=\"vri-row\"><span class=\"vri-t13m\">Balance start</span><span class=\"vri-t13m vri-num\" data-k=\"s0\">$2,000.00</span></div> <div class=\"vri-row\"><span class=\"vri-t13\">Payouts</span><span class=\"vri-t13 vri-num\" data-k=\"s1\">-$2,000.00</span></div> <div class=\"vri-dash\"></div> <div class=\"vri-row\"><span class=\"vri-t13m\">Balance forward</span><span class=\"vri-t13m vri-ink vri-num\" data-k=\"s2\">$0.00</span></div> <div class=\"vri-row\"><span class=\"vri-t13\">Earnings</span><span class=\"vri-t13 vri-blue vri-num\" data-k=\"s3\">$1,710.00</span></div> <div class=\"vri-dash\"></div> <div class=\"vri-row\"><span class=\"vri-t13m\">Balance end</span><span class=\"vri-t13m vri-num\" data-k=\"s4\">$1,710.00</span></div> <div class=\"vri-row\"><span class=\"vri-t13\">Reserves</span><span class=\"vri-t13 vri-num\" data-k=\"s5\">-$500.00</span></div> <div class=\"vri-dash\"></div> <div class=\"vri-row\"><span class=\"vri-t13m\">Available balance</span><span class=\"vri-t13m vri-num\" data-k=\"s6\">$1,210.00</span></div> </div> </div></div>\n<script>VRILL.reg('stmt', function (r, H) { var reduce = H.reduce, fmt = H.fmt, parse = H.parse, count = H.count, swap = H.swap, q = H.q, lines = H.lines, chat = H.chat, every = H.every; var f = 0, fields = ['f0','f1','f2','f3','f4','f5','f6'].map(function (k) { return q(r, k); }); var sets = [[2000, -2000, 0, 1710, 1710, -500, 1210], [1210, -1210, 0, 2240, 2240, -500, 1740], [1740, -1740, 0, 1980, 1980, -500, 1480]], i = 0; var iv1 = setInterval(function () { fields.forEach(function (e) { e.classList.remove('vri-shimmer'); }); fields[f % fields.length].classList.add('vri-shimmer'); f++; }, 700); var iv2 = every(function () { i = (i + 1) % sets.length; sets[i].forEach(function (v, k) { count(q(r, 's' + k), v, 900); }); }, 4400); return { i: iv1, j: iv2 }; });</script>","bp":"<div class=\"vri\" data-ill=\"bp\"><div class=\"vri-s\"> <div class=\"vri-card vri-l\" style=\"left:57px; top:94px; width:345px; padding:14.4px; display:flex; gap:11.5px; align-items:center; --d:.05s\"> <i style=\"width:34.5px;height:34.5px;border-radius:50%;background:#635bff;display:grid;place-items:center\"><i class=\"vri-ic\" style=\"width:23.8px;height:10px\"><img src=\"https://cdn.prod.website-files.com/6453afeeaf70ff3cb0d0f919/6aab21e0c0f47152c18e6a1b_vri-stripe-wordmark.svg\" alt=\"\"></i></i> <div><div class=\"vri-t16 vri-n6\">Batch Payout</div><div class=\"vri-t13\">Jun 17, 2025</div></div> <div class=\"vri-t16 vri-n8 vri-num\" style=\"margin-left:auto\" data-k=\"total\">$5,964.35</div> </div> <div class=\"vri-drawl\" style=\"position:absolute; left:100px; top:157px; width:8px; height:177px; border-left:1.5px dotted #c9d0d8; border-bottom:1.5px dotted #c9d0d8; border-bottom-left-radius:8px; --d:.35s\"></div> <div class=\"vri-l\" style=\"position:absolute; left:101px; top:215px; width:7px; height:0; border-top:1.5px dotted #c9d0d8; --d:.5s\"></div> <div class=\"vri-l\" style=\"position:absolute; left:101px; top:274px; width:7px; height:0; border-top:1.5px dotted #c9d0d8; --d:.65s\"></div> <div style=\"position:absolute; left:67px; top:180px; width:375px; height:250px; padding:12px 40px 48px; box-sizing:border-box; overflow:hidden; will-change:transform; -webkit-mask-image:linear-gradient(to bottom, transparent 0, #000 12px, #000 calc(100% - 44px), transparent 100%); mask-image:linear-gradient(to bottom, transparent 0, #000 12px, #000 calc(100% - 44px), transparent 100%)\" data-k=\"listwrap\"><div data-k=\"list\"> <div class=\"vri-card vri-l vri-fade\" style=\"position:relative; margin-bottom:12.9px; width:295px; padding:14.4px; display:flex; gap:8.6px; align-items:center; --d:.5s\"><i class=\"vri-ic\" style=\"width:17.25px;height:17.25px\"><img src=\"https://cdn.prod.website-files.com/6453afeeaf70ff3cb0d0f919/6aab2194713867b53637e702_vri-calendar-event-sm.svg\" alt=\"\"></i><span class=\"vri-t13\" style=\"flex:1\">Unit 306 · Nov 12–16, 2025</span><span class=\"vri-t13m vri-n8 vri-num\">$1,845.00</span></div> <div class=\"vri-card vri-l vri-fade\" style=\"position:relative; margin-bottom:12.9px; width:295px; padding:14.4px; display:flex; gap:8.6px; align-items:center; --d:.65s\"><i class=\"vri-ic\" style=\"width:17.25px;height:17.25px\"><img src=\"https://cdn.prod.website-files.com/6453afeeaf70ff3cb0d0f919/6aab2194713867b53637e702_vri-calendar-event-sm.svg\" alt=\"\"></i><span class=\"vri-t13\" style=\"flex:1\">Unit 307 · Nov 13–18, 2025</span><span class=\"vri-t13m vri-n8 vri-num\">$2,110.75</span></div> <div class=\"vri-card vri-l vri-fade\" style=\"position:relative; margin-bottom:12.9px; width:295px; padding:14.4px; display:flex; gap:8.6px; align-items:center; --d:.8s\"><i class=\"vri-ic\" style=\"width:17.25px;height:17.25px\"><img src=\"https://cdn.prod.website-files.com/6453afeeaf70ff3cb0d0f919/6aab2194713867b53637e702_vri-calendar-event-sm.svg\" alt=\"\"></i><span class=\"vri-t13\" style=\"flex:1\">Unit 308 · Nov 14–17, 2025</span><span class=\"vri-t13m vri-n8 vri-num\">$2,008.60</span></div> </div></div> </div></div>\n<script>VRILL.reg('bp', function (r, H) { var reduce = H.reduce, fmt = H.fmt, parse = H.parse, count = H.count, swap = H.swap, q = H.q, lines = H.lines, chat = H.chat, every = H.every; var units = [['Unit 309 · Nov 15–19, 2025', 1720.4], ['Unit 310 · Nov 16–20, 2025', 2295], ['Unit 311 · Nov 18–21, 2025', 1560.25]], i = 0, total = 5964.35, list = q(r, 'list'); return every(function () { var u = units[i++ % units.length], first = list.firstElementChild, n = first.cloneNode(true); n.classList.remove('vri-l'); n.classList.add('vri-swap'); n.style.opacity = 1; n.style.transform = 'none'; n.children[1].textContent = u[0]; n.children[2].textContent = fmt(u[1]); list.appendChild(n); var h = first.offsetHeight + 13; first.style.transition = 'opacity .3s var(--ease-out)'; first.style.opacity = 0; list.style.transition = 'transform .5s var(--ease-in-out)'; list.style.transform = 'translateY(-' + h + 'px)'; setTimeout(function () { first.remove(); list.style.transition = 'none'; list.style.transform = 'none'; }, 520); total += u[1] - parse(first.children[2].textContent); count(q(r, 'total'), total, 800); }, 3800); });</script>","exp":"<div class=\"vri\" data-ill=\"exp\"><div class=\"vri-s\"> <div class=\"vri-l\" style=\"position:absolute; left:100px; top:66px; width:259px; height:296px; border-radius:14.4px; background:#fff; border:.72px solid #e5e5e5; opacity:.5; --d:0s\" data-op=\".5\"></div> <div class=\"vri-l\" style=\"position:absolute; left:86px; top:73px; width:288px; height:296px; border-radius:14.4px; background:#fff; border:.72px solid #e5e5e5; opacity:.8; --d:.12s\" data-op=\".8\"></div> <div class=\"vri-card vri-r14 vri-l\" style=\"left:72px; top:96px; width:316px; padding:14.4px; display:flex; flex-direction:column; gap:11.5px; --d:.28s\"> <div class=\"vri-t16 vri-n6\">Expense</div> <div style=\"display:flex; flex-direction:column; gap:1.4px\"> <div class=\"vri-row\" style=\"height:23px\"><span style=\"display:flex; gap:7.2px; align-items:center\"><i class=\"vri-ic\" style=\"width:14.4px;height:14.4px\"><img src=\"https://cdn.prod.website-files.com/6453afeeaf70ff3cb0d0f919/6aab2194baa2fd1c52b0f9d1_vri-dollar-circle.svg\" alt=\"\"></i><span class=\"vri-t13 vri-n6\">Amount</span></span><span class=\"vri-blue vri-num\" style=\"width:158px; font-size:11.5px; font-weight:600\" data-k=\"amount\">$486.75</span></div> <div class=\"vri-row\" style=\"height:23px\"><span style=\"display:flex; gap:7.2px; align-items:center\"><i class=\"vri-ic\" style=\"width:14.4px;height:14.4px\"><img src=\"https://cdn.prod.website-files.com/6453afeeaf70ff3cb0d0f919/6aab219324a28a8042b3f7d6_vri-calendar-dates.svg\" alt=\"\"></i><span class=\"vri-t13 vri-n6\">Date</span></span><span style=\"width:158px\"><i class=\"vri-skel\" style=\"display:block; width:67px; height:11.5px; background:#f5f5f5\"></i></span></div> <div class=\"vri-row\" style=\"height:23px\"><span style=\"display:flex; gap:7.2px; align-items:center\"><i class=\"vri-ic\" style=\"width:14.4px;height:14.4px\"><img src=\"https://cdn.prod.website-files.com/6453afeeaf70ff3cb0d0f919/6aab2198574ee738440918c9_vri-loader.svg\" alt=\"\"></i><span class=\"vri-t13 vri-n6\">Status</span></span><span style=\"width:158px\"><span data-k=\"status\" style=\"display:inline-flex; align-items:center; height:17.25px; padding:1.4px 5.75px; border-radius:37px; background:#f0fdf4; color:#16a34a; font-size:11.5px\">Paid</span></span></div> <div class=\"vri-row\" style=\"height:23px\"><span style=\"display:flex; gap:7.2px; align-items:center\"><i class=\"vri-ic\" style=\"width:14.4px;height:14.4px\"><img src=\"https://cdn.prod.website-files.com/6453afeeaf70ff3cb0d0f919/6aab2193e6cf07e71880e745_vri-bank.svg\" alt=\"\"></i><span class=\"vri-t13 vri-n6\">Account</span></span><span class=\"vri-t13\" style=\"width:158px; color:#171717\">Trust bank account</span></div> <div class=\"vri-row\" style=\"height:23px\"><span style=\"display:flex; gap:7.2px; align-items:center\"><i class=\"vri-ic\" style=\"width:14.4px;height:14.4px\"><img src=\"https://cdn.prod.website-files.com/6453afeeaf70ff3cb0d0f919/6aab21e1aa35ddece77d391a_vri-user-arrow-tr.svg\" alt=\"\"></i><span class=\"vri-t13 vri-n6\">Contact</span></span><span style=\"width:158px\"><i class=\"vri-skel\" style=\"display:block; width:83px; height:11.5px; background:#f5f5f5\"></i></span></div> <div class=\"vri-row\" style=\"height:23px\"><span style=\"display:flex; gap:7.2px; align-items:center\"><i class=\"vri-ic\" style=\"width:14.4px;height:14.4px\"><img src=\"https://cdn.prod.website-files.com/6453afeeaf70ff3cb0d0f919/6aab2198f80c2fb4e84b9593_vri-note-text.svg\" alt=\"\"></i><span class=\"vri-t13 vri-n6\">Description</span></span><span class=\"vri-t13\" style=\"width:158px; color:#171717\" data-k=\"desc\">Carpet cleaning</span></div> </div> <div class=\"vri-row\"><span style=\"display:flex; gap:7.2px; align-items:center\"><i class=\"vri-ic\" style=\"width:14.4px;height:14.4px\"><img src=\"https://cdn.prod.website-files.com/6453afeeaf70ff3cb0d0f919/6aab2198cc2c70b1c58b6448_vri-paperclip.svg\" alt=\"\"></i><span class=\"vri-t13 vri-n6\">Attachment</span></span><span class=\"vri-t13 vri-blue\" style=\"width:158px\">Receipt (PDF)</span></div> <div class=\"vri-dash\"></div> <div style=\"display:flex; flex-direction:column; gap:7.2px; padding-bottom:5.75px\"> <div class=\"vri-row\"><span class=\"vri-t13 vri-n6\" data-k=\"l1\">Carpet Cleaning – Unit 304</span><span class=\"vri-t13m vri-n6 vri-num\" data-k=\"a1\">$325.00</span></div> <div class=\"vri-row\"><span class=\"vri-t13 vri-n6\" data-k=\"l2\">Carpet Cleaning – Unit 305</span><span class=\"vri-t13m vri-n6 vri-num\" data-k=\"a2\">$161.75</span></div> </div> </div> </div></div>\n<script>VRILL.reg('exp', function (r, H) { var reduce = H.reduce, fmt = H.fmt, parse = H.parse, count = H.count, swap = H.swap, q = H.q, lines = H.lines, chat = H.chat, every = H.every; var items = [['$486.75', 'Carpet cleaning', 'Carpet Cleaning – Unit 304', '$325.00', 'Carpet Cleaning – Unit 305', '$161.75'], ['$240.00', 'Pool service', 'Pool Service – Unit 306', '$150.00', 'Pool Service – Unit 308', '$90.00'], ['$612.30', 'Linen supply', 'Linen – Unit 304', '$306.15', 'Linen – Unit 305', '$306.15']], i = 0, phase = 0, st = q(r, 'status'); return every(function () { if (phase === 0) { st.textContent = 'Paid'; st.style.background = '#f0fdf4'; st.style.color = '#16a34a'; st.classList.add('vri-swap'); } else { i = (i + 1) % items.length; var it = items[i]; st.textContent = 'Pending'; st.style.background = '#fffbeb'; st.style.color = '#d97706'; swap(q(r, 'amount'), it[0]); swap(q(r, 'desc'), it[1]); swap(q(r, 'l1'), it[2]); swap(q(r, 'a1'), it[3]); swap(q(r, 'l2'), it[4]); swap(q(r, 'a2'), it[5]); } phase ^= 1; }, 3800); });</script>","ot":"<div class=\"vri\" data-ill=\"ot\"><div class=\"vri-s\"> <div class=\"vri-card vri-r14 vri-l\" style=\"left:72px; top:142px; width:230px; padding:17px; display:flex; flex-direction:column; gap:11.5px; opacity:.8; background:#fff; --d:.05s\" data-op=\".8\"> <div class=\"vri-row\"><i style=\"width:28.75px;height:28.75px;border-radius:7.2px;background:rgba(18,24,38,.07)\"></i><i class=\"vri-ic\" style=\"width:20px;height:20px\" data-k=\"chk1\"><img src=\"https://cdn.prod.website-files.com/6453afeeaf70ff3cb0d0f919/6aab21948d12aa390ccaf8c6_vri-check-circle-2.svg\" alt=\"\"></i></div> <div><div class=\"vri-t16 vri-n6\">Operating account · 4321</div><i class=\"vri-skel\" style=\"display:block; width:106px; height:8.6px; margin-top:4px\"></i></div> <div class=\"vri-dash\"></div> <div><div class=\"vri-t13 vri-n6\">Bank account balance</div><div class=\"vri-t16 vri-n6 vri-num\">$8,214.35</div></div> <div><div class=\"vri-t13 vri-n6\">Unmatched bank records</div><div class=\"vri-t16 vri-n6 vri-num\" data-k=\"u1\">0 records</div></div> </div> <div class=\"vri-card vri-r14 vri-l\" style=\"left:158px; top:74px; width:230px; padding:17px; display:flex; flex-direction:column; gap:11.5px; --d:.3s\"> <div class=\"vri-row\" style=\"width:195px\"><i style=\"width:28.75px;height:28.75px;border-radius:7.2px;background:rgba(5,150,105,.07);display:grid;place-items:center\"><i class=\"vri-ic\" style=\"width:20px;height:20px\"><img src=\"https://cdn.prod.website-files.com/6453afeeaf70ff3cb0d0f919/6aab219759803fe628bd58f5_vri-globalbank-logomark-2.svg\" alt=\"\"></i></i><i class=\"vri-ic\" style=\"width:20px;height:20px\" data-k=\"chk2\"><img src=\"https://cdn.prod.website-files.com/6453afeeaf70ff3cb0d0f919/6aab21e048305a62e4618a8d_vri-shield-check.svg\" alt=\"\"></i></div> <div><div class=\"vri-t16 vri-n6\">Trust account · 0372</div><div class=\"vri-t13\">GlobalBank</div></div> <div class=\"vri-dash\"></div> <div><div class=\"vri-t13 vri-n6\">Bank account balance</div><div class=\"vri-t16 vri-n6 vri-num\">$15,842.60</div></div> <div><div class=\"vri-t13 vri-n6\">Unmatched bank records</div><div class=\"vri-t16 vri-n6 vri-num\" data-k=\"u2\">6 records</div></div> </div> </div></div>\n<script>VRILL.reg('ot', function (r, H) { var reduce = H.reduce, fmt = H.fmt, parse = H.parse, count = H.count, swap = H.swap, q = H.q, lines = H.lines, chat = H.chat, every = H.every; var n = 6; return every(function () { n = n > 0 ? n - 2 : 6; swap(q(r, 'u2'), n + ' records'); var c = q(r, 'chk2'); c.classList.remove('vri-pulse'); if (n === 0) { void c.offsetWidth; c.classList.add('vri-pulse'); setTimeout(function () { c.classList.remove('vri-pulse'); }, 1300); } }, 2400); });</script>"}