{"product_id":"finance-dashboard-v1-1","title":"Finance Dashboard V1.1 (New)","description":"\u003c!-- ===== PERSONAL FINANCE EXPENSE TRACKER — SHOPIFY SAFE ===== --\u003e\n\u003cstyle\u003e\n    \/* ---- SCOPED RESET (Prevents Shopify theme conflicts) ---- *\/\n    .wg-planner-wrapper {\n      --wg-bg: #ffffff;\n      --wg-ink: #071D36;\n      --wg-body: #4d5f76;\n      --wg-accent: #C17B19;\n      --wg-accent-light: rgba(193, 123, 25, 0.12);\n      --wg-green: #064532;\n      --wg-green-light: rgba(6, 69, 50, 0.08);\n      --wg-beige: #F4DFC0;\n      --wg-border: rgba(7, 29, 54, 0.08);\n      --wg-img-bg: #F4DFC0;\n\n      background-color: var(--wg-bg) !important;\n      color: var(--wg-body);\n      font-family: system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif;\n      -webkit-font-smoothing: antialiased;\n      text-align: center;\n      padding: 2rem 1.5rem 5rem 1.5rem;\n      box-sizing: border-box;\n    }\n\n    .wg-planner-wrapper *,\n    .wg-planner-wrapper *::before,\n    .wg-planner-wrapper *::after {\n      box-sizing: border-box;\n    }\n\n    .wg-planner-wrapper h2,\n    .wg-planner-wrapper h3,\n    .wg-planner-wrapper p,\n    .wg-planner-wrapper figure,\n    .wg-planner-wrapper div {\n      margin: 0;\n      padding: 0;\n    }\n\n    \/* ---- CONTAINER ---- *\/\n    .wg-container {\n      max-width: 860px;\n      margin: 0 auto;\n    }\n\n    \/* ---- BADGE ---- *\/\n    .wg-badge {\n      display: inline-flex;\n      align-items: center;\n      gap: 0.5rem;\n      border: 1px solid rgba(6, 69, 50, 0.18);\n      border-radius: 999px;\n      padding: 0.4rem 1rem;\n      margin-bottom: 1rem !important;\n      background: var(--wg-beige);\n      font-size: 0.78rem;\n      font-weight: 700;\n      letter-spacing: 0.02em;\n      color: var(--wg-green);\n      text-transform: uppercase;\n      line-height: 1.2;\n    }\n\n    \/* ---- HEADINGS ---- *\/\n    .wg-main-title {\n      font-size: clamp(1.6rem, 4vw, 2.25rem);\n      font-weight: 800;\n      color: var(--wg-ink);\n      line-height: 1.2;\n      margin-bottom: 0.85rem !important;\n    }\n    .wg-main-title span {\n      color: var(--wg-accent);\n    }\n\n    \/* ---- DECORATIVE LINE ---- *\/\n    .wg-divider {\n      width: 68px;\n      height: 3px;\n      border-radius: 999px;\n      background: var(--wg-accent);\n      margin: 0 auto 1.6rem auto !important;\n    }\n\n    .wg-sub-title {\n      max-width: 560px;\n      margin: 0 auto 3rem auto !important;\n      font-size: 0.95rem;\n      line-height: 1.65;\n      color: var(--wg-ink);\n    }\n\n    \/* ---- FEATURE BLOCKS ---- *\/\n    .wg-feature {\n      text-align: left;\n      border-bottom: 1px solid var(--wg-border);\n      margin-bottom: 2.5rem !important;\n      padding-bottom: 2.5rem !important;\n    }\n    .wg-feature:last-child {\n      border-bottom: none;\n      margin-bottom: 0 !important;\n      padding-bottom: 0 !important;\n    }\n\n    \/* ---- BULLETPROOF IMAGE CONTAINER ---- *\/\n    .wg-img-box {\n      width: 100%;\n      aspect-ratio: 16 \/ 9;\n      border-radius: 20px;\n      overflow: hidden;\n      background: var(--wg-img-bg);\n      border: 1px dashed rgba(7, 29, 54, 0.15);\n      box-shadow: 0 4px 12px rgba(7, 29, 54, 0.04);\n      display: flex;\n      align-items: center;\n      justify-content: center;\n    }\n    \/* Force images to fill the box, overriding any theme styles *\/\n    .wg-img-box img {\n      width: 100% !important;\n      height: 100% !important;\n      object-fit: cover !important;\n      display: block !important;\n      max-width: 100% !important;\n    }\n\n    \/* ---- HARD GAP (Cannot be overridden by Shopify CSS) ---- *\/\n    .wg-gap {\n      height: 2rem !important;\n      width: 100% !important;\n      display: block !important;\n      clear: both !important;\n    }\n\n    \/* ---- TEXT ROW ---- *\/\n    .wg-text-row {\n      display: flex;\n      align-items: flex-start;\n      gap: 1rem;\n    }\n\n    \/* ---- ICON ---- *\/\n    .wg-icon {\n      flex: 0 0 auto;\n      width: 44px;\n      height: 44px;\n      border-radius: 10px;\n      background: var(--wg-beige);\n      display: flex;\n      align-items: center;\n      justify-content: center;\n    }\n\n    \/* ---- TEXT ---- *\/\n    .wg-feature-title {\n      font-size: 1.15rem;\n      font-weight: 800;\n      color: var(--wg-ink);\n      line-height: 1.3;\n      margin-bottom: 0.5rem !important;\n    }\n\n    .wg-feature-desc {\n      font-size: 0.875rem;\n      line-height: 1.6;\n      color: var(--wg-body);\n    }\n\n    \/* ---- CALLOUT PANEL ---- *\/\n    .wg-callout {\n      margin-top: 3rem !important;\n      background: var(--wg-beige);\n      border-radius: 16px;\n      padding: 1.5rem 1.6rem !important;\n      text-align: center;\n    }\n    .wg-callout p {\n      font-size: 0.92rem;\n      line-height: 1.6;\n      font-weight: 700;\n      color: var(--wg-ink);\n    }\n    .wg-callout span {\n      color: var(--wg-green);\n    }\n\n    \/* ---- RESPONSIVE ---- *\/\n    @media (max-width: 640px) {\n      .wg-planner-wrapper { padding: 1.5rem 1.2rem 4rem 1.2rem; }\n      .wg-feature { margin-bottom: 1.8rem !important; padding-bottom: 1.8rem !important; }\n      .wg-sub-title { margin-bottom: 2.2rem !important; }\n      .wg-icon { width: 40px; height: 40px; border-radius: 9px; }\n    }\n\n    \/* ---- MOTIONS \/ ANIMATIONS ---- *\/\n    .wg-anim .wg-reveal {\n      opacity: 0;\n      transform: translateY(24px);\n      transition: opacity 0.6s ease, transform 0.6s ease;\n      will-change: opacity, transform;\n    }\n    .wg-anim .wg-reveal.wg-visible {\n      opacity: 1;\n      transform: translateY(0);\n    }\n\n    @media (prefers-reduced-motion: reduce) {\n      .wg-anim .wg-reveal {\n        opacity: 1 !important;\n        transform: none !important;\n        transition: none !important;\n      }\n    }\n  \u003c\/style\u003e\n\n\u003cdiv class=\"wg-planner-wrapper\" id=\"wgFinanceBlock\"\u003e\n\u003cdiv class=\"wg-container\"\u003e\n\n\u003c!-- BADGE --\u003e\n\u003cdiv class=\"wg-badge wg-reveal\"\u003e\n\u003csvg width=\"13\" height=\"13\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#064532\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n        \u003crect x=\"2\" y=\"6\" width=\"20\" height=\"14\" rx=\"2\"\u003e\u003c\/rect\u003e\n        \u003cpath d=\"M2 10h20\"\u003e\u003c\/path\u003e\n        \u003ccircle cx=\"17\" cy=\"15\" r=\"1.2\"\u003e\u003c\/circle\u003e\n      \u003c\/svg\u003e Personal Finance — Excel + Google Sheets\u003c\/div\u003e\n\n\u003c!-- HEADING --\u003e\n\u003ch2 class=\"wg-main-title wg-reveal\"\u003eYour Money, Perfectly \u003cbr\u003e\u003cspan\u003eTracked \u0026amp; Organized!\u003c\/span\u003e\n\u003c\/h2\u003e\n\n\u003c!-- DECORATIVE LINE --\u003e\n\u003cdiv class=\"wg-divider wg-reveal\"\u003e\u003c\/div\u003e\n\n\u003c!-- SUBHEADING --\u003e\n\u003cp class=\"wg-sub-title wg-reveal\"\u003eFrom daily spends to EMIs, recurring bills \u0026amp; net worth — one spreadsheet that replaces money stress with complete clarity.\u003c\/p\u003e\n\n\u003c!-- FEATURE 1 --\u003e\n\u003cdiv class=\"wg-feature wg-reveal\"\u003e\n\u003cdiv class=\"wg-img-box\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0659\/5097\/4011\/files\/Theme.png?v=1791664024\" alt=\"One-click colour themes\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"wg-gap\"\u003e\u003c\/div\u003e\n\u003c!-- HARD GAP --\u003e\n\u003cdiv class=\"wg-text-row\"\u003e\n\u003cdiv class=\"wg-icon\"\u003e\u003csvg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#064532\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n            \u003cpath d=\"M12 2a10 10 0 0 0 0 20c1.1 0 2-.9 2-2 0-.5-.2-1-.5-1.3-.3-.4-.5-.8-.5-1.2 0-1.1.9-2 2-2h2.5A4.5 4.5 0 0 0 22 11c0-5-4.5-9-10-9z\"\u003e\u003c\/path\u003e\n            \u003ccircle cx=\"7.5\" cy=\"10.5\" r=\"1.2\"\u003e\u003c\/circle\u003e\n            \u003ccircle cx=\"12\" cy=\"7.5\" r=\"1.2\"\u003e\u003c\/circle\u003e\n            \u003ccircle cx=\"16.5\" cy=\"10.5\" r=\"1.2\"\u003e\u003c\/circle\u003e\n          \u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch3 class=\"wg-feature-title\"\u003eOne-Click Themes — 8 Beautiful Colour Options\u003c\/h3\u003e\n\u003cp class=\"wg-feature-desc\"\u003eChoose from 8 professionally designed colour themes to personalise your budgeting dashboard. Change the look of your entire workbook in one click while keeping your data, formulas, and charts intact.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- FEATURE 2 --\u003e\n\u003cdiv class=\"wg-feature wg-reveal\"\u003e\n\u003cdiv class=\"wg-img-box\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0659\/5097\/4011\/files\/Repeating.png?v=1791664023\" alt=\"Automated recurring transactions\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"wg-gap\"\u003e\u003c\/div\u003e\n\u003c!-- HARD GAP --\u003e\n\u003cdiv class=\"wg-text-row\"\u003e\n\u003cdiv class=\"wg-icon\"\u003e\u003csvg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#064532\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n            \u003cpath d=\"M17 2l4 4-4 4\"\u003e\u003c\/path\u003e\n            \u003cpath d=\"M3 11v-1a4 4 0 0 1 4-4h14\"\u003e\u003c\/path\u003e\n            \u003cpath d=\"M7 22l-4-4 4-4\"\u003e\u003c\/path\u003e\n            \u003cpath d=\"M21 13v1a4 4 0 0 1-4 4H3\"\u003e\u003c\/path\u003e\n          \u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch3 class=\"wg-feature-title\"\u003eAutomate Recurring Transactions — Set It Once\u003c\/h3\u003e\n\u003cp class=\"wg-feature-desc\"\u003eAdd regular expenses like rent, dairy products, OTT subscriptions, mobile recharges, EMIs, and SIPs just once. Choose monthly, quarterly, or yearly frequency and let the tracker automatically account for them in the selected months.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- FEATURE 3 --\u003e\n\u003cdiv class=\"wg-feature wg-reveal\"\u003e\n\u003cdiv class=\"wg-img-box\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0659\/5097\/4011\/files\/Unique.png?v=1791664024\" alt=\"Unique transaction tracking\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"wg-gap\"\u003e\u003c\/div\u003e\n\u003c!-- HARD GAP --\u003e\n\u003cdiv class=\"wg-text-row\"\u003e\n\u003cdiv class=\"wg-icon\"\u003e\u003csvg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#064532\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n            \u003cpath d=\"M6 2h12v20l-3-2-3 2-3-2-3 2z\"\u003e\u003c\/path\u003e\n            \u003cpath d=\"M9 7h6M9 11h6\"\u003e\u003c\/path\u003e\n          \u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch3 class=\"wg-feature-title\"\u003eTrack Unique Transactions — Every Rupee Counts\u003c\/h3\u003e\n\u003cp class=\"wg-feature-desc\"\u003eRecord everyday spending such as Zomato orders, bike repairs, shopping, and unexpected purchases. Track dates, categories, payment methods, accounts, and amounts while your summaries update automatically.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- FEATURE 4 --\u003e\n\u003cdiv class=\"wg-feature wg-reveal\"\u003e\n\u003cdiv class=\"wg-img-box\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0659\/5097\/4011\/files\/Debt.png?v=1791664023\" alt=\"Debt and loan tracking dashboard\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"wg-gap\"\u003e\u003c\/div\u003e\n\u003c!-- HARD GAP --\u003e\n\u003cdiv class=\"wg-text-row\"\u003e\n\u003cdiv class=\"wg-icon\"\u003e\u003csvg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#064532\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n            \u003crect x=\"2\" y=\"5\" width=\"20\" height=\"14\" rx=\"2\"\u003e\u003c\/rect\u003e\n            \u003cpath d=\"M2 10h20\"\u003e\u003c\/path\u003e\n            \u003cpath d=\"M6 15h4\"\u003e\u003c\/path\u003e\n          \u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch3 class=\"wg-feature-title\"\u003eTrack Your Debts — Every Loan in One Place\u003c\/h3\u003e\n\u003cp class=\"wg-feature-desc\"\u003eManage your home loans, car loans, personal loans, and other EMIs in one organised dashboard. Track payments, estimated outstanding balances, repayment progress, and remaining EMIs to stay on top of your debt.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- FEATURE 5 --\u003e\n\u003cdiv class=\"wg-feature wg-reveal\"\u003e\n\u003cdiv class=\"wg-img-box\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0659\/5097\/4011\/files\/Annual.png?v=1791664024\" alt=\"Annual financial summary dashboard\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"wg-gap\"\u003e\u003c\/div\u003e\n\u003c!-- HARD GAP --\u003e\n\u003cdiv class=\"wg-text-row\"\u003e\n\u003cdiv class=\"wg-icon\"\u003e\u003csvg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#064532\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n            \u003cpath d=\"M3 21h18\"\u003e\u003c\/path\u003e\n            \u003cpath d=\"M6 21V10\"\u003e\u003c\/path\u003e\n            \u003cpath d=\"M12 21V3\"\u003e\u003c\/path\u003e\n            \u003cpath d=\"M18 21v-7\"\u003e\u003c\/path\u003e\n          \u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch3 class=\"wg-feature-title\"\u003eAnnual Summary — Your Entire Year at a Glance\u003c\/h3\u003e\n\u003cp class=\"wg-feature-desc\"\u003eBring together your yearly income, expenses, savings, investments, and EMIs in one powerful dashboard. Compare monthly budgets with actual spending and use automated charts to understand your financial progress throughout the year.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- FEATURE 6 --\u003e\n\u003cdiv class=\"wg-feature wg-reveal\"\u003e\n\u003cdiv class=\"wg-img-box\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0659\/5097\/4011\/files\/Net_Worth.png?v=1791664023\" alt=\"Net worth tracker\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"wg-gap\"\u003e\u003c\/div\u003e\n\u003c!-- HARD GAP --\u003e\n\u003cdiv class=\"wg-text-row\"\u003e\n\u003cdiv class=\"wg-icon\"\u003e\u003csvg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#064532\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n            \u003cpath d=\"M3 17l6-6 4 4 8-8\"\u003e\u003c\/path\u003e\n            \u003cpath d=\"M15 7h6v6\"\u003e\u003c\/path\u003e\n          \u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch3 class=\"wg-feature-title\"\u003eTrack Your Net Worth — See Your Real Financial Picture\u003c\/h3\u003e\n\u003cp class=\"wg-feature-desc\"\u003eUnderstand what you own and what you owe by bringing your accounts, cash, savings, investments, and liabilities together. Automatically calculate your net worth and track how your financial position changes over time.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- CALLOUT PANEL --\u003e\n\u003cdiv class=\"wg-callout wg-reveal\"\u003e\n\u003cp\u003eOne spreadsheet for \u003cspan\u003eincome, expenses, EMIs, investments \u0026amp; net worth\u003c\/span\u003e — no apps, no subscriptions, just clarity.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003c\/div\u003e\n\u003c!-- \/.wg-container --\u003e\n\n\u003c!-- MOTIONS \/ ANIMATIONS SCRIPT --\u003e\n\u003cscript\u003e\n    (function () {\n      var root = document.getElementById('wgFinanceBlock');\n      if (!root || !('IntersectionObserver' in window)) return;\n\n      var items = root.querySelectorAll('.wg-reveal');\n      if (!items.length) return;\n\n      root.classList.add('wg-anim');\n\n      var io = new IntersectionObserver(function (entries) {\n        entries.forEach(function (entry) {\n          if (entry.isIntersecting) {\n            entry.target.classList.add('wg-visible');\n            io.unobserve(entry.target);\n          }\n        });\n      }, { threshold: 0.1, rootMargin: '0px 0px -5% 0px' });\n\n      Array.prototype.forEach.call(items, function (el) { io.observe(el); });\n\n      \/\/ Safety fallback: ensure everything is visible after 2.5 seconds even if JS fails\n      setTimeout(function () {\n        Array.prototype.forEach.call(items, function (el) { el.classList.add('wg-visible'); });\n      }, 2500);\n    })();\n  \u003c\/script\u003e\n\u003c\/div\u003e\n\u003c!-- ===== \/PERSONAL FINANCE EXPENSE TRACKER ===== --\u003e","brand":"Uplivo","offers":[{"title":"Default Title","offer_id":44443072135227,"sku":null,"price":599.0,"currency_code":"INR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/5097\/4011\/files\/c96bc9f9-d708-433c-88b6-49f4a885292b.png?v=1791659107","url":"https:\/\/aplivo.in\/products\/finance-dashboard-v1-1","provider":"Aplivo","version":"1.0","type":"link"}