Ruby Ai Dashboard - \u0645\u0627\u064a\u0648 2026<\/title>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@400;600;700;900&family=IBM+Plex+Sans+Arabic:wght@400;600;700&display=swap\" rel=\"stylesheet\">\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/chart.js@4.4.0\/dist\/chart.umd.min.js\"><\/script>\n<style>\n:root {\n --bg: #0a0a0f;\n --bg-2: #12121a;\n --bg-3: #1a1a24;\n --surface: #16161f;\n --border: #2a2a38;\n --border-light: #353548;\n --text: #f5f5f7;\n --text-dim: #8b8b9a;\n --text-mute: #5a5a6e;\n --accent: #ff2e88; \/* gold for vape\/luxury feel *\/\n --accent-dim: #8a7320;\n --success: #22c55e;\n --warning: #f59e0b;\n --danger: #ef4444;\n --info: #3b82f6;\n --purple: #a855f7;\n --gradient-gold: linear-gradient(135deg, #ff2e88 0%, #ff4fa3 50%, #ff2e88 100%);\n --gradient-danger: linear-gradient(135deg, #dc2626 0%, #ef4444 100%);\n --gradient-success: linear-gradient(135deg, #16a34a 0%, #22c55e 100%);\n}\n\n* { box-sizing: border-box; margin: 0; padding: 0; }\n\nbody {\n font-family: 'Cairo', 'IBM Plex Sans Arabic', sans-serif;\n background: var(--bg);\n color: var(--text);\n min-height: 100vh;\n line-height: 1.6;\n font-weight: 400;\n background-image:\n radial-gradient(at 80% 0%, rgba(212, 175, 55, 0.05) 0px, transparent 50%),\n radial-gradient(at 0% 50%, rgba(168, 85, 247, 0.03) 0px, transparent 50%);\n}\n\n.container { max-width: 1400px; margin: 0 auto; padding: 32px 24px; }\n\n\/* Header *\/\n.header {\n display: flex; justify-content: space-between; align-items: flex-start;\n margin-bottom: 32px; padding-bottom: 24px;\n border-bottom: 1px solid var(--border);\n}\n.header-left h1 {\n font-size: 32px; font-weight: 900; letter-spacing: -0.5px;\n background: var(--gradient-gold);\n -webkit-background-clip: text; -webkit-text-fill-color: transparent;\n background-clip: text;\n}\n.header-left .subtitle {\n color: var(--text-dim); font-size: 15px; margin-top: 6px;\n}\n.header-right { text-align: left; }\n.period-badge {\n display: inline-block; padding: 6px 14px;\n background: var(--bg-3); border: 1px solid var(--border-light);\n border-radius: 999px; font-size: 13px; color: var(--text-dim);\n font-weight: 600;\n}\n.platform-badge {\n display: inline-block; padding: 6px 14px; margin-right: 8px;\n background: rgba(59, 130, 246, 0.1); border: 1px solid rgba(59, 130, 246, 0.3);\n color: #60a5fa; border-radius: 999px; font-size: 13px; font-weight: 600;\n}\n\n\/* Critical Banner *\/\n.critical-banner {\n background: linear-gradient(135deg, rgba(239, 68, 68, 0.1) 0%, rgba(239, 68, 68, 0.03) 100%);\n border: 1px solid rgba(239, 68, 68, 0.3); border-right: 4px solid var(--danger);\n padding: 20px 24px; border-radius: 12px; margin-bottom: 24px;\n display: flex; gap: 16px; align-items: flex-start;\n}\n.critical-banner .icon {\n font-size: 28px; line-height: 1;\n}\n.critical-banner h3 {\n font-size: 17px; font-weight: 700; color: #fca5a5; margin-bottom: 6px;\n}\n.critical-banner p { color: var(--text-dim); font-size: 14px; }\n\n\/* KPI Grid *\/\n.kpi-grid {\n display: grid; grid-template-columns: repeat(4, 1fr);\n gap: 16px; margin-bottom: 32px;\n}\n.kpi-card {\n background: var(--surface); border: 1px solid var(--border);\n border-radius: 14px; padding: 20px; position: relative; overflow: hidden;\n transition: all 0.3s ease;\n}\n.kpi-card:hover {\n border-color: var(--border-light);\n transform: translateY(-2px);\n}\n.kpi-card.featured {\n background: linear-gradient(135deg, rgba(212, 175, 55, 0.08) 0%, rgba(212, 175, 55, 0.02) 100%);\n border-color: rgba(212, 175, 55, 0.3);\n}\n.kpi-card.danger {\n background: linear-gradient(135deg, rgba(239, 68, 68, 0.05) 0%, transparent 100%);\n border-color: rgba(239, 68, 68, 0.2);\n}\n.kpi-label {\n font-size: 12px; color: var(--text-mute); text-transform: uppercase;\n letter-spacing: 1px; margin-bottom: 8px; font-weight: 600;\n}\n.kpi-value {\n font-size: 28px; font-weight: 800; line-height: 1.1; letter-spacing: -0.5px;\n}\n.kpi-card.featured .kpi-value { color: var(--accent); }\n.kpi-unit { font-size: 14px; color: var(--text-dim); font-weight: 600; margin-right: 4px; }\n.kpi-subtext {\n font-size: 12px; color: var(--text-mute); margin-top: 8px;\n display: flex; align-items: center; gap: 6px;\n}\n.kpi-subtext .dot {\n width: 6px; height: 6px; border-radius: 50%; background: var(--success);\n display: inline-block;\n}\n.kpi-subtext .dot.warning { background: var(--warning); }\n.kpi-subtext .dot.danger { background: var(--danger); }\n\n\/* Section *\/\n.section {\n margin-bottom: 36px;\n}\n.section-header {\n display: flex; justify-content: space-between; align-items: baseline;\n margin-bottom: 16px;\n}\n.section-title {\n font-size: 20px; font-weight: 700; letter-spacing: -0.3px;\n}\n.section-tag {\n font-size: 11px; padding: 4px 10px; border-radius: 4px;\n background: var(--bg-3); color: var(--text-mute);\n font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase;\n}\n\n\/* Cards *\/\n.card {\n background: var(--surface); border: 1px solid var(--border);\n border-radius: 14px; padding: 24px;\n}\n.card-title {\n font-size: 15px; font-weight: 700; margin-bottom: 4px;\n}\n.card-subtitle {\n font-size: 13px; color: var(--text-dim); margin-bottom: 20px;\n}\n\n\/* Two-column *\/\n.row-2 { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }\n.row-3 { display: grid; grid-template-columns: 2fr 1fr; gap: 16px; }\n.row-equal-3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }\n\n\/* Charts *\/\n.chart-container {\n position: relative; height: 320px;\n}\n.chart-container.tall { height: 380px; }\n.chart-container.short { height: 240px; }\n\n\/* Heatmap *\/\n.heatmap-table {\n width: 100%; border-collapse: separate; border-spacing: 4px;\n}\n.heatmap-table th {\n padding: 10px 8px; font-size: 12px; font-weight: 600;\n color: var(--text-dim); text-align: center;\n}\n.heatmap-table th:first-child {\n text-align: right; padding-right: 12px; min-width: 160px;\n}\n.heatmap-cell {\n padding: 14px 10px; text-align: center; border-radius: 8px;\n font-weight: 700; font-size: 14px; position: relative;\n min-height: 50px;\n}\n.heatmap-cell .sub {\n display: block; font-size: 10px; font-weight: 500; opacity: 0.7;\n margin-top: 2px;\n}\n.heatmap-label {\n padding: 14px 12px; font-size: 13px; font-weight: 600;\n background: var(--bg-3); border-radius: 8px;\n}\n\n\/* Tables *\/\n.data-table {\n width: 100%; border-collapse: collapse;\n}\n.data-table th {\n text-align: right; padding: 10px 12px; font-size: 11px;\n font-weight: 700; color: var(--text-mute); text-transform: uppercase;\n letter-spacing: 1px; border-bottom: 1px solid var(--border);\n}\n.data-table td {\n padding: 14px 12px; font-size: 14px; border-bottom: 1px solid var(--border);\n vertical-align: middle;\n}\n.data-table tr:hover td { background: var(--bg-3); }\n.data-table .num { font-variant-numeric: tabular-nums; font-weight: 600; }\n.data-table .num-danger { color: #fca5a5; }\n.data-table .num-success { color: #86efac; }\n.data-table .num-warning { color: #fcd34d; }\n\n\/* Tags *\/\n.tag {\n display: inline-block; padding: 3px 10px; border-radius: 6px;\n font-size: 11px; font-weight: 700;\n}\n.tag-danger { background: rgba(239, 68, 68, 0.15); color: #fca5a5; }\n.tag-warning { background: rgba(245, 158, 11, 0.15); color: #fcd34d; }\n.tag-success { background: rgba(34, 197, 94, 0.15); color: #86efac; }\n.tag-info { background: rgba(59, 130, 246, 0.15); color: #93c5fd; }\n.tag-gold { background: rgba(212, 175, 55, 0.15); color: var(--accent); }\n\n\/* Insight Boxes *\/\n.insight-box {\n background: var(--bg-3); border-radius: 10px; padding: 16px;\n border-right: 3px solid var(--info);\n margin-bottom: 12px;\n}\n.insight-box.gold { border-right-color: var(--accent); background: rgba(212, 175, 55, 0.05); }\n.insight-box.danger { border-right-color: var(--danger); background: rgba(239, 68, 68, 0.05); }\n.insight-box.success { border-right-color: var(--success); background: rgba(34, 197, 94, 0.05); }\n.insight-box.warning { border-right-color: var(--warning); background: rgba(245, 158, 11, 0.05); }\n.insight-box h4 {\n font-size: 14px; font-weight: 700; margin-bottom: 6px;\n display: flex; align-items: center; gap: 8px;\n}\n.insight-box p { font-size: 13px; color: var(--text-dim); line-height: 1.7; }\n.insight-box strong { color: var(--text); font-weight: 700; }\n\n\/* Recommendations *\/\n.rec-item {\n background: var(--bg-3); border-radius: 12px; padding: 18px;\n margin-bottom: 12px;\n border-right: 4px solid var(--info);\n position: relative;\n}\n.rec-item.priority-1 { border-right-color: var(--danger); }\n.rec-item.priority-2 { border-right-color: var(--warning); }\n.rec-item.priority-3 { border-right-color: var(--info); }\n.rec-header {\n display: flex; justify-content: space-between; align-items: center;\n margin-bottom: 10px;\n}\n.rec-title { font-size: 15px; font-weight: 700; }\n.rec-priority {\n font-size: 10px; padding: 3px 8px; border-radius: 4px;\n font-weight: 800; letter-spacing: 1px;\n}\n.rec-item.priority-1 .rec-priority { background: rgba(239, 68, 68, 0.2); color: #fca5a5; }\n.rec-item.priority-2 .rec-priority { background: rgba(245, 158, 11, 0.2); color: #fcd34d; }\n.rec-item.priority-3 .rec-priority { background: rgba(59, 130, 246, 0.2); color: #93c5fd; }\n.rec-body { font-size: 13px; color: var(--text-dim); line-height: 1.7; }\n.rec-body strong { color: var(--text); }\n.rec-impact {\n display: flex; gap: 14px; margin-top: 12px;\n padding-top: 12px; border-top: 1px solid var(--border);\n font-size: 12px;\n}\n.rec-impact-item { color: var(--text-dim); }\n.rec-impact-item strong {\n color: var(--text); font-weight: 700; display: block;\n font-size: 14px;\n}\n\n\/* Footer *\/\n.footer {\n margin-top: 48px; padding-top: 24px; border-top: 1px solid var(--border);\n text-align: center; color: var(--text-mute); font-size: 12px;\n}\n.footer strong { color: var(--text-dim); }\n\n\/* Mobile *\/\n@media (max-width: 900px) {\n .container { padding: 20px 16px; }\n .header { flex-direction: column; gap: 16px; }\n .kpi-grid { grid-template-columns: repeat(2, 1fr); }\n .row-2, .row-3, .row-equal-3 { grid-template-columns: 1fr; }\n .kpi-value { font-size: 24px; }\n .heatmap-table th:first-child { min-width: 100px; font-size: 11px; }\n .heatmap-cell { padding: 10px 6px; font-size: 12px; }\n}\n\n\/* Scroll indicator *\/\n.scroll-fade {\n position: relative;\n}\n.scroll-fade::after {\n content: ''; position: absolute; left: 0; top: 0; bottom: 0; width: 30px;\n background: linear-gradient(to left, var(--surface), transparent);\n pointer-events: none;\n}\n.scroll-container { overflow-x: auto; }\n\n\/* Interactive top controls *\/\n.action-bar{position:sticky;top:0;z-index:50;background:rgba(10,10,15,.88);backdrop-filter:blur(14px);border:1px solid var(--border);border-radius:16px;padding:12px;margin:-8px 0 28px;display:flex;gap:10px;align-items:center;overflow-x:auto;box-shadow:0 10px 30px rgba(0,0,0,.22)}\n.nav-btn,.toggle-btn{font-family:inherit;border:1px solid var(--border-light);background:var(--bg-3);color:var(--text-dim);padding:10px 14px;border-radius:999px;cursor:pointer;font-weight:800;font-size:13px;white-space:nowrap;transition:.2s ease}\n.nav-btn:hover,.toggle-btn:hover,.nav-btn.active,.toggle-btn.active{border-color:rgba(212,175,55,.65);color:var(--accent);background:rgba(212,175,55,.10);transform:translateY(-1px)}\n.control-panel{display:grid;grid-template-columns:1.1fr .9fr;gap:16px;margin-bottom:32px}.control-panel .mini-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:18px}.range-wrap{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.range-wrap input{accent-color:#d4af37;min-width:220px}.scenario-output{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px}.scenario-output div{background:var(--bg-3);border:1px solid var(--border);border-radius:10px;padding:12px}.scenario-output span{display:block;color:var(--text-mute);font-size:11px;font-weight:800}.scenario-output strong{font-size:18px;color:var(--accent)}\n.dashboard-section{scroll-margin-top:90px}.hidden-section{display:none!important}.print-btn{margin-right:auto;background:rgba(34,197,94,.1);border-color:rgba(34,197,94,.35);color:#86efac}.search-box{background:var(--bg-3);border:1px solid var(--border-light);border-radius:999px;color:var(--text);padding:10px 14px;font-family:inherit;min-width:220px}.search-box::placeholder{color:var(--text-mute)}\n@media (max-width:900px){.control-panel{grid-template-columns:1fr}.scenario-output{grid-template-columns:1fr}.action-bar{top:0;border-radius:12px}.search-box{min-width:170px}}\n@media print{.action-bar,.control-panel{display:none}.card,.kpi-card,.rec-item{break-inside:avoid}body{background:#fff;color:#000}.container{max-width:100%;padding:0}.section{display:block!important}}\n\n\nbody {\n background-image:\n radial-gradient(at 80% 0%, rgba(255, 46, 136, 0.10) 0px, transparent 50%),\n radial-gradient(at 0% 50%, rgba(255, 46, 136, 0.06) 0px, transparent 50%);\n}\n\n.header {\n border-bottom: 1px solid rgba(255,46,136,0.2);\n}\n\n.kpi-card.featured {\n background: linear-gradient(135deg, rgba(255, 46, 136, 0.12) 0%, rgba(255, 46, 136, 0.03) 100%);\n border-color: rgba(255, 46, 136, 0.35);\n box-shadow: 0 0 25px rgba(255,46,136,0.08);\n}\n\n.card:hover, .kpi-card:hover {\n box-shadow: 0 0 25px rgba(255,46,136,0.10);\n}\n\n.footer {\n border-top: 1px solid rgba(255,46,136,0.25);\n}\n\n\n\/* ===== MOBILE RESPONSIVE ENHANCEMENTS ===== *\/\n\nhtml, body {\n overflow-x: hidden;\n}\n\n.container {\n width: 100%;\n max-width: 100%;\n}\n\ninput, button {\n min-height: 48px;\n}\n\n.chart-container canvas {\n max-width: 100% !important;\n}\n\n@media (max-width: 768px) {\n\n body {\n font-size: 14px;\n }\n\n .container {\n padding: 14px;\n }\n\n .header {\n flex-direction: column;\n align-items: flex-start;\n gap: 14px;\n }\n\n .header-left h1 {\n font-size: 24px !important;\n line-height: 1.3;\n }\n\n .subtitle {\n font-size: 13px !important;\n }\n\n .kpi-grid,\n .row-2,\n .row-3,\n .row-equal-3 {\n grid-template-columns: 1fr !important;\n }\n\n .kpi-card {\n padding: 16px;\n }\n\n .kpi-value {\n font-size: 24px !important;\n word-break: break-word;\n }\n\n .section-title {\n font-size: 18px !important;\n line-height: 1.4;\n }\n\n .card {\n padding: 16px;\n overflow: hidden;\n }\n\n .chart-container {\n height: 260px !important;\n }\n\n table {\n min-width: 680px;\n }\n\n .scroll-container {\n overflow-x: auto;\n -webkit-overflow-scrolling: touch;\n }\n\n .heatmap-cell {\n font-size: 11px !important;\n padding: 10px 4px !important;\n }\n\n .heatmap-cell .sub {\n font-size: 9px !important;\n }\n\n .rec-impact {\n flex-direction: column;\n gap: 10px;\n }\n\n .rec-header {\n flex-direction: column;\n align-items: flex-start;\n gap: 8px;\n }\n\n button {\n width: 100%;\n }\n\n input {\n font-size: 16px !important;\n }\n\n .footer {\n text-align: center;\n padding-bottom: 40px;\n }\n}\n\n@media (max-width: 480px) {\n\n .header-left h1 {\n font-size: 20px !important;\n }\n\n .kpi-value {\n font-size: 20px !important;\n }\n\n .card-title {\n font-size: 15px !important;\n }\n\n .section-title {\n font-size: 16px !important;\n }\n\n .chart-container {\n height: 220px !important;\n }\n}\n\n<\/style>\n<\/head>\n<body>\n<div class=\"container\">\n\n \n <header class=\"header\">\n <div class=\"header-left\"><div style=\"font-size:14px;color:#ff4fa3;font-weight:800;letter-spacing:2px;margin-bottom:6px;\">\u25c6 RUBY AI \u25c6<\/div>\n <h1>Ruby Ai Dashboard<\/h1>\n <div class=\"subtitle\">Advanced Advertising Intelligence Platform<\/div>\n <\/div>\n <div class=\"header-right\">\n <span class=\"platform-badge\">\ud83d\udcca Meta Ads<\/span>\n <span class=\"period-badge\">12 \u0623\u0628\u0631\u064a\u0644 \u2192 11 \u0645\u0627\u064a\u0648 2026<\/span>\n <\/div>\n <\/header>\n\n \n <div class=\"critical-banner\">\n <div class=\"icon\">\u26a0\ufe0f<\/div>\n <div>\n <h3>\u062a\u0646\u0628\u064a\u0647 \u0642\u0628\u0644 \u0627\u0644\u0642\u0631\u0627\u0621\u0629: \u0643\u0644 \u0627\u0644\u0623\u0631\u0642\u0627\u0645 \u0645\u0628\u0646\u064a\u0629 \u0639\u0644\u0649 Meta Pixel<\/h3>\n <p>\u0623\u0631\u0642\u0627\u0645 \u0627\u0644\u0640 ROAS \u0648\u0627\u0644\u0645\u0634\u062a\u0631\u064a\u0627\u062a \u0648\u0627\u0644\u0625\u064a\u0631\u0627\u062f\u0627\u062a \u0627\u0644\u0644\u064a \u0647\u062a\u0634\u0648\u0641\u0647\u0627 \u0623\u062f\u0646\u0627\u0647 \u0645\u0623\u062e\u0648\u0630\u0629 \u0645\u0646 \u062a\u062a\u0628\u0639 Meta Pixel (\u0648\u0642\u062a \u0627\u0644\u0640 Checkout)\u060c \u0645\u0634 \u0645\u0646 \u0623\u0648\u0631\u062f\u0631\u0627\u062a WooCommerce \u0627\u0644\u0645\u062f\u0641\u0648\u0639\u0629 \u0641\u0639\u0644\u064a\u0627\u064b. \u0641\u064a \u0633\u0648\u0642 \u0627\u0644\u0640 COD \u0627\u0644\u0645\u0635\u0631\u064a\u060c \u0641\u062c\u0648\u0629 \u0627\u0644\u0640 Cancellation \u0639\u0627\u062f\u0629\u064b 20-40%. <strong>\u0627\u0644\u0640 True ROAS \u0627\u0644\u0641\u0639\u0644\u064a \u0639\u0644\u0649 \u0627\u0644\u0623\u0631\u062c\u062d \u0628\u064a\u0646 7.5x \u0648 13x<\/strong> \u0628\u062f\u0644\u0627\u064b \u0645\u0646 \u0627\u0644\u0640 12.62x \u0627\u0644\u0645\u0639\u0644\u0646. \u062a\u0648\u0635\u064a\u0629: \u0639\u0645\u0644 Reconciliation Pass \u0645\u0639 \u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u0640 WooCommerce \u0628\u0639\u062f \u0627\u0644\u062a\u0642\u0631\u064a\u0631 \u062f\u0647.<\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"kpi-grid\">\n <div class=\"kpi-card featured\">\n <div class=\"kpi-label\">\u0625\u062c\u0645\u0627\u0644\u064a \u0627\u0644\u0625\u0646\u0641\u0627\u0642<\/div>\n <div class=\"kpi-value\">9,957.71 <span class=\"kpi-unit\">EGP<\/span><\/div>\n <div class=\"kpi-subtext\"><span class=\"dot warning\"><\/span>\u0645\u062a\u0648\u0633\u0637 331.92 EGP\/\u064a\u0648\u0645 \u00b7 \u0645\u0639\u062f\u0644 \u0645\u0646\u062e\u0641\u0636<\/div>\n <\/div>\n <div class=\"kpi-card featured\">\n <div class=\"kpi-label\">\u0625\u062c\u0645\u0627\u0644\u064a \u0627\u0644\u0625\u064a\u0631\u0627\u062f\u0627\u062a (Pixel)<\/div>\n <div class=\"kpi-value\">125,627 <span class=\"kpi-unit\">EGP<\/span><\/div>\n <div class=\"kpi-subtext\"><span class=\"dot warning\"><\/span>\u0642\u0628\u0644 \u062e\u0635\u0645 Cancellation \u0627\u0644\u0640 COD<\/div>\n <\/div>\n <div class=\"kpi-card featured\">\n <div class=\"kpi-label\">ROAS (\u0627\u0644\u0645\u064f\u0639\u0644\u0646)<\/div>\n <div class=\"kpi-value\">12.62<span class=\"kpi-unit\">x<\/span><\/div>\n <div class=\"kpi-subtext\"><span class=\"dot warning\"><\/span>True ROAS \u2248 7.5-10x<\/div>\n <\/div>\n <div class=\"kpi-card featured\">\n <div class=\"kpi-label\">CPA (\u062a\u0643\u0644\u0641\u0629 \u0627\u0644\u0634\u0631\u0627\u0621)<\/div>\n <div class=\"kpi-value\">63.67 <span class=\"kpi-unit\">EGP<\/span><\/div>\n <div class=\"kpi-subtext\"><span class=\"dot\"><\/span>\u0635\u062d\u064a \u062c\u062f\u0627\u064b \u0645\u0642\u0627\u0631\u0646\u0629 \u0628\u0640 AOV<\/div>\n <\/div>\n <div class=\"kpi-card\">\n <div class=\"kpi-label\">\u0639\u062f\u062f \u0627\u0644\u0645\u0634\u062a\u0631\u064a\u0627\u062a<\/div>\n <div class=\"kpi-value\">119<\/div>\n <div class=\"kpi-subtext\"><span class=\"dot\"><\/span>~4 \u0623\u0648\u0631\u062f\u0631\u0627\u062a\/\u064a\u0648\u0645<\/div>\n <\/div>\n <div class=\"kpi-card\">\n <div class=\"kpi-label\">\u0645\u062a\u0648\u0633\u0637 \u0642\u064a\u0645\u0629 \u0627\u0644\u0637\u0644\u0628 (AOV)<\/div>\n <div class=\"kpi-value\">1,055.69 <span class=\"kpi-unit\">EGP<\/span><\/div>\n <div class=\"kpi-subtext\"><span class=\"dot\"><\/span>\u0633\u0639\u0631 \u0645\u0642\u0628\u0648\u0644 \u0644\u0644\u0642\u0637\u0627\u0639<\/div>\n <\/div>\n <div class=\"kpi-card\">\n <div class=\"kpi-label\">CTR (\u0627\u0644\u0643\u0644)<\/div>\n <div class=\"kpi-value\">6.86<span class=\"kpi-unit\">%<\/span><\/div>\n <div class=\"kpi-subtext\"><span class=\"dot\"><\/span>\u0645\u0631\u062a\u0641\u0639 \u0628\u0633\u0628\u0628 Engagement campaigns<\/div>\n <\/div>\n <div class=\"kpi-card\">\n <div class=\"kpi-label\">CPC (Link)<\/div>\n <div class=\"kpi-value\">1.41 <span class=\"kpi-unit\">EGP<\/span><\/div>\n <div class=\"kpi-subtext\"><span class=\"dot\"><\/span>\u062a\u0643\u0644\u0641\u0629 \u0646\u0642\u0631\u0629 \u0641\u0639\u0644\u064a\u0629 \u0644\u0644\u0645\u0648\u0642\u0639<\/div>\n <\/div>\n <\/div>\n\n\n \n <div class=\"action-bar\" aria-label=\"\u0623\u0632\u0631\u0627\u0631 \u0627\u0644\u062a\u0646\u0642\u0644 \u062f\u0627\u062e\u0644 \u0627\u0644\u0644\u0648\u062d\u0629\">\n <button class=\"nav-btn active\" data-target=\"all\">\u0627\u0644\u0643\u0644<\/button>\n <button class=\"nav-btn\" data-target=\"overview\">\u0645\u0644\u062e\u0635 \u0627\u0644\u0623\u062f\u0627\u0621<\/button>\n <button class=\"nav-btn\" data-target=\"heatmap\">\u062e\u0631\u064a\u0637\u0629 ROAS<\/button>\n <button class=\"nav-btn\" data-target=\"age\">\u0627\u0644\u062c\u0645\u0647\u0648\u0631<\/button>\n <button class=\"nav-btn\" data-target=\"adsets\">Ad Sets<\/button>\n <button class=\"nav-btn\" data-target=\"waste\">\u0627\u0644\u0646\u0632\u064a\u0641<\/button>\n <button class=\"nav-btn\" data-target=\"recommendations\">\u0627\u0644\u062a\u0648\u0635\u064a\u0627\u062a<\/button>\n <button class=\"nav-btn\" data-target=\"plan\">\u062e\u0637\u0629 30 \u064a\u0648\u0645<\/button>\n <input id=\"quickSearch\" class=\"search-box\" placeholder=\"\u0627\u0628\u062d\u062b \u062f\u0627\u062e\u0644 \u0627\u0644\u062a\u0642\u0631\u064a\u0631...\" \/>\n <button class=\"toggle-btn\" id=\"compactToggle\">\u0648\u0636\u0639 \u0645\u062e\u062a\u0635\u0631<\/button>\n <button class=\"toggle-btn print-btn\" onclick=\"window.print()\">\u0637\u0628\u0627\u0639\u0629 \/ PDF<\/button>\n <\/div>\n\n <div class=\"control-panel\">\n <div class=\"mini-card\">\n <div class=\"card-title\">\u062d\u0627\u0633\u0628\u0629 \u062a\u0623\u062b\u064a\u0631 \u0627\u0644\u0640 COD Cancellation \u0639\u0644\u0649 True ROAS<\/div>\n <div class=\"card-subtitle\">\u062d\u0631\u0651\u0643 \u0627\u0644\u0646\u0633\u0628\u0629 \u0644\u062a\u0642\u062f\u064a\u0631 \u0627\u0644\u0625\u064a\u0631\u0627\u062f \u0627\u0644\u062d\u0642\u064a\u0642\u064a \u0628\u0639\u062f \u0627\u0644\u0625\u0644\u063a\u0627\u0621\u0627\u062a\/\u0627\u0644\u0631\u0641\u0636<\/div>\n <div class=\"range-wrap\">\n <strong>\u0646\u0633\u0628\u0629 \u0627\u0644\u0625\u0644\u063a\u0627\u0621:<\/strong>\n <input id=\"cancelRate\" type=\"range\" min=\"0\" max=\"50\" value=\"30\" step=\"5\">\n <span id=\"cancelLabel\" class=\"tag tag-warning\">30%<\/span>\n <\/div>\n <div class=\"scenario-output\">\n <div><span>True Revenue<\/span><strong id=\"trueRevenue\">87,939 EGP<\/strong><\/div>\n <div><span>True ROAS<\/span><strong id=\"trueRoas\">8.83x<\/strong><\/div>\n <div><span>Expected Delivered Orders<\/span><strong id=\"trueOrders\">83<\/strong><\/div>\n <\/div>\n <\/div>\n <div class=\"mini-card\">\n <div class=\"card-title\">\u0642\u0631\u0627\u0631\u0627\u062a \u0633\u0631\u064a\u0639\u0629 \u0645\u0646 \u0627\u0644\u0644\u0648\u062d\u0629<\/div>\n <div class=\"card-subtitle\">\u0645\u062e\u062a\u0635\u0631 \u062a\u0646\u0641\u064a\u0630\u064a \u0642\u0627\u0628\u0644 \u0644\u0644\u062a\u0646\u0641\u064a\u0630<\/div>\n <div class=\"insight-box danger\"><h4>\u0623\u0648\u0642\u0641<\/h4><p>\u062d\u0645\u0644\u0627\u062a Engagement \u0627\u0644\u062d\u0627\u0644\u064a\u0629 \u0644\u0623\u0646\u0647\u0627 \u0623\u0646\u0641\u0642\u062a 2,380.81 EGP \u0628\u062f\u0648\u0646 \u0645\u0634\u062a\u0631\u064a\u0627\u062a \u0645\u0628\u0627\u0634\u0631\u0629.<\/p><\/div>\n <div class=\"insight-box gold\"><h4>\u0636\u0627\u0639\u0641 \u0627\u062e\u062a\u0628\u0627\u0631\u064a\u0627\u064b<\/h4><p>Pood \u00d7 35-44 \u0644\u0623\u0646\u0647\u0627 \u0623\u0639\u0644\u0649 \u0646\u0642\u0637\u0629 ROAS \u0641\u064a \u0627\u0644\u062d\u0633\u0627\u0628.<\/p><\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"section dashboard-section\">\n <div class=\"section-header\">\n <div class=\"section-title\" data-section-key=\"overview\">\ud83c\udfaf \u0627\u0644\u062d\u0642\u064a\u0642\u0629 \u0627\u0644\u0623\u0647\u0645: \u062d\u0645\u0644\u0629 \u0648\u0627\u062d\u062f\u0629 \u0628\u062a\u0648\u0644\u0651\u062f \u0643\u0644 \u0627\u0644\u0625\u064a\u0631\u0627\u062f\u0627\u062a<\/div>\n <span class=\"section-tag\">Core Finding<\/span>\n <\/div>\n <div class=\"row-3\">\n <div class=\"card\">\n <div class=\"card-title\">\u062a\u0648\u0632\u064a\u0639 \u0627\u0644\u0625\u0646\u0641\u0627\u0642 \u062d\u0633\u0628 \u0627\u0644\u0647\u062f\u0641 \u0627\u0644\u0625\u0639\u0644\u0627\u0646\u064a (Objective)<\/div>\n <div class=\"card-subtitle\">76% \u0645\u0646 \u0627\u0644\u0645\u064a\u0632\u0627\u0646\u064a\u0629 \u0639\u0644\u0649 \u062d\u0645\u0644\u0629 \u0648\u0627\u062d\u062f\u0629 (Sales) \u00b7 24% \u0639\u0644\u0649 30 \u062d\u0645\u0644\u0629 \u062a\u0641\u0627\u0639\u0644 \u0628\u062f\u0648\u0646 \u0645\u0628\u064a\u0639\u0627\u062a<\/div>\n <div class=\"chart-container\"><canvas id=\"objectiveChart\"><\/canvas><\/div>\n <\/div>\n <div class=\"card\">\n <div class=\"card-title\">\u0627\u0644\u0645\u0633\u0627\u0647\u0645\u0629 \u0641\u064a \u0627\u0644\u0625\u064a\u0631\u0627\u062f\u0627\u062a<\/div>\n <div class=\"card-subtitle\">\u0627\u0644\u0648\u0627\u0642\u0639 \u0644\u0627 \u0627\u0644\u0625\u062d\u0633\u0627\u0633<\/div>\n <div style=\"margin-top: 20px;\">\n <div class=\"insight-box success\">\n <h4>\u2705 Sales Campaign \u0648\u0627\u062d\u062f\u0629 \u0641\u0642\u0637<\/h4>\n <p><strong>Website-8<\/strong> \u00b7 \u0623\u0646\u0641\u0642\u062a 7,576.90 EGP \u00b7 \u062d\u0642\u0642\u062a <strong>119 \u0634\u0631\u0627\u0621<\/strong> \u00b7 \u0625\u064a\u0631\u0627\u062f\u0627\u062a <strong>125,627 EGP<\/strong> \u00b7 ROAS <strong>16.58x<\/strong><\/p>\n <\/div>\n <div class=\"insight-box danger\">\n <h4>\u274c 30 Engagement Campaign<\/h4>\n <p>\u0623\u0646\u0641\u0642\u062a <strong>2,380.81 EGP<\/strong> (24% \u0645\u0646 \u0627\u0644\u0645\u064a\u0632\u0627\u0646\u064a\u0629) \u00b7 \u062d\u0642\u0642\u062a 54,843 \u062a\u0641\u0627\u0639\u0644 \u00b7 <strong>0 \u0634\u0631\u0627\u0621 \u0645\u0628\u0627\u0634\u0631<\/strong> \u00b7 14 \u0646\u0642\u0631\u0629 \u0641\u0642\u0637 \u0639\u0644\u0649 \u0631\u0648\u0627\u0628\u0637<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"section dashboard-section\">\n <div class=\"section-header\">\n <div class=\"section-title\" data-section-key=\"heatmap\">\ud83d\udd25 \u062e\u0631\u064a\u0637\u0629 \u0627\u0644\u0630\u0647\u0628 \u0627\u0644\u062e\u0641\u064a: ROAS \u0644\u0643\u0644 \u0645\u062c\u0645\u0648\u0639\u0629 \u00d7 \u0639\u0645\u0631<\/div>\n <span class=\"section-tag\">Hidden Opportunity<\/span>\n <\/div>\n <div class=\"card\">\n <div class=\"card-title\">\u0642\u0631\u0627\u0621\u0629 \u0627\u0644\u0640 Heatmap: ROAS \u0641\u0639\u0644\u064a \u0644\u0643\u0644 \u062a\u0642\u0627\u0637\u0639 \u0628\u064a\u0646 Ad Set \u0648\u0627\u0644\u0641\u0626\u0629 \u0627\u0644\u0639\u0645\u0631\u064a\u0629<\/div>\n <div class=\"card-subtitle\">\u0627\u0644\u0631\u0642\u0645 \u0627\u0644\u0623\u062e\u0636\u0631 = goldmine\u060c \u0627\u0644\u0623\u062d\u0645\u0631 = \u0646\u0632\u064a\u0641 \u0645\u064a\u0632\u0627\u0646\u064a\u0629\u060c \u0627\u0644\u0631\u0645\u0627\u062f\u064a = \u0625\u0646\u0641\u0627\u0642 \u0645\u062d\u062f\u0648\u062f<\/div>\n <div class=\"scroll-container\">\n <table class=\"heatmap-table\">\n <thead>\n <tr>\n <th><\/th>\n <th>18-24<\/th>\n <th>25-34<\/th>\n <th>35-44<\/th>\n <th>45-54<\/th>\n <th>55-64<\/th>\n <th>65+<\/th>\n <\/tr>\n <\/thead>\n <tbody id=\"heatmapBody\"><\/tbody>\n <\/table>\n <\/div>\n <div class=\"insight-box gold\" style=\"margin-top: 20px;\">\n <h4>\ud83d\udc8e \u0627\u0644\u0627\u0643\u062a\u0634\u0627\u0641 \u0627\u0644\u0643\u0628\u064a\u0631: Pood \u00d7 35-44 = 145.19x ROAS<\/h4>\n <p>\u0625\u0646\u0641\u0627\u0642 <strong>448.77 EGP \u0641\u0642\u0637<\/strong> \u0639\u0644\u0649 \u0641\u0626\u0629 35-44 \u0641\u064a \u0645\u062c\u0645\u0648\u0639\u0629 Pood \u00b7 \u062d\u0642\u0642 <strong>10 \u0645\u0634\u062a\u0631\u064a\u0627\u062a<\/strong> \u00b7 CPA <strong>44.88 EGP<\/strong> \u00b7 ROAS <strong>145x<\/strong>. \u062f\u0647 <strong>\u0623\u0639\u0644\u0649 ROAS<\/strong> \u0641\u064a \u0627\u0644\u062d\u0633\u0627\u0628 \u0643\u0644\u0647 \u0648\u0645\u0645\u0648\u0644 \u0628\u0623\u0642\u0644 \u0645\u0646 5% \u0645\u0646 \u0627\u0644\u0645\u064a\u0632\u0627\u0646\u064a\u0629. <strong>\u0647\u0646\u0627 \u0641\u0631\u0635\u0629 \u0627\u0644\u0640 Scaling \u0627\u0644\u0623\u0647\u0645.<\/strong><\/p>\n <\/div>\n <div class=\"insight-box warning\">\n <h4>\u26a0\ufe0f Dispo \u00d7 35-44 = \u0627\u0644\u0623\u0646\u0648\u0645\u0627\u0644\u064a \u0627\u0644\u0633\u0644\u0628\u064a<\/h4>\n <p>\u0625\u0646\u0641\u0627\u0642 <strong>863 EGP<\/strong> \u0639\u0644\u0649 \u0646\u0641\u0633 \u0627\u0644\u0641\u0626\u0629 \u0627\u0644\u0639\u0645\u0631\u064a\u0629 \u0644\u0643\u0646 \u0641\u064a Dispo \u00b7 \u062d\u0642\u0642 5 \u0645\u0634\u062a\u0631\u064a\u0627\u062a \u0628\u0640 CPA <strong>172 EGP<\/strong> \u00b7 ROAS <strong>4.43x \u0641\u0642\u0637<\/strong>. <strong>\u0627\u0644\u0640 Creative \u0623\u0648 \u0627\u0644\u0640 Offer \u0641\u064a Dispo \u0644\u0627 \u064a\u0646\u0627\u0633\u0628 \u0627\u0644\u0641\u0626\u0629 35-44 - \u0627\u0644\u0641\u0626\u0629 \u062f\u064a \u062a\u0633\u062a\u062c\u064a\u0628 \u0644\u0640 Pood \u0628\u0634\u0643\u0644 \u0645\u062e\u062a\u0644\u0641 \u062a\u0645\u0627\u0645\u0627\u064b.<\/strong><\/p>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"section dashboard-section\">\n <div class=\"section-header\">\n <div class=\"section-title\" data-section-key=\"age\">\ud83d\udcca \u0627\u0644\u0623\u062f\u0627\u0621 \u062d\u0633\u0628 \u0627\u0644\u0641\u0626\u0629 \u0627\u0644\u0639\u0645\u0631\u064a\u0629 (\u062d\u0645\u0644\u0629 Sales \u0641\u0642\u0637)<\/div>\n <span class=\"section-tag\">Demographic Truth<\/span>\n <\/div>\n <div class=\"row-3\">\n <div class=\"card\">\n <div class=\"card-title\">ROAS \u0645\u0642\u0627\u0631\u0646\u0629 \u0627\u0644\u0625\u0646\u0641\u0627\u0642 \u0644\u0643\u0644 \u0641\u0626\u0629<\/div>\n <div class=\"card-subtitle\">35-44 \u0628\u062a\u0646\u0641\u0642 19% \u0628\u0633 \u0628\u062a\u0631\u062c\u0639 48x \u00b7 18-24 \u0628\u062a\u0646\u0641\u0642 38% \u0628\u062a\u0631\u062c\u0639 7x<\/div>\n <div class=\"chart-container tall\"><canvas id=\"ageChart\"><\/canvas><\/div>\n <\/div>\n <div class=\"card\">\n <div class=\"card-title\">\u062c\u062f\u0648\u0644 \u0645\u0641\u0635\u0644<\/div>\n <div class=\"card-subtitle\">EGP<\/div>\n <div class=\"scroll-container\">\n <table class=\"data-table\" style=\"margin-top: 12px;\">\n <thead>\n <tr><th>\u0627\u0644\u0641\u0626\u0629<\/th><th>\u0627\u0644\u0625\u0646\u0641\u0627\u0642<\/th><th>\u0645\u0634\u062a\u0631\u064a\u0627\u062a<\/th><th>ROAS<\/th><\/tr>\n <\/thead>\n <tbody id=\"ageTableBody\"><\/tbody>\n <\/table>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"section dashboard-section\">\n <div class=\"section-header\">\n <div class=\"section-title\" data-section-key=\"adsets\">\u2694\ufe0f \u0645\u0642\u0627\u0631\u0646\u0629 \u0627\u0644\u0645\u062c\u0645\u0648\u0639\u0627\u062a \u0627\u0644\u0625\u0639\u0644\u0627\u0646\u064a\u0629 \u0627\u0644\u062b\u0644\u0627\u062b<\/div>\n <span class=\"section-tag\">Ad Set Battle<\/span>\n <\/div>\n <div class=\"row-equal-3\" id=\"adsetCards\"><\/div>\n <\/div>\n\n \n <div class=\"section dashboard-section\">\n <div class=\"section-header\">\n <div class=\"section-title\" data-section-key=\"waste\">\ud83d\udcb8 \u062a\u062d\u0644\u064a\u0644 \u0627\u0644\u0646\u0632\u064a\u0641: \u0627\u0644\u0640 30 \u062d\u0645\u0644\u0629 Engagement<\/div>\n <span class=\"section-tag\">Waste Detection<\/span>\n <\/div>\n <div class=\"card\">\n <div class=\"card-title\">\u0623\u0643\u0628\u0631 10 \u062d\u0645\u0644\u0627\u062a Engagement \u0628\u0627\u0644\u0625\u0646\u0641\u0627\u0642<\/div>\n <div class=\"card-subtitle\">\u0643\u0644\u0647\u0627 \u0628\u0647\u062f\u0641 \"\u062a\u0641\u0627\u0639\u0644 \u0627\u0644\u0645\u0646\u0634\u0648\u0631\" - \u0628\u062a\u0648\u0644\u0651\u062f likes \u0648comments \u0644\u0643\u0646 \u062a\u0642\u0631\u064a\u0628\u0627\u064b 0 \u0646\u0642\u0631\u0627\u062a \u0639\u0644\u0649 \u0627\u0644\u0645\u0648\u0642\u0639<\/div>\n <div class=\"scroll-container\">\n <table class=\"data-table\" id=\"wasteTable\">\n <thead>\n <tr>\n <th>\u0627\u0644\u062d\u0645\u0644\u0629<\/th>\n <th>\u0627\u0644\u0625\u0646\u0641\u0627\u0642<\/th>\n <th>\u0627\u0644\u062a\u0641\u0627\u0639\u0644\u0627\u062a<\/th>\n <th>\u0646\u0642\u0631\u0627\u062a \u0631\u0648\u0627\u0628\u0637<\/th>\n <th>\u062a\u0643\u0644\u0641\u0629 \u0646\u0642\u0631\u0629 \u0644\u064a\u0646\u0643<\/th>\n <th>\u0645\u0634\u062a\u0631\u064a\u0627\u062a<\/th>\n <\/tr>\n <\/thead>\n <tbody id=\"wasteTableBody\"><\/tbody>\n <\/table>\n <\/div>\n <div class=\"insight-box danger\" style=\"margin-top: 20px;\">\n <h4>\ud83d\udea8 \u0627\u0644\u062d\u0642\u064a\u0642\u0629 \u0627\u0644\u0645\u0624\u0644\u0645\u0629<\/h4>\n <p>\u0627\u0644\u0640 30 \u062d\u0645\u0644\u0629 \u062f\u064a \u062a\u0643\u0644\u0641\u0629 \u0627\u0644\u0646\u0642\u0631\u0629 \u0639\u0644\u0649 \u0631\u0627\u0628\u0637 \u0627\u0644\u0645\u0648\u0642\u0639 \u0641\u064a\u0647\u0627 \u0628\u062a\u062a\u0631\u0627\u0648\u062d \u0628\u064a\u0646 <strong>50 \u0648 176 EGP<\/strong> (\u0641\u064a \u0627\u0644\u062d\u0645\u0644\u0627\u062a \u0627\u0644\u0644\u064a \u062d\u0635\u0644 \u0641\u064a\u0647\u0627 \u0646\u0642\u0631\u0627\u062a \u0623\u0635\u0644\u0627\u064b). \u0645\u0642\u0627\u0631\u0646\u0629 \u0628\u0627\u0644\u0640 Sales campaign \u0627\u0644\u0644\u064a \u062a\u0643\u0644\u0641\u0629 \u0627\u0644\u0646\u0642\u0631\u0629 \u0641\u064a\u0647\u0627 <strong>1.40 EGP<\/strong>. \u064a\u0639\u0646\u064a \u0627\u0644\u062d\u0645\u0644\u0627\u062a \u062f\u064a \u0628\u062a\u062f\u0641\u0639 <strong>35-125 \u0636\u0639\u0641<\/strong> \u062b\u0645\u0646 \u0627\u0644\u0646\u0642\u0631\u0629\u060c \u0648\u0628\u062a\u062c\u064a\u0628 0 \u0634\u0631\u0627\u0621. <strong>\u062f\u064a \u0628\u0634\u0643\u0644 \u0648\u0627\u0636\u062d Brand\/Local Awareness boosting \u0645\u0634 performance marketing.<\/strong><\/p>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"section dashboard-section\">\n <div class=\"section-header\">\n <div class=\"section-title\" data-section-key=\"diagnosis\">\ud83d\udd0d \u0627\u0644\u062a\u0634\u062e\u064a\u0635 \u0627\u0644\u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a<\/div>\n <span class=\"section-tag\">Strategic Diagnosis<\/span>\n <\/div>\n <div class=\"card\">\n <div class=\"insight-box gold\">\n <h4>1. \u0627\u0644\u0645\u0634\u0643\u0644\u0629 \u0627\u0644\u0645\u0631\u0643\u0632\u064a\u0629 (Core Growth Problem)<\/h4>\n <p>\u0627\u0644\u062d\u0633\u0627\u0628 \u0628\u064a\u0639\u062a\u0645\u062f \u0639\u0644\u0649 <strong>\u062d\u0645\u0644\u0629 Sales \u0648\u0627\u062d\u062f\u0629<\/strong> \u0628\u062d\u062c\u0645 253 EGP\/\u064a\u0648\u0645\u060c \u0648\u0628\u062a\u0634\u062a\u063a\u0644 \u0628\u0643\u0641\u0627\u0621\u0629 \u0639\u0627\u0644\u064a\u0629 (16.58x ROAS). \u0627\u0644\u0645\u0634\u0643\u0644\u0629 \u0645\u0634 \u0641\u064a \u0627\u0644\u0640 Performance\u060c \u0627\u0644\u0645\u0634\u0643\u0644\u0629 \u0641\u064a <strong>\u0639\u062f\u0645 \u0627\u0633\u062a\u062b\u0645\u0627\u0631 \u0627\u0644\u0643\u0641\u0627\u0621\u0629 \u062f\u064a \u0644\u0644\u0646\u0645\u0648<\/strong>. \u0627\u0644\u062d\u0633\u0627\u0628 \u0634\u063a\u0651\u0627\u0644 \"Survival mode\" \u0645\u0634 \"Growth mode\".<\/p>\n <\/div>\n <div class=\"insight-box danger\">\n <h4>2. \u0623\u0643\u0628\u0631 \u0645\u0635\u062f\u0631 \u0646\u0632\u064a\u0641 \u0644\u0644\u0645\u064a\u0632\u0627\u0646\u064a\u0629<\/h4>\n <p><strong>2,380 EGP\/\u0634\u0647\u0631 (24%)<\/strong> \u0628\u062a\u0631\u0648\u062d \u0639\u0644\u0649 Reel Boosting \u0644\u0644\u0641\u0631\u0648\u0639 (Tagamo3, Elmansoura, Damanhour, Samanod, Sherben). \u062f\u064a \u062d\u0645\u0644\u0627\u062a \u0628\u0640 Engagement Objective \u0645\u0634 Reach\u060c \u0648\u0628\u062a\u0648\u0644\u0651\u062f \u062a\u0641\u0627\u0639\u0644\u0627\u062a \u062d\u0648\u0644 \u0627\u0644\u0628\u0648\u0633\u062a \u0628\u062f\u0648\u0646 \u0623\u064a \u062a\u0648\u062c\u064a\u0647 \u0641\u0639\u0644\u064a \u0644\u0644\u0645\u0648\u0642\u0639. <strong>\u0644\u0648 \u0641\u064a \u0647\u062f\u0641 Brand Awareness \u0644\u0644\u0641\u0631\u0648\u0639\u060c \u0627\u0644\u0640 Reach objective \u0623\u0631\u062e\u0635 \u0648\u0623\u0646\u0636\u0641. \u0644\u0648 \u0627\u0644\u0647\u062f\u0641 \u0632\u064a\u0627\u0631\u0627\u062a \u0644\u0644\u0645\u0648\u0642\u0639\u060c \u0627\u0644\u0640 Engagement objective \u063a\u0644\u0637\u0629 \u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0629 \u0643\u0627\u0645\u0644\u0629.<\/strong><\/p>\n <\/div>\n <div class=\"insight-box warning\">\n <h4>3. \u0627\u0644\u0627\u0641\u062a\u0631\u0627\u0636 \u0627\u0644\u0623\u062e\u0637\u0631 (Most Dangerous Assumption)<\/h4>\n <p>\u0627\u0644\u0627\u0641\u062a\u0631\u0627\u0636 \u0625\u0646 \u0627\u0644\u0640 <strong>12.62x ROAS \u0627\u0644\u0645\u0639\u0644\u0646<\/strong> \u0647\u0648 \u0627\u0644\u0648\u0627\u0642\u0639. \u0641\u064a \u062a\u062c\u0627\u0631\u0629 \u0627\u0644\u0641\u064a\u0628 \u0627\u0644\u0645\u0635\u0631\u064a\u0629 \u0627\u0644\u0640 COD\u060c \u0627\u0644\u0641\u062c\u0648\u0629 \u0628\u064a\u0646 Pixel Purchases \u0648\u0623\u0648\u0631\u062f\u0631\u0627\u062a WooCommerce \u0627\u0644\u0641\u0639\u0644\u064a\u0629 \u0627\u0644\u0645\u064f\u0633\u0644\u064e\u0651\u0645\u0629 \u0639\u0627\u062f\u0629\u064b <strong>20-40%<\/strong>. \u0627\u0644\u0642\u0631\u0627\u0631\u0627\u062a \u0627\u0644\u0645\u0628\u0646\u064a\u0629 \u0639\u0644\u0649 \u0631\u0642\u0645 12.62x \u0645\u0645\u0643\u0646 \u062a\u0643\u0648\u0646 \u0645\u0628\u0646\u064a\u0629 \u0639\u0644\u0649 Inflated reality.<\/p>\n <\/div>\n <div class=\"insight-box success\">\n <h4>4. \u0623\u0643\u0628\u0631 \u0641\u0631\u0635\u0629 \u063a\u064a\u0631 \u0645\u0633\u062a\u063a\u0644\u0629<\/h4>\n <p>\u0641\u0626\u0629 <strong>35-44 \u0633\u0646\u0629<\/strong> = <strong>15% \u0645\u0646 \u0627\u0644\u0625\u0646\u0641\u0627\u0642<\/strong> \u0644\u0643\u0646 <strong>48.70x ROAS<\/strong> (\u0645\u0642\u0627\u0628\u0644 7.29x \u0644\u0644\u0640 18-24 \u0627\u0644\u0644\u064a \u0628\u064a\u0627\u062e\u062f\u0648\u0627 38%). <strong>\u062a\u062d\u0648\u064a\u0644 1,000 EGP \u0645\u0646 18-24 \u0644\u0640 35-44 \u064a\u062d\u062a\u0645\u0644 \u064a\u0636\u0627\u0639\u0641 \u0627\u0644\u0625\u064a\u0631\u0627\u062f\u0627\u062a \u0628\u062f\u0648\u0646 \u0632\u064a\u0627\u062f\u0629 \u0627\u0644\u0645\u064a\u0632\u0627\u0646\u064a\u0629.<\/strong><\/p>\n <\/div>\n <div class=\"insight-box warning\">\n <h4>5. \u0627\u0644\u062a\u0634\u062a\u062a \u063a\u064a\u0631 \u0627\u0644\u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a (Strategic Fragmentation)<\/h4>\n <p>31 \u062d\u0645\u0644\u0629 \u0644\u0645\u064a\u0632\u0627\u0646\u064a\u0629 10K EGP\/\u0634\u0647\u0631 = <strong>~321 EGP\/\u062d\u0645\u0644\u0629<\/strong>. \u062f\u0647 \u0623\u0642\u0644 \u0628\u0643\u062a\u064a\u0631 \u0645\u0646 \u062d\u062f \u0627\u0644\u062a\u0639\u0644\u0651\u0645 (Learning Phase Threshold) \u0644\u062e\u0648\u0627\u0631\u0632\u0645\u064a\u0629 Meta. <strong>\u0627\u0644\u0642\u0627\u0639\u062f\u0629 \u0627\u0644\u0630\u0647\u0628\u064a\u0629: \u0627\u0644\u0640 Ad Set \u0645\u062d\u062a\u0627\u062c 50 \u062a\u062d\u0648\u064a\u0644\/\u0623\u0633\u0628\u0648\u0639 \u0644\u0644\u062e\u0631\u0648\u062c \u0645\u0646 Learning Phase.<\/strong> \u0623\u063a\u0644\u0628 \u062d\u0645\u0644\u0627\u062a Engagement \u062e\u0627\u0631\u062c Learning Phase \u062a\u0645\u0627\u0645\u0627\u064b.<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"section dashboard-section\">\n <div class=\"section-header\">\n <div class=\"section-title\" data-section-key=\"recommendations\">\ud83d\ude80 \u062e\u0627\u0631\u0637\u0629 \u0627\u0644\u0637\u0631\u064a\u0642: \u0627\u0644\u062a\u0648\u0635\u064a\u0627\u062a \u0628\u062a\u0631\u062a\u064a\u0628 \u0627\u0644\u0623\u0648\u0644\u0648\u064a\u0629<\/div>\n <span class=\"section-tag\">Action Plan<\/span>\n <\/div>\n\n <div class=\"rec-item priority-1\">\n <div class=\"rec-header\">\n <div class=\"rec-title\">1\ufe0f\u20e3 Scaling Bet \u2014 \u0645\u0636\u0627\u0639\u0641\u0629 Pood \u00d7 35-44<\/div>\n <span class=\"rec-priority\">P1 \u2014 \u0647\u0630\u0627 \u0627\u0644\u0623\u0633\u0628\u0648\u0639<\/span>\n <\/div>\n <div class=\"rec-body\">\n <strong>\u0627\u0644\u0642\u0631\u0627\u0631:<\/strong> Duplicate \u0627\u0644\u0640 Ad Set \"Website-8-pood\" \u0641\u064a \u062d\u0645\u0644\u0629 \u062c\u062f\u064a\u062f\u0629 \u0645\u0639 targeting \u062d\u0635\u0631\u064a \u0644\u0640 35-44\u060c \u0648\u062e\u0635\u0635 \u0644\u0647 <strong>1,500-2,000 EGP\/\u0634\u0647\u0631<\/strong> (3-4x \u0627\u0644\u0625\u0646\u0641\u0627\u0642 \u0627\u0644\u062d\u0627\u0644\u064a \u0639\u0644\u064a\u0647).<br><br>\n <strong>\u0644\u0645\u0627\u0630\u0627:<\/strong> \u0627\u0644\u0641\u0626\u0629 \u062f\u064a \u062d\u0642\u0642\u062a 145x ROAS \u0628\u0625\u0646\u0641\u0627\u0642 \u0636\u0626\u064a\u0644 (448 EGP). \u0627\u0644\u0640 Scaling test \u0647\u064a\u0643\u0634\u0641 \u0647\u0644 \u062f\u0647 ratio \u062d\u0642\u064a\u0642\u064a \u0648\u0644\u0627 artifact \u0645\u0646 \u062d\u062c\u0645 \u0627\u0644\u0639\u064a\u0646\u0629 \u0627\u0644\u0635\u063a\u064a\u0631. <strong>\u0623\u0633\u0648\u0623 \u0633\u064a\u0646\u0627\u0631\u064a\u0648<\/strong> = ROAS \u064a\u0646\u0632\u0644 \u0644\u0640 20-30x \u0648\u062f\u0647 \u064a\u0628\u0642\u0649 \u0644\u0633\u0647 \u0623\u0641\u0636\u0644 \u0623\u062f\u0627\u0621 \u0641\u064a \u0627\u0644\u062d\u0633\u0627\u0628.<br><br>\n <strong>\u0627\u0644\u062a\u0646\u0641\u064a\u0630:<\/strong> \u0627\u0628\u062f\u0623 \u0628\u0640 50 EGP\/\u064a\u0648\u0645 \u0644\u0645\u062f\u0629 7 \u0623\u064a\u0627\u0645 (350 EGP \u0627\u062e\u062a\u0628\u0627\u0631). \u0644\u0648 CPA \u0641\u0636\u0644 \u062a\u062d\u062a 100 EGP\u060c \u0636\u0627\u0639\u0641 \u0627\u0644\u0645\u064a\u0632\u0627\u0646\u064a\u0629 \u0643\u0644 3 \u0623\u064a\u0627\u0645 \u0628\u0640 30% (Manual Scaling Rule).\n <\/div>\n <div class=\"rec-impact\">\n <div class=\"rec-impact-item\"><strong>+15-25 \u0634\u0631\u0627\u0621\/\u0634\u0647\u0631<\/strong>\u062a\u0623\u062b\u064a\u0631 \u0645\u062a\u0648\u0642\u0639<\/div>\n <div class=\"rec-impact-item\"><strong>15K-30K EGP<\/strong>\u0625\u064a\u0631\u0627\u062f \u0645\u062a\u0648\u0642\u0639 \u0625\u0636\u0627\u0641\u064a<\/div>\n <div class=\"rec-impact-item\"><strong>\u0627\u0644\u0645\u064a\u062f\u064a\u0627 \u0628\u0627\u064a\u0631<\/strong>\u0627\u0644\u0645\u0633\u0624\u0648\u0644<\/div>\n <\/div>\n <\/div>\n\n <div class=\"rec-item priority-1\">\n <div class=\"rec-header\">\n <div class=\"rec-title\">2\ufe0f\u20e3 Stop the Bleed \u2014 \u0625\u064a\u0642\u0627\u0641 \u0627\u0644\u0640 30 \u062d\u0645\u0644\u0629 Engagement<\/div>\n <span class=\"rec-priority\">P1 \u2014 \u0647\u0630\u0627 \u0627\u0644\u0623\u0633\u0628\u0648\u0639<\/span>\n <\/div>\n <div class=\"rec-body\">\n <strong>\u0627\u0644\u0642\u0631\u0627\u0631:<\/strong> \u0623\u0648\u0642\u0641 \u0643\u0644 \u0627\u0644\u0640 30 \u062d\u0645\u0644\u0629 \u0628\u0640 Engagement Objective \u0641\u0648\u0631\u0627\u064b\u060c \u0623\u0648 \u062d\u0648\u0651\u0644\u0647\u0627 \u0644\u0640 <strong>Reach Objective<\/strong> \u0644\u0648 \u0627\u0644\u0647\u062f\u0641 \u0641\u0639\u0644\u0627\u064b Brand Awareness \u0644\u0644\u0641\u0631\u0648\u0639.<br><br>\n <strong>\u0644\u0645\u0627\u0630\u0627:<\/strong> \u0627\u0644\u0640 Engagement Objective \u0628\u064a\u062f\u0631\u0651\u0628 \u0627\u0644\u062e\u0648\u0627\u0631\u0632\u0645\u064a\u0629 \u0639\u0644\u0649 \u0625\u064a\u062c\u0627\u062f \u0646\u0627\u0633 <strong>\u0647\u062a\u0639\u0645\u0644 reaction \u0639\u0644\u0649 \u0627\u0644\u0628\u0648\u0633\u062a<\/strong>\u060c \u0645\u0634 \u0646\u0627\u0633 \u0647\u062a\u0634\u062a\u0631\u064a. \u0627\u0644\u0646\u062a\u064a\u062c\u0629: 54,843 \u062a\u0641\u0627\u0639\u0644\u060c 14 \u0646\u0642\u0631\u0629 \u0644\u064a\u0646\u0643\u060c 0 \u0634\u0631\u0627\u0621. <strong>2,381 EGP \u0623\u0646\u0641\u0650\u0642\u062a \u062a\u0642\u0631\u064a\u0628\u0627\u064b \u0628\u062f\u0648\u0646 \u0639\u0627\u0626\u062f commercial.<\/strong><br><br>\n <strong>\u0627\u0644\u062a\u0646\u0641\u064a\u0630:<\/strong> (\u0623) \u0623\u0648\u0642\u0641 \u0627\u0644\u0640 30 \u062d\u0645\u0644\u0629 \u0641\u0648\u0631\u0627\u064b. (\u0628) \u0644\u0648 \u0645\u062d\u062a\u0627\u062c Awareness \u0644\u0644\u0641\u0631\u0648\u0639\u060c \u0627\u0639\u0645\u0644 \u062d\u0645\u0644\u0629 \u0648\u0627\u062d\u062f\u0629 \u0628\u0640 Reach Objective \u0628\u0645\u064a\u0632\u0627\u0646\u064a\u0629 800-1,000 EGP\/\u0634\u0647\u0631 \u062a\u0633\u062a\u0647\u062f\u0641 \u0627\u0644\u062c\u063a\u0631\u0627\u0641\u064a\u0627 \u0627\u0644\u0645\u0637\u0644\u0648\u0628\u0629. (\u062c) <strong>\u0623\u0639\u062f \u062a\u0648\u062c\u064a\u0647 1,500 EGP \u0627\u0644\u0645\u064f\u062d\u0631\u064e\u0651\u0631\u0629 \u0644\u062d\u0645\u0644\u0629 35-44.<\/strong>\n <\/div>\n <div class=\"rec-impact\">\n <div class=\"rec-impact-item\"><strong>+1,500 EGP\/\u0634\u0647\u0631<\/strong>\u0645\u064a\u0632\u0627\u0646\u064a\u0629 \u0645\u062d\u0631\u064e\u0651\u0631\u0629<\/div>\n <div class=\"rec-impact-item\"><strong>\u0648\u0636\u0648\u062d \u0641\u064a \u0627\u0644\u0640 Attribution<\/strong>\u0641\u0627\u0626\u062f\u0629 \u062c\u0627\u0646\u0628\u064a\u0629<\/div>\n <div class=\"rec-impact-item\"><strong>\u0627\u0644\u0645\u0646\u0633\u0642 \u0627\u0644\u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a + \u0627\u0644\u0645\u0635\u0645\u0645<\/strong>\u0627\u0644\u0645\u0633\u0624\u0648\u0644<\/div>\n <\/div>\n <\/div>\n\n <div class=\"rec-item priority-2\">\n <div class=\"rec-header\">\n <div class=\"rec-title\">3\ufe0f\u20e3 Reconciliation Pass \u2014 \u0645\u0637\u0627\u0628\u0642\u0629 Pixel \u0645\u0639 WooCommerce<\/div>\n <span class=\"rec-priority\">P2 \u2014 \u0627\u0644\u0623\u0633\u0628\u0648\u0639 \u0627\u0644\u062c\u0627\u064a<\/span>\n <\/div>\n <div class=\"rec-body\">\n <strong>\u0627\u0644\u0642\u0631\u0627\u0631:<\/strong> \u0627\u0639\u0645\u0644 \u062a\u0635\u062f\u064a\u0631 \u0623\u0648\u0631\u062f\u0631\u0627\u062a WooCommerce \u0644\u0644\u0641\u062a\u0631\u0629 12 \u0623\u0628\u0631\u064a\u0644-11 \u0645\u0627\u064a\u0648\u060c \u0648\u0642\u0627\u0631\u0646\u0647\u0627 \u0628\u0631\u0642\u0645 Meta Pixel (119 \u0634\u0631\u0627\u0621). \u0627\u062d\u0633\u0628 <strong>True ROAS<\/strong> = (WooCommerce Net Revenue \/ Meta Spend).<br><br>\n <strong>\u0644\u0645\u0627\u0630\u0627:<\/strong> \u0627\u0644\u0642\u0631\u0627\u0631\u0627\u062a \u0627\u0644\u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0629 \u0644\u0627\u0632\u0645 \u062a\u062a\u0627\u062e\u062f \u0639\u0644\u0649 \u0627\u0644\u0625\u064a\u0631\u0627\u062f \u0627\u0644\u0641\u0639\u0644\u064a\u060c \u0645\u0634 \u0627\u0644\u0625\u064a\u0631\u0627\u062f \u0627\u0644\u0645\u064f\u0639\u0644\u0646. \u0627\u0644\u0641\u062c\u0648\u0629 \u0641\u064a \u0627\u0644\u0640 COD \u0627\u0644\u0645\u0635\u0631\u064a \u0628\u062a\u0648\u0635\u0644 \u0644\u0640 40% \u0623\u062d\u064a\u0627\u0646\u0627\u064b. <strong>\u0644\u0648 \u0627\u0644\u0640 True ROAS \u0637\u0644\u0639 8x\u060c \u062f\u0647 \u0644\u0633\u0647 \u0645\u0645\u062a\u0627\u0632. \u0644\u0648 \u0637\u0644\u0639 4x\u060c \u062f\u0647 \u064a\u063a\u064a\u0631 \u0627\u0644\u0640 Scaling decision \u0643\u0644\u064a\u0627\u064b.<\/strong><br><br>\n <strong>\u0627\u0644\u062a\u0646\u0641\u064a\u0630:<\/strong> \u0635\u062f\u0650\u0651\u0631 WooCommerce orders \u0628\u062d\u0627\u0644\u0629 \"Completed\" + \"Processing\" (\u0645\u0634 Pending Payment) \u0644\u0644\u0641\u062a\u0631\u0629\u060c \u0627\u062d\u0633\u0628 \u0627\u0644\u0625\u064a\u0631\u0627\u062f \u0627\u0644\u0635\u0627\u0641\u064a \u0628\u0639\u062f \u062e\u0635\u0645 Cancellation. \u0627\u0628\u0639\u062a\u0644\u064a \u0627\u0644\u0645\u0644\u0641 \u0644\u0640 Reconciliation analysis.\n <\/div>\n <div class=\"rec-impact\">\n <div class=\"rec-impact-item\"><strong>True ROAS<\/strong>\u0627\u0644\u0640 KPI \u0627\u0644\u0641\u0639\u0644\u064a<\/div>\n <div class=\"rec-impact-item\"><strong>\u0642\u0631\u0627\u0631\u0627\u062a \u0623\u062f\u0642<\/strong>\u0644\u0644\u0623\u0634\u0647\u0631 \u0627\u0644\u0642\u0627\u062f\u0645\u0629<\/div>\n <div class=\"rec-impact-item\"><strong>Mo + \u0627\u0644\u0645\u062d\u0627\u0633\u0628<\/strong>\u0627\u0644\u0645\u0633\u0624\u0648\u0644<\/div>\n <\/div>\n <\/div>\n\n <div class=\"rec-item priority-2\">\n <div class=\"rec-header\">\n <div class=\"rec-title\">4\ufe0f\u20e3 Audit Dispo \u00d7 35-44 \u2014 \u062d\u0644\u0651 \u0627\u0644\u0623\u0646\u0648\u0645\u0627\u0644\u064a \u0627\u0644\u0633\u0644\u0628\u064a<\/div>\n <span class=\"rec-priority\">P2 \u2014 \u0627\u0644\u0623\u0633\u0628\u0648\u0639 \u0627\u0644\u062c\u0627\u064a<\/span>\n <\/div>\n <div class=\"rec-body\">\n <strong>\u0627\u0644\u0642\u0631\u0627\u0631:<\/strong> \u0631\u0627\u062c\u0639 \u0627\u0644\u0640 Creative + \u0627\u0644\u0640 Offer \u0641\u064a Dispo\u060c \u0648\u0627\u0641\u062d\u0635 \u0644\u064a\u0647 \u0641\u0626\u0629 35-44 ROAS = 4.43x \u0641\u064a\u0647\u0627 (\u0628\u064a\u0646\u0645\u0627 \u0646\u0641\u0633 \u0627\u0644\u0641\u0626\u0629 \u0641\u064a Pood = 145x).<br><br>\n <strong>\u0644\u0645\u0627\u0630\u0627:<\/strong> \u062f\u0647 Anomaly \u0648\u0627\u0636\u062d. \u0646\u0641\u0633 \u0627\u0644\u0641\u0626\u0629 \u0627\u0644\u0639\u0645\u0631\u064a\u0629 \u062a\u0633\u062a\u062c\u064a\u0628 \u0628\u0634\u0643\u0644 \u0645\u062e\u062a\u0644\u0641 \u062c\u0630\u0631\u064a\u0627\u064b \u0644\u0644\u0640 Creatives. \u0627\u0644\u0644\u064a \u0646\u062c\u062d \u0641\u064a Pood (\u063a\u0627\u0644\u0628\u0627\u064b Pods\/Vape Pods Product) \u0645\u0645\u0643\u0646 \u064a\u0643\u0648\u0646 \u0623\u0646\u0633\u0628 \u0644\u0640 35-44 \u0645\u0646 \u0627\u0644\u0644\u064a \u0641\u064a Dispo (\u063a\u0627\u0644\u0628\u0627\u064b Disposable). <strong>\u0627\u0641\u062a\u0631\u0627\u0636 \u0642\u0648\u064a: 35-44 \u064a\u0641\u0636\u0651\u0644\u0648\u0627 \u0645\u0646\u062a\u062c \u0631\u0641\u064a\u0639 (Pods) \u0623\u0643\u062a\u0631 \u0645\u0646 \u0627\u0644\u0645\u0646\u062a\u062c \u0627\u0644\u0623\u0631\u062e\u0635 \u0627\u0644\u0640 Disposable.<\/strong><br><br>\n <strong>\u0627\u0644\u062a\u0646\u0641\u064a\u0630:<\/strong> (\u0623) Exclude \u0641\u0626\u0629 35-44 \u0645\u0646 Dispo. (\u0628) \u0627\u0639\u0645\u0644 Ad Set \u0645\u0646\u0641\u0635\u0644 \u0641\u064a Dispo \u0644\u0640 18-34 \u0641\u0642\u0637 \u0628\u0645\u064a\u0632\u0627\u0646\u064a\u0629 \u0645\u0631\u0643\u0651\u0632\u0629 (\u062f\u064a \u0639\u0645\u0631\u0647\u0645 \u0646\u0642\u0637\u0629 \u0642\u0648\u062a\u0647 10-14x ROAS). (\u062c) Pood \u064a\u0623\u062e\u0630 \u0643\u0644 \u0627\u0644\u0640 35+.\n <\/div>\n <div class=\"rec-impact\">\n <div class=\"rec-impact-item\"><strong>+5-8 \u0634\u0631\u0627\u0621\/\u0634\u0647\u0631<\/strong>\u0645\u0646 \u0625\u0639\u0627\u062f\u0629 \u0627\u0644\u062a\u0648\u062c\u064a\u0647<\/div>\n <div class=\"rec-impact-item\"><strong>\u062a\u062d\u0633\u064a\u0646 ROAS \u0627\u0644\u0625\u062c\u0645\u0627\u0644\u064a<\/strong>+2-3x<\/div>\n <div class=\"rec-impact-item\"><strong>\u0627\u0644\u0645\u064a\u062f\u064a\u0627 \u0628\u0627\u064a\u0631<\/strong>\u0627\u0644\u0645\u0633\u0624\u0648\u0644<\/div>\n <\/div>\n <\/div>\n\n <div class=\"rec-item priority-3\">\n <div class=\"rec-header\">\n <div class=\"rec-title\">5\ufe0f\u20e3 Frequency Watch \u2014 \u0645\u062a\u0627\u0628\u0639\u0629 Dispo (3.22 \u0648\u0639\u0627\u0644\u064a)<\/div>\n <span class=\"rec-priority\">P3 \u2014 \u0645\u0631\u0627\u0642\u0628\u0629 \u0634\u0647\u0631\u064a\u0629<\/span>\n <\/div>\n <div class=\"rec-body\">\n <strong>\u0627\u0644\u0642\u0631\u0627\u0631:<\/strong> \u0627\u0628\u062f\u0623 \u0645\u062a\u0627\u0628\u0639\u0629 Frequency \u0644\u0645\u062c\u0645\u0648\u0639\u0629 Dispo \u0623\u0633\u0628\u0648\u0639\u064a\u0627\u064b. \u062d\u0627\u0644\u064a\u0627\u064b 3.22 \u0648\u0642\u0631\u064a\u0628 \u0645\u0646 \u062d\u062f \u0627\u0644\u0640 Fatigue (3.5).<br><br>\n <strong>\u0644\u0645\u0627\u0630\u0627:<\/strong> Frequency \u0641\u0648\u0642 3.5 \u0628\u064a\u0628\u062f\u0623 Banner Blindness + Creative fatigue. ROAS \u0628\u064a\u0646\u0632\u0644 \u062a\u062f\u0631\u064a\u062c\u064a\u0627\u064b. Pood Frequency = 2.11 (\u0635\u062d\u064a)\u060c Main = 2.23 (\u0635\u062d\u064a). Dispo \u0647\u0648 \u0627\u0644\u0623\u0642\u0631\u0628 \u0644\u0644\u062e\u0637\u0631.<br><br>\n <strong>\u0627\u0644\u0642\u0627\u0639\u062f\u0629:<\/strong> \u0644\u0648 Frequency \u062a\u062e\u0637\u0649 3.5\u060c \u0627\u0639\u0645\u0644 refresh \u0644\u0644\u0640 Creatives (2-3 \u0625\u0639\u0644\u0627\u0646\u0627\u062a \u062c\u062f\u064a\u062f\u0629)\u060c \u0623\u0648 \u062e\u0641\u0651\u0636 \u0627\u0644\u0645\u064a\u0632\u0627\u0646\u064a\u0629 \u0628\u0640 20% \u0644\u0645\u062f\u0629 \u0623\u0633\u0628\u0648\u0639. <strong>\u0644\u0627 \u062a\u0633\u062a\u0645\u0631 \u0628\u0646\u0641\u0633 \u0627\u0644\u0625\u0639\u0644\u0627\u0646\u0627\u062a \u0639\u0644\u0649 Frequency > 4.<\/strong>\n <\/div>\n <div class=\"rec-impact\">\n <div class=\"rec-impact-item\"><strong>\u0645\u0646\u0639 \u0627\u0646\u0647\u064a\u0627\u0631 ROAS<\/strong>\u0642\u0628\u0644 \u0645\u0627 \u064a\u062d\u0635\u0644<\/div>\n <div class=\"rec-impact-item\"><strong>+1 Creative\/\u0623\u0633\u0628\u0648\u0639<\/strong>\u0625\u0646\u062a\u0627\u062c \u0627\u0644\u0645\u0637\u0644\u0648\u0628<\/div>\n <div class=\"rec-impact-item\"><strong>\u0627\u0644\u0645\u0635\u0645\u0645 + \u0627\u0644\u0645\u064a\u062f\u064a\u0627 \u0628\u0627\u064a\u0631<\/strong>\u0627\u0644\u0645\u0633\u0624\u0648\u0644<\/div>\n <\/div>\n <\/div>\n\n <div class=\"rec-item priority-3\">\n <div class=\"rec-header\">\n <div class=\"rec-title\">6\ufe0f\u20e3 Scale Test \u2014 \u0631\u0641\u0639 \u0627\u0644\u0645\u064a\u0632\u0627\u0646\u064a\u0629 \u0627\u0644\u0625\u062c\u0645\u0627\u0644\u064a\u0629 \u062a\u062f\u0631\u064a\u062c\u064a\u0627\u064b<\/div>\n <span class=\"rec-priority\">P3 \u2014 \u0627\u0644\u0634\u0647\u0631 \u0627\u0644\u0642\u0627\u062f\u0645<\/span>\n <\/div>\n <div class=\"rec-body\">\n <strong>\u0627\u0644\u0642\u0631\u0627\u0631:<\/strong> \u0628\u0639\u062f \u062a\u0623\u0643\u064a\u062f True ROAS \u0645\u0646 WooCommerce\u060c \u0644\u0648 \u0638\u0644 > 6x\u060c \u0627\u0631\u0641\u0639 \u0645\u064a\u0632\u0627\u0646\u064a\u0629 \u062d\u0645\u0644\u0629 Website-8 \u062a\u062f\u0631\u064a\u062c\u064a\u0627\u064b \u0645\u0646 7,577 EGP\/\u0634\u0647\u0631 \u0625\u0644\u0649 12,000-15,000 EGP\/\u0634\u0647\u0631.<br><br>\n <strong>\u0644\u0645\u0627\u0630\u0627:<\/strong> \u0627\u0644\u062d\u0645\u0644\u0629 \u0628\u062a\u0634\u062a\u063a\u0644 \u0628\u0643\u0641\u0627\u0621\u0629 \u0639\u0627\u0644\u064a\u0629 \u0648\u0645\u0634 \u0645\u0633\u062a\u063a\u064e\u0644\u0629. <strong>\u0627\u0644\u0645\u062e\u0627\u0637\u0631\u0629 \u0627\u0644\u0623\u0633\u0627\u0633\u064a\u0629<\/strong>: \u062d\u062f\u0648\u062f \u0627\u0644\u062c\u0645\u0647\u0648\u0631 (Audience saturation) - \u0627\u0644\u0645\u064a\u0632\u0627\u0646\u064a\u0629 \u0627\u0644\u0635\u063a\u064a\u0631\u0629 \u0627\u0644\u062d\u0627\u0644\u064a\u0629 \u062a\u062e\u062f\u0645 \u0622\u062f\u0633\u064a\u062a\u0633 \u0644\u0640 Reach \u0635\u063a\u064a\u0631 (21K-22K \u0644\u0640 Pood\/Dispo). \u0627\u0644\u0640 Scale \u0645\u0645\u0643\u0646 \u064a\u0631\u0641\u0639 CPM \u0648\u0627\u0644\u0640 ROAS \u064a\u0646\u0632\u0644. <strong>\u0627\u062e\u062a\u0628\u0627\u0631 \u0642\u0628\u0644 \u0627\u0644\u0627\u0644\u062a\u0632\u0627\u0645.<\/strong><br><br>\n <strong>\u0627\u0644\u062a\u0646\u0641\u064a\u0630:<\/strong> \u0627\u0631\u0641\u0639 20% \u0643\u0644 4 \u0623\u064a\u0627\u0645\u060c \u0631\u0627\u0642\u0628 CPA. <strong>Kill rule:<\/strong> \u0644\u0648 CPA \u062a\u062e\u0637\u0649 150 EGP \u0644\u0640 3 \u0623\u064a\u0627\u0645 \u0645\u062a\u062a\u0627\u0644\u064a\u0629\u060c \u0631\u062c\u0651\u0639 \u0627\u0644\u0645\u064a\u0632\u0627\u0646\u064a\u0629 \u0644\u0644\u0645\u0633\u062a\u0648\u0649 \u0627\u0644\u0633\u0627\u0628\u0642.\n <\/div>\n <div class=\"rec-impact\">\n <div class=\"rec-impact-item\"><strong>+40-80 \u0634\u0631\u0627\u0621\/\u0634\u0647\u0631<\/strong>\u0647\u062f\u0641 Scaling<\/div>\n <div class=\"rec-impact-item\"><strong>+5,000 EGP\/\u0634\u0647\u0631<\/strong>\u0627\u0644\u0645\u064a\u0632\u0627\u0646\u064a\u0629 \u0627\u0644\u0645\u0637\u0644\u0648\u0628\u0629<\/div>\n <div class=\"rec-impact-item\"><strong>Mo + \u0627\u0644\u0645\u064a\u062f\u064a\u0627 \u0628\u0627\u064a\u0631<\/strong>\u0627\u0644\u0645\u0633\u0624\u0648\u0644<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"section dashboard-section\">\n <div class=\"section-header\">\n <div class=\"section-title\" data-section-key=\"kpis\">\ud83d\udcd0 \u0625\u0637\u0627\u0631 \u0627\u0644\u0640 KPIs \u0644\u0644\u0634\u0647\u0631 \u0627\u0644\u0642\u0627\u062f\u0645<\/div>\n <span class=\"section-tag\">KPI Framework<\/span>\n <\/div>\n <div class=\"card\">\n <div class=\"scroll-container\">\n <table class=\"data-table\">\n <thead>\n <tr>\n <th>KPI<\/th>\n <th>\u0627\u0644\u0645\u0633\u062a\u0648\u0649 \u0627\u0644\u062d\u0627\u0644\u064a<\/th>\n <th>\u0647\u062f\u0641 \u0627\u0644\u0634\u0647\u0631 \u0627\u0644\u0642\u0627\u062f\u0645<\/th>\n <th>Pause Trigger<\/th>\n <th>Kill Trigger<\/th>\n <\/tr>\n <\/thead>\n <tbody>\n <tr>\n <td><strong>ROAS (Pixel)<\/strong><\/td>\n <td class=\"num\">12.62x<\/td>\n <td class=\"num num-success\">\u2265 10x<\/td>\n <td class=\"num num-warning\">< 7x \u0644\u0623\u0633\u0628\u0648\u0639<\/td>\n <td class=\"num num-danger\">< 4x \u0644\u0623\u0633\u0628\u0648\u0639\u064a\u0646<\/td>\n <\/tr>\n <tr>\n <td><strong>True ROAS (WooCommerce)<\/strong><\/td>\n <td class=\"num\">\u063a\u064a\u0631 \u0645\u0639\u0631\u0648\u0641<\/td>\n <td class=\"num num-success\">\u2265 6x<\/td>\n <td class=\"num num-warning\">< 4x<\/td>\n <td class=\"num num-danger\">< 2.5x<\/td>\n <\/tr>\n <tr>\n <td><strong>CPA<\/strong><\/td>\n <td class=\"num\">63.67 EGP<\/td>\n <td class=\"num num-success\">< 100 EGP<\/td>\n <td class=\"num num-warning\">100-150 EGP<\/td>\n <td class=\"num num-danger\">> 200 EGP<\/td>\n <\/tr>\n <tr>\n <td><strong>Frequency (Sales adsets)<\/strong><\/td>\n <td class=\"num\">2.0-3.22<\/td>\n <td class=\"num num-success\">< 3.0<\/td>\n <td class=\"num num-warning\">3.5-4.0<\/td>\n <td class=\"num num-danger\">> 4.5<\/td>\n <\/tr>\n <tr>\n <td><strong>\u0639\u062f\u062f \u0627\u0644\u0645\u0634\u062a\u0631\u064a\u0627\u062a\/\u0634\u0647\u0631<\/strong><\/td>\n <td class=\"num\">119<\/td>\n <td class=\"num num-success\">\u2265 160<\/td>\n <td class=\"num num-warning\">< 100<\/td>\n <td class=\"num num-danger\">< 60<\/td>\n <\/tr>\n <tr>\n <td><strong>\u0639\u062f\u062f \u0627\u0644\u062d\u0645\u0644\u0627\u062a \u0627\u0644\u0646\u0634\u0637\u0629<\/strong><\/td>\n <td class=\"num num-danger\">31<\/td>\n <td class=\"num num-success\">3-5<\/td>\n <td>-<\/td>\n <td>-<\/td>\n <\/tr>\n <\/tbody>\n <\/table>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"section dashboard-section\">\n <div class=\"section-header\">\n <div class=\"section-title\" data-section-key=\"plan\">\ud83d\udcc5 \u062e\u0637\u0629 \u0627\u0644\u0640 30 \u064a\u0648\u0645 \u0627\u0644\u0642\u0627\u062f\u0645\u0629<\/div>\n <span class=\"section-tag\">Execution<\/span>\n <\/div>\n <div class=\"row-equal-3\">\n <div class=\"card\">\n <div class=\"card-title\">\u0627\u0644\u0623\u0633\u0628\u0648\u0639 1 \u2014 Stop the Bleed<\/div>\n <div class=\"card-subtitle\">\u0625\u064a\u0642\u0627\u0641 \u0627\u0644\u0646\u0632\u064a\u0641 \u0648\u0625\u0639\u0627\u062f\u0629 \u0627\u0644\u062a\u0648\u062c\u064a\u0647<\/div>\n <ul style=\"list-style: none; padding: 0; margin-top: 12px;\">\n <li style=\"padding: 8px 0; border-bottom: 1px solid var(--border); font-size: 13px;\">\u23f8\ufe0f \u0625\u064a\u0642\u0627\u0641 \u0627\u0644\u0640 30 \u062d\u0645\u0644\u0629 Engagement<\/li>\n <li style=\"padding: 8px 0; border-bottom: 1px solid var(--border); font-size: 13px;\">\ud83d\udd04 Duplicate Pood adset \u0644\u0640 35-44 (Test)<\/li>\n <li style=\"padding: 8px 0; border-bottom: 1px solid var(--border); font-size: 13px;\">\ud83d\udeab Exclude 35-44 \u0645\u0646 Dispo<\/li>\n <li style=\"padding: 8px 0; font-size: 13px;\">\ud83d\udcca \u062a\u0635\u062f\u064a\u0631 WooCommerce orders<\/li>\n <\/ul>\n <\/div>\n <div class=\"card\">\n <div class=\"card-title\">\u0627\u0644\u0623\u0633\u0628\u0648\u0639 2 \u2014 Validate<\/div>\n <div class=\"card-subtitle\">\u062d\u0633\u0627\u0628 True ROAS \u0648\u062a\u0623\u0643\u064a\u062f \u0627\u0644\u0640 Scaling Test<\/div>\n <ul style=\"list-style: none; padding: 0; margin-top: 12px;\">\n <li style=\"padding: 8px 0; border-bottom: 1px solid var(--border); font-size: 13px;\">\ud83d\udcca Reconciliation Pass \u0643\u0627\u0645\u0644<\/li>\n <li style=\"padding: 8px 0; border-bottom: 1px solid var(--border); font-size: 13px;\">\ud83d\udcc8 Scaling \u0623\u0648\u0644 30% \u0639\u0644\u0649 Pood<\/li>\n <li style=\"padding: 8px 0; border-bottom: 1px solid var(--border); font-size: 13px;\">\ud83c\udfa8 \u0625\u0646\u062a\u0627\u062c 2 Creatives \u062c\u062f\u062f \u0644\u0640 Dispo<\/li>\n <li style=\"padding: 8px 0; font-size: 13px;\">\ud83d\udcde Reach campaign \u0644\u0644\u0641\u0631\u0648\u0639 (\u0627\u062e\u062a\u064a\u0627\u0631\u064a)<\/li>\n <\/ul>\n <\/div>\n <div class=\"card\">\n <div class=\"card-title\">\u0627\u0644\u0623\u0633\u0628\u0648\u0639 3-4 \u2014 Scale & Refine<\/div>\n <div class=\"card-subtitle\">\u0631\u0641\u0639 \u0627\u0644\u0645\u064a\u0632\u0627\u0646\u064a\u0629 \u0648\u062a\u062c\u0647\u064a\u0632 \u0627\u0644\u0634\u0647\u0631 \u0627\u0644\u0642\u0627\u062f\u0645<\/div>\n <ul style=\"list-style: none; padding: 0; margin-top: 12px;\">\n <li style=\"padding: 8px 0; border-bottom: 1px solid var(--border); font-size: 13px;\">\ud83d\udcc8 \u0631\u0641\u0639 \u0645\u064a\u0632\u0627\u0646\u064a\u0629 Website-8 +20% \u0643\u0644 4 \u0623\u064a\u0627\u0645<\/li>\n <li style=\"padding: 8px 0; border-bottom: 1px solid var(--border); font-size: 13px;\">\ud83d\udcca \u0645\u0631\u0627\u0642\u0628\u0629 Frequency \u064a\u0648\u0645\u064a\u0627\u064b<\/li>\n <li style=\"padding: 8px 0; border-bottom: 1px solid var(--border); font-size: 13px;\">\ud83c\udfaf \u062a\u062d\u0636\u064a\u0631 \u0627\u0644\u0640 KPI dashboard \u0627\u0644\u0644\u064a \u0645\u0631\u0628\u0648\u0637 \u0628\u0640 n8n<\/li>\n <li style=\"padding: 8px 0; font-size: 13px;\">\ud83d\udcc5 \u0625\u0639\u062f\u0627\u062f \u062a\u0642\u0631\u064a\u0631 \u0627\u0644\u0634\u0647\u0631 \u0627\u0644\u0642\u0627\u062f\u0645<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n\n \n\n<div class=\"section\">\n <div class=\"section-header\">\n <div class=\"section-title\">\ud83e\uddee \u062d\u0627\u0633\u0628\u0629 \u0627\u0644\u0625\u0646\u0641\u0627\u0642 \u0648\u0627\u0644\u0640 ROAS<\/div>\n <span class=\"section-tag\">AI Calculator<\/span>\n <\/div>\n\n <div class=\"card\" style=\"border:1px solid rgba(255,46,136,0.25);\">\n <div class=\"card-title\">\u062d\u0627\u0633\u0628\u0629 \u062a\u0648\u0642\u0639\u0627\u062a \u0627\u0644\u0623\u062f\u0627\u0621 \u0627\u0644\u0625\u0639\u0644\u0627\u0646\u064a<\/div>\n <div class=\"card-subtitle\">\n \u0627\u062d\u0633\u0628 \u0627\u0644\u0625\u064a\u0631\u0627\u062f\u0627\u062a \u0627\u0644\u0645\u062a\u0648\u0642\u0639\u0629 \u0648\u0627\u0644\u0640 CPA \u0648\u0627\u0644\u0640 ROAS \u0628\u0646\u0627\u0621\u064b \u0639\u0644\u0649 \u0627\u0644\u0645\u064a\u0632\u0627\u0646\u064a\u0629 \u0627\u0644\u062d\u0627\u0644\u064a\u0629\n <\/div>\n\n <div style=\"display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-top:20px;\">\n\n <div>\n <label style=\"display:block;margin-bottom:8px;color:#bbb;\">\u0627\u0644\u0645\u064a\u0632\u0627\u0646\u064a\u0629 \u0627\u0644\u0625\u0639\u0644\u0627\u0646\u064a\u0629 (EGP)<\/label>\n <input id=\"budgetInput\" type=\"number\" value=\"10000\"\n style=\"width:100%;padding:14px;border-radius:12px;background:#12121a;border:1px solid #333;color:white;font-size:16px;\">\n <\/div>\n\n <div>\n <label style=\"display:block;margin-bottom:8px;color:#bbb;\">ROAS \u0627\u0644\u0645\u062a\u0648\u0642\u0639<\/label>\n <input id=\"roasInput\" type=\"number\" step=\"0.1\" value=\"12.6\"\n style=\"width:100%;padding:14px;border-radius:12px;background:#12121a;border:1px solid #333;color:white;font-size:16px;\">\n <\/div>\n\n <div>\n <label style=\"display:block;margin-bottom:8px;color:#bbb;\">CPA \u0627\u0644\u0645\u062a\u0648\u0642\u0639<\/label>\n <input id=\"cpaInput\" type=\"number\" value=\"64\"\n style=\"width:100%;padding:14px;border-radius:12px;background:#12121a;border:1px solid #333;color:white;font-size:16px;\">\n <\/div>\n\n <\/div>\n\n <button onclick=\"calculateMetrics()\"\n style=\"margin-top:24px;background:linear-gradient(135deg,#ff2e88,#ff4fa3);border:none;padding:14px 28px;border-radius:12px;color:white;font-size:16px;font-weight:700;cursor:pointer;\">\n \u062d\u0633\u0627\u0628 \u0627\u0644\u0646\u062a\u0627\u0626\u062c\n <\/button>\n\n <div style=\"display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-top:28px;\">\n\n <div class=\"kpi-card featured\">\n <div class=\"kpi-label\">\u0627\u0644\u0625\u064a\u0631\u0627\u062f \u0627\u0644\u0645\u062a\u0648\u0642\u0639<\/div>\n <div class=\"kpi-value\" id=\"expectedRevenue\">126,000 EGP<\/div>\n <\/div>\n\n <div class=\"kpi-card\">\n <div class=\"kpi-label\">\u0639\u062f\u062f \u0627\u0644\u0645\u0634\u062a\u0631\u064a\u0627\u062a \u0627\u0644\u0645\u062a\u0648\u0642\u0639<\/div>\n <div class=\"kpi-value\" id=\"expectedPurchases\">156<\/div>\n <\/div>\n\n <div class=\"kpi-card\">\n <div class=\"kpi-label\">\u0635\u0627\u0641\u064a \u0627\u0644\u0631\u0628\u062d\u064a\u0629 \u0627\u0644\u062a\u0642\u062f\u064a\u0631\u064a<\/div>\n <div class=\"kpi-value\" id=\"profitEstimate\">116,000 EGP<\/div>\n <\/div>\n\n <\/div>\n <\/div>\n<\/div>\n\n\n\n \n<div class=\"footer\">\n <p><strong>Ruby Ai Dashboard<\/strong><\/p>\n <p>Advanced Advertising Intelligence Platform \u00b7 Powered by AI Analytics<\/p>\n <p style=\"margin-top: 8px;\">Designed & Developed by <strong>Stuff X<\/strong><\/p>\n<\/div>\n\n<\/div>\n\n\n<script>\n\/\/ === DATA ===\nconst data = {\n objective: {\n sales: { spend: 7576.90, pct: 76.09, revenue: 125627, purchases: 119, roas: 16.58 },\n engagement: { spend: 2380.81, pct: 23.91, revenue: 0, purchases: 0, engagements: 54843 }\n },\n ages: [\n { age: '18-24', spend: 2888.56, purchases: 42, roas: 7.29, spend_pct: 38.12 },\n { age: '25-34', spend: 2672.89, purchases: 51, roas: 10.66, spend_pct: 35.28 },\n { age: '35-44', spend: 1502.87, purchases: 22, roas: 48.70, spend_pct: 19.83 },\n { age: '45-54', spend: 422.49, purchases: 4, roas: 6.83, spend_pct: 5.58 },\n { age: '55-64', spend: 67.72, purchases: 0, roas: 0, spend_pct: 0.89 },\n { age: '65+', spend: 22.37, purchases: 0, roas: 0, spend_pct: 0.30 }\n ],\n adsets: [\n { name: 'Website-8-Pood', spend: 2717.64, purchases: 39, roas: 29.09, cpa: 69.68, frequency: 2.11, tag: 'star', tagText: '\u2b50 \u0646\u062c\u0645 \u0627\u0644\u062d\u0633\u0627\u0628' },\n { name: 'Website-8-Dispo', spend: 3943.24, purchases: 69, roas: 10.36, cpa: 57.15, frequency: 3.22, tag: 'volume', tagText: '\ud83d\udce6 \u0645\u062d\u0631\u0651\u0643 \u0627\u0644\u062d\u062c\u0645' },\n { name: 'Website-8-Main', spend: 916.02, purchases: 11, roas: 6.25, cpa: 83.27, frequency: 2.23, tag: 'weak', tagText: '\u26a0\ufe0f \u0627\u0644\u0623\u0636\u0639\u0641' }\n ],\n heatmap: {\n 'Website-8-Pood': { '18-24': {roas:5.02,cpa:74.96,spend:1199}, '25-34': {roas:7.05,cpa:82.57,spend:908}, '35-44': {roas:145.19,cpa:44.88,spend:449}, '45-54': {roas:11.24,cpa:65.36,spend:131}, '55-64': {roas:0,cpa:null,spend:21}, '65+': {roas:0,cpa:null,spend:10} },\n 'Website-8-Dispo': { '18-24': {roas:10.45,cpa:54.55,spend:1364}, '25-34': {roas:14.84,cpa:38.91,spend:1440}, '35-44': {roas:4.43,cpa:172.62,spend:863}, '45-54': {roas:6.14,cpa:115.26,spend:231}, '55-64': {roas:0,cpa:null,spend:37}, '65+': {roas:0,cpa:null,spend:9} },\n 'Website-8-Main': { '18-24': {roas:2.42,cpa:325.53,spend:326}, '25-34': {roas:2.26,cpa:108.29,spend:325}, '35-44': {roas:22.02,cpa:27.29,spend:191}, '45-54': {roas:0,cpa:null,spend:61}, '55-64': {roas:0,cpa:null,spend:10}, '65+': {roas:0,cpa:null,spend:4} }\n },\n waste: [\n { campaign: 'Tagamo3-branch-reel-26-4', spend: 178.91, eng: 9610, links: 0, cplc: '\u2014' },\n { campaign: 'elmansoura-reel-5-5', spend: 176.07, eng: 8847, links: 1, cplc: 176.07 },\n { campaign: 'damanhour-reel-7-5', spend: 150.44, eng: 6691, links: 3, cplc: 50.15 },\n { campaign: 'dvm-1', spend: 138.21, eng: 7430, links: 1, cplc: 138.21 },\n { campaign: 'zen-reel', spend: 112.19, eng: 5302, links: 2, cplc: 56.10 },\n { campaign: 'samanod-reel-30-4', spend: 110.80, eng: 4173, links: 0, cplc: '\u2014' },\n { campaign: 'Mubarak-branch-3-5', spend: 107.00, eng: 78, links: 0, cplc: '\u2014' },\n { campaign: 'sherben-branch-poster-27-4', spend: 99.20, eng: 88, links: 1, cplc: 99.20 },\n { campaign: 'vipe-se-3-5', spend: 92.38, eng: 3700, links: 2, cplc: 46.19 },\n { campaign: 'shokry-10-5', spend: 78.23, eng: 70, links: 0, cplc: '\u2014' }\n ]\n};\n\n\/\/ Chart.js defaults\nChart.defaults.font.family = \"'Cairo', sans-serif\";\nChart.defaults.font.weight = '600';\nChart.defaults.color = '#8b8b9a';\n\n\/\/ === CHART 1: OBJECTIVE SPLIT ===\nnew Chart(document.getElementById('objectiveChart'), {\n type: 'doughnut',\n data: {\n labels: ['Sales (Website-8) - \u062d\u0645\u0644\u0629 \u0648\u0627\u062d\u062f\u0629', 'Engagement - 30 \u062d\u0645\u0644\u0629'],\n datasets: [{\n data: [data.objective.sales.spend, data.objective.engagement.spend],\n backgroundColor: ['#d4af37', '#ef4444'],\n borderColor: '#16161f',\n borderWidth: 3,\n hoverOffset: 8\n }]\n },\n options: {\n responsive: true,\n maintainAspectRatio: false,\n cutout: '65%',\n plugins: {\n legend: { position: 'bottom', labels: { padding: 16, font: { size: 13 } } },\n tooltip: {\n callbacks: {\n label: (ctx) => `${ctx.label}: ${ctx.raw.toLocaleString('en-US', {maximumFractionDigits: 2})} EGP (${(ctx.raw\/9957.71*100).toFixed(1)}%)`\n }\n }\n }\n }\n});\n\n\/\/ === CHART 2: AGE PERFORMANCE ===\nnew Chart(document.getElementById('ageChart'), {\n type: 'bar',\n data: {\n labels: data.ages.map(a => a.age),\n datasets: [\n {\n label: '\u0627\u0644\u0625\u0646\u0641\u0627\u0642 (EGP)',\n data: data.ages.map(a => a.spend),\n backgroundColor: 'rgba(59, 130, 246, 0.5)',\n borderColor: '#3b82f6',\n borderWidth: 1,\n yAxisID: 'y'\n },\n {\n label: 'ROAS',\n data: data.ages.map(a => a.roas),\n backgroundColor: 'rgba(212, 175, 55, 0.7)',\n borderColor: '#d4af37',\n borderWidth: 1,\n yAxisID: 'y1',\n type: 'line',\n tension: 0.3,\n pointRadius: 6,\n pointBackgroundColor: '#d4af37'\n }\n ]\n },\n options: {\n responsive: true,\n maintainAspectRatio: false,\n plugins: {\n legend: { position: 'bottom', labels: { padding: 16, font: { size: 12 } } },\n tooltip: {\n callbacks: {\n afterLabel: (ctx) => {\n if (ctx.datasetIndex === 0) {\n const age = data.ages[ctx.dataIndex];\n return `${age.spend_pct.toFixed(1)}% \u0645\u0646 \u0627\u0644\u0625\u0646\u0641\u0627\u0642 \u00b7 ${age.purchases} \u0634\u0631\u0627\u0621`;\n }\n return '';\n }\n }\n }\n },\n scales: {\n y: { position: 'right', title: { display: true, text: '\u0627\u0644\u0625\u0646\u0641\u0627\u0642 EGP', color: '#8b8b9a' }, grid: { color: '#2a2a38' } },\n y1: { position: 'left', title: { display: true, text: 'ROAS (x)', color: '#d4af37' }, grid: { drawOnChartArea: false } },\n x: { grid: { color: '#2a2a38' } }\n }\n }\n});\n\n\/\/ === AGE TABLE ===\nconst ageBody = document.getElementById('ageTableBody');\ndata.ages.forEach(a => {\n const tag = a.roas >= 20 ? 'success' : a.roas >= 8 ? 'info' : a.roas >= 4 ? 'warning' : 'danger';\n ageBody.innerHTML += `\n <tr>\n <td><strong>${a.age}<\/strong><\/td>\n <td class=\"num\">${a.spend.toLocaleString('en-US', {maximumFractionDigits: 0})}<\/td>\n <td class=\"num\">${a.purchases}<\/td>\n <td><span class=\"tag tag-${tag}\">${a.roas.toFixed(2)}x<\/span><\/td>\n <\/tr>\n `;\n});\n\n\/\/ === HEATMAP ===\nconst heatmapBody = document.getElementById('heatmapBody');\nconst ages = ['18-24', '25-34', '35-44', '45-54', '55-64', '65+'];\nconst getCellColor = (roas) => {\n if (roas === 0) return { bg: '#252531', color: '#5a5a6e' };\n if (roas >= 50) return { bg: 'rgba(212, 175, 55, 0.5)', color: '#fef3c7' };\n if (roas >= 20) return { bg: 'rgba(34, 197, 94, 0.4)', color: '#bbf7d0' };\n if (roas >= 10) return { bg: 'rgba(34, 197, 94, 0.25)', color: '#86efac' };\n if (roas >= 5) return { bg: 'rgba(59, 130, 246, 0.25)', color: '#93c5fd' };\n if (roas >= 2) return { bg: 'rgba(245, 158, 11, 0.25)', color: '#fcd34d' };\n return { bg: 'rgba(239, 68, 68, 0.25)', color: '#fca5a5' };\n};\n\nObject.keys(data.heatmap).forEach(adset => {\n let row = `<tr><td class=\"heatmap-label\">${adset}<\/td>`;\n ages.forEach(age => {\n const cell = data.heatmap[adset][age];\n const c = getCellColor(cell.roas);\n const cpaTxt = cell.cpa !== null ? `CPA ${cell.cpa}` : '\u2014';\n row += `<td class=\"heatmap-cell\" style=\"background:${c.bg}; color:${c.color};\">\n ${cell.roas === 0 ? '\u2014' : cell.roas.toFixed(1) + 'x'}\n <span class=\"sub\">${cell.spend} EGP \u00b7 ${cpaTxt}<\/span>\n <\/td>`;\n });\n row += '<\/tr>';\n heatmapBody.innerHTML += row;\n});\n\n\/\/ === ADSET CARDS ===\nconst adsetCards = document.getElementById('adsetCards');\ndata.adsets.forEach(a => {\n const tagClass = a.tag === 'star' ? 'gold' : a.tag === 'volume' ? 'info' : 'warning';\n const cardClass = a.tag === 'star' ? 'featured' : '';\n adsetCards.innerHTML += `\n <div class=\"card ${cardClass}\">\n <div style=\"display:flex; justify-content:space-between; align-items:flex-start; margin-bottom: 16px;\">\n <div>\n <div class=\"card-title\">${a.name}<\/div>\n <span class=\"tag tag-${tagClass}\" style=\"margin-top: 4px; display:inline-block;\">${a.tagText}<\/span>\n <\/div>\n <\/div>\n <div style=\"display: grid; grid-template-columns: 1fr 1fr; gap: 12px;\">\n <div><div class=\"kpi-label\">\u0627\u0644\u0625\u0646\u0641\u0627\u0642<\/div><div style=\"font-size: 20px; font-weight: 800;\">${a.spend.toLocaleString('en-US', {maximumFractionDigits: 0})} <span style=\"font-size: 12px; color: #8b8b9a;\">EGP<\/span><\/div><\/div>\n <div><div class=\"kpi-label\">\u0627\u0644\u0645\u0634\u062a\u0631\u064a\u0627\u062a<\/div><div style=\"font-size: 20px; font-weight: 800;\">${a.purchases}<\/div><\/div>\n <div><div class=\"kpi-label\">ROAS<\/div><div style=\"font-size: 20px; font-weight: 800; color: ${a.roas >= 20 ? '#d4af37' : a.roas >= 10 ? '#86efac' : '#fcd34d'}\">${a.roas.toFixed(2)}x<\/div><\/div>\n <div><div class=\"kpi-label\">CPA<\/div><div style=\"font-size: 20px; font-weight: 800;\">${a.cpa.toFixed(2)} <span style=\"font-size: 12px; color: #8b8b9a;\">EGP<\/span><\/div><\/div>\n <\/div>\n <div style=\"margin-top: 16px; padding-top: 14px; border-top: 1px solid var(--border);\">\n <div style=\"display: flex; justify-content: space-between; font-size: 12px; color: var(--text-dim);\">\n <span>Frequency: <strong style=\"color: ${a.frequency > 3 ? '#fcd34d' : '#86efac'}\">${a.frequency.toFixed(2)}<\/strong><\/span>\n <span>${a.frequency > 3 ? '\u26a0\ufe0f \u0631\u0627\u0642\u0628 \u0627\u0644\u0640 Fatigue' : '\u2713 \u0635\u062d\u064a'}<\/span>\n <\/div>\n <\/div>\n <\/div>\n `;\n});\n\n\/\/ === WASTE TABLE ===\nconst wasteBody = document.getElementById('wasteTableBody');\ndata.waste.forEach(w => {\n wasteBody.innerHTML += `\n <tr>\n <td><strong style=\"font-size: 13px;\">${w.campaign}<\/strong><\/td>\n <td class=\"num\">${w.spend.toFixed(2)} EGP<\/td>\n <td class=\"num num-success\">${w.eng.toLocaleString('en-US')}<\/td>\n <td class=\"num num-warning\">${w.links}<\/td>\n <td class=\"num num-danger\">${typeof w.cplc === 'number' ? w.cplc.toFixed(2) + ' EGP' : w.cplc}<\/td>\n <td><span class=\"tag tag-danger\">0<\/span><\/td>\n <\/tr>\n `;\n});\n\n\n\n\/\/ === INTERACTIVE NAVIGATION \/ FILTERS ===\nconst sectionTitles = Array.from(document.querySelectorAll('[data-section-key]'));\nsectionTitles.forEach(title => title.closest('.dashboard-section').dataset.section = title.dataset.sectionKey);\nconst allSections = Array.from(document.querySelectorAll('.dashboard-section'));\ndocument.querySelectorAll('.nav-btn').forEach(btn => {\n btn.addEventListener('click', () => {\n document.querySelectorAll('.nav-btn').forEach(b => b.classList.remove('active'));\n btn.classList.add('active');\n const target = btn.dataset.target;\n allSections.forEach(sec => sec.classList.toggle('hidden-section', target !== 'all' && sec.dataset.section !== target));\n if (target !== 'all') document.querySelector(`[data-section=\"${target}\"]`)?.scrollIntoView({behavior:'smooth', block:'start'});\n else window.scrollTo({top:0, behavior:'smooth'});\n });\n});\n\nconst searchInput = document.getElementById('quickSearch');\nsearchInput.addEventListener('input', () => {\n const q = searchInput.value.trim().toLowerCase();\n allSections.forEach(sec => {\n if (!q) { sec.classList.remove('hidden-section'); return; }\n sec.classList.toggle('hidden-section', !sec.innerText.toLowerCase().includes(q));\n });\n document.querySelectorAll('.nav-btn').forEach(b => b.classList.remove('active'));\n});\n\ndocument.getElementById('compactToggle').addEventListener('click', (e) => {\n e.currentTarget.classList.toggle('active');\n document.querySelectorAll('.card-subtitle,.insight-box p,.rec-body,.rec-impact').forEach(el => {\n el.style.display = e.currentTarget.classList.contains('active') ? 'none' : '';\n });\n});\n\nconst cancelRate = document.getElementById('cancelRate');\nfunction updateCodScenario(){\n const rate = Number(cancelRate.value) \/ 100;\n const revenue = 125627 * (1-rate);\n const roas = revenue \/ 9957.71;\n const orders = Math.round(119 * (1-rate));\n document.getElementById('cancelLabel').textContent = `${Math.round(rate*100)}%`;\n document.getElementById('trueRevenue').textContent = `${Math.round(revenue).toLocaleString('en-US')} EGP`;\n document.getElementById('trueRoas').textContent = `${roas.toFixed(2)}x`;\n document.getElementById('trueOrders').textContent = orders;\n}\ncancelRate.addEventListener('input', updateCodScenario);\nupdateCodScenario();\n\n<\/script>\n\n<script>\nfunction calculateMetrics() {\n const budget = parseFloat(document.getElementById('budgetInput').value) || 0;\n const roas = parseFloat(document.getElementById('roasInput').value) || 0;\n const cpa = parseFloat(document.getElementById('cpaInput').value) || 1;\n\n const revenue = budget * roas;\n const purchases = Math.round(budget \/ cpa);\n const profit = revenue - budget;\n\n document.getElementById('expectedRevenue').innerText =\n revenue.toLocaleString() + ' EGP';\n\n document.getElementById('expectedPurchases').innerText =\n purchases.toLocaleString();\n\n document.getElementById('profitEstimate').innerText =\n profit.toLocaleString() + ' EGP';\n}\n<\/script>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Ruby Ai Dashboard – \u0645\u0627\u064a\u0648 2026 \u25c6 RUBY AI \u25c6 Ruby Ai Dashboard Advanced Advertising Intelligence Platform \ud83d\udcca Meta Ads 12 \u0623\u0628\u0631\u064a\u0644 \u2192 11 \u0645\u0627\u064a\u0648 2026 \u26a0\ufe0f \u062a\u0646\u0628\u064a\u0647 \u0642\u0628\u0644 \u0627\u0644\u0642\u0631\u0627\u0621\u0629: \u0643\u0644 \u0627\u0644\u0623\u0631\u0642\u0627\u0645 \u0645\u0628\u0646\u064a\u0629 \u0639\u0644\u0649 Meta Pixel \u0623\u0631\u0642\u0627\u0645 \u0627\u0644\u0640 ROAS \u0648\u0627\u0644\u0645\u0634\u062a\u0631\u064a\u0627\u062a \u0648\u0627\u0644\u0625\u064a\u0631\u0627\u062f\u0627\u062a \u0627\u0644\u0644\u064a \u0647\u062a\u0634\u0648\u0641\u0647\u0627 \u0623\u062f\u0646\u0627\u0647 \u0645\u0623\u062e\u0648\u0630\u0629 \u0645\u0646 \u062a\u062a\u0628\u0639 Meta Pixel (\u0648\u0642\u062a \u0627\u0644\u0640 Checkout)\u060c \u0645\u0634 \u0645\u0646 \u0623\u0648\u0631\u062f\u0631\u0627\u062a […]<\/p>\n","protected":false},"author":1,"featured_media":4488,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-4486","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/stuff-x.net\/ar\/wp-json\/wp\/v2\/pages\/4486","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/stuff-x.net\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/stuff-x.net\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/stuff-x.net\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/stuff-x.net\/ar\/wp-json\/wp\/v2\/comments?post=4486"}],"version-history":[{"count":0,"href":"https:\/\/stuff-x.net\/ar\/wp-json\/wp\/v2\/pages\/4486\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/stuff-x.net\/ar\/wp-json\/wp\/v2\/media\/4488"}],"wp:attachment":[{"href":"https:\/\/stuff-x.net\/ar\/wp-json\/wp\/v2\/media?parent=4486"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t

