{"id":2331,"date":"2026-01-09T12:50:30","date_gmt":"2026-01-09T05:50:30","guid":{"rendered":"https:\/\/www.finplan.id\/blog\/?page_id=2331"},"modified":"2026-01-09T13:20:33","modified_gmt":"2026-01-09T06:20:33","slug":"2331-2","status":"publish","type":"page","link":"https:\/\/www.finplan.id\/blog\/2331-2\/","title":{"rendered":""},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"id\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n    <style>\n        @import url('https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@300;400;600;800&display=swap');\n        \n        :root {\n            --bg-deep: #020617;\n            --card-bg: rgba(15, 23, 42, 0.7);\n            --accent-blue: #3b82f6;\n        }\n\n        body { \n            font-family: 'Plus Jakarta Sans', sans-serif; \n            background-color: var(--bg-deep);\n            color: #f1f5f9;\n        }\n\n        \/* Glassmorphism Effect *\/\n        .glass-card { \n            background: var(--card-bg);\n            backdrop-filter: blur(16px);\n            border: 1px solid rgba(255, 255, 255, 0.08);\n            box-shadow: 0 20px 50px rgba(0, 0, 0, 0.3);\n        }\n\n        \/* Premium Ghost Input *\/\n        .input-premium {\n            background: rgba(2, 6, 23, 0.6);\n            border: 1px solid rgba(51, 65, 85, 0.5);\n            color: #ffffff;\n            transition: all 0.3s ease;\n        }\n        .input-premium:focus {\n            border-color: var(--accent-blue);\n            background: rgba(2, 6, 23, 0.8);\n            box-shadow: 0 0 15px rgba(59, 130, 246, 0.2);\n            outline: none;\n        }\n\n        \/* Shimmer Animation for Button *\/\n        .btn-shimmer {\n            position: relative;\n            overflow: hidden;\n        }\n        .btn-shimmer::after {\n            content: \"\";\n            position: absolute;\n            top: 0; left: -100%;\n            width: 100%; height: 100%;\n            background: linear-gradient(90deg, transparent, rgba(255,255,255,0.15), transparent);\n            animation: shimmer 3s infinite;\n        }\n        @keyframes shimmer {\n            100% { left: 100%; }\n        }\n\n        \/* Typing Effect for AI Response *\/\n        .typing-text::after {\n            content: \"|\";\n            animation: blink 1s infinite;\n        }\n        @keyframes blink {\n            50% { opacity: 0; }\n        }\n    <\/style>\n<\/head>\n<body class=\"p-4 md:p-10\">\n\n    <div class=\"max-w-6xl mx-auto space-y-8\">\n        \n        <header class=\"flex flex-col md:flex-row justify-between items-start md:items-center gap-4\">\n            <div>\n                <h1 class=\"text-3xl font-extrabold tracking-tighter text-white italic\">\n                    AUDITOR <span class=\"text-blue-500 font-black\">PRO<\/span>\n                <\/h1>\n                <p class=\"text-slate-500 text-sm italic\">&#8220;Intelligence is the ability to adapt to change.&#8221;<\/p>\n            <\/div>\n            <div class=\"glass-card px-5 py-2 rounded-2xl flex items-center gap-3 border-blue-500\/20\">\n                <div class=\"text-right\">\n                    <p class=\"text-[9px] text-slate-500 font-bold uppercase tracking-widest\">User Status<\/p>\n                    <p class=\"text-sm font-bold text-blue-400\">Premium Member<\/p>\n                <\/div>\n                <div class=\"h-8 w-8 bg-blue-600 rounded-lg flex items-center justify-center shadow-lg shadow-blue-600\/30\">\n                    <i class=\"fas fa-crown text-white text-xs\"><\/i>\n                <\/div>\n            <\/div>\n        <\/header>\n\n        <div class=\"grid grid-cols-1 lg:grid-cols-12 gap-8\">\n            \n            <div class=\"lg:col-span-5 space-y-6\">\n                <div class=\"glass-card p-8 rounded-[2.5rem]\">\n                    <div class=\"flex items-center gap-3 mb-6\">\n                        <i class=\"fas fa-database text-blue-500\"><\/i>\n                        <h3 class=\"text-sm font-bold uppercase tracking-widest text-slate-300\">Input Portofolio<\/h3>\n                    <\/div>\n\n                    <div id=\"stock-list\" class=\"space-y-4\">\n                        <div class=\"grid grid-cols-12 gap-2 stock-row\">\n                            <input type=\"text\" placeholder=\"Ticker (ASII)\" class=\"col-span-4 input-premium rounded-xl p-3 text-xs placeholder:text-slate-600\">\n                            <input type=\"number\" placeholder=\"Avg Price\" class=\"col-span-4 input-premium rounded-xl p-3 text-xs placeholder:text-slate-600\">\n                            <input type=\"number\" placeholder=\"Lot\" class=\"col-span-3 input-premium rounded-xl p-3 text-xs placeholder:text-slate-600\">\n                            <button class=\"col-span-1 text-slate-600 hover:text-red-500 transition\"><i class=\"fas fa-times-circle\"><\/i><\/button>\n                        <\/div>\n                    <\/div>\n\n                    <button onclick=\"addNewRow()\" class=\"mt-4 text-[10px] font-bold text-slate-500 hover:text-blue-400 uppercase tracking-widest transition\">\n                        <i class=\"fas fa-plus-circle mr-1\"><\/i> Tambah Saham Lain\n                    <\/button>\n\n                    <button onclick=\"processAI()\" id=\"main-btn\" class=\"btn-shimmer w-full mt-10 bg-blue-600 hover:bg-blue-500 text-white font-bold py-4 rounded-2xl shadow-xl shadow-blue-600\/20 transition-all transform active:scale-95\">\n                        <i class=\"fas fa-microchip mr-2\"><\/i> JALANKAN ANALISIS AI\n                    <\/button>\n                <\/div>\n\n                <div class=\"glass-card p-6 rounded-[2rem] border-red-500\/10 flex justify-between items-center\">\n                    <div>\n                        <p class=\"text-[9px] text-slate-500 font-black uppercase tracking-widest mb-1\">Risk Exposure<\/p>\n                        <p class=\"text-xs text-slate-400\">Concentration Risk:<\/p>\n                    <\/div>\n                    <div class=\"text-right\">\n                        <p class=\"text-xl font-black text-red-500 tracking-tighter shadow-red-500\/20\">HIGH (72%)<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"lg:col-span-7\">\n                <div class=\"glass-card p-10 rounded-[3rem] min-h-[480px] flex flex-col relative overflow-hidden\">\n                    <div class=\"absolute -right-10 -bottom-10 opacity-[0.03] text-[15rem]\">\n                        <i class=\"fas fa-robot\"><\/i>\n                    <\/div>\n\n                    <div class=\"flex items-center gap-4 mb-8\">\n                        <div class=\"h-12 w-12 bg-blue-600\/10 rounded-2xl flex items-center justify-center border border-blue-500\/20\">\n                            <i class=\"fas fa-wand-magic-sparkles text-blue-400\"><\/i>\n                        <\/div>\n                        <div>\n                            <h3 class=\"text-lg font-bold text-white\">GPT-4o Deep Analysis<\/h3>\n                            <p class=\"text-[9px] text-blue-500 font-bold uppercase tracking-[0.2em]\">Master Verdict<\/p>\n                        <\/div>\n                    <\/div>\n\n                    <div id=\"ai-loader\" class=\"hidden space-y-4 py-10\">\n                        <div class=\"flex items-center gap-3 mb-4\">\n                            <i class=\"fas fa-circle-notch animate-spin text-blue-500\"><\/i>\n                            <span class=\"text-xs text-slate-500 font-bold animate-pulse\">Menghubungkan ke OpenAI API&#8230;<\/span>\n                        <\/div>\n                        <div class=\"h-2 bg-slate-800 rounded-full w-full overflow-hidden\">\n                            <div class=\"bg-blue-600 h-full animate-[progress_2s_ease-in-out_infinite]\" style=\"width: 30%\"><\/div>\n                        <\/div>\n                    <\/div>\n\n                    <div id=\"ai-response\" class=\"text-slate-400 leading-relaxed text-sm space-y-6 z-10\">\n                        <p class=\"italic\">Input portofolio Anda di sebelah kiri dan klik analisis untuk membiarkan ChatGPT membedah kesehatan finansial Anda secara profesional.<\/p>\n                    <\/div>\n\n                    <div id=\"ai-pills\" class=\"mt-auto pt-10 flex flex-wrap gap-2 opacity-0 transition-opacity duration-1000\">\n                        <span class=\"px-3 py-1 bg-emerald-500\/10 border border-emerald-500\/20 text-emerald-500 text-[9px] font-black rounded-lg uppercase\">Strong Fundamental<\/span>\n                        <span class=\"px-3 py-1 bg-blue-500\/10 border border-blue-500\/20 text-blue-400 text-[9px] font-black rounded-lg uppercase\">Fair Valuation<\/span>\n                        <span class=\"px-3 py-1 bg-red-500\/10 border border-red-500\/20 text-red-400 text-[9px] font-black rounded-lg uppercase\">Rebalance Needed<\/span>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n        <\/div>\n    <\/div>\n\n    <script>\n        function addNewRow() {\n            const container = document.getElementById('stock-list');\n            const row = document.createElement('div');\n            row.className = 'grid grid-cols-12 gap-2 stock-row mt-3';\n            row.innerHTML = `\n                <input type=\"text\" placeholder=\"Ticker\" class=\"col-span-4 input-premium rounded-xl p-3 text-xs\">\n                <input type=\"number\" placeholder=\"Avg Price\" class=\"col-span-4 input-premium rounded-xl p-3 text-xs\">\n                <input type=\"number\" placeholder=\"Lot\" class=\"col-span-3 input-premium rounded-xl p-3 text-xs\">\n                <button onclick=\"this.parentElement.remove()\" class=\"col-span-1 text-slate-600 hover:text-red-500 transition\"><i class=\"fas fa-times-circle\"><\/i><\/button>\n            `;\n            container.appendChild(row);\n        }\n\n        function processAI() {\n            const btn = document.getElementById('main-btn');\n            const responseBox = document.getElementById('ai-response');\n            const loader = document.getElementById('ai-loader');\n            const pills = document.getElementById('ai-pills');\n\n            btn.disabled = true;\n            btn.innerHTML = '<i class=\"fas fa-circle-notch animate-spin mr-2\"><\/i> ANALYZING DATA...';\n            responseBox.classList.add('hidden');\n            loader.classList.remove('hidden');\n\n            \/\/ Simulasi respon ChatGPT (Ini yang nanti ditarik dari API)\n            setTimeout(() => {\n                loader.classList.add('hidden');\n                responseBox.classList.remove('hidden');\n                btn.disabled = false;\n                btn.innerHTML = '<i class=\"fas fa-microchip mr-2\"><\/i> JALANKAN ANALISIS AI';\n                \n                responseBox.innerHTML = `\n                    <div class=\"space-y-4\">\n                        <h4 class=\"text-white font-bold text-lg border-b border-white\/5 pb-2 uppercase tracking-tighter\">Diagnosa Strategis<\/h4>\n                        <p class=\"text-blue-400 font-semibold italic\">\"Portofolio Anda saat ini berada dalam kondisi Moderate-Risk.\"<\/p>\n                        <p>Kekuatan utama Anda ada pada <span class=\"text-white font-bold underline decoration-blue-500\">BBCA<\/span>, namun beban volatilitas tinggi datang dari eksposur Anda pada sektor teknologi yang tidak menguntungkan. ChatGPT mendeteksi potensi kerugian permanen jika Anda terus melakukan <em>average down<\/em> pada aset dengan arus kas negatif.<\/p>\n                        <div class=\"bg-slate-900\/80 p-5 rounded-2xl border border-blue-500\/20 text-xs leading-relaxed\">\n                            <p class=\"text-blue-400 font-bold mb-2 uppercase\">Masterplan Strategis:<\/p>\n                            1. Kurangi porsi GOTO sebesar 10% dan alihkan ke TLKM untuk stabilitas dividen.<br>\n                            2. BBCA tetap hold, target profit minimal 12.000 dalam 6 bulan.<br>\n                            3. Siapkan cash 20% untuk amunisi jika IHSG koreksi ke area 7100.\n                        <\/div>\n                    <\/div>\n                `;\n                pills.classList.replace('opacity-0', 'opacity-100');\n            }, 3000);\n        }\n    <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>AUDITOR PRO &#8220;Intelligence is the ability to adapt to change.&#8221; User Status Premium Member Input Portofolio Tambah Saham Lain JALANKAN ANALISIS AI Risk Exposure Concentration Risk: HIGH (72%) GPT-4o Deep Analysis Master Verdict Menghubungkan ke OpenAI API&#8230; Input portofolio Anda di sebelah kiri dan klik analisis untuk membiarkan ChatGPT membedah kesehatan finansial Anda secara profesional. [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"jnews_page_loop":[],"jnews_single_page":[],"footnotes":""},"class_list":["post-2331","page","type-page","status-publish","hentry"],"has_blocks":true,"blocks":[{"blockName":"core\/html","attrs":{"content":"","lock":[],"metadata":[]},"innerBlocks":[],"innerHTML":"\n<!DOCTYPE html>\n<html lang=\"id\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n    <style>\n        @import url('https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@300;400;600;800&display=swap');\n        \n        :root {\n            --bg-deep: #020617;\n            --card-bg: rgba(15, 23, 42, 0.7);\n            --accent-blue: #3b82f6;\n        }\n\n        body { \n            font-family: 'Plus Jakarta Sans', sans-serif; \n            background-color: var(--bg-deep);\n            color: #f1f5f9;\n        }\n\n        \/* Glassmorphism Effect *\/\n        .glass-card { \n            background: var(--card-bg);\n            backdrop-filter: blur(16px);\n            border: 1px solid rgba(255, 255, 255, 0.08);\n            box-shadow: 0 20px 50px rgba(0, 0, 0, 0.3);\n        }\n\n        \/* Premium Ghost Input *\/\n        .input-premium {\n            background: rgba(2, 6, 23, 0.6);\n            border: 1px solid rgba(51, 65, 85, 0.5);\n            color: #ffffff;\n            transition: all 0.3s ease;\n        }\n        .input-premium:focus {\n            border-color: var(--accent-blue);\n            background: rgba(2, 6, 23, 0.8);\n            box-shadow: 0 0 15px rgba(59, 130, 246, 0.2);\n            outline: none;\n        }\n\n        \/* Shimmer Animation for Button *\/\n        .btn-shimmer {\n            position: relative;\n            overflow: hidden;\n        }\n        .btn-shimmer::after {\n            content: \"\";\n            position: absolute;\n            top: 0; left: -100%;\n            width: 100%; height: 100%;\n            background: linear-gradient(90deg, transparent, rgba(255,255,255,0.15), transparent);\n            animation: shimmer 3s infinite;\n        }\n        @keyframes shimmer {\n            100% { left: 100%; }\n        }\n\n        \/* Typing Effect for AI Response *\/\n        .typing-text::after {\n            content: \"|\";\n            animation: blink 1s infinite;\n        }\n        @keyframes blink {\n            50% { opacity: 0; }\n        }\n    <\/style>\n<\/head>\n<body class=\"p-4 md:p-10\">\n\n    <div class=\"max-w-6xl mx-auto space-y-8\">\n        \n        <header class=\"flex flex-col md:flex-row justify-between items-start md:items-center gap-4\">\n            <div>\n                <h1 class=\"text-3xl font-extrabold tracking-tighter text-white italic\">\n                    AUDITOR <span class=\"text-blue-500 font-black\">PRO<\/span>\n                <\/h1>\n                <p class=\"text-slate-500 text-sm italic\">\"Intelligence is the ability to adapt to change.\"<\/p>\n            <\/div>\n            <div class=\"glass-card px-5 py-2 rounded-2xl flex items-center gap-3 border-blue-500\/20\">\n                <div class=\"text-right\">\n                    <p class=\"text-[9px] text-slate-500 font-bold uppercase tracking-widest\">User Status<\/p>\n                    <p class=\"text-sm font-bold text-blue-400\">Premium Member<\/p>\n                <\/div>\n                <div class=\"h-8 w-8 bg-blue-600 rounded-lg flex items-center justify-center shadow-lg shadow-blue-600\/30\">\n                    <i class=\"fas fa-crown text-white text-xs\"><\/i>\n                <\/div>\n            <\/div>\n        <\/header>\n\n        <div class=\"grid grid-cols-1 lg:grid-cols-12 gap-8\">\n            \n            <div class=\"lg:col-span-5 space-y-6\">\n                <div class=\"glass-card p-8 rounded-[2.5rem]\">\n                    <div class=\"flex items-center gap-3 mb-6\">\n                        <i class=\"fas fa-database text-blue-500\"><\/i>\n                        <h3 class=\"text-sm font-bold uppercase tracking-widest text-slate-300\">Input Portofolio<\/h3>\n                    <\/div>\n\n                    <div id=\"stock-list\" class=\"space-y-4\">\n                        <div class=\"grid grid-cols-12 gap-2 stock-row\">\n                            <input type=\"text\" placeholder=\"Ticker (ASII)\" class=\"col-span-4 input-premium rounded-xl p-3 text-xs placeholder:text-slate-600\">\n                            <input type=\"number\" placeholder=\"Avg Price\" class=\"col-span-4 input-premium rounded-xl p-3 text-xs placeholder:text-slate-600\">\n                            <input type=\"number\" placeholder=\"Lot\" class=\"col-span-3 input-premium rounded-xl p-3 text-xs placeholder:text-slate-600\">\n                            <button class=\"col-span-1 text-slate-600 hover:text-red-500 transition\"><i class=\"fas fa-times-circle\"><\/i><\/button>\n                        <\/div>\n                    <\/div>\n\n                    <button onclick=\"addNewRow()\" class=\"mt-4 text-[10px] font-bold text-slate-500 hover:text-blue-400 uppercase tracking-widest transition\">\n                        <i class=\"fas fa-plus-circle mr-1\"><\/i> Tambah Saham Lain\n                    <\/button>\n\n                    <button onclick=\"processAI()\" id=\"main-btn\" class=\"btn-shimmer w-full mt-10 bg-blue-600 hover:bg-blue-500 text-white font-bold py-4 rounded-2xl shadow-xl shadow-blue-600\/20 transition-all transform active:scale-95\">\n                        <i class=\"fas fa-microchip mr-2\"><\/i> JALANKAN ANALISIS AI\n                    <\/button>\n                <\/div>\n\n                <div class=\"glass-card p-6 rounded-[2rem] border-red-500\/10 flex justify-between items-center\">\n                    <div>\n                        <p class=\"text-[9px] text-slate-500 font-black uppercase tracking-widest mb-1\">Risk Exposure<\/p>\n                        <p class=\"text-xs text-slate-400\">Concentration Risk:<\/p>\n                    <\/div>\n                    <div class=\"text-right\">\n                        <p class=\"text-xl font-black text-red-500 tracking-tighter shadow-red-500\/20\">HIGH (72%)<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"lg:col-span-7\">\n                <div class=\"glass-card p-10 rounded-[3rem] min-h-[480px] flex flex-col relative overflow-hidden\">\n                    <div class=\"absolute -right-10 -bottom-10 opacity-[0.03] text-[15rem]\">\n                        <i class=\"fas fa-robot\"><\/i>\n                    <\/div>\n\n                    <div class=\"flex items-center gap-4 mb-8\">\n                        <div class=\"h-12 w-12 bg-blue-600\/10 rounded-2xl flex items-center justify-center border border-blue-500\/20\">\n                            <i class=\"fas fa-wand-magic-sparkles text-blue-400\"><\/i>\n                        <\/div>\n                        <div>\n                            <h3 class=\"text-lg font-bold text-white\">GPT-4o Deep Analysis<\/h3>\n                            <p class=\"text-[9px] text-blue-500 font-bold uppercase tracking-[0.2em]\">Master Verdict<\/p>\n                        <\/div>\n                    <\/div>\n\n                    <div id=\"ai-loader\" class=\"hidden space-y-4 py-10\">\n                        <div class=\"flex items-center gap-3 mb-4\">\n                            <i class=\"fas fa-circle-notch animate-spin text-blue-500\"><\/i>\n                            <span class=\"text-xs text-slate-500 font-bold animate-pulse\">Menghubungkan ke OpenAI API...<\/span>\n                        <\/div>\n                        <div class=\"h-2 bg-slate-800 rounded-full w-full overflow-hidden\">\n                            <div class=\"bg-blue-600 h-full animate-[progress_2s_ease-in-out_infinite]\" style=\"width: 30%\"><\/div>\n                        <\/div>\n                    <\/div>\n\n                    <div id=\"ai-response\" class=\"text-slate-400 leading-relaxed text-sm space-y-6 z-10\">\n                        <p class=\"italic\">Input portofolio Anda di sebelah kiri dan klik analisis untuk membiarkan ChatGPT membedah kesehatan finansial Anda secara profesional.<\/p>\n                    <\/div>\n\n                    <div id=\"ai-pills\" class=\"mt-auto pt-10 flex flex-wrap gap-2 opacity-0 transition-opacity duration-1000\">\n                        <span class=\"px-3 py-1 bg-emerald-500\/10 border border-emerald-500\/20 text-emerald-500 text-[9px] font-black rounded-lg uppercase\">Strong Fundamental<\/span>\n                        <span class=\"px-3 py-1 bg-blue-500\/10 border border-blue-500\/20 text-blue-400 text-[9px] font-black rounded-lg uppercase\">Fair Valuation<\/span>\n                        <span class=\"px-3 py-1 bg-red-500\/10 border border-red-500\/20 text-red-400 text-[9px] font-black rounded-lg uppercase\">Rebalance Needed<\/span>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n        <\/div>\n    <\/div>\n\n    <script>\n        function addNewRow() {\n            const container = document.getElementById('stock-list');\n            const row = document.createElement('div');\n            row.className = 'grid grid-cols-12 gap-2 stock-row mt-3';\n            row.innerHTML = `\n                <input type=\"text\" placeholder=\"Ticker\" class=\"col-span-4 input-premium rounded-xl p-3 text-xs\">\n                <input type=\"number\" placeholder=\"Avg Price\" class=\"col-span-4 input-premium rounded-xl p-3 text-xs\">\n                <input type=\"number\" placeholder=\"Lot\" class=\"col-span-3 input-premium rounded-xl p-3 text-xs\">\n                <button onclick=\"this.parentElement.remove()\" class=\"col-span-1 text-slate-600 hover:text-red-500 transition\"><i class=\"fas fa-times-circle\"><\/i><\/button>\n            `;\n            container.appendChild(row);\n        }\n\n        function processAI() {\n            const btn = document.getElementById('main-btn');\n            const responseBox = document.getElementById('ai-response');\n            const loader = document.getElementById('ai-loader');\n            const pills = document.getElementById('ai-pills');\n\n            btn.disabled = true;\n            btn.innerHTML = '<i class=\"fas fa-circle-notch animate-spin mr-2\"><\/i> ANALYZING DATA...';\n            responseBox.classList.add('hidden');\n            loader.classList.remove('hidden');\n\n            \/\/ Simulasi respon ChatGPT (Ini yang nanti ditarik dari API)\n            setTimeout(() => {\n                loader.classList.add('hidden');\n                responseBox.classList.remove('hidden');\n                btn.disabled = false;\n                btn.innerHTML = '<i class=\"fas fa-microchip mr-2\"><\/i> JALANKAN ANALISIS AI';\n                \n                responseBox.innerHTML = `\n                    <div class=\"space-y-4\">\n                        <h4 class=\"text-white font-bold text-lg border-b border-white\/5 pb-2 uppercase tracking-tighter\">Diagnosa Strategis<\/h4>\n                        <p class=\"text-blue-400 font-semibold italic\">\"Portofolio Anda saat ini berada dalam kondisi Moderate-Risk.\"<\/p>\n                        <p>Kekuatan utama Anda ada pada <span class=\"text-white font-bold underline decoration-blue-500\">BBCA<\/span>, namun beban volatilitas tinggi datang dari eksposur Anda pada sektor teknologi yang tidak menguntungkan. ChatGPT mendeteksi potensi kerugian permanen jika Anda terus melakukan <em>average down<\/em> pada aset dengan arus kas negatif.<\/p>\n                        <div class=\"bg-slate-900\/80 p-5 rounded-2xl border border-blue-500\/20 text-xs leading-relaxed\">\n                            <p class=\"text-blue-400 font-bold mb-2 uppercase\">Masterplan Strategis:<\/p>\n                            1. Kurangi porsi GOTO sebesar 10% dan alihkan ke TLKM untuk stabilitas dividen.<br>\n                            2. BBCA tetap hold, target profit minimal 12.000 dalam 6 bulan.<br>\n                            3. Siapkan cash 20% untuk amunisi jika IHSG koreksi ke area 7100.\n                        <\/div>\n                    <\/div>\n                `;\n                pills.classList.replace('opacity-0', 'opacity-100');\n            }, 3000);\n        }\n    <\/script>\n<\/body>\n<\/html>\n","innerContent":["\n<!DOCTYPE html>\n<html lang=\"id\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n    <style>\n        @import url('https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@300;400;600;800&display=swap');\n        \n        :root {\n            --bg-deep: #020617;\n            --card-bg: rgba(15, 23, 42, 0.7);\n            --accent-blue: #3b82f6;\n        }\n\n        body { \n            font-family: 'Plus Jakarta Sans', sans-serif; \n            background-color: var(--bg-deep);\n            color: #f1f5f9;\n        }\n\n        \/* Glassmorphism Effect *\/\n        .glass-card { \n            background: var(--card-bg);\n            backdrop-filter: blur(16px);\n            border: 1px solid rgba(255, 255, 255, 0.08);\n            box-shadow: 0 20px 50px rgba(0, 0, 0, 0.3);\n        }\n\n        \/* Premium Ghost Input *\/\n        .input-premium {\n            background: rgba(2, 6, 23, 0.6);\n            border: 1px solid rgba(51, 65, 85, 0.5);\n            color: #ffffff;\n            transition: all 0.3s ease;\n        }\n        .input-premium:focus {\n            border-color: var(--accent-blue);\n            background: rgba(2, 6, 23, 0.8);\n            box-shadow: 0 0 15px rgba(59, 130, 246, 0.2);\n            outline: none;\n        }\n\n        \/* Shimmer Animation for Button *\/\n        .btn-shimmer {\n            position: relative;\n            overflow: hidden;\n        }\n        .btn-shimmer::after {\n            content: \"\";\n            position: absolute;\n            top: 0; left: -100%;\n            width: 100%; height: 100%;\n            background: linear-gradient(90deg, transparent, rgba(255,255,255,0.15), transparent);\n            animation: shimmer 3s infinite;\n        }\n        @keyframes shimmer {\n            100% { left: 100%; }\n        }\n\n        \/* Typing Effect for AI Response *\/\n        .typing-text::after {\n            content: \"|\";\n            animation: blink 1s infinite;\n        }\n        @keyframes blink {\n            50% { opacity: 0; }\n        }\n    <\/style>\n<\/head>\n<body class=\"p-4 md:p-10\">\n\n    <div class=\"max-w-6xl mx-auto space-y-8\">\n        \n        <header class=\"flex flex-col md:flex-row justify-between items-start md:items-center gap-4\">\n            <div>\n                <h1 class=\"text-3xl font-extrabold tracking-tighter text-white italic\">\n                    AUDITOR <span class=\"text-blue-500 font-black\">PRO<\/span>\n                <\/h1>\n                <p class=\"text-slate-500 text-sm italic\">\"Intelligence is the ability to adapt to change.\"<\/p>\n            <\/div>\n            <div class=\"glass-card px-5 py-2 rounded-2xl flex items-center gap-3 border-blue-500\/20\">\n                <div class=\"text-right\">\n                    <p class=\"text-[9px] text-slate-500 font-bold uppercase tracking-widest\">User Status<\/p>\n                    <p class=\"text-sm font-bold text-blue-400\">Premium Member<\/p>\n                <\/div>\n                <div class=\"h-8 w-8 bg-blue-600 rounded-lg flex items-center justify-center shadow-lg shadow-blue-600\/30\">\n                    <i class=\"fas fa-crown text-white text-xs\"><\/i>\n                <\/div>\n            <\/div>\n        <\/header>\n\n        <div class=\"grid grid-cols-1 lg:grid-cols-12 gap-8\">\n            \n            <div class=\"lg:col-span-5 space-y-6\">\n                <div class=\"glass-card p-8 rounded-[2.5rem]\">\n                    <div class=\"flex items-center gap-3 mb-6\">\n                        <i class=\"fas fa-database text-blue-500\"><\/i>\n                        <h3 class=\"text-sm font-bold uppercase tracking-widest text-slate-300\">Input Portofolio<\/h3>\n                    <\/div>\n\n                    <div id=\"stock-list\" class=\"space-y-4\">\n                        <div class=\"grid grid-cols-12 gap-2 stock-row\">\n                            <input type=\"text\" placeholder=\"Ticker (ASII)\" class=\"col-span-4 input-premium rounded-xl p-3 text-xs placeholder:text-slate-600\">\n                            <input type=\"number\" placeholder=\"Avg Price\" class=\"col-span-4 input-premium rounded-xl p-3 text-xs placeholder:text-slate-600\">\n                            <input type=\"number\" placeholder=\"Lot\" class=\"col-span-3 input-premium rounded-xl p-3 text-xs placeholder:text-slate-600\">\n                            <button class=\"col-span-1 text-slate-600 hover:text-red-500 transition\"><i class=\"fas fa-times-circle\"><\/i><\/button>\n                        <\/div>\n                    <\/div>\n\n                    <button onclick=\"addNewRow()\" class=\"mt-4 text-[10px] font-bold text-slate-500 hover:text-blue-400 uppercase tracking-widest transition\">\n                        <i class=\"fas fa-plus-circle mr-1\"><\/i> Tambah Saham Lain\n                    <\/button>\n\n                    <button onclick=\"processAI()\" id=\"main-btn\" class=\"btn-shimmer w-full mt-10 bg-blue-600 hover:bg-blue-500 text-white font-bold py-4 rounded-2xl shadow-xl shadow-blue-600\/20 transition-all transform active:scale-95\">\n                        <i class=\"fas fa-microchip mr-2\"><\/i> JALANKAN ANALISIS AI\n                    <\/button>\n                <\/div>\n\n                <div class=\"glass-card p-6 rounded-[2rem] border-red-500\/10 flex justify-between items-center\">\n                    <div>\n                        <p class=\"text-[9px] text-slate-500 font-black uppercase tracking-widest mb-1\">Risk Exposure<\/p>\n                        <p class=\"text-xs text-slate-400\">Concentration Risk:<\/p>\n                    <\/div>\n                    <div class=\"text-right\">\n                        <p class=\"text-xl font-black text-red-500 tracking-tighter shadow-red-500\/20\">HIGH (72%)<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"lg:col-span-7\">\n                <div class=\"glass-card p-10 rounded-[3rem] min-h-[480px] flex flex-col relative overflow-hidden\">\n                    <div class=\"absolute -right-10 -bottom-10 opacity-[0.03] text-[15rem]\">\n                        <i class=\"fas fa-robot\"><\/i>\n                    <\/div>\n\n                    <div class=\"flex items-center gap-4 mb-8\">\n                        <div class=\"h-12 w-12 bg-blue-600\/10 rounded-2xl flex items-center justify-center border border-blue-500\/20\">\n                            <i class=\"fas fa-wand-magic-sparkles text-blue-400\"><\/i>\n                        <\/div>\n                        <div>\n                            <h3 class=\"text-lg font-bold text-white\">GPT-4o Deep Analysis<\/h3>\n                            <p class=\"text-[9px] text-blue-500 font-bold uppercase tracking-[0.2em]\">Master Verdict<\/p>\n                        <\/div>\n                    <\/div>\n\n                    <div id=\"ai-loader\" class=\"hidden space-y-4 py-10\">\n                        <div class=\"flex items-center gap-3 mb-4\">\n                            <i class=\"fas fa-circle-notch animate-spin text-blue-500\"><\/i>\n                            <span class=\"text-xs text-slate-500 font-bold animate-pulse\">Menghubungkan ke OpenAI API...<\/span>\n                        <\/div>\n                        <div class=\"h-2 bg-slate-800 rounded-full w-full overflow-hidden\">\n                            <div class=\"bg-blue-600 h-full animate-[progress_2s_ease-in-out_infinite]\" style=\"width: 30%\"><\/div>\n                        <\/div>\n                    <\/div>\n\n                    <div id=\"ai-response\" class=\"text-slate-400 leading-relaxed text-sm space-y-6 z-10\">\n                        <p class=\"italic\">Input portofolio Anda di sebelah kiri dan klik analisis untuk membiarkan ChatGPT membedah kesehatan finansial Anda secara profesional.<\/p>\n                    <\/div>\n\n                    <div id=\"ai-pills\" class=\"mt-auto pt-10 flex flex-wrap gap-2 opacity-0 transition-opacity duration-1000\">\n                        <span class=\"px-3 py-1 bg-emerald-500\/10 border border-emerald-500\/20 text-emerald-500 text-[9px] font-black rounded-lg uppercase\">Strong Fundamental<\/span>\n                        <span class=\"px-3 py-1 bg-blue-500\/10 border border-blue-500\/20 text-blue-400 text-[9px] font-black rounded-lg uppercase\">Fair Valuation<\/span>\n                        <span class=\"px-3 py-1 bg-red-500\/10 border border-red-500\/20 text-red-400 text-[9px] font-black rounded-lg uppercase\">Rebalance Needed<\/span>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n        <\/div>\n    <\/div>\n\n    <script>\n        function addNewRow() {\n            const container = document.getElementById('stock-list');\n            const row = document.createElement('div');\n            row.className = 'grid grid-cols-12 gap-2 stock-row mt-3';\n            row.innerHTML = `\n                <input type=\"text\" placeholder=\"Ticker\" class=\"col-span-4 input-premium rounded-xl p-3 text-xs\">\n                <input type=\"number\" placeholder=\"Avg Price\" class=\"col-span-4 input-premium rounded-xl p-3 text-xs\">\n                <input type=\"number\" placeholder=\"Lot\" class=\"col-span-3 input-premium rounded-xl p-3 text-xs\">\n                <button onclick=\"this.parentElement.remove()\" class=\"col-span-1 text-slate-600 hover:text-red-500 transition\"><i class=\"fas fa-times-circle\"><\/i><\/button>\n            `;\n            container.appendChild(row);\n        }\n\n        function processAI() {\n            const btn = document.getElementById('main-btn');\n            const responseBox = document.getElementById('ai-response');\n            const loader = document.getElementById('ai-loader');\n            const pills = document.getElementById('ai-pills');\n\n            btn.disabled = true;\n            btn.innerHTML = '<i class=\"fas fa-circle-notch animate-spin mr-2\"><\/i> ANALYZING DATA...';\n            responseBox.classList.add('hidden');\n            loader.classList.remove('hidden');\n\n            \/\/ Simulasi respon ChatGPT (Ini yang nanti ditarik dari API)\n            setTimeout(() => {\n                loader.classList.add('hidden');\n                responseBox.classList.remove('hidden');\n                btn.disabled = false;\n                btn.innerHTML = '<i class=\"fas fa-microchip mr-2\"><\/i> JALANKAN ANALISIS AI';\n                \n                responseBox.innerHTML = `\n                    <div class=\"space-y-4\">\n                        <h4 class=\"text-white font-bold text-lg border-b border-white\/5 pb-2 uppercase tracking-tighter\">Diagnosa Strategis<\/h4>\n                        <p class=\"text-blue-400 font-semibold italic\">\"Portofolio Anda saat ini berada dalam kondisi Moderate-Risk.\"<\/p>\n                        <p>Kekuatan utama Anda ada pada <span class=\"text-white font-bold underline decoration-blue-500\">BBCA<\/span>, namun beban volatilitas tinggi datang dari eksposur Anda pada sektor teknologi yang tidak menguntungkan. ChatGPT mendeteksi potensi kerugian permanen jika Anda terus melakukan <em>average down<\/em> pada aset dengan arus kas negatif.<\/p>\n                        <div class=\"bg-slate-900\/80 p-5 rounded-2xl border border-blue-500\/20 text-xs leading-relaxed\">\n                            <p class=\"text-blue-400 font-bold mb-2 uppercase\">Masterplan Strategis:<\/p>\n                            1. Kurangi porsi GOTO sebesar 10% dan alihkan ke TLKM untuk stabilitas dividen.<br>\n                            2. BBCA tetap hold, target profit minimal 12.000 dalam 6 bulan.<br>\n                            3. Siapkan cash 20% untuk amunisi jika IHSG koreksi ke area 7100.\n                        <\/div>\n                    <\/div>\n                `;\n                pills.classList.replace('opacity-0', 'opacity-100');\n            }, 3000);\n        }\n    <\/script>\n<\/body>\n<\/html>\n"],"rendered":"\n<!DOCTYPE html>\n<html lang=\"id\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n    <style>\n        @import url('https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@300;400;600;800&display=swap');\n        \n        :root {\n            --bg-deep: #020617;\n            --card-bg: rgba(15, 23, 42, 0.7);\n            --accent-blue: #3b82f6;\n        }\n\n        body { \n            font-family: 'Plus Jakarta Sans', sans-serif; \n            background-color: var(--bg-deep);\n            color: #f1f5f9;\n        }\n\n        \/* Glassmorphism Effect *\/\n        .glass-card { \n            background: var(--card-bg);\n            backdrop-filter: blur(16px);\n            border: 1px solid rgba(255, 255, 255, 0.08);\n            box-shadow: 0 20px 50px rgba(0, 0, 0, 0.3);\n        }\n\n        \/* Premium Ghost Input *\/\n        .input-premium {\n            background: rgba(2, 6, 23, 0.6);\n            border: 1px solid rgba(51, 65, 85, 0.5);\n            color: #ffffff;\n            transition: all 0.3s ease;\n        }\n        .input-premium:focus {\n            border-color: var(--accent-blue);\n            background: rgba(2, 6, 23, 0.8);\n            box-shadow: 0 0 15px rgba(59, 130, 246, 0.2);\n            outline: none;\n        }\n\n        \/* Shimmer Animation for Button *\/\n        .btn-shimmer {\n            position: relative;\n            overflow: hidden;\n        }\n        .btn-shimmer::after {\n            content: \"\";\n            position: absolute;\n            top: 0; left: -100%;\n            width: 100%; height: 100%;\n            background: linear-gradient(90deg, transparent, rgba(255,255,255,0.15), transparent);\n            animation: shimmer 3s infinite;\n        }\n        @keyframes shimmer {\n            100% { left: 100%; }\n        }\n\n        \/* Typing Effect for AI Response *\/\n        .typing-text::after {\n            content: \"|\";\n            animation: blink 1s infinite;\n        }\n        @keyframes blink {\n            50% { opacity: 0; }\n        }\n    <\/style>\n<\/head>\n<body class=\"p-4 md:p-10\">\n\n    <div class=\"max-w-6xl mx-auto space-y-8\">\n        \n        <header class=\"flex flex-col md:flex-row justify-between items-start md:items-center gap-4\">\n            <div>\n                <h1 class=\"text-3xl font-extrabold tracking-tighter text-white italic\">\n                    AUDITOR <span class=\"text-blue-500 font-black\">PRO<\/span>\n                <\/h1>\n                <p class=\"text-slate-500 text-sm italic\">\"Intelligence is the ability to adapt to change.\"<\/p>\n            <\/div>\n            <div class=\"glass-card px-5 py-2 rounded-2xl flex items-center gap-3 border-blue-500\/20\">\n                <div class=\"text-right\">\n                    <p class=\"text-[9px] text-slate-500 font-bold uppercase tracking-widest\">User Status<\/p>\n                    <p class=\"text-sm font-bold text-blue-400\">Premium Member<\/p>\n                <\/div>\n                <div class=\"h-8 w-8 bg-blue-600 rounded-lg flex items-center justify-center shadow-lg shadow-blue-600\/30\">\n                    <i class=\"fas fa-crown text-white text-xs\"><\/i>\n                <\/div>\n            <\/div>\n        <\/header>\n\n        <div class=\"grid grid-cols-1 lg:grid-cols-12 gap-8\">\n            \n            <div class=\"lg:col-span-5 space-y-6\">\n                <div class=\"glass-card p-8 rounded-[2.5rem]\">\n                    <div class=\"flex items-center gap-3 mb-6\">\n                        <i class=\"fas fa-database text-blue-500\"><\/i>\n                        <h3 class=\"text-sm font-bold uppercase tracking-widest text-slate-300\">Input Portofolio<\/h3>\n                    <\/div>\n\n                    <div id=\"stock-list\" class=\"space-y-4\">\n                        <div class=\"grid grid-cols-12 gap-2 stock-row\">\n                            <input type=\"text\" placeholder=\"Ticker (ASII)\" class=\"col-span-4 input-premium rounded-xl p-3 text-xs placeholder:text-slate-600\">\n                            <input type=\"number\" placeholder=\"Avg Price\" class=\"col-span-4 input-premium rounded-xl p-3 text-xs placeholder:text-slate-600\">\n                            <input type=\"number\" placeholder=\"Lot\" class=\"col-span-3 input-premium rounded-xl p-3 text-xs placeholder:text-slate-600\">\n                            <button class=\"col-span-1 text-slate-600 hover:text-red-500 transition\"><i class=\"fas fa-times-circle\"><\/i><\/button>\n                        <\/div>\n                    <\/div>\n\n                    <button onclick=\"addNewRow()\" class=\"mt-4 text-[10px] font-bold text-slate-500 hover:text-blue-400 uppercase tracking-widest transition\">\n                        <i class=\"fas fa-plus-circle mr-1\"><\/i> Tambah Saham Lain\n                    <\/button>\n\n                    <button onclick=\"processAI()\" id=\"main-btn\" class=\"btn-shimmer w-full mt-10 bg-blue-600 hover:bg-blue-500 text-white font-bold py-4 rounded-2xl shadow-xl shadow-blue-600\/20 transition-all transform active:scale-95\">\n                        <i class=\"fas fa-microchip mr-2\"><\/i> JALANKAN ANALISIS AI\n                    <\/button>\n                <\/div>\n\n                <div class=\"glass-card p-6 rounded-[2rem] border-red-500\/10 flex justify-between items-center\">\n                    <div>\n                        <p class=\"text-[9px] text-slate-500 font-black uppercase tracking-widest mb-1\">Risk Exposure<\/p>\n                        <p class=\"text-xs text-slate-400\">Concentration Risk:<\/p>\n                    <\/div>\n                    <div class=\"text-right\">\n                        <p class=\"text-xl font-black text-red-500 tracking-tighter shadow-red-500\/20\">HIGH (72%)<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"lg:col-span-7\">\n                <div class=\"glass-card p-10 rounded-[3rem] min-h-[480px] flex flex-col relative overflow-hidden\">\n                    <div class=\"absolute -right-10 -bottom-10 opacity-[0.03] text-[15rem]\">\n                        <i class=\"fas fa-robot\"><\/i>\n                    <\/div>\n\n                    <div class=\"flex items-center gap-4 mb-8\">\n                        <div class=\"h-12 w-12 bg-blue-600\/10 rounded-2xl flex items-center justify-center border border-blue-500\/20\">\n                            <i class=\"fas fa-wand-magic-sparkles text-blue-400\"><\/i>\n                        <\/div>\n                        <div>\n                            <h3 class=\"text-lg font-bold text-white\">GPT-4o Deep Analysis<\/h3>\n                            <p class=\"text-[9px] text-blue-500 font-bold uppercase tracking-[0.2em]\">Master Verdict<\/p>\n                        <\/div>\n                    <\/div>\n\n                    <div id=\"ai-loader\" class=\"hidden space-y-4 py-10\">\n                        <div class=\"flex items-center gap-3 mb-4\">\n                            <i class=\"fas fa-circle-notch animate-spin text-blue-500\"><\/i>\n                            <span class=\"text-xs text-slate-500 font-bold animate-pulse\">Menghubungkan ke OpenAI API...<\/span>\n                        <\/div>\n                        <div class=\"h-2 bg-slate-800 rounded-full w-full overflow-hidden\">\n                            <div class=\"bg-blue-600 h-full animate-[progress_2s_ease-in-out_infinite]\" style=\"width: 30%\"><\/div>\n                        <\/div>\n                    <\/div>\n\n                    <div id=\"ai-response\" class=\"text-slate-400 leading-relaxed text-sm space-y-6 z-10\">\n                        <p class=\"italic\">Input portofolio Anda di sebelah kiri dan klik analisis untuk membiarkan ChatGPT membedah kesehatan finansial Anda secara profesional.<\/p>\n                    <\/div>\n\n                    <div id=\"ai-pills\" class=\"mt-auto pt-10 flex flex-wrap gap-2 opacity-0 transition-opacity duration-1000\">\n                        <span class=\"px-3 py-1 bg-emerald-500\/10 border border-emerald-500\/20 text-emerald-500 text-[9px] font-black rounded-lg uppercase\">Strong Fundamental<\/span>\n                        <span class=\"px-3 py-1 bg-blue-500\/10 border border-blue-500\/20 text-blue-400 text-[9px] font-black rounded-lg uppercase\">Fair Valuation<\/span>\n                        <span class=\"px-3 py-1 bg-red-500\/10 border border-red-500\/20 text-red-400 text-[9px] font-black rounded-lg uppercase\">Rebalance Needed<\/span>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n        <\/div>\n    <\/div>\n\n    <script>\n        function addNewRow() {\n            const container = document.getElementById('stock-list');\n            const row = document.createElement('div');\n            row.className = 'grid grid-cols-12 gap-2 stock-row mt-3';\n            row.innerHTML = `\n                <input type=\"text\" placeholder=\"Ticker\" class=\"col-span-4 input-premium rounded-xl p-3 text-xs\">\n                <input type=\"number\" placeholder=\"Avg Price\" class=\"col-span-4 input-premium rounded-xl p-3 text-xs\">\n                <input type=\"number\" placeholder=\"Lot\" class=\"col-span-3 input-premium rounded-xl p-3 text-xs\">\n                <button onclick=\"this.parentElement.remove()\" class=\"col-span-1 text-slate-600 hover:text-red-500 transition\"><i class=\"fas fa-times-circle\"><\/i><\/button>\n            `;\n            container.appendChild(row);\n        }\n\n        function processAI() {\n            const btn = document.getElementById('main-btn');\n            const responseBox = document.getElementById('ai-response');\n            const loader = document.getElementById('ai-loader');\n            const pills = document.getElementById('ai-pills');\n\n            btn.disabled = true;\n            btn.innerHTML = '<i class=\"fas fa-circle-notch animate-spin mr-2\"><\/i> ANALYZING DATA...';\n            responseBox.classList.add('hidden');\n            loader.classList.remove('hidden');\n\n            \/\/ Simulasi respon ChatGPT (Ini yang nanti ditarik dari API)\n            setTimeout(() => {\n                loader.classList.add('hidden');\n                responseBox.classList.remove('hidden');\n                btn.disabled = false;\n                btn.innerHTML = '<i class=\"fas fa-microchip mr-2\"><\/i> JALANKAN ANALISIS AI';\n                \n                responseBox.innerHTML = `\n                    <div class=\"space-y-4\">\n                        <h4 class=\"text-white font-bold text-lg border-b border-white\/5 pb-2 uppercase tracking-tighter\">Diagnosa Strategis<\/h4>\n                        <p class=\"text-blue-400 font-semibold italic\">\"Portofolio Anda saat ini berada dalam kondisi Moderate-Risk.\"<\/p>\n                        <p>Kekuatan utama Anda ada pada <span class=\"text-white font-bold underline decoration-blue-500\">BBCA<\/span>, namun beban volatilitas tinggi datang dari eksposur Anda pada sektor teknologi yang tidak menguntungkan. ChatGPT mendeteksi potensi kerugian permanen jika Anda terus melakukan <em>average down<\/em> pada aset dengan arus kas negatif.<\/p>\n                        <div class=\"bg-slate-900\/80 p-5 rounded-2xl border border-blue-500\/20 text-xs leading-relaxed\">\n                            <p class=\"text-blue-400 font-bold mb-2 uppercase\">Masterplan Strategis:<\/p>\n                            1. Kurangi porsi GOTO sebesar 10% dan alihkan ke TLKM untuk stabilitas dividen.<br>\n                            2. BBCA tetap hold, target profit minimal 12.000 dalam 6 bulan.<br>\n                            3. Siapkan cash 20% untuk amunisi jika IHSG koreksi ke area 7100.\n                        <\/div>\n                    <\/div>\n                `;\n                pills.classList.replace('opacity-0', 'opacity-100');\n            }, 3000);\n        }\n    <\/script>\n<\/body>\n<\/html>\n"}],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v18.5.1 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>- Finplan<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.finplan.id\/blog\/2331-2\/\" \/>\n<meta property=\"og:locale\" content=\"id_ID\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"- Finplan\" \/>\n<meta property=\"og:description\" content=\"AUDITOR PRO &#8220;Intelligence is the ability to adapt to change.&#8221; User Status Premium Member Input Portofolio Tambah Saham Lain JALANKAN ANALISIS AI Risk Exposure Concentration Risk: HIGH (72%) GPT-4o Deep Analysis Master Verdict Menghubungkan ke OpenAI API&#8230; Input portofolio Anda di sebelah kiri dan klik analisis untuk membiarkan ChatGPT membedah kesehatan finansial Anda secara profesional. [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.finplan.id\/blog\/2331-2\/\" \/>\n<meta property=\"og:site_name\" content=\"Finplan\" \/>\n<meta property=\"article:modified_time\" content=\"2026-01-09T06:20:33+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.finplan.id\/blog\/#website\",\"url\":\"https:\/\/www.finplan.id\/blog\/\",\"name\":\"Finplan\",\"description\":\"Komunitas belajar investasi\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.finplan.id\/blog\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"id\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.finplan.id\/blog\/2331-2\/#webpage\",\"url\":\"https:\/\/www.finplan.id\/blog\/2331-2\/\",\"name\":\"- Finplan\",\"isPartOf\":{\"@id\":\"https:\/\/www.finplan.id\/blog\/#website\"},\"datePublished\":\"2026-01-09T05:50:30+00:00\",\"dateModified\":\"2026-01-09T06:20:33+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.finplan.id\/blog\/2331-2\/#breadcrumb\"},\"inLanguage\":\"id\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.finplan.id\/blog\/2331-2\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.finplan.id\/blog\/2331-2\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"\"}]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"- Finplan","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.finplan.id\/blog\/2331-2\/","og_locale":"id_ID","og_type":"article","og_title":"- Finplan","og_description":"AUDITOR PRO &#8220;Intelligence is the ability to adapt to change.&#8221; User Status Premium Member Input Portofolio Tambah Saham Lain JALANKAN ANALISIS AI Risk Exposure Concentration Risk: HIGH (72%) GPT-4o Deep Analysis Master Verdict Menghubungkan ke OpenAI API&#8230; Input portofolio Anda di sebelah kiri dan klik analisis untuk membiarkan ChatGPT membedah kesehatan finansial Anda secara profesional. [&hellip;]","og_url":"https:\/\/www.finplan.id\/blog\/2331-2\/","og_site_name":"Finplan","article_modified_time":"2026-01-09T06:20:33+00:00","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebSite","@id":"https:\/\/www.finplan.id\/blog\/#website","url":"https:\/\/www.finplan.id\/blog\/","name":"Finplan","description":"Komunitas belajar investasi","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.finplan.id\/blog\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"id"},{"@type":"WebPage","@id":"https:\/\/www.finplan.id\/blog\/2331-2\/#webpage","url":"https:\/\/www.finplan.id\/blog\/2331-2\/","name":"- Finplan","isPartOf":{"@id":"https:\/\/www.finplan.id\/blog\/#website"},"datePublished":"2026-01-09T05:50:30+00:00","dateModified":"2026-01-09T06:20:33+00:00","breadcrumb":{"@id":"https:\/\/www.finplan.id\/blog\/2331-2\/#breadcrumb"},"inLanguage":"id","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.finplan.id\/blog\/2331-2\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.finplan.id\/blog\/2331-2\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":""}]}]}},"_links":{"self":[{"href":"https:\/\/www.finplan.id\/blog\/wp-json\/wp\/v2\/pages\/2331","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.finplan.id\/blog\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.finplan.id\/blog\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.finplan.id\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.finplan.id\/blog\/wp-json\/wp\/v2\/comments?post=2331"}],"version-history":[{"count":2,"href":"https:\/\/www.finplan.id\/blog\/wp-json\/wp\/v2\/pages\/2331\/revisions"}],"predecessor-version":[{"id":2334,"href":"https:\/\/www.finplan.id\/blog\/wp-json\/wp\/v2\/pages\/2331\/revisions\/2334"}],"wp:attachment":[{"href":"https:\/\/www.finplan.id\/blog\/wp-json\/wp\/v2\/media?parent=2331"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}