{"product_id":"personal-finance-dashboard","title":"Personal Finance Dashboard","description":"\u003cbody\u003e\n\n\n    \u003cmeta charset=\"UTF-8\"\u003e\n    \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0, user-scalable=yes\"\u003e\n    \u003ctitle\u003eExpense Tracker Excel — What You Get\u003c\/title\u003e\n    \u003cstyle\u003e\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        body {\n            background: #eef3fa;\n            font-family: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif;\n        }\n\n        \/* animation keyframes *\/\n        @keyframes fadeDown {\n            from { opacity: 0; transform: translateY(-14px); }\n            to   { opacity: 1; transform: translateY(0); }\n        }\n\n        .wg-heading {\n            opacity: 0;\n            animation: fadeDown 0.6s ease forwards;\n            animation-play-state: paused;\n        }\n        .wg-heading.visible { animation-play-state: running; }\n\n        .wg-sub {\n            opacity: 0;\n            animation: fadeDown 0.6s ease 0.12s forwards;\n            animation-play-state: paused;\n        }\n        .wg-sub.visible { animation-play-state: running; }\n\n        .wg-feature {\n            opacity: 0;\n            transform: translateY(28px);\n            transition: opacity 0.55s ease, transform 0.55s ease;\n        }\n        .wg-feature.visible {\n            opacity: 1;\n            transform: translateY(0);\n        }\n\n        \/* Grid layout for bottom features — column gap only, row gap removed for consistent spacing *\/\n        .wg-grid {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            column-gap: 2rem;\n            row-gap: 0;          \/* no extra row gap — spacing controlled by margin\/padding *\/\n        }\n\n        @media (max-width: 580px) {\n            .wg-grid {\n                grid-template-columns: 1fr;\n                column-gap: 0;\n                row-gap: 0;\n            }\n        }\n\n        \/* ========== SEPARATOR LINES \u0026 CONSISTENT SPACING ========== *\/\n        \/* Each feature block gets a bottom border + equal margin\/padding *\/\n        .wg-feature {\n            border-bottom: 1px solid rgba(0, 0, 0, 0.12);\n            margin-bottom: 2rem;\n            padding-bottom: 2rem;\n        }\n\n        \/* Remove border and extra padding from the LAST feature block in the whole container *\/\n        .wg-feature:last-child {\n            border-bottom: none;\n            margin-bottom: 0;\n            padding-bottom: 0;\n        }\n\n        \/* Grid features follow the same rule: border + spacing, except the last one *\/\n        .wg-grid .wg-feature {\n            border-bottom: 1px solid rgba(0, 0, 0, 0.12);\n            margin-bottom: 2rem;\n            padding-bottom: 2rem;\n        }\n\n        \/* Last grid feature (on mobile it's the second item; on desktop it's the second column item) \n           Remove border and bottom spacing so no extra gap at the end *\/\n        .wg-grid .wg-feature:last-child {\n            border-bottom: none;\n            margin-bottom: 0;\n            padding-bottom: 0;\n        }\n\n        \/* On desktop, both grid items are side by side. \n           The first grid item will have its own border-bottom + margin-bottom, \n           the second grid item (last-child) has no border\/margin — exactly like top features.\n           No extra row gap ensures spacing matches the top separators (4rem total). *\/\n        \n        \/* Reduced gap between image and text *\/\n        .wg-feature \u003e div:first-child {\n            margin-bottom: 0.9rem;\n        }\n\n        \/* Tighter text spacing *\/\n        .wg-feature h3 {\n            margin-bottom: 0.3rem;\n        }\n        .wg-feature p {\n            line-height: 1.5;\n        }\n\n        \/* Reduced top padding for the whole section + increased bottom padding for breathing room after last line *\/\n        .wg-section {\n            padding: 1.8rem 1.5rem 5rem 1.5rem;\n        }\n\n        \/* Badge spacing *\/\n        .wg-badge {\n            margin-bottom: 1rem;\n        }\n\n        \/* Fine-tune for smaller screens *\/\n        @media (max-width: 640px) {\n            .wg-section {\n                padding: 1.5rem 1.2rem 4rem 1.2rem;\n            }\n            .wg-feature {\n                margin-bottom: 1.6rem;\n                padding-bottom: 1.6rem;\n            }\n            .wg-grid .wg-feature {\n                margin-bottom: 1.6rem;\n                padding-bottom: 1.6rem;\n            }\n        }\n    \u003c\/style\u003e\n\n\n\u003csection class=\"wg-section\" style=\"background: #c8dff0; text-align: center;\"\u003e\n    \u003cdiv style=\"max-width: 860px; margin: 0 auto;\"\u003e\n\n        \u003c!-- Badge: EXCEL ONLY — BUILT FOR INDIA --\u003e\n        \u003cdiv class=\"wg-badge\" style=\"display:inline-flex;align-items:center;gap:0.5rem;border:1px solid rgba(0,0,0,0.12);border-radius:999px;padding:0.4rem 1rem;margin-bottom:1rem;background:rgba(255,255,255,0.55);font-size:0.78rem;font-weight:600;color:#1e3a5f;\"\u003e\n            \u003csvg width=\"13\" height=\"13\" viewbox=\"0 0 24 24\" fill=\"none\"\u003e\u003crect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\" fill=\"#16a34a\"\u003e\u003c\/rect\u003e\u003cpath d=\"M8 12l3 3 5-5\" stroke=\"#fff\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n            EXCEL ONLY — BUILT FOR INDIA\n        \u003c\/div\u003e\n\n        \u003c!-- Heading --\u003e\n        \u003ch2 class=\"wg-heading\" style=\"font-size:clamp(1.6rem,4vw,2.25rem);font-weight:800;color:#0f2a45;margin-bottom:0.85rem;line-height:1.2;\"\u003e\n            Here's What You \u003cbr\u003e\u003cspan style=\"color:#059669;\"\u003eWill Get!\u003c\/span\u003e\n        \u003c\/h2\u003e\n\n        \u003c!-- Sub heading --\u003e\n        \u003cp class=\"wg-sub\" style=\"max-width:480px;margin:0 auto 2.8rem;font-size:0.95rem;color:#2d5070;line-height:1.65;\"\u003e\n            Stop switching between 5 different apps. We packed everything into one Excel file you own forever.\n        \u003c\/p\u003e\n\n        \u003c!-- FEATURE 1: Track Recurring Bills (honest description) --\u003e\n        \u003cdiv class=\"wg-feature\" style=\"text-align:left;\"\u003e\n            \u003cdiv style=\"width:100%;border-radius:16px;overflow:hidden;box-shadow:0 8px 32px rgba(0,0,0,0.12);margin-bottom:0.9rem;\"\u003e\n                \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0659\/5097\/4011\/files\/ChatGPT_Image_May_12_2026_08_29_41_PM.png?v=1778597986\" style=\"width:100%;display:block;\" alt=\"Track recurring bills - Excel template\"\u003e\n            \u003c\/div\u003e\n            \u003cdiv style=\"display:flex;align-items:flex-start;gap:1rem;\"\u003e\n                \u003cdiv style=\"flex-shrink:0;width:44px;height:44px;background:rgba(255,255,255,0.6);border-radius:10px;display:flex;align-items:center;justify-content:center;\"\u003e\n                    \u003csvg width=\"20\" height=\"20\" fill=\"none\" stroke=\"#059669\" stroke-width=\"2.2\" viewbox=\"0 0 24 24\"\u003e\u003cpolyline points=\"1 4 1 10 7 10\"\u003e\u003c\/polyline\u003e\u003cpolyline points=\"23 20 23 14 17 14\"\u003e\u003c\/polyline\u003e\u003cpath d=\"M20.49 9A9 9 0 0 0 5.64 5.64L1 10m22 4l-4.64 4.36A9 9 0 0 1 3.51 15\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n                \u003c\/div\u003e\n                \u003cdiv\u003e\n                    \u003ch3 style=\"font-size:1.15rem;font-weight:800;color:#0f2a45;margin-bottom:0.4rem;\"\u003eTrack Recurring Bills Without Hassle\u003c\/h3\u003e\n                    \u003cp style=\"font-size:0.875rem;color:#2d5070;line-height:1.5;margin:0;\"\u003e\n                        List all your recurring bills — rent, EMI, subscriptions — as a template. Each month, copy them into your new sheet with one click, no re-typing. \n                        Use the tracker to review upcoming payments and stay aware of your cash flow.\n                    \u003c\/p\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- FEATURE 2: Planned vs. Actual --\u003e\n        \u003cdiv class=\"wg-feature\" style=\"text-align:left;\"\u003e\n            \u003cdiv style=\"width:100%;border-radius:16px;overflow:hidden;box-shadow:0 8px 32px rgba(0,0,0,0.12);margin-bottom:0.9rem;\"\u003e\n                \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0659\/5097\/4011\/files\/ChatGPT_Image_May_13_2026_12_00_43_AM.png?v=1778610624\" style=\"width:100%;display:block;\" alt=\"Planned vs actual budget tracking\"\u003e\n            \u003c\/div\u003e\n            \u003cdiv style=\"display:flex;align-items:flex-start;gap:1rem;\"\u003e\n                \u003cdiv style=\"flex-shrink:0;width:44px;height:44px;background:rgba(255,255,255,0.6);border-radius:10px;display:flex;align-items:center;justify-content:center;\"\u003e\n                    \u003csvg width=\"20\" height=\"20\" fill=\"none\" stroke=\"#059669\" stroke-width=\"2.2\" viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z\"\u003e\u003c\/path\u003e\u003cline x1=\"12\" y1=\"9\" x2=\"12\" y2=\"13\"\u003e\u003c\/line\u003e\u003cline x1=\"12\" y1=\"17\" x2=\"12.01\" y2=\"17\"\u003e\u003c\/line\u003e\u003c\/svg\u003e\n                \u003c\/div\u003e\n                \u003cdiv\u003e\n                    \u003ch3 style=\"font-size:1.15rem;font-weight:800;color:#0f2a45;margin-bottom:0.4rem;\"\u003ePlanned vs. Actual. No Surprises.\u003c\/h3\u003e\n                    \u003cp style=\"font-size:0.875rem;color:#2d5070;line-height:1.5;margin:0;\"\u003eEnter your budget once in Setup. Every monthly sheet tracks what you planned against what you actually spent — with the difference and percentage shown instantly.\u003c\/p\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- BOTTOM FEATURES (2x2 grid) with consistent separator spacing --\u003e\n        \u003cdiv class=\"wg-grid\"\u003e\n            \u003c!-- Your Entire Financial Year --\u003e\n            \u003cdiv class=\"wg-feature\" style=\"text-align:left;\"\u003e\n                \u003cdiv style=\"width:100%;border-radius:14px;overflow:hidden;box-shadow:0 6px 24px rgba(0,0,0,0.1);margin-bottom:0.9rem;\"\u003e\n                    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0659\/5097\/4011\/files\/ChatGPT_Image_May_13_2026_12_12_28_AM.png?v=1778611327\" style=\"width:100%;display:block;\" alt=\"Annual financial summary dashboard\"\u003e\n                \u003c\/div\u003e\n                \u003cdiv style=\"display:flex;align-items:flex-start;gap:0.85rem;\"\u003e\n                    \u003cdiv style=\"flex-shrink:0;width:38px;height:38px;background:rgba(255,255,255,0.6);border-radius:9px;display:flex;align-items:center;justify-content:center;\"\u003e\n                        \u003csvg width=\"18\" height=\"18\" fill=\"none\" stroke=\"#059669\" stroke-width=\"2.2\" viewbox=\"0 0 24 24\"\u003e\u003crect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\"\u003e\u003c\/rect\u003e\u003cline x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\"\u003e\u003c\/line\u003e\u003cline x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\"\u003e\u003c\/line\u003e\u003cline x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"\u003e\u003c\/line\u003e\u003c\/svg\u003e\n                    \u003c\/div\u003e\n                    \u003cdiv\u003e\n                        \u003ch3 style=\"font-size:0.95rem;font-weight:800;color:#0f2a45;margin-bottom:0.35rem;\"\u003eYour Entire Financial Year. One Screen.\u003c\/h3\u003e\n                        \u003cp style=\"font-size:0.825rem;color:#2d5070;line-height:1.55;margin:0;\"\u003eApril to March. Income, expenses, savings, and investments — all 12 months laid out in one Annual Summary that auto-fills from your monthly sheets. Best savings month. Highest income month. No manual math.\u003c\/p\u003e\n                    \u003c\/div\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n\n            \u003c!-- One File. Your Entire Financial Life. --\u003e\n            \u003cdiv class=\"wg-feature\" style=\"text-align:left;\"\u003e\n                \u003cdiv style=\"width:100%;border-radius:14px;overflow:hidden;box-shadow:0 6px 24px rgba(0,0,0,0.1);margin-bottom:0.9rem;\"\u003e\n                    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0659\/5097\/4011\/files\/ChatGPT_Image_May_13_2026_12_33_47_AM.png?v=1778612615\" style=\"width:100%;display:block;\" alt=\"Single Excel file for entire financial life\"\u003e\n                \u003c\/div\u003e\n                \u003cdiv style=\"display:flex;align-items:flex-start;gap:0.85rem;\"\u003e\n                    \u003cdiv style=\"flex-shrink:0;width:38px;height:38px;background:rgba(255,255,255,0.6);border-radius:9px;display:flex;align-items:center;justify-content:center;\"\u003e\n                        \u003csvg width=\"18\" height=\"18\" fill=\"none\" stroke=\"#059669\" stroke-width=\"2.2\" viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n                    \u003c\/div\u003e\n                    \u003cdiv\u003e\n                        \u003ch3 style=\"font-size:0.95rem;font-weight:800;color:#0f2a45;margin-bottom:0.35rem;\"\u003eOne File. Your Entire Financial Life.\u003c\/h3\u003e\n                        \u003cp style=\"font-size:0.825rem;color:#2d5070;line-height:1.55;margin:0;\"\u003eIncome. Expenses. Savings. Investments. Bills. UPI spends. Goals. Charts. All inside a single Excel file you download once, open every month, and just start typing. No app. No subscription. No internet needed.\u003c\/p\u003e\n                    \u003c\/div\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003cscript\u003e\n(function () {\n    function onVisible(el, cb) {\n        new IntersectionObserver(function (entries, obs) {\n            entries.forEach(function (e) {\n                if (e.isIntersecting) { \n                    cb(e.target); \n                    obs.unobserve(e.target); \n                }\n            });\n        }, { threshold: 0.12 }).observe(el);\n    }\n    \/\/ headings + subheading animations\n    document.querySelectorAll('.wg-heading, .wg-sub').forEach(function (el) {\n        onVisible(el, function (t) { t.classList.add('visible'); });\n    });\n    \/\/ features staggered animation\n    const features = document.querySelectorAll('.wg-feature');\n    features.forEach(function (el, i) {\n        onVisible(el, function (t) {\n            t.style.transitionDelay = (i * 80) + 'ms';\n            t.classList.add('visible');\n        });\n    });\n})();\n\u003c\/script\u003e\n\n\n\u003c\/body\u003e","brand":"My Store","offers":[{"title":"Default Title","offer_id":43479400054843,"sku":null,"price":399.0,"currency_code":"INR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/5097\/4011\/files\/ChatGPT_Image_Jun_13_2026_06_10_20_PM.png?v=1781354421","url":"https:\/\/aplivo.in\/products\/personal-finance-dashboard","provider":"Aplivo","version":"1.0","type":"link"}