\n\t\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\t\t\n\n\n\n\nRuby Ai Dashboard - \u0645\u0627\u064a\u0648 2026<\/title>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@400;600;700;900&family=IBM+Plex+Sans+Arabic:wght@400;600;700&display=swap\" rel=\"stylesheet\">\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/chart.js@4.4.0\/dist\/chart.umd.min.js\"><\/script>\n<style>\n:root {\n --bg: #0a0a0f;\n --bg-2: #12121a;\n --bg-3: #1a1a24;\n --surface: #16161f;\n --border: #2a2a38;\n --border-light: #353548;\n --text: #f5f5f7;\n --text-dim: #8b8b9a;\n --text-mute: #5a5a6e;\n --accent: #ff2e88; \/* gold for vape\/luxury feel *\/\n --accent-dim: #8a7320;\n --success: #22c55e;\n --warning: #f59e0b;\n --danger: #ef4444;\n --info: #3b82f6;\n --purple: #a855f7;\n --gradient-gold: linear-gradient(135deg, #ff2e88 0%, #ff4fa3 50%, #ff2e88 100%);\n --gradient-danger: linear-gradient(135deg, #dc2626 0%, #ef4444 100%);\n --gradient-success: linear-gradient(135deg, #16a34a 0%, #22c55e 100%);\n}\n\n* { box-sizing: border-box; margin: 0; padding: 0; }\n\nbody {\n font-family: 'Cairo', 'IBM Plex Sans Arabic', sans-serif;\n background: var(--bg);\n color: var(--text);\n min-height: 100vh;\n line-height: 1.6;\n font-weight: 400;\n background-image:\n radial-gradient(at 80% 0%, rgba(212, 175, 55, 0.05) 0px, transparent 50%),\n radial-gradient(at 0% 50%, rgba(168, 85, 247, 0.03) 0px, transparent 50%);\n}\n\n.container { max-width: 1400px; margin: 0 auto; padding: 32px 24px; }\n\n\/* Header *\/\n.header {\n display: flex; justify-content: space-between; align-items: flex-start;\n margin-bottom: 32px; padding-bottom: 24px;\n border-bottom: 1px solid var(--border);\n}\n.header-left h1 {\n font-size: 32px; font-weight: 900; letter-spacing: -0.5px;\n background: var(--gradient-gold);\n -webkit-background-clip: text; -webkit-text-fill-color: transparent;\n background-clip: text;\n}\n.header-left .subtitle {\n color: var(--text-dim); font-size: 15px; margin-top: 6px;\n}\n.header-right { text-align: left; }\n.period-badge {\n display: inline-block; padding: 6px 14px;\n background: var(--bg-3); border: 1px solid var(--border-light);\n border-radius: 999px; font-size: 13px; color: var(--text-dim);\n font-weight: 600;\n}\n.platform-badge {\n display: inline-block; padding: 6px 14px; margin-right: 8px;\n background: rgba(59, 130, 246, 0.1); border: 1px solid rgba(59, 130, 246, 0.3);\n color: #60a5fa; border-radius: 999px; font-size: 13px; font-weight: 600;\n}\n\n\/* Critical Banner *\/\n.critical-banner {\n background: linear-gradient(135deg, rgba(239, 68, 68, 0.1) 0%, rgba(239, 68, 68, 0.03) 100%);\n border: 1px solid rgba(239, 68, 68, 0.3); border-right: 4px solid var(--danger);\n padding: 20px 24px; border-radius: 12px; margin-bottom: 24px;\n display: flex; gap: 16px; align-items: flex-start;\n}\n.critical-banner .icon {\n font-size: 28px; line-height: 1;\n}\n.critical-banner h3 {\n font-size: 17px; font-weight: 700; color: #fca5a5; margin-bottom: 6px;\n}\n.critical-banner p { color: var(--text-dim); font-size: 14px; }\n\n\/* KPI Grid *\/\n.kpi-grid {\n display: grid; grid-template-columns: repeat(4, 1fr);\n gap: 16px; margin-bottom: 32px;\n}\n.kpi-card {\n background: var(--surface); border: 1px solid var(--border);\n border-radius: 14px; padding: 20px; position: relative; overflow: hidden;\n transition: all 0.3s ease;\n}\n.kpi-card:hover {\n border-color: var(--border-light);\n transform: translateY(-2px);\n}\n.kpi-card.featured {\n background: linear-gradient(135deg, rgba(212, 175, 55, 0.08) 0%, rgba(212, 175, 55, 0.02) 100%);\n border-color: rgba(212, 175, 55, 0.3);\n}\n.kpi-card.danger {\n background: linear-gradient(135deg, rgba(239, 68, 68, 0.05) 0%, transparent 100%);\n border-color: rgba(239, 68, 68, 0.2);\n}\n.kpi-label {\n font-size: 12px; color: var(--text-mute); text-transform: uppercase;\n letter-spacing: 1px; margin-bottom: 8px; font-weight: 600;\n}\n.kpi-value {\n font-size: 28px; font-weight: 800; line-height: 1.1; letter-spacing: -0.5px;\n}\n.kpi-card.featured .kpi-value { color: var(--accent); }\n.kpi-unit { font-size: 14px; color: var(--text-dim); font-weight: 600; margin-right: 4px; }\n.kpi-subtext {\n font-size: 12px; color: var(--text-mute); margin-top: 8px;\n display: flex; align-items: center; gap: 6px;\n}\n.kpi-subtext .dot {\n width: 6px; height: 6px; border-radius: 50%; background: var(--success);\n display: inline-block;\n}\n.kpi-subtext .dot.warning { background: var(--warning); }\n.kpi-subtext .dot.danger { background: var(--danger); }\n\n\/* Section *\/\n.section {\n margin-bottom: 36px;\n}\n.section-header {\n display: flex; justify-content: space-between; align-items: baseline;\n margin-bottom: 16px;\n}\n.section-title {\n font-size: 20px; font-weight: 700; letter-spacing: -0.3px;\n}\n.section-tag {\n font-size: 11px; padding: 4px 10px; border-radius: 4px;\n background: var(--bg-3); color: var(--text-mute);\n font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase;\n}\n\n\/* Cards *\/\n.card {\n background: var(--surface); border: 1px solid var(--border);\n border-radius: 14px; padding: 24px;\n}\n.card-title {\n font-size: 15px; font-weight: 700; margin-bottom: 4px;\n}\n.card-subtitle {\n font-size: 13px; color: var(--text-dim); margin-bottom: 20px;\n}\n\n\/* Two-column *\/\n.row-2 { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }\n.row-3 { display: grid; grid-template-columns: 2fr 1fr; gap: 16px; }\n.row-equal-3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }\n\n\/* Charts *\/\n.chart-container {\n position: relative; height: 320px;\n}\n.chart-container.tall { height: 380px; }\n.chart-container.short { height: 240px; }\n\n\/* Heatmap *\/\n.heatmap-table {\n width: 100%; border-collapse: separate; border-spacing: 4px;\n}\n.heatmap-table th {\n padding: 10px 8px; font-size: 12px; font-weight: 600;\n color: var(--text-dim); text-align: center;\n}\n.heatmap-table th:first-child {\n text-align: right; padding-right: 12px; min-width: 160px;\n}\n.heatmap-cell {\n padding: 14px 10px; text-align: center; border-radius: 8px;\n font-weight: 700; font-size: 14px; position: relative;\n min-height: 50px;\n}\n.heatmap-cell .sub {\n display: block; font-size: 10px; font-weight: 500; opacity: 0.7;\n margin-top: 2px;\n}\n.heatmap-label {\n padding: 14px 12px; font-size: 13px; font-weight: 600;\n background: var(--bg-3); border-radius: 8px;\n}\n\n\/* Tables *\/\n.data-table {\n width: 100%; border-collapse: collapse;\n}\n.data-table th {\n text-align: right; padding: 10px 12px; font-size: 11px;\n font-weight: 700; color: var(--text-mute); text-transform: uppercase;\n letter-spacing: 1px; border-bottom: 1px solid var(--border);\n}\n.data-table td {\n padding: 14px 12px; font-size: 14px; border-bottom: 1px solid var(--border);\n vertical-align: middle;\n}\n.data-table tr:hover td { background: var(--bg-3); }\n.data-table .num { font-variant-numeric: tabular-nums; font-weight: 600; }\n.data-table .num-danger { color: #fca5a5; }\n.data-table .num-success { color: #86efac; }\n.data-table .num-warning { color: #fcd34d; }\n\n\/* Tags *\/\n.tag {\n display: inline-block; padding: 3px 10px; border-radius: 6px;\n font-size: 11px; font-weight: 700;\n}\n.tag-danger { background: rgba(239, 68, 68, 0.15); color: #fca5a5; }\n.tag-warning { background: rgba(245, 158, 11, 0.15); color: #fcd34d; }\n.tag-success { background: rgba(34, 197, 94, 0.15); color: #86efac; }\n.tag-info { background: rgba(59, 130, 246, 0.15); color: #93c5fd; }\n.tag-gold { background: rgba(212, 175, 55, 0.15); color: var(--accent); }\n\n\/* Insight Boxes *\/\n.insight-box {\n background: var(--bg-3); border-radius: 10px; padding: 16px;\n border-right: 3px solid var(--info);\n margin-bottom: 12px;\n}\n.insight-box.gold { border-right-color: var(--accent); background: rgba(212, 175, 55, 0.05); }\n.insight-box.danger { border-right-color: var(--danger); background: rgba(239, 68, 68, 0.05); }\n.insight-box.success { border-right-color: var(--success); background: rgba(34, 197, 94, 0.05); }\n.insight-box.warning { border-right-color: var(--warning); background: rgba(245, 158, 11, 0.05); }\n.insight-box h4 {\n font-size: 14px; font-weight: 700; margin-bottom: 6px;\n display: flex; align-items: center; gap: 8px;\n}\n.insight-box p { font-size: 13px; color: var(--text-dim); line-height: 1.7; }\n.insight-box strong { color: var(--text); font-weight: 700; }\n\n\/* Recommendations *\/\n.rec-item {\n background: var(--bg-3); border-radius: 12px; padding: 18px;\n margin-bottom: 12px;\n border-right: 4px solid var(--info);\n position: relative;\n}\n.rec-item.priority-1 { border-right-color: var(--danger); }\n.rec-item.priority-2 { border-right-color: var(--warning); }\n.rec-item.priority-3 { border-right-color: var(--info); }\n.rec-header {\n display: flex; justify-content: space-between; align-items: center;\n margin-bottom: 10px;\n}\n.rec-title { font-size: 15px; font-weight: 700; }\n.rec-priority {\n font-size: 10px; padding: 3px 8px; border-radius: 4px;\n font-weight: 800; letter-spacing: 1px;\n}\n.rec-item.priority-1 .rec-priority { background: rgba(239, 68, 68, 0.2); color: #fca5a5; }\n.rec-item.priority-2 .rec-priority { background: rgba(245, 158, 11, 0.2); color: #fcd34d; }\n.rec-item.priority-3 .rec-priority { background: rgba(59, 130, 246, 0.2); color: #93c5fd; }\n.rec-body { font-size: 13px; color: var(--text-dim); line-height: 1.7; }\n.rec-body strong { color: var(--text); }\n.rec-impact {\n display: flex; gap: 14px; margin-top: 12px;\n padding-top: 12px; border-top: 1px solid var(--border);\n font-size: 12px;\n}\n.rec-impact-item { color: var(--text-dim); }\n.rec-impact-item strong {\n color: var(--text); font-weight: 700; display: block;\n font-size: 14px;\n}\n\n\/* Footer *\/\n.footer {\n margin-top: 48px; padding-top: 24px; border-top: 1px solid var(--border);\n text-align: center; color: var(--text-mute); font-size: 12px;\n}\n.footer strong { color: var(--text-dim); }\n\n\/* Mobile *\/\n@media (max-width: 900px) {\n .container { padding: 20px 16px; }\n .header { flex-direction: column; gap: 16px; }\n .kpi-grid { grid-template-columns: repeat(2, 1fr); }\n .row-2, .row-3, .row-equal-3 { grid-template-columns: 1fr; }\n .kpi-value { font-size: 24px; }\n .heatmap-table th:first-child { min-width: 100px; font-size: 11px; }\n .heatmap-cell { padding: 10px 6px; font-size: 12px; }\n}\n\n\/* Scroll indicator *\/\n.scroll-fade {\n position: relative;\n}\n.scroll-fade::after {\n content: ''; position: absolute; left: 0; top: 0; bottom: 0; width: 30px;\n background: linear-gradient(to left, var(--surface), transparent);\n pointer-events: none;\n}\n.scroll-container { overflow-x: auto; }\n\n\/* Interactive top controls *\/\n.action-bar{position:sticky;top:0;z-index:50;background:rgba(10,10,15,.88);backdrop-filter:blur(14px);border:1px solid var(--border);border-radius:16px;padding:12px;margin:-8px 0 28px;display:flex;gap:10px;align-items:center;overflow-x:auto;box-shadow:0 10px 30px rgba(0,0,0,.22)}\n.nav-btn,.toggle-btn{font-family:inherit;border:1px solid var(--border-light);background:var(--bg-3);color:var(--text-dim);padding:10px 14px;border-radius:999px;cursor:pointer;font-weight:800;font-size:13px;white-space:nowrap;transition:.2s ease}\n.nav-btn:hover,.toggle-btn:hover,.nav-btn.active,.toggle-btn.active{border-color:rgba(212,175,55,.65);color:var(--accent);background:rgba(212,175,55,.10);transform:translateY(-1px)}\n.control-panel{display:grid;grid-template-columns:1.1fr .9fr;gap:16px;margin-bottom:32px}.control-panel .mini-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:18px}.range-wrap{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.range-wrap input{accent-color:#d4af37;min-width:220px}.scenario-output{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px}.scenario-output div{background:var(--bg-3);border:1px solid var(--border);border-radius:10px;padding:12px}.scenario-output span{display:block;color:var(--text-mute);font-size:11px;font-weight:800}.scenario-output strong{font-size:18px;color:var(--accent)}\n.dashboard-section{scroll-margin-top:90px}.hidden-section{display:none!important}.print-btn{margin-right:auto;background:rgba(34,197,94,.1);border-color:rgba(34,197,94,.35);color:#86efac}.search-box{background:var(--bg-3);border:1px solid var(--border-light);border-radius:999px;color:var(--text);padding:10px 14px;font-family:inherit;min-width:220px}.search-box::placeholder{color:var(--text-mute)}\n@media (max-width:900px){.control-panel{grid-template-columns:1fr}.scenario-output{grid-template-columns:1fr}.action-bar{top:0;border-radius:12px}.search-box{min-width:170px}}\n@media print{.action-bar,.control-panel{display:none}.card,.kpi-card,.rec-item{break-inside:avoid}body{background:#fff;color:#000}.container{max-width:100%;padding:0}.section{display:block!important}}\n\n\nbody {\n background-image:\n radial-gradient(at 80% 0%, rgba(255, 46, 136, 0.10) 0px, transparent 50%),\n radial-gradient(at 0% 50%, rgba(255, 46, 136, 0.06) 0px, transparent 50%);\n}\n\n.header {\n border-bottom: 1px solid rgba(255,46,136,0.2);\n}\n\n.kpi-card.featured {\n background: linear-gradient(135deg, rgba(255, 46, 136, 0.12) 0%, rgba(255, 46, 136, 0.03) 100%);\n border-color: rgba(255, 46, 136, 0.35);\n box-shadow: 0 0 25px rgba(255,46,136,0.08);\n}\n\n.card:hover, .kpi-card:hover {\n box-shadow: 0 0 25px rgba(255,46,136,0.10);\n}\n\n.footer {\n border-top: 1px solid rgba(255,46,136,0.25);\n}\n\n\n\/* ===== MOBILE RESPONSIVE ENHANCEMENTS ===== *\/\n\nhtml, body {\n overflow-x: hidden;\n}\n\n.container {\n width: 100%;\n max-width: 100%;\n}\n\ninput, button {\n min-height: 48px;\n}\n\n.chart-container canvas {\n max-width: 100% !important;\n}\n\n@media (max-width: 768px) {\n\n body {\n font-size: 14px;\n }\n\n .container {\n padding: 14px;\n }\n\n .header {\n flex-direction: column;\n align-items: flex-start;\n gap: 14px;\n }\n\n .header-left h1 {\n font-size: 24px !important;\n line-height: 1.3;\n }\n\n .subtitle {\n font-size: 13px !important;\n }\n\n .kpi-grid,\n .row-2,\n .row-3,\n .row-equal-3 {\n grid-template-columns: 1fr !important;\n }\n\n .kpi-card {\n padding: 16px;\n }\n\n .kpi-value {\n font-size: 24px !important;\n word-break: break-word;\n }\n\n .section-title {\n font-size: 18px !important;\n line-height: 1.4;\n }\n\n .card {\n padding: 16px;\n overflow: hidden;\n }\n\n .chart-container {\n height: 260px !important;\n }\n\n table {\n min-width: 680px;\n }\n\n .scroll-container {\n overflow-x: auto;\n -webkit-overflow-scrolling: touch;\n }\n\n .heatmap-cell {\n font-size: 11px !important;\n padding: 10px 4px !important;\n }\n\n .heatmap-cell .sub {\n font-size: 9px !important;\n }\n\n .rec-impact {\n flex-direction: column;\n gap: 10px;\n }\n\n .rec-header {\n flex-direction: column;\n align-items: flex-start;\n gap: 8px;\n }\n\n button {\n width: 100%;\n }\n\n input {\n font-size: 16px !important;\n }\n\n .footer {\n text-align: center;\n padding-bottom: 40px;\n }\n}\n\n@media (max-width: 480px) {\n\n .header-left h1 {\n font-size: 20px !important;\n }\n\n .kpi-value {\n font-size: 20px !important;\n }\n\n .card-title {\n font-size: 15px !important;\n }\n\n .section-title {\n font-size: 16px !important;\n }\n\n .chart-container {\n height: 220px !important;\n }\n}\n\n<\/style>\n<\/head>\n<body>\n<div class=\"container\">\n\n \n <header class=\"header\">\n <div class=\"header-left\"><div style=\"font-size:14px;color:#ff4fa3;font-weight:800;letter-spacing:2px;margin-bottom:6px;\">\u25c6 RUBY AI \u25c6<\/div>\n <h1>Ruby Ai Dashboard<\/h1>\n <div class=\"subtitle\">Advanced Advertising Intelligence Platform<\/div>\n <\/div>\n <div class=\"header-right\">\n <span class=\"platform-badge\">\ud83d\udcca Meta Ads<\/span>\n <span class=\"period-badge\">12 \u0623\u0628\u0631\u064a\u0644 \u2192 11 \u0645\u0627\u064a\u0648 2026<\/span>\n <\/div>\n <\/header>\n\n \n <div class=\"critical-banner\">\n <div class=\"icon\">\u26a0\ufe0f<\/div>\n <div>\n <h3>\u062a\u0646\u0628\u064a\u0647 \u0642\u0628\u0644 \u0627\u0644\u0642\u0631\u0627\u0621\u0629: \u0643\u0644 \u0627\u0644\u0623\u0631\u0642\u0627\u0645 \u0645\u0628\u0646\u064a\u0629 \u0639\u0644\u0649 Meta Pixel<\/h3>\n <p>\u0623\u0631\u0642\u0627\u0645 \u0627\u0644\u0640 ROAS \u0648\u0627\u0644\u0645\u0634\u062a\u0631\u064a\u0627\u062a \u0648\u0627\u0644\u0625\u064a\u0631\u0627\u062f\u0627\u062a \u0627\u0644\u0644\u064a \u0647\u062a\u0634\u0648\u0641\u0647\u0627 \u0623\u062f\u0646\u0627\u0647 \u0645\u0623\u062e\u0648\u0630\u0629 \u0645\u0646 \u062a\u062a\u0628\u0639 Meta Pixel (\u0648\u0642\u062a \u0627\u0644\u0640 Checkout)\u060c \u0645\u0634 \u0645\u0646 \u0623\u0648\u0631\u062f\u0631\u0627\u062a WooCommerce \u0627\u0644\u0645\u062f\u0641\u0648\u0639\u0629 \u0641\u0639\u0644\u064a\u0627\u064b. \u0641\u064a \u0633\u0648\u0642 \u0627\u0644\u0640 COD \u0627\u0644\u0645\u0635\u0631\u064a\u060c \u0641\u062c\u0648\u0629 \u0627\u0644\u0640 Cancellation \u0639\u0627\u062f\u0629\u064b 20-40%. <strong>\u0627\u0644\u0640 True ROAS \u0627\u0644\u0641\u0639\u0644\u064a \u0639\u0644\u0649 \u0627\u0644\u0623\u0631\u062c\u062d \u0628\u064a\u0646 7.5x \u0648 13x<\/strong> \u0628\u062f\u0644\u0627\u064b \u0645\u0646 \u0627\u0644\u0640 12.62x \u0627\u0644\u0645\u0639\u0644\u0646. \u062a\u0648\u0635\u064a\u0629: \u0639\u0645\u0644 Reconciliation Pass \u0645\u0639 \u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u0640 WooCommerce \u0628\u0639\u062f \u0627\u0644\u062a\u0642\u0631\u064a\u0631 \u062f\u0647.<\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"kpi-grid\">\n <div class=\"kpi-card featured\">\n <div class=\"kpi-label\">\u0625\u062c\u0645\u0627\u0644\u064a \u0627\u0644\u0625\u0646\u0641\u0627\u0642<\/div>\n <div class=\"kpi-value\">9,957.71 <span class=\"kpi-unit\">EGP<\/span><\/div>\n <div class=\"kpi-subtext\"><span class=\"dot warning\"><\/span>\u0645\u062a\u0648\u0633\u0637 331.92 EGP\/\u064a\u0648\u0645 \u00b7 \u0645\u0639\u062f\u0644 \u0645\u0646\u062e\u0641\u0636<\/div>\n <\/div>\n <div class=\"kpi-card featured\">\n <div class=\"kpi-label\">\u0625\u062c\u0645\u0627\u0644\u064a \u0627\u0644\u0625\u064a\u0631\u0627\u062f\u0627\u062a (Pixel)<\/div>\n <div class=\"kpi-value\">125,627 <span class=\"kpi-unit\">EGP<\/span><\/div>\n <div class=\"kpi-subtext\"><span class=\"dot warning\"><\/span>\u0642\u0628\u0644 \u062e\u0635\u0645 Cancellation \u0627\u0644\u0640 COD<\/div>\n <\/div>\n <div class=\"kpi-card featured\">\n <div class=\"kpi-label\">ROAS (\u0627\u0644\u0645\u064f\u0639\u0644\u0646)<\/div>\n <div class=\"kpi-value\">12.62<span class=\"kpi-unit\">x<\/span><\/div>\n <div class=\"kpi-subtext\"><span class=\"dot warning\"><\/span>True ROAS \u2248 7.5-10x<\/div>\n <\/div>\n <div class=\"kpi-card featured\">\n <div class=\"kpi-label\">CPA (\u062a\u0643\u0644\u0641\u0629 \u0627\u0644\u0634\u0631\u0627\u0621)<\/div>\n <div class=\"kpi-value\">63.67 <span class=\"kpi-unit\">EGP<\/span><\/div>\n <div class=\"kpi-subtext\"><span class=\"dot\"><\/span>\u0635\u062d\u064a \u062c\u062f\u0627\u064b \u0645\u0642\u0627\u0631\u0646\u0629 \u0628\u0640 AOV<\/div>\n <\/div>\n <div class=\"kpi-card\">\n <div class=\"kpi-label\">\u0639\u062f\u062f \u0627\u0644\u0645\u0634\u062a\u0631\u064a\u0627\u062a<\/div>\n <div class=\"kpi-value\">119<\/div>\n <div class=\"kpi-subtext\"><span class=\"dot\"><\/span>~4 \u0623\u0648\u0631\u062f\u0631\u0627\u062a\/\u064a\u0648\u0645<\/div>\n <\/div>\n <div class=\"kpi-card\">\n <div class=\"kpi-label\">\u0645\u062a\u0648\u0633\u0637 \u0642\u064a\u0645\u0629 \u0627\u0644\u0637\u0644\u0628 (AOV)<\/div>\n <div class=\"kpi-value\">1,055.69 <span class=\"kpi-unit\">EGP<\/span><\/div>\n <div class=\"kpi-subtext\"><span class=\"dot\"><\/span>\u0633\u0639\u0631 \u0645\u0642\u0628\u0648\u0644 \u0644\u0644\u0642\u0637\u0627\u0639<\/div>\n <\/div>\n <div class=\"kpi-card\">\n <div class=\"kpi-label\">CTR (\u0627\u0644\u0643\u0644)<\/div>\n <div class=\"kpi-value\">6.86<span class=\"kpi-unit\">%<\/span><\/div>\n <div class=\"kpi-subtext\"><span class=\"dot\"><\/span>\u0645\u0631\u062a\u0641\u0639 \u0628\u0633\u0628\u0628 Engagement campaigns<\/div>\n <\/div>\n <div class=\"kpi-card\">\n <div class=\"kpi-label\">CPC (Link)<\/div>\n <div class=\"kpi-value\">1.41 <span class=\"kpi-unit\">EGP<\/span><\/div>\n <div class=\"kpi-subtext\"><span class=\"dot\"><\/span>\u062a\u0643\u0644\u0641\u0629 \u0646\u0642\u0631\u0629 \u0641\u0639\u0644\u064a\u0629 \u0644\u0644\u0645\u0648\u0642\u0639<\/div>\n <\/div>\n <\/div>\n\n\n \n <div class=\"action-bar\" aria-label=\"\u0623\u0632\u0631\u0627\u0631 \u0627\u0644\u062a\u0646\u0642\u0644 \u062f\u0627\u062e\u0644 \u0627\u0644\u0644\u0648\u062d\u0629\">\n <button class=\"nav-btn active\" data-target=\"all\">\u0627\u0644\u0643\u0644<\/button>\n <button class=\"nav-btn\" data-target=\"overview\">\u0645\u0644\u062e\u0635 \u0627\u0644\u0623\u062f\u0627\u0621<\/button>\n <button class=\"nav-btn\" data-target=\"heatmap\">\u062e\u0631\u064a\u0637\u0629 ROAS<\/button>\n <button class=\"nav-btn\" data-target=\"age\">\u0627\u0644\u062c\u0645\u0647\u0648\u0631<\/button>\n <button class=\"nav-btn\" data-target=\"adsets\">Ad Sets<\/button>\n <button class=\"nav-btn\" data-target=\"waste\">\u0627\u0644\u0646\u0632\u064a\u0641<\/button>\n <button class=\"nav-btn\" data-target=\"recommendations\">\u0627\u0644\u062a\u0648\u0635\u064a\u0627\u062a<\/button>\n <button class=\"nav-btn\" data-target=\"plan\">\u062e\u0637\u0629 30 \u064a\u0648\u0645<\/button>\n <input id=\"quickSearch\" class=\"search-box\" placeholder=\"\u0627\u0628\u062d\u062b \u062f\u0627\u062e\u0644 \u0627\u0644\u062a\u0642\u0631\u064a\u0631...\" \/>\n <button class=\"toggle-btn\" id=\"compactToggle\">\u0648\u0636\u0639 \u0645\u062e\u062a\u0635\u0631<\/button>\n <button class=\"toggle-btn print-btn\" onclick=\"window.print()\">\u0637\u0628\u0627\u0639\u0629 \/ PDF<\/button>\n <\/div>\n\n <div class=\"control-panel\">\n <div class=\"mini-card\">\n <div class=\"card-title\">\u062d\u0627\u0633\u0628\u0629 \u062a\u0623\u062b\u064a\u0631 \u0627\u0644\u0640 COD Cancellation \u0639\u0644\u0649 True ROAS<\/div>\n <div class=\"card-subtitle\">\u062d\u0631\u0651\u0643 \u0627\u0644\u0646\u0633\u0628\u0629 \u0644\u062a\u0642\u062f\u064a\u0631 \u0627\u0644\u0625\u064a\u0631\u0627\u062f \u0627\u0644\u062d\u0642\u064a\u0642\u064a \u0628\u0639\u062f \u0627\u0644\u0625\u0644\u063a\u0627\u0621\u0627\u062a\/\u0627\u0644\u0631\u0641\u0636<\/div>\n <div class=\"range-wrap\">\n <strong>\u0646\u0633\u0628\u0629 \u0627\u0644\u0625\u0644\u063a\u0627\u0621:<\/strong>\n <input id=\"cancelRate\" type=\"range\" min=\"0\" max=\"50\" value=\"30\" step=\"5\">\n <span id=\"cancelLabel\" class=\"tag tag-warning\">30%<\/span>\n <\/div>\n <div class=\"scenario-output\">\n <div><span>True Revenue<\/span><strong id=\"trueRevenue\">87,939 EGP<\/strong><\/div>\n <div><span>True ROAS<\/span><strong id=\"trueRoas\">8.83x<\/strong><\/div>\n <div><span>Expected Delivered Orders<\/span><strong id=\"trueOrders\">83<\/strong><\/div>\n <\/div>\n <\/div>\n <div class=\"mini-card\">\n <div class=\"card-title\">\u0642\u0631\u0627\u0631\u0627\u062a \u0633\u0631\u064a\u0639\u0629 \u0645\u0646 \u0627\u0644\u0644\u0648\u062d\u0629<\/div>\n <div class=\"card-subtitle\">\u0645\u062e\u062a\u0635\u0631 \u062a\u0646\u0641\u064a\u0630\u064a \u0642\u0627\u0628\u0644 \u0644\u0644\u062a\u0646\u0641\u064a\u0630<\/div>\n <div class=\"insight-box danger\"><h4>\u0623\u0648\u0642\u0641<\/h4><p>\u062d\u0645\u0644\u0627\u062a Engagement \u0627\u0644\u062d\u0627\u0644\u064a\u0629 \u0644\u0623\u0646\u0647\u0627 \u0623\u0646\u0641\u0642\u062a 2,380.81 EGP \u0628\u062f\u0648\u0646 \u0645\u0634\u062a\u0631\u064a\u0627\u062a \u0645\u0628\u0627\u0634\u0631\u0629.<\/p><\/div>\n <div class=\"insight-box gold\"><h4>\u0636\u0627\u0639\u0641 \u0627\u062e\u062a\u0628\u0627\u0631\u064a\u0627\u064b<\/h4><p>Pood \u00d7 35-44 \u0644\u0623\u0646\u0647\u0627 \u0623\u0639\u0644\u0649 \u0646\u0642\u0637\u0629 ROAS \u0641\u064a \u0627\u0644\u062d\u0633\u0627\u0628.<\/p><\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"section dashboard-section\">\n <div class=\"section-header\">\n <div class=\"section-title\" data-section-key=\"overview\">\ud83c\udfaf \u0627\u0644\u062d\u0642\u064a\u0642\u0629 \u0627\u0644\u0623\u0647\u0645: \u062d\u0645\u0644\u0629 \u0648\u0627\u062d\u062f\u0629 \u0628\u062a\u0648\u0644\u0651\u062f \u0643\u0644 \u0627\u0644\u0625\u064a\u0631\u0627\u062f\u0627\u062a<\/div>\n <span class=\"section-tag\">Core Finding<\/span>\n <\/div>\n <div class=\"row-3\">\n <div class=\"card\">\n <div class=\"card-title\">\u062a\u0648\u0632\u064a\u0639 \u0627\u0644\u0625\u0646\u0641\u0627\u0642 \u062d\u0633\u0628 \u0627\u0644\u0647\u062f\u0641 \u0627\u0644\u0625\u0639\u0644\u0627\u0646\u064a (Objective)<\/div>\n <div class=\"card-subtitle\">76% \u0645\u0646 \u0627\u0644\u0645\u064a\u0632\u0627\u0646\u064a\u0629 \u0639\u0644\u0649 \u062d\u0645\u0644\u0629 \u0648\u0627\u062d\u062f\u0629 (Sales) \u00b7 24% \u0639\u0644\u0649 30 \u062d\u0645\u0644\u0629 \u062a\u0641\u0627\u0639\u0644 \u0628\u062f\u0648\u0646 \u0645\u0628\u064a\u0639\u0627\u062a<\/div>\n <div class=\"chart-container\"><canvas id=\"objectiveChart\"><\/canvas><\/div>\n <\/div>\n <div class=\"card\">\n <div class=\"card-title\">\u0627\u0644\u0645\u0633\u0627\u0647\u0645\u0629 \u0641\u064a \u0627\u0644\u0625\u064a\u0631\u0627\u062f\u0627\u062a<\/div>\n <div class=\"card-subtitle\">\u0627\u0644\u0648\u0627\u0642\u0639 \u0644\u0627 \u0627\u0644\u0625\u062d\u0633\u0627\u0633<\/div>\n <div style=\"margin-top: 20px;\">\n <div class=\"insight-box success\">\n <h4>\u2705 Sales Campaign \u0648\u0627\u062d\u062f\u0629 \u0641\u0642\u0637<\/h4>\n <p><strong>Website-8<\/strong> \u00b7 \u0623\u0646\u0641\u0642\u062a 7,576.90 EGP \u00b7 \u062d\u0642\u0642\u062a <strong>119 \u0634\u0631\u0627\u0621<\/strong> \u00b7 \u0625\u064a\u0631\u0627\u062f\u0627\u062a <strong>125,627 EGP<\/strong> \u00b7 ROAS <strong>16.58x<\/strong><\/p>\n <\/div>\n <div class=\"insight-box danger\">\n <h4>\u274c 30 Engagement Campaign<\/h4>\n <p>\u0623\u0646\u0641\u0642\u062a <strong>2,380.81 EGP<\/strong> (24% \u0645\u0646 \u0627\u0644\u0645\u064a\u0632\u0627\u0646\u064a\u0629) \u00b7 \u062d\u0642\u0642\u062a 54,843 \u062a\u0641\u0627\u0639\u0644 \u00b7 <strong>0 \u0634\u0631\u0627\u0621 \u0645\u0628\u0627\u0634\u0631<\/strong> \u00b7 14 \u0646\u0642\u0631\u0629 \u0641\u0642\u0637 \u0639\u0644\u0649 \u0631\u0648\u0627\u0628\u0637<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"section dashboard-section\">\n <div class=\"section-header\">\n <div class=\"section-title\" data-section-key=\"heatmap\">\ud83d\udd25 \u062e\u0631\u064a\u0637\u0629 \u0627\u0644\u0630\u0647\u0628 \u0627\u0644\u062e\u0641\u064a: ROAS \u0644\u0643\u0644 \u0645\u062c\u0645\u0648\u0639\u0629 \u00d7 \u0639\u0645\u0631<\/div>\n <span class=\"section-tag\">Hidden Opportunity<\/span>\n <\/div>\n <div class=\"card\">\n <div class=\"card-title\">\u0642\u0631\u0627\u0621\u0629 \u0627\u0644\u0640 Heatmap: ROAS \u0641\u0639\u0644\u064a \u0644\u0643\u0644 \u062a\u0642\u0627\u0637\u0639 \u0628\u064a\u0646 Ad Set \u0648\u0627\u0644\u0641\u0626\u0629 \u0627\u0644\u0639\u0645\u0631\u064a\u0629<\/div>\n <div class=\"card-subtitle\">\u0627\u0644\u0631\u0642\u0645 \u0627\u0644\u0623\u062e\u0636\u0631 = goldmine\u060c \u0627\u0644\u0623\u062d\u0645\u0631 = \u0646\u0632\u064a\u0641 \u0645\u064a\u0632\u0627\u0646\u064a\u0629\u060c \u0627\u0644\u0631\u0645\u0627\u062f\u064a = \u0625\u0646\u0641\u0627\u0642 \u0645\u062d\u062f\u0648\u062f<\/div>\n <div class=\"scroll-container\">\n <table class=\"heatmap-table\">\n <thead>\n <tr>\n <th><\/th>\n <th>18-24<\/th>\n <th>25-34<\/th>\n <th>35-44<\/th>\n <th>45-54<\/th>\n <th>55-64<\/th>\n <th>65+<\/th>\n <\/tr>\n <\/thead>\n <tbody id=\"heatmapBody\"><\/tbody>\n <\/table>\n <\/div>\n <div class=\"insight-box gold\" style=\"margin-top: 20px;\">\n <h4>\ud83d\udc8e \u0627\u0644\u0627\u0643\u062a\u0634\u0627\u0641 \u0627\u0644\u0643\u0628\u064a\u0631: Pood \u00d7 35-44 = 145.19x ROAS<\/h4>\n <p>\u0625\u0646\u0641\u0627\u0642 <strong>448.77 EGP \u0641\u0642\u0637<\/strong> \u0639\u0644\u0649 \u0641\u0626\u0629 35-44 \u0641\u064a \u0645\u062c\u0645\u0648\u0639\u0629 Pood \u00b7 \u062d\u0642\u0642 <strong>10 \u0645\u0634\u062a\u0631\u064a\u0627\u062a<\/strong> \u00b7 CPA <strong>44.88 EGP<\/strong> \u00b7 ROAS <strong>145x<\/strong>. \u062f\u0647 <strong>\u0623\u0639\u0644\u0649 ROAS<\/strong> \u0641\u064a \u0627\u0644\u062d\u0633\u0627\u0628 \u0643\u0644\u0647 \u0648\u0645\u0645\u0648\u0644 \u0628\u0623\u0642\u0644 \u0645\u0646 5% \u0645\u0646 \u0627\u0644\u0645\u064a\u0632\u0627\u0646\u064a\u0629. <strong>\u0647\u0646\u0627 \u0641\u0631\u0635\u0629 \u0627\u0644\u0640 Scaling \u0627\u0644\u0623\u0647\u0645.<\/strong><\/p>\n <\/div>\n <div class=\"insight-box warning\">\n <h4>\u26a0\ufe0f Dispo \u00d7 35-44 = \u0627\u0644\u0623\u0646\u0648\u0645\u0627\u0644\u064a \u0627\u0644\u0633\u0644\u0628\u064a<\/h4>\n <p>\u0625\u0646\u0641\u0627\u0642 <strong>863 EGP<\/strong> \u0639\u0644\u0649 \u0646\u0641\u0633 \u0627\u0644\u0641\u0626\u0629 \u0627\u0644\u0639\u0645\u0631\u064a\u0629 \u0644\u0643\u0646 \u0641\u064a Dispo \u00b7 \u062d\u0642\u0642 5 \u0645\u0634\u062a\u0631\u064a\u0627\u062a \u0628\u0640 CPA <strong>172 EGP<\/strong> \u00b7 ROAS <strong>4.43x \u0641\u0642\u0637<\/strong>. <strong>\u0627\u0644\u0640 Creative \u0623\u0648 \u0627\u0644\u0640 Offer \u0641\u064a Dispo \u0644\u0627 \u064a\u0646\u0627\u0633\u0628 \u0627\u0644\u0641\u0626\u0629 35-44 - \u0627\u0644\u0641\u0626\u0629 \u062f\u064a \u062a\u0633\u062a\u062c\u064a\u0628 \u0644\u0640 Pood \u0628\u0634\u0643\u0644 \u0645\u062e\u062a\u0644\u0641 \u062a\u0645\u0627\u0645\u0627\u064b.<\/strong><\/p>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"section dashboard-section\">\n <div class=\"section-header\">\n <div class=\"section-title\" data-section-key=\"age\">\ud83d\udcca \u0627\u0644\u0623\u062f\u0627\u0621 \u062d\u0633\u0628 \u0627\u0644\u0641\u0626\u0629 \u0627\u0644\u0639\u0645\u0631\u064a\u0629 (\u062d\u0645\u0644\u0629 Sales \u0641\u0642\u0637)<\/div>\n <span class=\"section-tag\">Demographic Truth<\/span>\n <\/div>\n <div class=\"row-3\">\n <div class=\"card\">\n <div class=\"card-title\">ROAS \u0645\u0642\u0627\u0631\u0646\u0629 \u0627\u0644\u0625\u0646\u0641\u0627\u0642 \u0644\u0643\u0644 \u0641\u0626\u0629<\/div>\n <div class=\"card-subtitle\">35-44 \u0628\u062a\u0646\u0641\u0642 19% \u0628\u0633 \u0628\u062a\u0631\u062c\u0639 48x \u00b7 18-24 \u0628\u062a\u0646\u0641\u0642 38% \u0628\u062a\u0631\u062c\u0639 7x<\/div>\n <div class=\"chart-container tall\"><canvas id=\"ageChart\"><\/canvas><\/div>\n <\/div>\n <div class=\"card\">\n <div class=\"card-title\">\u062c\u062f\u0648\u0644 \u0645\u0641\u0635\u0644<\/div>\n <div class=\"card-subtitle\">EGP<\/div>\n <div class=\"scroll-container\">\n <table class=\"data-table\" style=\"margin-top: 12px;\">\n <thead>\n <tr><th>\u0627\u0644\u0641\u0626\u0629<\/th><th>\u0627\u0644\u0625\u0646\u0641\u0627\u0642<\/th><th>\u0645\u0634\u062a\u0631\u064a\u0627\u062a<\/th><th>ROAS<\/th><\/tr>\n <\/thead>\n <tbody id=\"ageTableBody\"><\/tbody>\n <\/table>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"section dashboard-section\">\n <div class=\"section-header\">\n <div class=\"section-title\" data-section-key=\"adsets\">\u2694\ufe0f \u0645\u0642\u0627\u0631\u0646\u0629 \u0627\u0644\u0645\u062c\u0645\u0648\u0639\u0627\u062a \u0627\u0644\u0625\u0639\u0644\u0627\u0646\u064a\u0629 \u0627\u0644\u062b\u0644\u0627\u062b<\/div>\n <span class=\"section-tag\">Ad Set Battle<\/span>\n <\/div>\n <div class=\"row-equal-3\" id=\"adsetCards\"><\/div>\n <\/div>\n\n \n <div class=\"section dashboard-section\">\n <div class=\"section-header\">\n <div class=\"section-title\" data-section-key=\"waste\">\ud83d\udcb8 \u062a\u062d\u0644\u064a\u0644 \u0627\u0644\u0646\u0632\u064a\u0641: \u0627\u0644\u0640 30 \u062d\u0645\u0644\u0629 Engagement<\/div>\n <span class=\"section-tag\">Waste Detection<\/span>\n <\/div>\n <div class=\"card\">\n <div class=\"card-title\">\u0623\u0643\u0628\u0631 10 \u062d\u0645\u0644\u0627\u062a Engagement \u0628\u0627\u0644\u0625\u0646\u0641\u0627\u0642<\/div>\n <div class=\"card-subtitle\">\u0643\u0644\u0647\u0627 \u0628\u0647\u062f\u0641 \"\u062a\u0641\u0627\u0639\u0644 \u0627\u0644\u0645\u0646\u0634\u0648\u0631\" - \u0628\u062a\u0648\u0644\u0651\u062f likes \u0648comments \u0644\u0643\u0646 \u062a\u0642\u0631\u064a\u0628\u0627\u064b 0 \u0646\u0642\u0631\u0627\u062a \u0639\u0644\u0649 \u0627\u0644\u0645\u0648\u0642\u0639<\/div>\n <div class=\"scroll-container\">\n <table class=\"data-table\" id=\"wasteTable\">\n <thead>\n <tr>\n <th>\u0627\u0644\u062d\u0645\u0644\u0629<\/th>\n <th>\u0627\u0644\u0625\u0646\u0641\u0627\u0642<\/th>\n <th>\u0627\u0644\u062a\u0641\u0627\u0639\u0644\u0627\u062a<\/th>\n <th>\u0646\u0642\u0631\u0627\u062a \u0631\u0648\u0627\u0628\u0637<\/th>\n <th>\u062a\u0643\u0644\u0641\u0629 \u0646\u0642\u0631\u0629 \u0644\u064a\u0646\u0643<\/th>\n <th>\u0645\u0634\u062a\u0631\u064a\u0627\u062a<\/th>\n <\/tr>\n <\/thead>\n <tbody id=\"wasteTableBody\"><\/tbody>\n <\/table>\n <\/div>\n <div class=\"insight-box danger\" style=\"margin-top: 20px;\">\n <h4>\ud83d\udea8 \u0627\u0644\u062d\u0642\u064a\u0642\u0629 \u0627\u0644\u0645\u0624\u0644\u0645\u0629<\/h4>\n <p>\u0627\u0644\u0640 30 \u062d\u0645\u0644\u0629 \u062f\u064a \u062a\u0643\u0644\u0641\u0629 \u0627\u0644\u0646\u0642\u0631\u0629 \u0639\u0644\u0649 \u0631\u0627\u0628\u0637 \u0627\u0644\u0645\u0648\u0642\u0639 \u0641\u064a\u0647\u0627 \u0628\u062a\u062a\u0631\u0627\u0648\u062d \u0628\u064a\u0646 <strong>50 \u0648 176 EGP<\/strong> (\u0641\u064a \u0627\u0644\u062d\u0645\u0644\u0627\u062a \u0627\u0644\u0644\u064a \u062d\u0635\u0644 \u0641\u064a\u0647\u0627 \u0646\u0642\u0631\u0627\u062a \u0623\u0635\u0644\u0627\u064b). \u0645\u0642\u0627\u0631\u0646\u0629 \u0628\u0627\u0644\u0640 Sales campaign \u0627\u0644\u0644\u064a \u062a\u0643\u0644\u0641\u0629 \u0627\u0644\u0646\u0642\u0631\u0629 \u0641\u064a\u0647\u0627 <strong>1.40 EGP<\/strong>. \u064a\u0639\u0646\u064a \u0627\u0644\u062d\u0645\u0644\u0627\u062a \u062f\u064a \u0628\u062a\u062f\u0641\u0639 <strong>35-125 \u0636\u0639\u0641<\/strong> \u062b\u0645\u0646 \u0627\u0644\u0646\u0642\u0631\u0629\u060c \u0648\u0628\u062a\u062c\u064a\u0628 0 \u0634\u0631\u0627\u0621. <strong>\u062f\u064a \u0628\u0634\u0643\u0644 \u0648\u0627\u0636\u062d Brand\/Local Awareness boosting \u0645\u0634 performance marketing.<\/strong><\/p>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"section dashboard-section\">\n <div class=\"section-header\">\n <div class=\"section-title\" data-section-key=\"diagnosis\">\ud83d\udd0d \u0627\u0644\u062a\u0634\u062e\u064a\u0635 \u0627\u0644\u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a<\/div>\n <span class=\"section-tag\">Strategic Diagnosis<\/span>\n <\/div>\n <div class=\"card\">\n <div class=\"insight-box gold\">\n <h4>1. \u0627\u0644\u0645\u0634\u0643\u0644\u0629 \u0627\u0644\u0645\u0631\u0643\u0632\u064a\u0629 (Core Growth Problem)<\/h4>\n <p>\u0627\u0644\u062d\u0633\u0627\u0628 \u0628\u064a\u0639\u062a\u0645\u062f \u0639\u0644\u0649 <strong>\u062d\u0645\u0644\u0629 Sales \u0648\u0627\u062d\u062f\u0629<\/strong> \u0628\u062d\u062c\u0645 253 EGP\/\u064a\u0648\u0645\u060c \u0648\u0628\u062a\u0634\u062a\u063a\u0644 \u0628\u0643\u0641\u0627\u0621\u0629 \u0639\u0627\u0644\u064a\u0629 (16.58x ROAS). \u0627\u0644\u0645\u0634\u0643\u0644\u0629 \u0645\u0634 \u0641\u064a \u0627\u0644\u0640 Performance\u060c \u0627\u0644\u0645\u0634\u0643\u0644\u0629 \u0641\u064a <strong>\u0639\u062f\u0645 \u0627\u0633\u062a\u062b\u0645\u0627\u0631 \u0627\u0644\u0643\u0641\u0627\u0621\u0629 \u062f\u064a \u0644\u0644\u0646\u0645\u0648<\/strong>. \u0627\u0644\u062d\u0633\u0627\u0628 \u0634\u063a\u0651\u0627\u0644 \"Survival mode\" \u0645\u0634 \"Growth mode\".<\/p>\n <\/div>\n <div class=\"insight-box danger\">\n <h4>2. \u0623\u0643\u0628\u0631 \u0645\u0635\u062f\u0631 \u0646\u0632\u064a\u0641 \u0644\u0644\u0645\u064a\u0632\u0627\u0646\u064a\u0629<\/h4>\n <p><strong>2,380 EGP\/\u0634\u0647\u0631 (24%)<\/strong> \u0628\u062a\u0631\u0648\u062d \u0639\u0644\u0649 Reel Boosting \u0644\u0644\u0641\u0631\u0648\u0639 (Tagamo3, Elmansoura, Damanhour, Samanod, Sherben). \u062f\u064a \u062d\u0645\u0644\u0627\u062a \u0628\u0640 Engagement Objective \u0645\u0634 Reach\u060c \u0648\u0628\u062a\u0648\u0644\u0651\u062f \u062a\u0641\u0627\u0639\u0644\u0627\u062a \u062d\u0648\u0644 \u0627\u0644\u0628\u0648\u0633\u062a \u0628\u062f\u0648\u0646 \u0623\u064a \u062a\u0648\u062c\u064a\u0647 \u0641\u0639\u0644\u064a \u0644\u0644\u0645\u0648\u0642\u0639. <strong>\u0644\u0648 \u0641\u064a \u0647\u062f\u0641 Brand Awareness \u0644\u0644\u0641\u0631\u0648\u0639\u060c \u0627\u0644\u0640 Reach objective \u0623\u0631\u062e\u0635 \u0648\u0623\u0646\u0636\u0641. \u0644\u0648 \u0627\u0644\u0647\u062f\u0641 \u0632\u064a\u0627\u0631\u0627\u062a \u0644\u0644\u0645\u0648\u0642\u0639\u060c \u0627\u0644\u0640 Engagement objective \u063a\u0644\u0637\u0629 \u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0629 \u0643\u0627\u0645\u0644\u0629.<\/strong><\/p>\n <\/div>\n <div class=\"insight-box warning\">\n <h4>3. \u0627\u0644\u0627\u0641\u062a\u0631\u0627\u0636 \u0627\u0644\u0623\u062e\u0637\u0631 (Most Dangerous Assumption)<\/h4>\n <p>\u0627\u0644\u0627\u0641\u062a\u0631\u0627\u0636 \u0625\u0646 \u0627\u0644\u0640 <strong>12.62x ROAS \u0627\u0644\u0645\u0639\u0644\u0646<\/strong> \u0647\u0648 \u0627\u0644\u0648\u0627\u0642\u0639. \u0641\u064a \u062a\u062c\u0627\u0631\u0629 \u0627\u0644\u0641\u064a\u0628 \u0627\u0644\u0645\u0635\u0631\u064a\u0629 \u0627\u0644\u0640 COD\u060c \u0627\u0644\u0641\u062c\u0648\u0629 \u0628\u064a\u0646 Pixel Purchases \u0648\u0623\u0648\u0631\u062f\u0631\u0627\u062a WooCommerce \u0627\u0644\u0641\u0639\u0644\u064a\u0629 \u0627\u0644\u0645\u064f\u0633\u0644\u064e\u0651\u0645\u0629 \u0639\u0627\u062f\u0629\u064b <strong>20-40%<\/strong>. \u0627\u0644\u0642\u0631\u0627\u0631\u0627\u062a \u0627\u0644\u0645\u0628\u0646\u064a\u0629 \u0639\u0644\u0649 \u0631\u0642\u0645 12.62x \u0645\u0645\u0643\u0646 \u062a\u0643\u0648\u0646 \u0645\u0628\u0646\u064a\u0629 \u0639\u0644\u0649 Inflated reality.<\/p>\n <\/div>\n <div class=\"insight-box success\">\n <h4>4. \u0623\u0643\u0628\u0631 \u0641\u0631\u0635\u0629 \u063a\u064a\u0631 \u0645\u0633\u062a\u063a\u0644\u0629<\/h4>\n <p>\u0641\u0626\u0629 <strong>35-44 \u0633\u0646\u0629<\/strong> = <strong>15% \u0645\u0646 \u0627\u0644\u0625\u0646\u0641\u0627\u0642<\/strong> \u0644\u0643\u0646 <strong>48.70x ROAS<\/strong> (\u0645\u0642\u0627\u0628\u0644 7.29x \u0644\u0644\u0640 18-24 \u0627\u0644\u0644\u064a \u0628\u064a\u0627\u062e\u062f\u0648\u0627 38%). <strong>\u062a\u062d\u0648\u064a\u0644 1,000 EGP \u0645\u0646 18-24 \u0644\u0640 35-44 \u064a\u062d\u062a\u0645\u0644 \u064a\u0636\u0627\u0639\u0641 \u0627\u0644\u0625\u064a\u0631\u0627\u062f\u0627\u062a \u0628\u062f\u0648\u0646 \u0632\u064a\u0627\u062f\u0629 \u0627\u0644\u0645\u064a\u0632\u0627\u0646\u064a\u0629.<\/strong><\/p>\n <\/div>\n <div class=\"insight-box warning\">\n <h4>5. \u0627\u0644\u062a\u0634\u062a\u062a \u063a\u064a\u0631 \u0627\u0644\u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a (Strategic Fragmentation)<\/h4>\n <p>31 \u062d\u0645\u0644\u0629 \u0644\u0645\u064a\u0632\u0627\u0646\u064a\u0629 10K EGP\/\u0634\u0647\u0631 = <strong>~321 EGP\/\u062d\u0645\u0644\u0629<\/strong>. \u062f\u0647 \u0623\u0642\u0644 \u0628\u0643\u062a\u064a\u0631 \u0645\u0646 \u062d\u062f \u0627\u0644\u062a\u0639\u0644\u0651\u0645 (Learning Phase Threshold) \u0644\u062e\u0648\u0627\u0631\u0632\u0645\u064a\u0629 Meta. <strong>\u0627\u0644\u0642\u0627\u0639\u062f\u0629 \u0627\u0644\u0630\u0647\u0628\u064a\u0629: \u0627\u0644\u0640 Ad Set \u0645\u062d\u062a\u0627\u062c 50 \u062a\u062d\u0648\u064a\u0644\/\u0623\u0633\u0628\u0648\u0639 \u0644\u0644\u062e\u0631\u0648\u062c \u0645\u0646 Learning Phase.<\/strong> \u0623\u063a\u0644\u0628 \u062d\u0645\u0644\u0627\u062a Engagement \u062e\u0627\u0631\u062c Learning Phase \u062a\u0645\u0627\u0645\u0627\u064b.<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"section dashboard-section\">\n <div class=\"section-header\">\n <div class=\"section-title\" data-section-key=\"recommendations\">\ud83d\ude80 \u062e\u0627\u0631\u0637\u0629 \u0627\u0644\u0637\u0631\u064a\u0642: \u0627\u0644\u062a\u0648\u0635\u064a\u0627\u062a \u0628\u062a\u0631\u062a\u064a\u0628 \u0627\u0644\u0623\u0648\u0644\u0648\u064a\u0629<\/div>\n <span class=\"section-tag\">Action Plan<\/span>\n <\/div>\n\n <div class=\"rec-item priority-1\">\n <div class=\"rec-header\">\n <div class=\"rec-title\">1\ufe0f\u20e3 Scaling Bet \u2014 \u0645\u0636\u0627\u0639\u0641\u0629 Pood \u00d7 35-44<\/div>\n <span class=\"rec-priority\">P1 \u2014 \u0647\u0630\u0627 \u0627\u0644\u0623\u0633\u0628\u0648\u0639<\/span>\n <\/div>\n <div class=\"rec-body\">\n <strong>\u0627\u0644\u0642\u0631\u0627\u0631:<\/strong> Duplicate \u0627\u0644\u0640 Ad Set \"Website-8-pood\" \u0641\u064a \u062d\u0645\u0644\u0629 \u062c\u062f\u064a\u062f\u0629 \u0645\u0639 targeting \u062d\u0635\u0631\u064a \u0644\u0640 35-44\u060c \u0648\u062e\u0635\u0635 \u0644\u0647 <strong>1,500-2,000 EGP\/\u0634\u0647\u0631<\/strong> (3-4x \u0627\u0644\u0625\u0646\u0641\u0627\u0642 \u0627\u0644\u062d\u0627\u0644\u064a \u0639\u0644\u064a\u0647).<br><br>\n <strong>\u0644\u0645\u0627\u0630\u0627:<\/strong> \u0627\u0644\u0641\u0626\u0629 \u062f\u064a \u062d\u0642\u0642\u062a 145x ROAS \u0628\u0625\u0646\u0641\u0627\u0642 \u0636\u0626\u064a\u0644 (448 EGP). \u0627\u0644\u0640 Scaling test \u0647\u064a\u0643\u0634\u0641 \u0647\u0644 \u062f\u0647 ratio \u062d\u0642\u064a\u0642\u064a \u0648\u0644\u0627 artifact \u0645\u0646 \u062d\u062c\u0645 \u0627\u0644\u0639\u064a\u0646\u0629 \u0627\u0644\u0635\u063a\u064a\u0631. <strong>\u0623\u0633\u0648\u0623 \u0633\u064a\u0646\u0627\u0631\u064a\u0648<\/strong> = ROAS \u064a\u0646\u0632\u0644 \u0644\u0640 20-30x \u0648\u062f\u0647 \u064a\u0628\u0642\u0649 \u0644\u0633\u0647 \u0623\u0641\u0636\u0644 \u0623\u062f\u0627\u0621 \u0641\u064a \u0627\u0644\u062d\u0633\u0627\u0628.<br><br>\n <strong>\u0627\u0644\u062a\u0646\u0641\u064a\u0630:<\/strong> \u0627\u0628\u062f\u0623 \u0628\u0640 50 EGP\/\u064a\u0648\u0645 \u0644\u0645\u062f\u0629 7 \u0623\u064a\u0627\u0645 (350 EGP \u0627\u062e\u062a\u0628\u0627\u0631). \u0644\u0648 CPA \u0641\u0636\u0644 \u062a\u062d\u062a 100 EGP\u060c \u0636\u0627\u0639\u0641 \u0627\u0644\u0645\u064a\u0632\u0627\u0646\u064a\u0629 \u0643\u0644 3 \u0623\u064a\u0627\u0645 \u0628\u0640 30% (Manual Scaling Rule).\n <\/div>\n <div class=\"rec-impact\">\n <div class=\"rec-impact-item\"><strong>+15-25 \u0634\u0631\u0627\u0621\/\u0634\u0647\u0631<\/strong>\u062a\u0623\u062b\u064a\u0631 \u0645\u062a\u0648\u0642\u0639<\/div>\n <div class=\"rec-impact-item\"><strong>15K-30K EGP<\/strong>\u0625\u064a\u0631\u0627\u062f \u0645\u062a\u0648\u0642\u0639 \u0625\u0636\u0627\u0641\u064a<\/div>\n <div class=\"rec-impact-item\"><strong>\u0627\u0644\u0645\u064a\u062f\u064a\u0627 \u0628\u0627\u064a\u0631<\/strong>\u0627\u0644\u0645\u0633\u0624\u0648\u0644<\/div>\n <\/div>\n <\/div>\n\n <div class=\"rec-item priority-1\">\n <div class=\"rec-header\">\n <div class=\"rec-title\">2\ufe0f\u20e3 Stop the Bleed \u2014 \u0625\u064a\u0642\u0627\u0641 \u0627\u0644\u0640 30 \u062d\u0645\u0644\u0629 Engagement<\/div>\n <span class=\"rec-priority\">P1 \u2014 \u0647\u0630\u0627 \u0627\u0644\u0623\u0633\u0628\u0648\u0639<\/span>\n <\/div>\n <div class=\"rec-body\">\n <strong>\u0627\u0644\u0642\u0631\u0627\u0631:<\/strong> \u0623\u0648\u0642\u0641 \u0643\u0644 \u0627\u0644\u0640 30 \u062d\u0645\u0644\u0629 \u0628\u0640 Engagement Objective \u0641\u0648\u0631\u0627\u064b\u060c \u0623\u0648 \u062d\u0648\u0651\u0644\u0647\u0627 \u0644\u0640 <strong>Reach Objective<\/strong> \u0644\u0648 \u0627\u0644\u0647\u062f\u0641 \u0641\u0639\u0644\u0627\u064b Brand Awareness \u0644\u0644\u0641\u0631\u0648\u0639.<br><br>\n <strong>\u0644\u0645\u0627\u0630\u0627:<\/strong> \u0627\u0644\u0640 Engagement Objective \u0628\u064a\u062f\u0631\u0651\u0628 \u0627\u0644\u062e\u0648\u0627\u0631\u0632\u0645\u064a\u0629 \u0639\u0644\u0649 \u0625\u064a\u062c\u0627\u062f \u0646\u0627\u0633 <strong>\u0647\u062a\u0639\u0645\u0644 reaction \u0639\u0644\u0649 \u0627\u0644\u0628\u0648\u0633\u062a<\/strong>\u060c \u0645\u0634 \u0646\u0627\u0633 \u0647\u062a\u0634\u062a\u0631\u064a. \u0627\u0644\u0646\u062a\u064a\u062c\u0629: 54,843 \u062a\u0641\u0627\u0639\u0644\u060c 14 \u0646\u0642\u0631\u0629 \u0644\u064a\u0646\u0643\u060c 0 \u0634\u0631\u0627\u0621. <strong>2,381 EGP \u0623\u0646\u0641\u0650\u0642\u062a \u062a\u0642\u0631\u064a\u0628\u0627\u064b \u0628\u062f\u0648\u0646 \u0639\u0627\u0626\u062f commercial.<\/strong><br><br>\n <strong>\u0627\u0644\u062a\u0646\u0641\u064a\u0630:<\/strong> (\u0623) \u0623\u0648\u0642\u0641 \u0627\u0644\u0640 30 \u062d\u0645\u0644\u0629 \u0641\u0648\u0631\u0627\u064b. (\u0628) \u0644\u0648 \u0645\u062d\u062a\u0627\u062c Awareness \u0644\u0644\u0641\u0631\u0648\u0639\u060c \u0627\u0639\u0645\u0644 \u062d\u0645\u0644\u0629 \u0648\u0627\u062d\u062f\u0629 \u0628\u0640 Reach Objective \u0628\u0645\u064a\u0632\u0627\u0646\u064a\u0629 800-1,000 EGP\/\u0634\u0647\u0631 \u062a\u0633\u062a\u0647\u062f\u0641 \u0627\u0644\u062c\u063a\u0631\u0627\u0641\u064a\u0627 \u0627\u0644\u0645\u0637\u0644\u0648\u0628\u0629. (\u062c) <strong>\u0623\u0639\u062f \u062a\u0648\u062c\u064a\u0647 1,500 EGP \u0627\u0644\u0645\u064f\u062d\u0631\u064e\u0651\u0631\u0629 \u0644\u062d\u0645\u0644\u0629 35-44.<\/strong>\n <\/div>\n <div class=\"rec-impact\">\n <div class=\"rec-impact-item\"><strong>+1,500 EGP\/\u0634\u0647\u0631<\/strong>\u0645\u064a\u0632\u0627\u0646\u064a\u0629 \u0645\u062d\u0631\u064e\u0651\u0631\u0629<\/div>\n <div class=\"rec-impact-item\"><strong>\u0648\u0636\u0648\u062d \u0641\u064a \u0627\u0644\u0640 Attribution<\/strong>\u0641\u0627\u0626\u062f\u0629 \u062c\u0627\u0646\u0628\u064a\u0629<\/div>\n <div class=\"rec-impact-item\"><strong>\u0627\u0644\u0645\u0646\u0633\u0642 \u0627\u0644\u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a + \u0627\u0644\u0645\u0635\u0645\u0645<\/strong>\u0627\u0644\u0645\u0633\u0624\u0648\u0644<\/div>\n <\/div>\n <\/div>\n\n <div class=\"rec-item priority-2\">\n <div class=\"rec-header\">\n <div class=\"rec-title\">3\ufe0f\u20e3 Reconciliation Pass \u2014 \u0645\u0637\u0627\u0628\u0642\u0629 Pixel \u0645\u0639 WooCommerce<\/div>\n <span class=\"rec-priority\">P2 \u2014 \u0627\u0644\u0623\u0633\u0628\u0648\u0639 \u0627\u0644\u062c\u0627\u064a<\/span>\n <\/div>\n <div class=\"rec-body\">\n <strong>\u0627\u0644\u0642\u0631\u0627\u0631:<\/strong> \u0627\u0639\u0645\u0644 \u062a\u0635\u062f\u064a\u0631 \u0623\u0648\u0631\u062f\u0631\u0627\u062a WooCommerce \u0644\u0644\u0641\u062a\u0631\u0629 12 \u0623\u0628\u0631\u064a\u0644-11 \u0645\u0627\u064a\u0648\u060c \u0648\u0642\u0627\u0631\u0646\u0647\u0627 \u0628\u0631\u0642\u0645 Meta Pixel (119 \u0634\u0631\u0627\u0621). \u0627\u062d\u0633\u0628 <strong>True ROAS<\/strong> = (WooCommerce Net Revenue \/ Meta Spend).<br><br>\n <strong>\u0644\u0645\u0627\u0630\u0627:<\/strong> \u0627\u0644\u0642\u0631\u0627\u0631\u0627\u062a \u0627\u0644\u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0629 \u0644\u0627\u0632\u0645 \u062a\u062a\u0627\u062e\u062f \u0639\u0644\u0649 \u0627\u0644\u0625\u064a\u0631\u0627\u062f \u0627\u0644\u0641\u0639\u0644\u064a\u060c \u0645\u0634 \u0627\u0644\u0625\u064a\u0631\u0627\u062f \u0627\u0644\u0645\u064f\u0639\u0644\u0646. \u0627\u0644\u0641\u062c\u0648\u0629 \u0641\u064a \u0627\u0644\u0640 COD \u0627\u0644\u0645\u0635\u0631\u064a \u0628\u062a\u0648\u0635\u0644 \u0644\u0640 40% \u0623\u062d\u064a\u0627\u0646\u0627\u064b. <strong>\u0644\u0648 \u0627\u0644\u0640 True ROAS \u0637\u0644\u0639 8x\u060c \u062f\u0647 \u0644\u0633\u0647 \u0645\u0645\u062a\u0627\u0632. \u0644\u0648 \u0637\u0644\u0639 4x\u060c \u062f\u0647 \u064a\u063a\u064a\u0631 \u0627\u0644\u0640 Scaling decision \u0643\u0644\u064a\u0627\u064b.<\/strong><br><br>\n <strong>\u0627\u0644\u062a\u0646\u0641\u064a\u0630:<\/strong> \u0635\u062f\u0650\u0651\u0631 WooCommerce orders \u0628\u062d\u0627\u0644\u0629 \"Completed\" + \"Processing\" (\u0645\u0634 Pending Payment) \u0644\u0644\u0641\u062a\u0631\u0629\u060c \u0627\u062d\u0633\u0628 \u0627\u0644\u0625\u064a\u0631\u0627\u062f \u0627\u0644\u0635\u0627\u0641\u064a \u0628\u0639\u062f \u062e\u0635\u0645 Cancellation. \u0627\u0628\u0639\u062a\u0644\u064a \u0627\u0644\u0645\u0644\u0641 \u0644\u0640 Reconciliation analysis.\n <\/div>\n <div class=\"rec-impact\">\n <div class=\"rec-impact-item\"><strong>True ROAS<\/strong>\u0627\u0644\u0640 KPI \u0627\u0644\u0641\u0639\u0644\u064a<\/div>\n <div class=\"rec-impact-item\"><strong>\u0642\u0631\u0627\u0631\u0627\u062a \u0623\u062f\u0642<\/strong>\u0644\u0644\u0623\u0634\u0647\u0631 \u0627\u0644\u0642\u0627\u062f\u0645\u0629<\/div>\n <div class=\"rec-impact-item\"><strong>Mo + \u0627\u0644\u0645\u062d\u0627\u0633\u0628<\/strong>\u0627\u0644\u0645\u0633\u0624\u0648\u0644<\/div>\n <\/div>\n <\/div>\n\n <div class=\"rec-item priority-2\">\n <div class=\"rec-header\">\n <div class=\"rec-title\">4\ufe0f\u20e3 Audit Dispo \u00d7 35-44 \u2014 \u062d\u0644\u0651 \u0627\u0644\u0623\u0646\u0648\u0645\u0627\u0644\u064a \u0627\u0644\u0633\u0644\u0628\u064a<\/div>\n <span class=\"rec-priority\">P2 \u2014 \u0627\u0644\u0623\u0633\u0628\u0648\u0639 \u0627\u0644\u062c\u0627\u064a<\/span>\n <\/div>\n <div class=\"rec-body\">\n <strong>\u0627\u0644\u0642\u0631\u0627\u0631:<\/strong> \u0631\u0627\u062c\u0639 \u0627\u0644\u0640 Creative + \u0627\u0644\u0640 Offer \u0641\u064a Dispo\u060c \u0648\u0627\u0641\u062d\u0635 \u0644\u064a\u0647 \u0641\u0626\u0629 35-44 ROAS = 4.43x \u0641\u064a\u0647\u0627 (\u0628\u064a\u0646\u0645\u0627 \u0646\u0641\u0633 \u0627\u0644\u0641\u0626\u0629 \u0641\u064a Pood = 145x).<br><br>\n <strong>\u0644\u0645\u0627\u0630\u0627:<\/strong> \u062f\u0647 Anomaly \u0648\u0627\u0636\u062d. \u0646\u0641\u0633 \u0627\u0644\u0641\u0626\u0629 \u0627\u0644\u0639\u0645\u0631\u064a\u0629 \u062a\u0633\u062a\u062c\u064a\u0628 \u0628\u0634\u0643\u0644 \u0645\u062e\u062a\u0644\u0641 \u062c\u0630\u0631\u064a\u0627\u064b \u0644\u0644\u0640 Creatives. \u0627\u0644\u0644\u064a \u0646\u062c\u062d \u0641\u064a Pood (\u063a\u0627\u0644\u0628\u0627\u064b Pods\/Vape Pods Product) \u0645\u0645\u0643\u0646 \u064a\u0643\u0648\u0646 \u0623\u0646\u0633\u0628 \u0644\u0640 35-44 \u0645\u0646 \u0627\u0644\u0644\u064a \u0641\u064a Dispo (\u063a\u0627\u0644\u0628\u0627\u064b Disposable). <strong>\u0627\u0641\u062a\u0631\u0627\u0636 \u0642\u0648\u064a: 35-44 \u064a\u0641\u0636\u0651\u0644\u0648\u0627 \u0645\u0646\u062a\u062c \u0631\u0641\u064a\u0639 (Pods) \u0623\u0643\u062a\u0631 \u0645\u0646 \u0627\u0644\u0645\u0646\u062a\u062c \u0627\u0644\u0623\u0631\u062e\u0635 \u0627\u0644\u0640 Disposable.<\/strong><br><br>\n <strong>\u0627\u0644\u062a\u0646\u0641\u064a\u0630:<\/strong> (\u0623) Exclude \u0641\u0626\u0629 35-44 \u0645\u0646 Dispo. (\u0628) \u0627\u0639\u0645\u0644 Ad Set \u0645\u0646\u0641\u0635\u0644 \u0641\u064a Dispo \u0644\u0640 18-34 \u0641\u0642\u0637 \u0628\u0645\u064a\u0632\u0627\u0646\u064a\u0629 \u0645\u0631\u0643\u0651\u0632\u0629 (\u062f\u064a \u0639\u0645\u0631\u0647\u0645 \u0646\u0642\u0637\u0629 \u0642\u0648\u062a\u0647 10-14x ROAS). (\u062c) Pood \u064a\u0623\u062e\u0630 \u0643\u0644 \u0627\u0644\u0640 35+.\n <\/div>\n <div class=\"rec-impact\">\n <div class=\"rec-impact-item\"><strong>+5-8 \u0634\u0631\u0627\u0621\/\u0634\u0647\u0631<\/strong>\u0645\u0646 \u0625\u0639\u0627\u062f\u0629 \u0627\u0644\u062a\u0648\u062c\u064a\u0647<\/div>\n <div class=\"rec-impact-item\"><strong>\u062a\u062d\u0633\u064a\u0646 ROAS \u0627\u0644\u0625\u062c\u0645\u0627\u0644\u064a<\/strong>+2-3x<\/div>\n <div class=\"rec-impact-item\"><strong>\u0627\u0644\u0645\u064a\u062f\u064a\u0627 \u0628\u0627\u064a\u0631<\/strong>\u0627\u0644\u0645\u0633\u0624\u0648\u0644<\/div>\n <\/div>\n <\/div>\n\n <div class=\"rec-item priority-3\">\n <div class=\"rec-header\">\n <div class=\"rec-title\">5\ufe0f\u20e3 Frequency Watch \u2014 \u0645\u062a\u0627\u0628\u0639\u0629 Dispo (3.22 \u0648\u0639\u0627\u0644\u064a)<\/div>\n <span class=\"rec-priority\">P3 \u2014 \u0645\u0631\u0627\u0642\u0628\u0629 \u0634\u0647\u0631\u064a\u0629<\/span>\n <\/div>\n <div class=\"rec-body\">\n <strong>\u0627\u0644\u0642\u0631\u0627\u0631:<\/strong> \u0627\u0628\u062f\u0623 \u0645\u062a\u0627\u0628\u0639\u0629 Frequency \u0644\u0645\u062c\u0645\u0648\u0639\u0629 Dispo \u0623\u0633\u0628\u0648\u0639\u064a\u0627\u064b. \u062d\u0627\u0644\u064a\u0627\u064b 3.22 \u0648\u0642\u0631\u064a\u0628 \u0645\u0646 \u062d\u062f \u0627\u0644\u0640 Fatigue (3.5).<br><br>\n <strong>\u0644\u0645\u0627\u0630\u0627:<\/strong> Frequency \u0641\u0648\u0642 3.5 \u0628\u064a\u0628\u062f\u0623 Banner Blindness + Creative fatigue. ROAS \u0628\u064a\u0646\u0632\u0644 \u062a\u062f\u0631\u064a\u062c\u064a\u0627\u064b. Pood Frequency = 2.11 (\u0635\u062d\u064a)\u060c Main = 2.23 (\u0635\u062d\u064a). Dispo \u0647\u0648 \u0627\u0644\u0623\u0642\u0631\u0628 \u0644\u0644\u062e\u0637\u0631.<br><br>\n <strong>\u0627\u0644\u0642\u0627\u0639\u062f\u0629:<\/strong> \u0644\u0648 Frequency \u062a\u062e\u0637\u0649 3.5\u060c \u0627\u0639\u0645\u0644 refresh \u0644\u0644\u0640 Creatives (2-3 \u0625\u0639\u0644\u0627\u0646\u0627\u062a \u062c\u062f\u064a\u062f\u0629)\u060c \u0623\u0648 \u062e\u0641\u0651\u0636 \u0627\u0644\u0645\u064a\u0632\u0627\u0646\u064a\u0629 \u0628\u0640 20% \u0644\u0645\u062f\u0629 \u0623\u0633\u0628\u0648\u0639. <strong>\u0644\u0627 \u062a\u0633\u062a\u0645\u0631 \u0628\u0646\u0641\u0633 \u0627\u0644\u0625\u0639\u0644\u0627\u0646\u0627\u062a \u0639\u0644\u0649 Frequency > 4.<\/strong>\n <\/div>\n <div class=\"rec-impact\">\n <div class=\"rec-impact-item\"><strong>\u0645\u0646\u0639 \u0627\u0646\u0647\u064a\u0627\u0631 ROAS<\/strong>\u0642\u0628\u0644 \u0645\u0627 \u064a\u062d\u0635\u0644<\/div>\n <div class=\"rec-impact-item\"><strong>+1 Creative\/\u0623\u0633\u0628\u0648\u0639<\/strong>\u0625\u0646\u062a\u0627\u062c \u0627\u0644\u0645\u0637\u0644\u0648\u0628<\/div>\n <div class=\"rec-impact-item\"><strong>\u0627\u0644\u0645\u0635\u0645\u0645 + \u0627\u0644\u0645\u064a\u062f\u064a\u0627 \u0628\u0627\u064a\u0631<\/strong>\u0627\u0644\u0645\u0633\u0624\u0648\u0644<\/div>\n <\/div>\n <\/div>\n\n <div class=\"rec-item priority-3\">\n <div class=\"rec-header\">\n <div class=\"rec-title\">6\ufe0f\u20e3 Scale Test \u2014 \u0631\u0641\u0639 \u0627\u0644\u0645\u064a\u0632\u0627\u0646\u064a\u0629 \u0627\u0644\u0625\u062c\u0645\u0627\u0644\u064a\u0629 \u062a\u062f\u0631\u064a\u062c\u064a\u0627\u064b<\/div>\n <span class=\"rec-priority\">P3 \u2014 \u0627\u0644\u0634\u0647\u0631 \u0627\u0644\u0642\u0627\u062f\u0645<\/span>\n <\/div>\n <div class=\"rec-body\">\n <strong>\u0627\u0644\u0642\u0631\u0627\u0631:<\/strong> \u0628\u0639\u062f \u062a\u0623\u0643\u064a\u062f True ROAS \u0645\u0646 WooCommerce\u060c \u0644\u0648 \u0638\u0644 > 6x\u060c \u0627\u0631\u0641\u0639 \u0645\u064a\u0632\u0627\u0646\u064a\u0629 \u062d\u0645\u0644\u0629 Website-8 \u062a\u062f\u0631\u064a\u062c\u064a\u0627\u064b \u0645\u0646 7,577 EGP\/\u0634\u0647\u0631 \u0625\u0644\u0649 12,000-15,000 EGP\/\u0634\u0647\u0631.<br><br>\n <strong>\u0644\u0645\u0627\u0630\u0627:<\/strong> \u0627\u0644\u062d\u0645\u0644\u0629 \u0628\u062a\u0634\u062a\u063a\u0644 \u0628\u0643\u0641\u0627\u0621\u0629 \u0639\u0627\u0644\u064a\u0629 \u0648\u0645\u0634 \u0645\u0633\u062a\u063a\u064e\u0644\u0629. <strong>\u0627\u0644\u0645\u062e\u0627\u0637\u0631\u0629 \u0627\u0644\u0623\u0633\u0627\u0633\u064a\u0629<\/strong>: \u062d\u062f\u0648\u062f \u0627\u0644\u062c\u0645\u0647\u0648\u0631 (Audience saturation) - \u0627\u0644\u0645\u064a\u0632\u0627\u0646\u064a\u0629 \u0627\u0644\u0635\u063a\u064a\u0631\u0629 \u0627\u0644\u062d\u0627\u0644\u064a\u0629 \u062a\u062e\u062f\u0645 \u0622\u062f\u0633\u064a\u062a\u0633 \u0644\u0640 Reach \u0635\u063a\u064a\u0631 (21K-22K \u0644\u0640 Pood\/Dispo). \u0627\u0644\u0640 Scale \u0645\u0645\u0643\u0646 \u064a\u0631\u0641\u0639 CPM \u0648\u0627\u0644\u0640 ROAS \u064a\u0646\u0632\u0644. <strong>\u0627\u062e\u062a\u0628\u0627\u0631 \u0642\u0628\u0644 \u0627\u0644\u0627\u0644\u062a\u0632\u0627\u0645.<\/strong><br><br>\n <strong>\u0627\u0644\u062a\u0646\u0641\u064a\u0630:<\/strong> \u0627\u0631\u0641\u0639 20% \u0643\u0644 4 \u0623\u064a\u0627\u0645\u060c \u0631\u0627\u0642\u0628 CPA. <strong>Kill rule:<\/strong> \u0644\u0648 CPA \u062a\u062e\u0637\u0649 150 EGP \u0644\u0640 3 \u0623\u064a\u0627\u0645 \u0645\u062a\u062a\u0627\u0644\u064a\u0629\u060c \u0631\u062c\u0651\u0639 \u0627\u0644\u0645\u064a\u0632\u0627\u0646\u064a\u0629 \u0644\u0644\u0645\u0633\u062a\u0648\u0649 \u0627\u0644\u0633\u0627\u0628\u0642.\n <\/div>\n <div class=\"rec-impact\">\n <div class=\"rec-impact-item\"><strong>+40-80 \u0634\u0631\u0627\u0621\/\u0634\u0647\u0631<\/strong>\u0647\u062f\u0641 Scaling<\/div>\n <div class=\"rec-impact-item\"><strong>+5,000 EGP\/\u0634\u0647\u0631<\/strong>\u0627\u0644\u0645\u064a\u0632\u0627\u0646\u064a\u0629 \u0627\u0644\u0645\u0637\u0644\u0648\u0628\u0629<\/div>\n <div class=\"rec-impact-item\"><strong>Mo + \u0627\u0644\u0645\u064a\u062f\u064a\u0627 \u0628\u0627\u064a\u0631<\/strong>\u0627\u0644\u0645\u0633\u0624\u0648\u0644<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"section dashboard-section\">\n <div class=\"section-header\">\n <div class=\"section-title\" data-section-key=\"kpis\">\ud83d\udcd0 \u0625\u0637\u0627\u0631 \u0627\u0644\u0640 KPIs \u0644\u0644\u0634\u0647\u0631 \u0627\u0644\u0642\u0627\u062f\u0645<\/div>\n <span class=\"section-tag\">KPI Framework<\/span>\n <\/div>\n <div class=\"card\">\n <div class=\"scroll-container\">\n <table class=\"data-table\">\n <thead>\n <tr>\n <th>KPI<\/th>\n <th>\u0627\u0644\u0645\u0633\u062a\u0648\u0649 \u0627\u0644\u062d\u0627\u0644\u064a<\/th>\n <th>\u0647\u062f\u0641 \u0627\u0644\u0634\u0647\u0631 \u0627\u0644\u0642\u0627\u062f\u0645<\/th>\n <th>Pause Trigger<\/th>\n <th>Kill Trigger<\/th>\n <\/tr>\n <\/thead>\n <tbody>\n <tr>\n <td><strong>ROAS (Pixel)<\/strong><\/td>\n <td class=\"num\">12.62x<\/td>\n <td class=\"num num-success\">\u2265 10x<\/td>\n <td class=\"num num-warning\">< 7x \u0644\u0623\u0633\u0628\u0648\u0639<\/td>\n <td class=\"num num-danger\">< 4x \u0644\u0623\u0633\u0628\u0648\u0639\u064a\u0646<\/td>\n <\/tr>\n <tr>\n <td><strong>True ROAS (WooCommerce)<\/strong><\/td>\n <td class=\"num\">\u063a\u064a\u0631 \u0645\u0639\u0631\u0648\u0641<\/td>\n <td class=\"num num-success\">\u2265 6x<\/td>\n <td class=\"num num-warning\">< 4x<\/td>\n <td class=\"num num-danger\">< 2.5x<\/td>\n <\/tr>\n <tr>\n <td><strong>CPA<\/strong><\/td>\n <td class=\"num\">63.67 EGP<\/td>\n <td class=\"num num-success\">< 100 EGP<\/td>\n <td class=\"num num-warning\">100-150 EGP<\/td>\n <td class=\"num num-danger\">> 200 EGP<\/td>\n <\/tr>\n <tr>\n <td><strong>Frequency (Sales adsets)<\/strong><\/td>\n <td class=\"num\">2.0-3.22<\/td>\n <td class=\"num num-success\">< 3.0<\/td>\n <td class=\"num num-warning\">3.5-4.0<\/td>\n <td class=\"num num-danger\">> 4.5<\/td>\n <\/tr>\n <tr>\n <td><strong>\u0639\u062f\u062f \u0627\u0644\u0645\u0634\u062a\u0631\u064a\u0627\u062a\/\u0634\u0647\u0631<\/strong><\/td>\n <td class=\"num\">119<\/td>\n <td class=\"num num-success\">\u2265 160<\/td>\n <td class=\"num num-warning\">< 100<\/td>\n <td class=\"num num-danger\">< 60<\/td>\n <\/tr>\n <tr>\n <td><strong>\u0639\u062f\u062f \u0627\u0644\u062d\u0645\u0644\u0627\u062a \u0627\u0644\u0646\u0634\u0637\u0629<\/strong><\/td>\n <td class=\"num num-danger\">31<\/td>\n <td class=\"num num-success\">3-5<\/td>\n <td>-<\/td>\n <td>-<\/td>\n <\/tr>\n <\/tbody>\n <\/table>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"section dashboard-section\">\n <div class=\"section-header\">\n <div class=\"section-title\" data-section-key=\"plan\">\ud83d\udcc5 \u062e\u0637\u0629 \u0627\u0644\u0640 30 \u064a\u0648\u0645 \u0627\u0644\u0642\u0627\u062f\u0645\u0629<\/div>\n <span class=\"section-tag\">Execution<\/span>\n <\/div>\n <div class=\"row-equal-3\">\n <div class=\"card\">\n <div class=\"card-title\">\u0627\u0644\u0623\u0633\u0628\u0648\u0639 1 \u2014 Stop the Bleed<\/div>\n <div class=\"card-subtitle\">\u0625\u064a\u0642\u0627\u0641 \u0627\u0644\u0646\u0632\u064a\u0641 \u0648\u0625\u0639\u0627\u062f\u0629 \u0627\u0644\u062a\u0648\u062c\u064a\u0647<\/div>\n <ul style=\"list-style: none; padding: 0; margin-top: 12px;\">\n <li style=\"padding: 8px 0; border-bottom: 1px solid var(--border); font-size: 13px;\">\u23f8\ufe0f \u0625\u064a\u0642\u0627\u0641 \u0627\u0644\u0640 30 \u062d\u0645\u0644\u0629 Engagement<\/li>\n <li style=\"padding: 8px 0; border-bottom: 1px solid var(--border); font-size: 13px;\">\ud83d\udd04 Duplicate Pood adset \u0644\u0640 35-44 (Test)<\/li>\n <li style=\"padding: 8px 0; border-bottom: 1px solid var(--border); font-size: 13px;\">\ud83d\udeab Exclude 35-44 \u0645\u0646 Dispo<\/li>\n <li style=\"padding: 8px 0; font-size: 13px;\">\ud83d\udcca \u062a\u0635\u062f\u064a\u0631 WooCommerce orders<\/li>\n <\/ul>\n <\/div>\n <div class=\"card\">\n <div class=\"card-title\">\u0627\u0644\u0623\u0633\u0628\u0648\u0639 2 \u2014 Validate<\/div>\n <div class=\"card-subtitle\">\u062d\u0633\u0627\u0628 True ROAS \u0648\u062a\u0623\u0643\u064a\u062f \u0627\u0644\u0640 Scaling Test<\/div>\n <ul style=\"list-style: none; padding: 0; margin-top: 12px;\">\n <li style=\"padding: 8px 0; border-bottom: 1px solid var(--border); font-size: 13px;\">\ud83d\udcca Reconciliation Pass \u0643\u0627\u0645\u0644<\/li>\n <li style=\"padding: 8px 0; border-bottom: 1px solid var(--border); font-size: 13px;\">\ud83d\udcc8 Scaling \u0623\u0648\u0644 30% \u0639\u0644\u0649 Pood<\/li>\n <li style=\"padding: 8px 0; border-bottom: 1px solid var(--border); font-size: 13px;\">\ud83c\udfa8 \u0625\u0646\u062a\u0627\u062c 2 Creatives \u062c\u062f\u062f \u0644\u0640 Dispo<\/li>\n <li style=\"padding: 8px 0; font-size: 13px;\">\ud83d\udcde Reach campaign \u0644\u0644\u0641\u0631\u0648\u0639 (\u0627\u062e\u062a\u064a\u0627\u0631\u064a)<\/li>\n <\/ul>\n <\/div>\n <div class=\"card\">\n <div class=\"card-title\">\u0627\u0644\u0623\u0633\u0628\u0648\u0639 3-4 \u2014 Scale & Refine<\/div>\n <div class=\"card-subtitle\">\u0631\u0641\u0639 \u0627\u0644\u0645\u064a\u0632\u0627\u0646\u064a\u0629 \u0648\u062a\u062c\u0647\u064a\u0632 \u0627\u0644\u0634\u0647\u0631 \u0627\u0644\u0642\u0627\u062f\u0645<\/div>\n <ul style=\"list-style: none; padding: 0; margin-top: 12px;\">\n <li style=\"padding: 8px 0; border-bottom: 1px solid var(--border); font-size: 13px;\">\ud83d\udcc8 \u0631\u0641\u0639 \u0645\u064a\u0632\u0627\u0646\u064a\u0629 Website-8 +20% \u0643\u0644 4 \u0623\u064a\u0627\u0645<\/li>\n <li style=\"padding: 8px 0; border-bottom: 1px solid var(--border); font-size: 13px;\">\ud83d\udcca \u0645\u0631\u0627\u0642\u0628\u0629 Frequency \u064a\u0648\u0645\u064a\u0627\u064b<\/li>\n <li style=\"padding: 8px 0; border-bottom: 1px solid var(--border); font-size: 13px;\">\ud83c\udfaf \u062a\u062d\u0636\u064a\u0631 \u0627\u0644\u0640 KPI dashboard \u0627\u0644\u0644\u064a \u0645\u0631\u0628\u0648\u0637 \u0628\u0640 n8n<\/li>\n <li style=\"padding: 8px 0; font-size: 13px;\">\ud83d\udcc5 \u0625\u0639\u062f\u0627\u062f \u062a\u0642\u0631\u064a\u0631 \u0627\u0644\u0634\u0647\u0631 \u0627\u0644\u0642\u0627\u062f\u0645<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n\n \n\n<div class=\"section\">\n <div class=\"section-header\">\n <div class=\"section-title\">\ud83e\uddee \u062d\u0627\u0633\u0628\u0629 \u0627\u0644\u0625\u0646\u0641\u0627\u0642 \u0648\u0627\u0644\u0640 ROAS<\/div>\n <span class=\"section-tag\">AI Calculator<\/span>\n <\/div>\n\n <div class=\"card\" style=\"border:1px solid rgba(255,46,136,0.25);\">\n <div class=\"card-title\">\u062d\u0627\u0633\u0628\u0629 \u062a\u0648\u0642\u0639\u0627\u062a \u0627\u0644\u0623\u062f\u0627\u0621 \u0627\u0644\u0625\u0639\u0644\u0627\u0646\u064a<\/div>\n <div class=\"card-subtitle\">\n \u0627\u062d\u0633\u0628 \u0627\u0644\u0625\u064a\u0631\u0627\u062f\u0627\u062a \u0627\u0644\u0645\u062a\u0648\u0642\u0639\u0629 \u0648\u0627\u0644\u0640 CPA \u0648\u0627\u0644\u0640 ROAS \u0628\u0646\u0627\u0621\u064b \u0639\u0644\u0649 \u0627\u0644\u0645\u064a\u0632\u0627\u0646\u064a\u0629 \u0627\u0644\u062d\u0627\u0644\u064a\u0629\n <\/div>\n\n <div style=\"display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-top:20px;\">\n\n <div>\n <label style=\"display:block;margin-bottom:8px;color:#bbb;\">\u0627\u0644\u0645\u064a\u0632\u0627\u0646\u064a\u0629 \u0627\u0644\u0625\u0639\u0644\u0627\u0646\u064a\u0629 (EGP)<\/label>\n <input id=\"budgetInput\" type=\"number\" value=\"10000\"\n style=\"width:100%;padding:14px;border-radius:12px;background:#12121a;border:1px solid #333;color:white;font-size:16px;\">\n <\/div>\n\n <div>\n <label style=\"display:block;margin-bottom:8px;color:#bbb;\">ROAS \u0627\u0644\u0645\u062a\u0648\u0642\u0639<\/label>\n <input id=\"roasInput\" type=\"number\" step=\"0.1\" value=\"12.6\"\n style=\"width:100%;padding:14px;border-radius:12px;background:#12121a;border:1px solid #333;color:white;font-size:16px;\">\n <\/div>\n\n <div>\n <label style=\"display:block;margin-bottom:8px;color:#bbb;\">CPA \u0627\u0644\u0645\u062a\u0648\u0642\u0639<\/label>\n <input id=\"cpaInput\" type=\"number\" value=\"64\"\n style=\"width:100%;padding:14px;border-radius:12px;background:#12121a;border:1px solid #333;color:white;font-size:16px;\">\n <\/div>\n\n <\/div>\n\n <button onclick=\"calculateMetrics()\"\n style=\"margin-top:24px;background:linear-gradient(135deg,#ff2e88,#ff4fa3);border:none;padding:14px 28px;border-radius:12px;color:white;font-size:16px;font-weight:700;cursor:pointer;\">\n \u062d\u0633\u0627\u0628 \u0627\u0644\u0646\u062a\u0627\u0626\u062c\n <\/button>\n\n <div style=\"display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-top:28px;\">\n\n <div class=\"kpi-card featured\">\n <div class=\"kpi-label\">\u0627\u0644\u0625\u064a\u0631\u0627\u062f \u0627\u0644\u0645\u062a\u0648\u0642\u0639<\/div>\n <div class=\"kpi-value\" id=\"expectedRevenue\">126,000 EGP<\/div>\n <\/div>\n\n <div class=\"kpi-card\">\n <div class=\"kpi-label\">\u0639\u062f\u062f \u0627\u0644\u0645\u0634\u062a\u0631\u064a\u0627\u062a \u0627\u0644\u0645\u062a\u0648\u0642\u0639<\/div>\n <div class=\"kpi-value\" id=\"expectedPurchases\">156<\/div>\n <\/div>\n\n <div class=\"kpi-card\">\n <div class=\"kpi-label\">\u0635\u0627\u0641\u064a \u0627\u0644\u0631\u0628\u062d\u064a\u0629 \u0627\u0644\u062a\u0642\u062f\u064a\u0631\u064a<\/div>\n <div class=\"kpi-value\" id=\"profitEstimate\">116,000 EGP<\/div>\n <\/div>\n\n <\/div>\n <\/div>\n<\/div>\n\n\n\n \n<div class=\"footer\">\n <p><strong>Ruby Ai Dashboard<\/strong><\/p>\n <p>Advanced Advertising Intelligence Platform \u00b7 Powered by AI Analytics<\/p>\n <p style=\"margin-top: 8px;\">Designed & Developed by <strong>Stuff X<\/strong><\/p>\n<\/div>\n\n<\/div>\n\n\n<script>\n\/\/ === DATA ===\nconst data = {\n objective: {\n sales: { spend: 7576.90, pct: 76.09, revenue: 125627, purchases: 119, roas: 16.58 },\n engagement: { spend: 2380.81, pct: 23.91, revenue: 0, purchases: 0, engagements: 54843 }\n },\n ages: [\n { age: '18-24', spend: 2888.56, purchases: 42, roas: 7.29, spend_pct: 38.12 },\n { age: '25-34', spend: 2672.89, purchases: 51, roas: 10.66, spend_pct: 35.28 },\n { age: '35-44', spend: 1502.87, purchases: 22, roas: 48.70, spend_pct: 19.83 },\n { age: '45-54', spend: 422.49, purchases: 4, roas: 6.83, spend_pct: 5.58 },\n { age: '55-64', spend: 67.72, purchases: 0, roas: 0, spend_pct: 0.89 },\n { age: '65+', spend: 22.37, purchases: 0, roas: 0, spend_pct: 0.30 }\n ],\n adsets: [\n { name: 'Website-8-Pood', spend: 2717.64, purchases: 39, roas: 29.09, cpa: 69.68, frequency: 2.11, tag: 'star', tagText: '\u2b50 \u0646\u062c\u0645 \u0627\u0644\u062d\u0633\u0627\u0628' },\n { name: 'Website-8-Dispo', spend: 3943.24, purchases: 69, roas: 10.36, cpa: 57.15, frequency: 3.22, tag: 'volume', tagText: '\ud83d\udce6 \u0645\u062d\u0631\u0651\u0643 \u0627\u0644\u062d\u062c\u0645' },\n { name: 'Website-8-Main', spend: 916.02, purchases: 11, roas: 6.25, cpa: 83.27, frequency: 2.23, tag: 'weak', tagText: '\u26a0\ufe0f \u0627\u0644\u0623\u0636\u0639\u0641' }\n ],\n heatmap: {\n 'Website-8-Pood': { '18-24': {roas:5.02,cpa:74.96,spend:1199}, '25-34': {roas:7.05,cpa:82.57,spend:908}, '35-44': {roas:145.19,cpa:44.88,spend:449}, '45-54': {roas:11.24,cpa:65.36,spend:131}, '55-64': {roas:0,cpa:null,spend:21}, '65+': {roas:0,cpa:null,spend:10} },\n 'Website-8-Dispo': { '18-24': {roas:10.45,cpa:54.55,spend:1364}, '25-34': {roas:14.84,cpa:38.91,spend:1440}, '35-44': {roas:4.43,cpa:172.62,spend:863}, '45-54': {roas:6.14,cpa:115.26,spend:231}, '55-64': {roas:0,cpa:null,spend:37}, '65+': {roas:0,cpa:null,spend:9} },\n 'Website-8-Main': { '18-24': {roas:2.42,cpa:325.53,spend:326}, '25-34': {roas:2.26,cpa:108.29,spend:325}, '35-44': {roas:22.02,cpa:27.29,spend:191}, '45-54': {roas:0,cpa:null,spend:61}, '55-64': {roas:0,cpa:null,spend:10}, '65+': {roas:0,cpa:null,spend:4} }\n },\n waste: [\n { campaign: 'Tagamo3-branch-reel-26-4', spend: 178.91, eng: 9610, links: 0, cplc: '\u2014' },\n { campaign: 'elmansoura-reel-5-5', spend: 176.07, eng: 8847, links: 1, cplc: 176.07 },\n { campaign: 'damanhour-reel-7-5', spend: 150.44, eng: 6691, links: 3, cplc: 50.15 },\n { campaign: 'dvm-1', spend: 138.21, eng: 7430, links: 1, cplc: 138.21 },\n { campaign: 'zen-reel', spend: 112.19, eng: 5302, links: 2, cplc: 56.10 },\n { campaign: 'samanod-reel-30-4', spend: 110.80, eng: 4173, links: 0, cplc: '\u2014' },\n { campaign: 'Mubarak-branch-3-5', spend: 107.00, eng: 78, links: 0, cplc: '\u2014' },\n { campaign: 'sherben-branch-poster-27-4', spend: 99.20, eng: 88, links: 1, cplc: 99.20 },\n { campaign: 'vipe-se-3-5', spend: 92.38, eng: 3700, links: 2, cplc: 46.19 },\n { campaign: 'shokry-10-5', spend: 78.23, eng: 70, links: 0, cplc: '\u2014' }\n ]\n};\n\n\/\/ Chart.js defaults\nChart.defaults.font.family = \"'Cairo', sans-serif\";\nChart.defaults.font.weight = '600';\nChart.defaults.color = '#8b8b9a';\n\n\/\/ === CHART 1: OBJECTIVE SPLIT ===\nnew Chart(document.getElementById('objectiveChart'), {\n type: 'doughnut',\n data: {\n labels: ['Sales (Website-8) - \u062d\u0645\u0644\u0629 \u0648\u0627\u062d\u062f\u0629', 'Engagement - 30 \u062d\u0645\u0644\u0629'],\n datasets: [{\n data: [data.objective.sales.spend, data.objective.engagement.spend],\n backgroundColor: ['#d4af37', '#ef4444'],\n borderColor: '#16161f',\n borderWidth: 3,\n hoverOffset: 8\n }]\n },\n options: {\n responsive: true,\n maintainAspectRatio: false,\n cutout: '65%',\n plugins: {\n legend: { position: 'bottom', labels: { padding: 16, font: { size: 13 } } },\n tooltip: {\n callbacks: {\n label: (ctx) => `${ctx.label}: ${ctx.raw.toLocaleString('en-US', {maximumFractionDigits: 2})} EGP (${(ctx.raw\/9957.71*100).toFixed(1)}%)`\n }\n }\n }\n }\n});\n\n\/\/ === CHART 2: AGE PERFORMANCE ===\nnew Chart(document.getElementById('ageChart'), {\n type: 'bar',\n data: {\n labels: data.ages.map(a => a.age),\n datasets: [\n {\n label: '\u0627\u0644\u0625\u0646\u0641\u0627\u0642 (EGP)',\n data: data.ages.map(a => a.spend),\n backgroundColor: 'rgba(59, 130, 246, 0.5)',\n borderColor: '#3b82f6',\n borderWidth: 1,\n yAxisID: 'y'\n },\n {\n label: 'ROAS',\n data: data.ages.map(a => a.roas),\n backgroundColor: 'rgba(212, 175, 55, 0.7)',\n borderColor: '#d4af37',\n borderWidth: 1,\n yAxisID: 'y1',\n type: 'line',\n tension: 0.3,\n pointRadius: 6,\n pointBackgroundColor: '#d4af37'\n }\n ]\n },\n options: {\n responsive: true,\n maintainAspectRatio: false,\n plugins: {\n legend: { position: 'bottom', labels: { padding: 16, font: { size: 12 } } },\n tooltip: {\n callbacks: {\n afterLabel: (ctx) => {\n if (ctx.datasetIndex === 0) {\n const age = data.ages[ctx.dataIndex];\n return `${age.spend_pct.toFixed(1)}% \u0645\u0646 \u0627\u0644\u0625\u0646\u0641\u0627\u0642 \u00b7 ${age.purchases} \u0634\u0631\u0627\u0621`;\n }\n return '';\n }\n }\n }\n },\n scales: {\n y: { position: 'right', title: { display: true, text: '\u0627\u0644\u0625\u0646\u0641\u0627\u0642 EGP', color: '#8b8b9a' }, grid: { color: '#2a2a38' } },\n y1: { position: 'left', title: { display: true, text: 'ROAS (x)', color: '#d4af37' }, grid: { drawOnChartArea: false } },\n x: { grid: { color: '#2a2a38' } }\n }\n }\n});\n\n\/\/ === AGE TABLE ===\nconst ageBody = document.getElementById('ageTableBody');\ndata.ages.forEach(a => {\n const tag = a.roas >= 20 ? 'success' : a.roas >= 8 ? 'info' : a.roas >= 4 ? 'warning' : 'danger';\n ageBody.innerHTML += `\n <tr>\n <td><strong>${a.age}<\/strong><\/td>\n <td class=\"num\">${a.spend.toLocaleString('en-US', {maximumFractionDigits: 0})}<\/td>\n <td class=\"num\">${a.purchases}<\/td>\n <td><span class=\"tag tag-${tag}\">${a.roas.toFixed(2)}x<\/span><\/td>\n <\/tr>\n `;\n});\n\n\/\/ === HEATMAP ===\nconst heatmapBody = document.getElementById('heatmapBody');\nconst ages = ['18-24', '25-34', '35-44', '45-54', '55-64', '65+'];\nconst getCellColor = (roas) => {\n if (roas === 0) return { bg: '#252531', color: '#5a5a6e' };\n if (roas >= 50) return { bg: 'rgba(212, 175, 55, 0.5)', color: '#fef3c7' };\n if (roas >= 20) return { bg: 'rgba(34, 197, 94, 0.4)', color: '#bbf7d0' };\n if (roas >= 10) return { bg: 'rgba(34, 197, 94, 0.25)', color: '#86efac' };\n if (roas >= 5) return { bg: 'rgba(59, 130, 246, 0.25)', color: '#93c5fd' };\n if (roas >= 2) return { bg: 'rgba(245, 158, 11, 0.25)', color: '#fcd34d' };\n return { bg: 'rgba(239, 68, 68, 0.25)', color: '#fca5a5' };\n};\n\nObject.keys(data.heatmap).forEach(adset => {\n let row = `<tr><td class=\"heatmap-label\">${adset}<\/td>`;\n ages.forEach(age => {\n const cell = data.heatmap[adset][age];\n const c = getCellColor(cell.roas);\n const cpaTxt = cell.cpa !== null ? `CPA ${cell.cpa}` : '\u2014';\n row += `<td class=\"heatmap-cell\" style=\"background:${c.bg}; color:${c.color};\">\n ${cell.roas === 0 ? '\u2014' : cell.roas.toFixed(1) + 'x'}\n <span class=\"sub\">${cell.spend} EGP \u00b7 ${cpaTxt}<\/span>\n <\/td>`;\n });\n row += '<\/tr>';\n heatmapBody.innerHTML += row;\n});\n\n\/\/ === ADSET CARDS ===\nconst adsetCards = document.getElementById('adsetCards');\ndata.adsets.forEach(a => {\n const tagClass = a.tag === 'star' ? 'gold' : a.tag === 'volume' ? 'info' : 'warning';\n const cardClass = a.tag === 'star' ? 'featured' : '';\n adsetCards.innerHTML += `\n <div class=\"card ${cardClass}\">\n <div style=\"display:flex; justify-content:space-between; align-items:flex-start; margin-bottom: 16px;\">\n <div>\n <div class=\"card-title\">${a.name}<\/div>\n <span class=\"tag tag-${tagClass}\" style=\"margin-top: 4px; display:inline-block;\">${a.tagText}<\/span>\n <\/div>\n <\/div>\n <div style=\"display: grid; grid-template-columns: 1fr 1fr; gap: 12px;\">\n <div><div class=\"kpi-label\">\u0627\u0644\u0625\u0646\u0641\u0627\u0642<\/div><div style=\"font-size: 20px; font-weight: 800;\">${a.spend.toLocaleString('en-US', {maximumFractionDigits: 0})} <span style=\"font-size: 12px; color: #8b8b9a;\">EGP<\/span><\/div><\/div>\n <div><div class=\"kpi-label\">\u0627\u0644\u0645\u0634\u062a\u0631\u064a\u0627\u062a<\/div><div style=\"font-size: 20px; font-weight: 800;\">${a.purchases}<\/div><\/div>\n <div><div class=\"kpi-label\">ROAS<\/div><div style=\"font-size: 20px; font-weight: 800; color: ${a.roas >= 20 ? '#d4af37' : a.roas >= 10 ? '#86efac' : '#fcd34d'}\">${a.roas.toFixed(2)}x<\/div><\/div>\n <div><div class=\"kpi-label\">CPA<\/div><div style=\"font-size: 20px; font-weight: 800;\">${a.cpa.toFixed(2)} <span style=\"font-size: 12px; color: #8b8b9a;\">EGP<\/span><\/div><\/div>\n <\/div>\n <div style=\"margin-top: 16px; padding-top: 14px; border-top: 1px solid var(--border);\">\n <div style=\"display: flex; justify-content: space-between; font-size: 12px; color: var(--text-dim);\">\n <span>Frequency: <strong style=\"color: ${a.frequency > 3 ? '#fcd34d' : '#86efac'}\">${a.frequency.toFixed(2)}<\/strong><\/span>\n <span>${a.frequency > 3 ? '\u26a0\ufe0f \u0631\u0627\u0642\u0628 \u0627\u0644\u0640 Fatigue' : '\u2713 \u0635\u062d\u064a'}<\/span>\n <\/div>\n <\/div>\n <\/div>\n `;\n});\n\n\/\/ === WASTE TABLE ===\nconst wasteBody = document.getElementById('wasteTableBody');\ndata.waste.forEach(w => {\n wasteBody.innerHTML += `\n <tr>\n <td><strong style=\"font-size: 13px;\">${w.campaign}<\/strong><\/td>\n <td class=\"num\">${w.spend.toFixed(2)} EGP<\/td>\n <td class=\"num num-success\">${w.eng.toLocaleString('en-US')}<\/td>\n <td class=\"num num-warning\">${w.links}<\/td>\n <td class=\"num num-danger\">${typeof w.cplc === 'number' ? w.cplc.toFixed(2) + ' EGP' : w.cplc}<\/td>\n <td><span class=\"tag tag-danger\">0<\/span><\/td>\n <\/tr>\n `;\n});\n\n\n\n\/\/ === INTERACTIVE NAVIGATION \/ FILTERS ===\nconst sectionTitles = Array.from(document.querySelectorAll('[data-section-key]'));\nsectionTitles.forEach(title => title.closest('.dashboard-section').dataset.section = title.dataset.sectionKey);\nconst allSections = Array.from(document.querySelectorAll('.dashboard-section'));\ndocument.querySelectorAll('.nav-btn').forEach(btn => {\n btn.addEventListener('click', () => {\n document.querySelectorAll('.nav-btn').forEach(b => b.classList.remove('active'));\n btn.classList.add('active');\n const target = btn.dataset.target;\n allSections.forEach(sec => sec.classList.toggle('hidden-section', target !== 'all' && sec.dataset.section !== target));\n if (target !== 'all') document.querySelector(`[data-section=\"${target}\"]`)?.scrollIntoView({behavior:'smooth', block:'start'});\n else window.scrollTo({top:0, behavior:'smooth'});\n });\n});\n\nconst searchInput = document.getElementById('quickSearch');\nsearchInput.addEventListener('input', () => {\n const q = searchInput.value.trim().toLowerCase();\n allSections.forEach(sec => {\n if (!q) { sec.classList.remove('hidden-section'); return; }\n sec.classList.toggle('hidden-section', !sec.innerText.toLowerCase().includes(q));\n });\n document.querySelectorAll('.nav-btn').forEach(b => b.classList.remove('active'));\n});\n\ndocument.getElementById('compactToggle').addEventListener('click', (e) => {\n e.currentTarget.classList.toggle('active');\n document.querySelectorAll('.card-subtitle,.insight-box p,.rec-body,.rec-impact').forEach(el => {\n el.style.display = e.currentTarget.classList.contains('active') ? 'none' : '';\n });\n});\n\nconst cancelRate = document.getElementById('cancelRate');\nfunction updateCodScenario(){\n const rate = Number(cancelRate.value) \/ 100;\n const revenue = 125627 * (1-rate);\n const roas = revenue \/ 9957.71;\n const orders = Math.round(119 * (1-rate));\n document.getElementById('cancelLabel').textContent = `${Math.round(rate*100)}%`;\n document.getElementById('trueRevenue').textContent = `${Math.round(revenue).toLocaleString('en-US')} EGP`;\n document.getElementById('trueRoas').textContent = `${roas.toFixed(2)}x`;\n document.getElementById('trueOrders').textContent = orders;\n}\ncancelRate.addEventListener('input', updateCodScenario);\nupdateCodScenario();\n\n<\/script>\n\n<script>\nfunction calculateMetrics() {\n const budget = parseFloat(document.getElementById('budgetInput').value) || 0;\n const roas = parseFloat(document.getElementById('roasInput').value) || 0;\n const cpa = parseFloat(document.getElementById('cpaInput').value) || 1;\n\n const revenue = budget * roas;\n const purchases = Math.round(budget \/ cpa);\n const profit = revenue - budget;\n\n document.getElementById('expectedRevenue').innerText =\n revenue.toLocaleString() + ' EGP';\n\n document.getElementById('expectedPurchases').innerText =\n purchases.toLocaleString();\n\n document.getElementById('profitEstimate').innerText =\n profit.toLocaleString() + ' EGP';\n}\n<\/script>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Ruby Ai Dashboard – \u0645\u0627\u064a\u0648 2026 \u25c6 RUBY AI \u25c6 Ruby Ai Dashboard Advanced Advertising Intelligence Platform \ud83d\udcca Meta Ads 12 \u0623\u0628\u0631\u064a\u0644 \u2192 11 \u0645\u0627\u064a\u0648 2026 \u26a0\ufe0f \u062a\u0646\u0628\u064a\u0647 \u0642\u0628\u0644 \u0627\u0644\u0642\u0631\u0627\u0621\u0629: \u0643\u0644 \u0627\u0644\u0623\u0631\u0642\u0627\u0645 \u0645\u0628\u0646\u064a\u0629 \u0639\u0644\u0649 Meta Pixel \u0623\u0631\u0642\u0627\u0645 \u0627\u0644\u0640 ROAS \u0648\u0627\u0644\u0645\u0634\u062a\u0631\u064a\u0627\u062a \u0648\u0627\u0644\u0625\u064a\u0631\u0627\u062f\u0627\u062a \u0627\u0644\u0644\u064a \u0647\u062a\u0634\u0648\u0641\u0647\u0627 \u0623\u062f\u0646\u0627\u0647 \u0645\u0623\u062e\u0648\u0630\u0629 \u0645\u0646 \u062a\u062a\u0628\u0639 Meta Pixel (\u0648\u0642\u062a \u0627\u0644\u0640 Checkout)\u060c \u0645\u0634 \u0645\u0646 \u0623\u0648\u0631\u062f\u0631\u0627\u062a […]<\/p>\n","protected":false},"author":1,"featured_media":4488,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-4486","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/stuff-x.net\/ar\/wp-json\/wp\/v2\/pages\/4486","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/stuff-x.net\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/stuff-x.net\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/stuff-x.net\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/stuff-x.net\/ar\/wp-json\/wp\/v2\/comments?post=4486"}],"version-history":[{"count":0,"href":"https:\/\/stuff-x.net\/ar\/wp-json\/wp\/v2\/pages\/4486\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/stuff-x.net\/ar\/wp-json\/wp\/v2\/media\/4488"}],"wp:attachment":[{"href":"https:\/\/stuff-x.net\/ar\/wp-json\/wp\/v2\/media?parent=4486"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}