Ruby Dashboard | Elkot Ads Performance<\/title>\n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/chart.js\"><\/script>\n <style>\n :root {\n --bg: #16040b;\n --panel: rgba(55, 8, 25, .78);\n --panel2: rgba(88, 16, 38, .72);\n --border: rgba(255, 120, 165, .22);\n --text: #fff1f6;\n --muted: #f7b6ca;\n --green: #fb7185;\n --red: #ff2d55;\n --amber: #ff8a3d;\n --blue: #ff4f8b;\n --violet: #ff7ab6;\n --cardShadow: 0 20px 70px rgba(190, 18, 60, .26);\n }\n * { box-sizing: border-box; }\n body {\n margin:0;\n font-family: Tahoma, Arial, sans-serif;\n background:\n radial-gradient(circle at top right, rgba(255, 45, 85, .34), transparent 34%),\n radial-gradient(circle at top left, rgba(255, 122, 182, .24), transparent 31%),\n radial-gradient(circle at bottom center, rgba(185, 28, 28, .20), transparent 38%),\n linear-gradient(180deg, #21030d 0%, var(--bg) 52%, #090106 100%);\n color: var(--text);\n min-height: 100vh;\n }\n .wrap { max-width: 1440px; margin: 0 auto; padding: 28px; }\n .hero {\n display: grid; grid-template-columns: 1.35fr .65fr; gap: 18px; align-items: stretch; margin-bottom: 20px;\n }\n .heroCard, .panel, .kpi, .insight, .calcBox {\n background: var(--panel);\n border: 1px solid var(--border);\n box-shadow: var(--cardShadow);\n backdrop-filter: blur(14px);\n border-radius: 24px;\n }\n .heroCard { padding: 28px; position: relative; overflow: hidden; }\n .heroCard::after {\n content:\"\"; position:absolute; inset:auto -80px -100px auto; width:280px; height:280px; border-radius:50%;\n background: radial-gradient(circle, rgba(251,113,133,.32), transparent 70%);\n }\n .eyebrow { color: var(--blue); font-weight: 700; letter-spacing: .4px; margin-bottom: 10px; }\n h1 { margin:0; font-size: clamp(28px, 4vw, 48px); line-height: 1.25; }\n .lead { color: var(--muted); font-size: 16px; line-height: 1.9; margin: 14px 0 0; max-width: 850px; }\n .statusCard { padding: 22px; display:flex; flex-direction:column; gap:14px; }\n .status {\n padding: 16px; border-radius: 18px; background: rgba(251,113,133,.13); border: 1px solid rgba(251,113,133,.32);\n }\n .status strong { color: var(--green); display:block; font-size: 22px; margin-bottom: 6px; }\n .status span { color: var(--muted); line-height: 1.7; }\n .toolbar { display:flex; flex-wrap:wrap; gap:10px; margin-top: 18px; }\n button, .pill {\n border: 1px solid var(--border); background: rgba(80, 7, 32, .70); color: var(--text);\n padding: 10px 14px; border-radius: 999px; cursor:pointer; font-weight:700;\n }\n button:hover { border-color: rgba(56,189,248,.55); transform: translateY(-1px); }\n .grid { display:grid; gap: 16px; }\n .kpis { grid-template-columns: repeat(4, minmax(0,1fr)); margin: 18px 0; }\n .kpi { padding: 18px; min-height: 138px; position:relative; overflow:hidden; }\n .kpi .label { color: var(--muted); font-size: 13px; line-height:1.5; }\n .kpi .value { font-size: 30px; font-weight: 900; margin: 8px 0; }\n .kpi .sub { font-size: 13px; color: var(--muted); line-height:1.6; }\n .delta { display:inline-flex; align-items:center; gap:6px; padding:5px 10px; border-radius:999px; font-size: 12px; font-weight:900; }\n .up { color:#bbf7d0; background: rgba(34,197,94,.14); }\n .down { color:#fecaca; background: rgba(239,68,68,.14); }\n .warn { color:#fde68a; background: rgba(245,158,11,.14); }\n .sectionTitle { display:flex; align-items:center; justify-content:space-between; gap: 12px; margin: 26px 0 12px; }\n .sectionTitle h2 { margin:0; font-size: 24px; }\n .sectionTitle p { margin:0; color: var(--muted); }\n .two { grid-template-columns: 1fr 1fr; }\n .three { grid-template-columns: repeat(3, 1fr); }\n .panel { padding: 20px; }\n .panel h3 { margin: 0 0 14px; font-size: 18px; }\n .chartBox { height: 340px; }\n .chartBoxSmall { height: 260px; }\n table { width:100%; border-collapse: collapse; overflow: hidden; border-radius: 16px; }\n th, td { padding: 12px 10px; border-bottom:1px solid var(--border); text-align:right; font-size: 14px; }\n th { color:#ffe4ec; background: rgba(15,23,42,.84); font-weight:900; }\n td { color:#e2e8f0; }\n tr:hover td { background: rgba(56,189,248,.06); }\n .positive { color:#86efac; font-weight:900; }\n .negative { color:#fca5a5; font-weight:900; }\n .muted { color: var(--muted); }\n .insights { grid-template-columns: repeat(5, 1fr); }\n .insight { padding:16px; }\n .insight b { display:block; margin-bottom:8px; color:#f8fafc; }\n .insight p { margin:0; color:var(--muted); line-height:1.75; font-size: 13px; }\n .calc {\n display:grid; grid-template-columns: .8fr 1.2fr; gap:16px;\n }\n .calcBox { padding:20px; }\n label { display:block; color:#ffe4ec; font-weight:700; margin: 12px 0 7px; }\n input[type=number], input[type=range] {\n width:100%; padding:12px 14px; border-radius: 14px; border:1px solid var(--border);\n background: rgba(35, 2, 13, .72); color: var(--text); outline:none;\n }\n .calcResult { display:grid; grid-template-columns: repeat(2,1fr); gap:12px; margin-top:12px; }\n .mini {\n background: rgba(35, 2, 13, .45); border:1px solid var(--border); border-radius:18px; padding:14px;\n }\n .mini .mLabel { color:var(--muted); font-size:12px; }\n .mini .mValue { font-size:24px; font-weight:900; margin-top:6px; }\n .recommendations { display:grid; gap:12px; }\n .rec {\n padding:14px 16px; background: rgba(35, 2, 13, .35); border:1px solid var(--border); border-radius:18px;\n display:grid; grid-template-columns:auto 1fr; gap:12px; align-items:start;\n }\n .badge {\n width:30px; height:30px; display:grid; place-items:center; border-radius:10px;\n background: rgba(255, 79, 139, .14); color: var(--blue); font-weight:900;\n }\n .footer { color:var(--muted); text-align:center; padding:30px 0 10px; font-size:13px; }\n .rubyFooter { color:#ffe4ec; font-size:16px; font-weight:900; letter-spacing:.8px; text-shadow:0 0 22px rgba(255,45,85,.55); }\n\n button {\n background: linear-gradient(135deg, #ff2d55, #ff4f8b 55%, #ff8ab3) !important;\n box-shadow: 0 12px 34px rgba(255, 45, 85, .28);\n }\n .delta.up, .positive { color:#ff8ab3; }\n .negative { color:#ff5f7d; }\n .badge {\n background: linear-gradient(135deg, #ff2d55, #ff8ab3) !important;\n color:#fff !important;\n box-shadow: 0 0 24px rgba(255, 45, 85, .35);\n }\n @media (max-width: 1100px) {\n .hero, .two, .calc { grid-template-columns:1fr; }\n .kpis { grid-template-columns: repeat(2, 1fr); }\n .insights, .three { grid-template-columns: repeat(2, 1fr); }\n }\n @media (max-width: 680px) {\n .wrap { padding: 16px; }\n .kpis, .insights, .three, .calcResult { grid-template-columns: 1fr; }\n .chartBox { height:300px; }\n th, td { font-size: 12px; padding:9px 6px; }\n }\n @media print {\n body { background:#fff; color:#111827; }\n .heroCard,.panel,.kpi,.insight,.calcBox,.statusCard { box-shadow:none; background:#fff; color:#111827; border-color:#d1d5db; }\n .toolbar, button { display:none; }\n .muted,.lead,.kpi .sub,.kpi .label,.sectionTitle p,.insight p { color:#4b5563; }\n }\n <\/style>\n<\/head>\n<body>\n<div class=\"wrap\">\n <section class=\"hero\">\n <div class=\"heroCard\">\n <div class=\"eyebrow\">ELKOT STORE \u2022 ADS IMPACT REPORT<\/div>\n <h1>\u0644\u0648\u062d\u0629 \u062a\u062d\u0644\u064a\u0644 \u062a\u0623\u062b\u064a\u0631 \u0627\u0644\u0625\u0639\u0644\u0627\u0646\u0627\u062a \u0639\u0644\u0649 \u0627\u0644\u0623\u0648\u0631\u062f\u0631\u0627\u062a \u0648\u0627\u0644\u0645\u0628\u064a\u0639\u0627\u062a<\/h1>\n <p class=\"lead\">\n \u0645\u0642\u0627\u0631\u0646\u0629 \u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629 \u0628\u064a\u0646 \u0641\u062a\u0631\u0629 <b>\u0628\u062f\u0648\u0646 \u0625\u0639\u0644\u0627\u0646\u0627\u062a<\/b> \u0648\u0641\u062a\u0631\u0629 <b>\u0645\u0639 \u0625\u0639\u0644\u0627\u0646\u0627\u062a<\/b> \u0644\u0645\u062f\u0629 13 \u064a\u0648\u0645 \u0644\u0643\u0644 \u0641\u062a\u0631\u0629.\n \u0627\u0644\u062a\u0631\u0643\u064a\u0632 \u0647\u0646\u0627 \u0639\u0644\u0649 \u0627\u0644\u0623\u0648\u0631\u062f\u0631\u0627\u062a\u060c \u0627\u0644\u0625\u064a\u0631\u0627\u062f \u0627\u0644\u0645\u0643\u062a\u0645\u0644\u060c \u0645\u0639\u062f\u0644 \u0627\u0644\u0625\u0644\u063a\u0627\u0621\u060c \u0645\u062a\u0648\u0633\u0637 \u0642\u064a\u0645\u0629 \u0627\u0644\u0623\u0648\u0631\u062f\u0631\u060c \u0648\u0627\u0644\u0642\u0631\u0627\u0631\u0627\u062a \u0627\u0644\u062a\u0646\u0641\u064a\u0630\u064a\u0629 \u0627\u0644\u0645\u0637\u0644\u0648\u0628\u0629.\n <\/p>\n <div class=\"toolbar\">\n <button onclick=\"window.print()\">\u0637\u0628\u0627\u0639\u0629 \/ \u062d\u0641\u0638 PDF<\/button>\n <button onclick=\"scrollToSection('profitability')\">\u062d\u0627\u0633\u0628\u0629 \u0627\u0644\u0631\u0628\u062d\u064a\u0629<\/button>\n <button onclick=\"scrollToSection('daily')\">\u062a\u062d\u0644\u064a\u0644 \u0627\u0644\u0623\u064a\u0627\u0645<\/button>\n <span class=\"pill\">\u0627\u0644\u0641\u062a\u0631\u0629 \u0627\u0644\u0623\u0648\u0644\u0649: 27 \u0645\u0627\u064a\u0648\u20138 \u064a\u0648\u0646\u064a\u0648<\/span>\n <span class=\"pill\">\u0627\u0644\u0641\u062a\u0631\u0629 \u0627\u0644\u062b\u0627\u0646\u064a\u0629: 9 \u064a\u0648\u0646\u064a\u0648\u201321 \u064a\u0648\u0646\u064a\u0648<\/span>\n <\/div>\n <\/div>\n <div class=\"statusCard\">\n <div class=\"status\">\n <strong>\u0627\u0644\u0646\u062a\u064a\u062c\u0629 \u0627\u0644\u0639\u0627\u0645\u0629: \u0625\u064a\u062c\u0627\u0628\u064a\u0629<\/strong>\n <span>\u0627\u0644\u0625\u0639\u0644\u0627\u0646\u0627\u062a \u0631\u0641\u0639\u062a \u0627\u0644\u0625\u064a\u0631\u0627\u062f \u0627\u0644\u0645\u0643\u062a\u0645\u0644 \u0628\u0646\u0633\u0628\u0629 30% \u062a\u0642\u0631\u064a\u0628\u064b\u0627\u060c \u0645\u0639 \u0627\u0646\u062e\u0641\u0627\u0636 \u0648\u0627\u0636\u062d \u0641\u064a \u0627\u0644\u0625\u0644\u063a\u0627\u0621\u0627\u062a.<\/span>\n <\/div>\n <div class=\"status\" style=\"background:rgba(255,138,61,.12); border-color:rgba(255,138,61,.30)\">\n <strong style=\"color:var(--amber)\">\u0627\u0644\u062d\u0643\u0645 \u0627\u0644\u0646\u0647\u0627\u0626\u064a \u064a\u062d\u062a\u0627\u062c \u0631\u0642\u0645\u064a\u0646<\/strong>\n <span>\u0645\u0635\u0631\u0648\u0641 \u0627\u0644\u0625\u0639\u0644\u0627\u0646\u0627\u062a + \u0647\u0627\u0645\u0634 \u0627\u0644\u0631\u0628\u062d \u0627\u0644\u0641\u0639\u0644\u064a \u0644\u0644\u0645\u0646\u062a\u062c\u0627\u062a \u0644\u062a\u062d\u062f\u064a\u062f \u0627\u0644\u0631\u0628\u062d\u064a\u0629 \u0627\u0644\u0646\u0647\u0627\u0626\u064a\u0629.<\/span>\n <\/div>\n <\/div>\n <\/section>\n\n <section class=\"grid kpis\">\n <div class=\"kpi\">\n <div class=\"label\">\u0625\u062c\u0645\u0627\u0644\u064a \u0627\u0644\u0623\u0648\u0631\u062f\u0631\u0627\u062a<\/div>\n <div class=\"value\">257<\/div>\n <span class=\"delta up\">+34 \u0623\u0648\u0631\u062f\u0631 \u2022 +15.2%<\/span>\n <div class=\"sub\">\u0645\u0642\u0627\u0631\u0646\u0629 \u0628\u0640 223 \u0623\u0648\u0631\u062f\u0631 \u0628\u062f\u0648\u0646 \u0625\u0639\u0644\u0627\u0646\u0627\u062a.<\/div>\n <\/div>\n <div class=\"kpi\">\n <div class=\"label\">\u0627\u0644\u0623\u0648\u0631\u062f\u0631\u0627\u062a \u0627\u0644\u0645\u0643\u062a\u0645\u0644\u0629<\/div>\n <div class=\"value\">170<\/div>\n <span class=\"delta up\">+34 \u0645\u0643\u062a\u0645\u0644 \u2022 +25%<\/span>\n <div class=\"sub\">\u0627\u0644\u062a\u062d\u0633\u0646 \u0627\u0644\u062d\u0642\u064a\u0642\u064a \u0638\u0647\u0631 \u0641\u064a \u0627\u0644\u0637\u0644\u0628\u0627\u062a \u0627\u0644\u0645\u0643\u062a\u0645\u0644\u0629.<\/div>\n <\/div>\n <div class=\"kpi\">\n <div class=\"label\">\u0625\u064a\u0631\u0627\u062f \u0627\u0644\u0623\u0648\u0631\u062f\u0631\u0627\u062a \u0627\u0644\u0645\u0643\u062a\u0645\u0644\u0629<\/div>\n <div class=\"value\">192,833 \u062c<\/div>\n <span class=\"delta up\">+44,444 \u062c \u2022 +30%<\/span>\n <div class=\"sub\">\u0645\u062a\u0648\u0633\u0637 \u064a\u0648\u0645\u064a: 14,833 \u062c \u0628\u062f\u0644 11,415 \u062c.<\/div>\n <\/div>\n <div class=\"kpi\">\n <div class=\"label\">\u0645\u0639\u062f\u0644 \u0627\u0644\u0625\u0644\u063a\u0627\u0621<\/div>\n <div class=\"value\">26.8%<\/div>\n <span class=\"delta up\">\u062a\u062d\u0633\u0646 \u0645\u0646 39.0%<\/span>\n <div class=\"sub\">\u0627\u0644\u0625\u0644\u063a\u0627\u0621\u0627\u062a \u0642\u0644\u062a \u0645\u0646 87 \u0625\u0644\u0649 69 \u0631\u063a\u0645 \u0632\u064a\u0627\u062f\u0629 \u0627\u0644\u0637\u0644\u0628\u0627\u062a.<\/div>\n <\/div>\n <\/section>\n\n <div class=\"sectionTitle\">\n <h2>\u0627\u0644\u0645\u0642\u0627\u0631\u0646\u0629 \u0627\u0644\u0631\u0642\u0645\u064a\u0629 \u0627\u0644\u0623\u0633\u0627\u0633\u064a\u0629<\/h2>\n <p>\u0642\u0631\u0627\u0621\u0629 \u0645\u0628\u0627\u0634\u0631\u0629 \u0644\u0623\u0647\u0645 \u0645\u0624\u0634\u0631\u0627\u062a \u0627\u0644\u0623\u062f\u0627\u0621 \u0642\u0628\u0644 \u0648\u0628\u0639\u062f \u062a\u0634\u063a\u064a\u0644 \u0627\u0644\u0625\u0639\u0644\u0627\u0646\u0627\u062a<\/p>\n <\/div>\n <section class=\"grid two\">\n <div class=\"panel\">\n <h3>\u062c\u062f\u0648\u0644 \u0627\u0644\u0645\u0642\u0627\u0631\u0646\u0629 \u0627\u0644\u0631\u0626\u064a\u0633\u064a<\/h3>\n <table>\n <thead>\n <tr><th>\u0627\u0644\u0645\u0624\u0634\u0631<\/th><th>\u0628\u062f\u0648\u0646 \u0625\u0639\u0644\u0627\u0646\u0627\u062a<\/th><th>\u0645\u0639 \u0625\u0639\u0644\u0627\u0646\u0627\u062a<\/th><th>\u0627\u0644\u0641\u0631\u0642<\/th><th>\u0627\u0644\u062a\u063a\u064a\u0631<\/th><\/tr>\n <\/thead>\n <tbody id=\"metricsTable\"><\/tbody>\n <\/table>\n <\/div>\n <div class=\"panel\">\n <h3>\u062a\u0648\u0632\u064a\u0639 \u0633\u0628\u0628 \u0646\u0645\u0648 \u0627\u0644\u0625\u064a\u0631\u0627\u062f<\/h3>\n <div class=\"chartBoxSmall\"><canvas id=\"growthChart\"><\/canvas><\/div>\n <table style=\"margin-top:14px\">\n <tbody>\n <tr><td>\u0632\u064a\u0627\u062f\u0629 \u0627\u0644\u0625\u064a\u0631\u0627\u062f \u0627\u0644\u0645\u0643\u062a\u0645\u0644<\/td><td class=\"positive\">44,444 \u062c<\/td><\/tr>\n <tr><td>\u0627\u0644\u0646\u0645\u0648 \u0628\u0633\u0628\u0628 \u0632\u064a\u0627\u062f\u0629 \u0627\u0644\u0623\u0648\u0631\u062f\u0631\u0627\u062a \u0627\u0644\u0645\u0643\u062a\u0645\u0644\u0629<\/td><td>37,097 \u062c<\/td><\/tr>\n <tr><td>\u0627\u0644\u0646\u0645\u0648 \u0628\u0633\u0628\u0628 \u0627\u0631\u062a\u0641\u0627\u0639 \u0645\u062a\u0648\u0633\u0637 \u0627\u0644\u0623\u0648\u0631\u062f\u0631<\/td><td>7,347 \u062c<\/td><\/tr>\n <\/tbody>\n <\/table>\n <\/div>\n <\/section>\n\n <div class=\"sectionTitle\" id=\"daily\">\n <h2>\u062a\u062d\u0644\u064a\u0644 \u0627\u0644\u0623\u062f\u0627\u0621 \u0627\u0644\u064a\u0648\u0645\u064a<\/h2>\n <p>\u062a\u062a\u0628\u0639 \u0627\u0644\u0641\u0631\u0642 \u0641\u064a \u0627\u0644\u0625\u064a\u0631\u0627\u062f \u0648\u0627\u0644\u0623\u0648\u0631\u062f\u0631\u0627\u062a \u064a\u0648\u0645\u064b\u0627 \u0628\u064a\u0648\u0645<\/p>\n <\/div>\n <section class=\"grid two\">\n <div class=\"panel\">\n <h3>\u0627\u0644\u0625\u064a\u0631\u0627\u062f \u0627\u0644\u0645\u0643\u062a\u0645\u0644 \u0627\u0644\u064a\u0648\u0645\u064a<\/h3>\n <div class=\"chartBox\"><canvas id=\"revenueChart\"><\/canvas><\/div>\n <\/div>\n <div class=\"panel\">\n <h3>\u0639\u062f\u062f \u0627\u0644\u0623\u0648\u0631\u062f\u0631\u0627\u062a \u0627\u0644\u064a\u0648\u0645\u064a<\/h3>\n <div class=\"chartBox\"><canvas id=\"ordersChart\"><\/canvas><\/div>\n <\/div>\n <\/section>\n\n <section class=\"grid two\" style=\"margin-top:16px\">\n <div class=\"panel\">\n <h3>\u0623\u0642\u0648\u0649 \u0623\u064a\u0627\u0645 \u0628\u0639\u062f \u0627\u0644\u0625\u0639\u0644\u0627\u0646\u0627\u062a \u062d\u0633\u0628 \u0641\u0631\u0642 \u0627\u0644\u0625\u064a\u0631\u0627\u062f<\/h3>\n <table>\n <thead><tr><th>\u0627\u0644\u064a\u0648\u0645<\/th><th>\u0628\u062f\u0648\u0646 \u0625\u0639\u0644\u0627\u0646\u0627\u062a<\/th><th>\u0645\u0639 \u0625\u0639\u0644\u0627\u0646\u0627\u062a<\/th><th>\u0627\u0644\u0641\u0631\u0642<\/th><\/tr><\/thead>\n <tbody>\n <tr><td>\u0627\u0644\u064a\u0648\u0645 11<\/td><td>4,025 \u062c<\/td><td>19,100 \u062c<\/td><td class=\"positive\">+15,075 \u062c<\/td><\/tr><tr><td>\u0627\u0644\u064a\u0648\u0645 10<\/td><td>13,139 \u062c<\/td><td>27,274 \u062c<\/td><td class=\"positive\">+14,135 \u062c<\/td><\/tr><tr><td>\u0627\u0644\u064a\u0648\u0645 12<\/td><td>10,020 \u062c<\/td><td>20,279 \u062c<\/td><td class=\"positive\">+10,259 \u062c<\/td><\/tr><tr><td>\u0627\u0644\u064a\u0648\u0645 7<\/td><td>12,944 \u062c<\/td><td>22,150 \u062c<\/td><td class=\"positive\">+9,206 \u062c<\/td><\/tr><tr><td>\u0627\u0644\u064a\u0648\u0645 2<\/td><td>5,200 \u062c<\/td><td>10,555 \u062c<\/td><td class=\"positive\">+5,355 \u062c<\/td><\/tr>\n <\/tbody>\n <\/table>\n <\/div>\n <div class=\"panel\">\n <h3>\u0627\u0644\u0623\u064a\u0627\u0645 \u0627\u0644\u062a\u064a \u062a\u062d\u062a\u0627\u062c \u0645\u0631\u0627\u062c\u0639\u0629<\/h3>\n <table>\n <thead><tr><th>\u0627\u0644\u064a\u0648\u0645<\/th><th>\u0628\u062f\u0648\u0646 \u0625\u0639\u0644\u0627\u0646\u0627\u062a<\/th><th>\u0645\u0639 \u0625\u0639\u0644\u0627\u0646\u0627\u062a<\/th><th>\u0627\u0644\u0641\u0631\u0642<\/th><\/tr><\/thead>\n <tbody>\n <tr><td>\u0627\u0644\u064a\u0648\u0645 5<\/td><td>22,538 \u062c<\/td><td>8,945 \u062c<\/td><td class=\"negative\">-13,593 \u062c<\/td><\/tr><tr><td>\u0627\u0644\u064a\u0648\u0645 13<\/td><td>10,825 \u062c<\/td><td>2,580 \u062c<\/td><td class=\"negative\">-8,245 \u062c<\/td><\/tr><tr><td>\u0627\u0644\u064a\u0648\u0645 3<\/td><td>10,509 \u062c<\/td><td>8,600 \u062c<\/td><td class=\"negative\">-1,909 \u062c<\/td><\/tr>\n <\/tbody>\n <\/table>\n <p class=\"muted\" style=\"line-height:1.8\">\u0645\u0644\u0627\u062d\u0638\u0629: \u0627\u0644\u064a\u0648\u0645 13 \u0641\u064a \u0641\u062a\u0631\u0629 \u0627\u0644\u0625\u0639\u0644\u0627\u0646\u0627\u062a \u0644\u0627 \u064a\u062c\u0628 \u0627\u0644\u062d\u0643\u0645 \u0639\u0644\u064a\u0647 \u0646\u0647\u0627\u0626\u064a\u064b\u0627 \u0628\u0633\u0628\u0628 \u0648\u062c\u0648\u062f 18 \u0623\u0648\u0631\u062f\u0631 Processing \u0641\u064a \u0627\u0644\u0641\u062a\u0631\u0629 \u0627\u0644\u062b\u0627\u0646\u064a\u0629.<\/p>\n <\/div>\n <\/section>\n\n <div class=\"sectionTitle\">\n <h2>Insights \u062a\u0646\u0641\u064a\u0630\u064a\u0629<\/h2>\n <p>\u062a\u062d\u0648\u064a\u0644 \u0627\u0644\u0623\u0631\u0642\u0627\u0645 \u0625\u0644\u0649 \u0642\u0631\u0627\u0631\u0627\u062a \u0648\u0627\u0636\u062d\u0629<\/p>\n <\/div>\n <section class=\"grid insights\">\n <div class=\"insight\"><b>\u0627\u0644\u0625\u0639\u0644\u0627\u0646\u0627\u062a \u0632\u0648\u062f\u062a \u0627\u0644\u0637\u0644\u0628 \u0627\u0644\u062d\u0642\u064a\u0642\u064a<\/b><p>\u0627\u0644\u0632\u064a\u0627\u062f\u0629 \u0644\u0645 \u062a\u0643\u0646 \u0641\u064a \u0639\u062f\u062f \u0627\u0644\u0623\u0648\u0631\u062f\u0631\u0627\u062a \u0641\u0642\u0637\u060c \u0628\u0644 \u0641\u064a \u0627\u0644\u0623\u0648\u0631\u062f\u0631\u0627\u062a \u0627\u0644\u0645\u0643\u062a\u0645\u0644\u0629 \u0648\u0627\u0644\u0625\u064a\u0631\u0627\u062f \u0627\u0644\u0641\u0639\u0644\u064a.<\/p><\/div>\n <div class=\"insight\"><b>\u062c\u0648\u062f\u0629 \u0627\u0644\u0637\u0644\u0628\u0627\u062a \u062a\u062d\u0633\u0646\u062a<\/b><p>\u0645\u0639\u062f\u0644 \u0627\u0644\u0625\u0644\u063a\u0627\u0621 \u0627\u0646\u062e\u0641\u0636 \u0645\u0646 39.0% \u0625\u0644\u0649 26.8%\u060c \u0648\u0647\u0630\u0627 \u0645\u0624\u0634\u0631 \u0642\u0648\u064a \u0639\u0644\u0649 \u062c\u0648\u062f\u0629 \u0627\u0644\u062c\u0645\u0647\u0648\u0631 \u0623\u0648 \u0627\u0644\u0639\u0631\u0636.<\/p><\/div>\n <div class=\"insight\"><b>\u0645\u0646\u062a\u0635\u0641 \u0627\u0644\u0641\u062a\u0631\u0629 \u0643\u0627\u0646 \u0623\u0642\u0648\u0649<\/b><p>\u0623\u064a\u0627\u0645 7\u060c 10\u060c 11\u060c 12 \u0635\u0646\u0639\u062a \u0642\u0641\u0632\u0627\u062a \u0643\u0628\u064a\u0631\u0629 \u0641\u064a \u0627\u0644\u0625\u064a\u0631\u0627\u062f \u0648\u062a\u0633\u062a\u062d\u0642 \u0645\u0631\u0627\u062c\u0639\u0629 \u062a\u0641\u0635\u064a\u0644\u064a\u0629.<\/p><\/div>\n <div class=\"insight\"><b>AOV \u062a\u062d\u0633\u0646 \u0645\u062d\u062f\u0648\u062f<\/b><p>\u0645\u062a\u0648\u0633\u0637 \u0627\u0644\u0623\u0648\u0631\u062f\u0631 \u0627\u0631\u062a\u0641\u0639 43 \u062c \u0641\u0642\u0637\u060c \u0644\u0630\u0644\u0643 \u062a\u0648\u062c\u062f \u0641\u0631\u0635\u0629 \u0642\u0648\u064a\u0629 \u0639\u0628\u0631 Bundles \u0648 Upsell.<\/p><\/div>\n <div class=\"insight\"><b>Processing \u0642\u062f \u064a\u0631\u0641\u0639 \u0627\u0644\u0646\u062a\u064a\u062c\u0629<\/b><p>\u0627\u0644\u0641\u062a\u0631\u0629 \u0627\u0644\u062b\u0627\u0646\u064a\u0629 \u0628\u0647\u0627 22,289 \u062c \u062a\u062d\u062a \u0627\u0644\u0645\u0639\u0627\u0644\u062c\u0629\u060c \u0648\u0642\u062f \u062a\u062a\u062d\u0648\u0644 \u0644\u0632\u064a\u0627\u062f\u0629 \u0625\u0636\u0627\u0641\u064a\u0629 \u0628\u0639\u062f \u0627\u0644\u0625\u063a\u0644\u0627\u0642.<\/p><\/div>\n <\/section>\n\n <div class=\"sectionTitle\" id=\"profitability\">\n <h2>\u062d\u0627\u0633\u0628\u0629 \u0627\u0644\u0631\u0628\u062d\u064a\u0629 \u0648\u0642\u0631\u0627\u0631 \u0627\u0644\u0645\u064a\u0632\u0627\u0646\u064a\u0629<\/h2>\n <p>\u0623\u062f\u062e\u0644 \u0645\u0635\u0631\u0648\u0641 \u0627\u0644\u0625\u0639\u0644\u0627\u0646\u0627\u062a \u0648\u0627\u0644\u0647\u0627\u0645\u0634 \u0644\u062a\u062d\u062f\u064a\u062f \u0647\u0644 \u0627\u0644\u0646\u0645\u0648 \u0645\u0631\u0628\u062d \u0623\u0645 \u0644\u0627<\/p>\n <\/div>\n <section class=\"calc\">\n <div class=\"calcBox\">\n <label>\u0645\u0635\u0631\u0648\u0641 \u0627\u0644\u0625\u0639\u0644\u0627\u0646\u0627\u062a \u062e\u0644\u0627\u0644 \u0627\u0644\u0641\u062a\u0631\u0629<\/label>\n <input type=\"number\" id=\"adSpend\" value=\"15000\" min=\"0\" step=\"500\" oninput=\"updateCalc()\" \/>\n <label>\u0647\u0627\u0645\u0634 \u0627\u0644\u0631\u0628\u062d \u0627\u0644\u0625\u062c\u0645\u0627\u0644\u064a \u0627\u0644\u0645\u062a\u0648\u0642\u0639 %<\/label>\n <input type=\"range\" id=\"margin\" value=\"30\" min=\"5\" max=\"80\" step=\"1\" oninput=\"updateCalc()\" \/>\n <div class=\"muted\">\u0627\u0644\u0647\u0627\u0645\u0634 \u0627\u0644\u062d\u0627\u0644\u064a: <b id=\"marginText\">30%<\/b><\/div>\n <label>\u0646\u0633\u0628\u0629 \u0627\u0643\u062a\u0645\u0627\u0644 \u0627\u0644\u0623\u0648\u0631\u062f\u0631\u0627\u062a Processing \u0627\u0644\u0645\u062a\u0648\u0642\u0639\u0629 %<\/label>\n <input type=\"range\" id=\"processingRate\" value=\"70\" min=\"0\" max=\"100\" step=\"5\" oninput=\"updateCalc()\" \/>\n <div class=\"muted\">\u0646\u0633\u0628\u0629 \u0627\u0644\u062a\u062d\u0648\u064a\u0644 \u0627\u0644\u062d\u0627\u0644\u064a\u0629: <b id=\"processingText\">70%<\/b><\/div>\n <\/div>\n <div class=\"calcBox\">\n <h3>\u0646\u062a\u064a\u062c\u0629 \u0627\u0644\u0642\u0631\u0627\u0631<\/h3>\n <div class=\"calcResult\">\n <div class=\"mini\"><div class=\"mLabel\">\u0627\u0644\u0625\u064a\u0631\u0627\u062f \u0627\u0644\u0625\u0636\u0627\u0641\u064a \u0627\u0644\u062d\u0627\u0644\u064a<\/div><div class=\"mValue\" id=\"extraRevenue\">44,444 \u062c<\/div><\/div>\n <div class=\"mini\"><div class=\"mLabel\">\u0627\u0644\u0625\u064a\u0631\u0627\u062f \u0627\u0644\u0645\u062a\u0648\u0642\u0639 \u0628\u0639\u062f Processing<\/div><div class=\"mValue\" id=\"projectedRevenue\">208,435 \u062c<\/div><\/div>\n <div class=\"mini\"><div class=\"mLabel\">ROAS \u0639\u0644\u0649 \u0627\u0644\u0632\u064a\u0627\u062f\u0629<\/div><div class=\"mValue\" id=\"roas\">2.96x<\/div><\/div>\n <div class=\"mini\"><div class=\"mLabel\">CAC \u0644\u0644\u0623\u0648\u0631\u062f\u0631 \u0627\u0644\u0645\u0643\u062a\u0645\u0644 \u0627\u0644\u0625\u0636\u0627\u0641\u064a<\/div><div class=\"mValue\" id=\"cac\">441 \u062c<\/div><\/div>\n <div class=\"mini\"><div class=\"mLabel\">\u0631\u0628\u062d \u0625\u062c\u0645\u0627\u0644\u064a \u0645\u0646 \u0627\u0644\u0632\u064a\u0627\u062f\u0629<\/div><div class=\"mValue\" id=\"grossProfit\">13,333 \u062c<\/div><\/div>\n <div class=\"mini\"><div class=\"mLabel\">\u0635\u0627\u0641\u064a \u0628\u0639\u062f \u0627\u0644\u0625\u0639\u0644\u0627\u0646<\/div><div class=\"mValue\" id=\"netProfit\">-1,667 \u062c<\/div><\/div>\n <\/div>\n <div class=\"status\" id=\"decisionBox\" style=\"margin-top:14px\">\n <strong id=\"decisionTitle\">\u0645\u062d\u062a\u0627\u062c \u0636\u0628\u0637<\/strong>\n <span id=\"decisionText\">\u0627\u0644\u0646\u0645\u0648 \u062c\u064a\u062f \u0645\u0628\u064a\u0639\u064a\u064b\u0627\u060c \u0644\u0643\u0646 \u0635\u0627\u0641\u064a \u0627\u0644\u0631\u0628\u062d \u0628\u0639\u062f \u0627\u0644\u0625\u0639\u0644\u0627\u0646 \u064a\u062d\u062a\u0627\u062c \u0645\u0631\u0627\u062c\u0639\u0629.<\/span>\n <\/div>\n <\/div>\n <\/section>\n\n <div class=\"sectionTitle\">\n <h2>\u0627\u0644\u062e\u0637\u0629 \u0627\u0644\u062a\u0646\u0641\u064a\u0630\u064a\u0629 \u0627\u0644\u0645\u0642\u062a\u0631\u062d\u0629<\/h2>\n <p>\u0645\u0627 \u064a\u062c\u0628 \u0639\u0644\u0649 \u0627\u0644\u0641\u0631\u064a\u0642 \u062a\u0646\u0641\u064a\u0630\u0647 \u0628\u0639\u062f \u0642\u0631\u0627\u0621\u0629 \u0627\u0644\u062a\u0642\u0631\u064a\u0631<\/p>\n <\/div>\n <section class=\"panel recommendations\">\n <div class=\"rec\"><div class=\"badge\">1<\/div><div><b>\u0645\u0631\u0627\u062c\u0639\u0629 \u064a\u0648\u0645 18 \u064a\u0648\u0646\u064a\u0648 \u0628\u0627\u0644\u062a\u0641\u0635\u064a\u0644<\/b><br><span class=\"muted\">\u0627\u0639\u0631\u0641 \u0627\u0644\u062d\u0645\u0644\u0629\/\u0627\u0644\u0643\u0631\u064a\u0627\u062a\u064a\u0641\/\u0627\u0644\u0639\u0631\u0636\/\u0627\u0644\u0645\u0646\u062a\u062c \u0627\u0644\u0630\u064a \u0635\u0646\u0639 Peak: 32 \u0623\u0648\u0631\u062f\u0631 \u0648 27,274 \u062c \u0625\u064a\u0631\u0627\u062f \u0645\u0643\u062a\u0645\u0644.<\/span><\/div><\/div>\n <div class=\"rec\"><div class=\"badge\">2<\/div><div><b>\u0625\u0636\u0627\u0641\u0629 Spend \u0648 ROAS \u0648 CAC \u0644\u0644\u062a\u0642\u0631\u064a\u0631 \u0627\u0644\u0642\u0627\u062f\u0645<\/b><br><span class=\"muted\">\u0628\u062f\u0648\u0646 \u0645\u0635\u0631\u0648\u0641 \u0627\u0644\u0625\u0639\u0644\u0627\u0646\u0627\u062a \u0648\u0627\u0644\u0647\u0627\u0645\u0634\u060c \u0644\u0627 \u064a\u0648\u062c\u062f \u062d\u0643\u0645 \u0631\u0628\u062d\u064a \u0646\u0647\u0627\u0626\u064a.<\/span><\/div><\/div>\n <div class=\"rec\"><div class=\"badge\">3<\/div><div><b>\u0641\u0635\u0644 \u0627\u0644\u0623\u062f\u0627\u0621 \u062d\u0633\u0628 \u0627\u0644\u0645\u0646\u062a\u062c \u0648\u0627\u0644\u062d\u0645\u0644\u0629<\/b><br><span class=\"muted\">\u0642\u062f \u064a\u0643\u0648\u0646 \u0627\u0644\u0646\u0645\u0648 \u0646\u0627\u062a\u062c\u064b\u0627 \u0639\u0646 \u0645\u0646\u062a\u062c \u0623\u0648 \u0639\u0631\u0636 \u0648\u0627\u062d\u062f\u060c \u0644\u0630\u0644\u0643 \u064a\u062c\u0628 \u062a\u062d\u0644\u064a\u0644 Product x Campaign.<\/span><\/div><\/div>\n <div class=\"rec\"><div class=\"badge\">4<\/div><div><b>\u062a\u0642\u0644\u064a\u0644 \u0627\u0644\u0625\u0644\u063a\u0627\u0621 \u0645\u0646 26.8% \u0625\u0644\u0649 \u0623\u0642\u0644 \u0645\u0646 20%<\/b><br><span class=\"muted\">\u062a\u062d\u0633\u064a\u0646 \u0627\u0644\u062a\u0623\u0643\u064a\u062f \u0648\u0627\u0644\u0645\u062a\u0627\u0628\u0639\u0629 \u0642\u062f \u064a\u0632\u0648\u062f \u0627\u0644\u0625\u064a\u0631\u0627\u062f \u0628\u062f\u0648\u0646 \u0632\u064a\u0627\u062f\u0629 \u0645\u064a\u0632\u0627\u0646\u064a\u0629.<\/span><\/div><\/div>\n <div class=\"rec\"><div class=\"badge\">5<\/div><div><b>\u0631\u0641\u0639 \u0645\u062a\u0648\u0633\u0637 \u0627\u0644\u0623\u0648\u0631\u062f\u0631 AOV<\/b><br><span class=\"muted\">\u0627\u0634\u062a\u063a\u0644 \u0639\u0644\u0649 Bundles \u0648 Cross-sell \u0648 Free delivery threshold \u0628\u062f\u0644 \u0627\u0644\u0627\u0639\u062a\u0645\u0627\u062f \u0639\u0644\u0649 \u0632\u064a\u0627\u062f\u0629 \u0639\u062f\u062f \u0627\u0644\u0623\u0648\u0631\u062f\u0631\u0627\u062a \u0641\u0642\u0637.<\/span><\/div><\/div>\n <\/section>\n\n <div class=\"footer rubyFooter\">\n Ruby Dashboard\n <\/div>\n<\/div>\n\n<script>\nconst metrics = {\"p1\": {\"label\": \"27 \u0645\u0627\u064a\u0648\u20138 \u064a\u0648\u0646\u064a\u0648 | \u0628\u062f\u0648\u0646 \u0625\u0639\u0644\u0627\u0646\u0627\u062a\", \"orders\": 223, \"total_value\": 230339, \"completed_orders\": 136, \"completed_revenue\": 148389, \"aov\": 1091.0955882352941, \"cancelled_orders\": 87, \"cancelled_value\": 81950, \"cancel_rate\": 0.3901345291479821, \"processing_orders\": 0, \"processing_value\": 0, \"completion_rate\": 0.6098654708520179, \"daily_orders\": 17.153846153846153, \"daily_revenue\": 11414.538461538461, \"unique_customers\": 210}, \"p2\": {\"label\": \"9 \u064a\u0648\u0646\u064a\u0648\u201321 \u064a\u0648\u0646\u064a\u0648 | \u0645\u0639 \u0625\u0639\u0644\u0627\u0646\u0627\u062a\", \"orders\": 257, \"total_value\": 282161, \"completed_orders\": 170, \"completed_revenue\": 192833, \"aov\": 1134.3117647058823, \"cancelled_orders\": 69, \"cancelled_value\": 67039, \"cancel_rate\": 0.26848249027237353, \"processing_orders\": 18, \"processing_value\": 22289, \"completion_rate\": 0.6614785992217899, \"daily_orders\": 19.76923076923077, \"daily_revenue\": 14833.307692307691, \"unique_customers\": 237}};\nconst daily = [{\"day\": 1, \"p1_orders\": 15, \"p2_orders\": 18, \"p1_rev\": 6230, \"p2_rev\": 11495, \"orders_diff\": 3, \"rev_diff\": 5265}, {\"day\": 2, \"p1_orders\": 18, \"p2_orders\": 12, \"p1_rev\": 5200, \"p2_rev\": 10555, \"orders_diff\": -6, \"rev_diff\": 5355}, {\"day\": 3, \"p1_orders\": 15, \"p2_orders\": 16, \"p1_rev\": 10509, \"p2_rev\": 8600, \"orders_diff\": 1, \"rev_diff\": -1909}, {\"day\": 4, \"p1_orders\": 24, \"p2_orders\": 18, \"p1_rev\": 12070, \"p2_rev\": 11920, \"orders_diff\": -6, \"rev_diff\": -150}, {\"day\": 5, \"p1_orders\": 21, \"p2_orders\": 19, \"p1_rev\": 22538, \"p2_rev\": 8945, \"orders_diff\": -2, \"rev_diff\": -13593}, {\"day\": 6, \"p1_orders\": 23, \"p2_orders\": 25, \"p1_rev\": 16315, \"p2_rev\": 18090, \"orders_diff\": 2, \"rev_diff\": 1775}, {\"day\": 7, \"p1_orders\": 15, \"p2_orders\": 24, \"p1_rev\": 12944, \"p2_rev\": 22150, \"orders_diff\": 9, \"rev_diff\": 9206}, {\"day\": 8, \"p1_orders\": 20, \"p2_orders\": 15, \"p1_rev\": 12669, \"p2_rev\": 15490, \"orders_diff\": -5, \"rev_diff\": 2821}, {\"day\": 9, \"p1_orders\": 16, \"p2_orders\": 19, \"p1_rev\": 11905, \"p2_rev\": 16355, \"orders_diff\": 3, \"rev_diff\": 4450}, {\"day\": 10, \"p1_orders\": 15, \"p2_orders\": 32, \"p1_rev\": 13139, \"p2_rev\": 27274, \"orders_diff\": 17, \"rev_diff\": 14135}, {\"day\": 11, \"p1_orders\": 10, \"p2_orders\": 18, \"p1_rev\": 4025, \"p2_rev\": 19100, \"orders_diff\": 8, \"rev_diff\": 15075}, {\"day\": 12, \"p1_orders\": 19, \"p2_orders\": 19, \"p1_rev\": 10020, \"p2_rev\": 20279, \"orders_diff\": 0, \"rev_diff\": 10259}, {\"day\": 13, \"p1_orders\": 12, \"p2_orders\": 22, \"p1_rev\": 10825, \"p2_rev\": 2580, \"orders_diff\": 10, \"rev_diff\": -8245}];\nconst growth = {\"additional_revenue\": 44444, \"growth_from_orders\": 37097.25, \"growth_from_aov\": 7346.749999999985, \"orders_share\": 0.8346964719647196, \"aov_share\": 0.16530352803528003};\n\nfunction fmt(n) {\n return Math.round(n).toLocaleString('en-US') + ' \u062c';\n}\nfunction pct(v) {\n return (v * 100).toFixed(1) + '%';\n}\nfunction scrollToSection(id) {\n document.getElementById(id).scrollIntoView({behavior:'smooth'});\n}\n\nconst metricRows = [\n ['\u0625\u062c\u0645\u0627\u0644\u064a \u0639\u062f\u062f \u0627\u0644\u0623\u0648\u0631\u062f\u0631\u0627\u062a', metrics.p1.orders, metrics.p2.orders, metrics.p2.orders-metrics.p1.orders, '+15.2%'],\n ['\u0625\u062c\u0645\u0627\u0644\u064a \u0642\u064a\u0645\u0629 \u0627\u0644\u0623\u0648\u0631\u062f\u0631\u0627\u062a', metrics.p1.total_value, metrics.p2.total_value, metrics.p2.total_value-metrics.p1.total_value, '+22.5%'],\n ['\u0627\u0644\u0623\u0648\u0631\u062f\u0631\u0627\u062a \u0627\u0644\u0645\u0643\u062a\u0645\u0644\u0629', metrics.p1.completed_orders, metrics.p2.completed_orders, metrics.p2.completed_orders-metrics.p1.completed_orders, '+25.0%'],\n ['\u0625\u064a\u0631\u0627\u062f \u0627\u0644\u0623\u0648\u0631\u062f\u0631\u0627\u062a \u0627\u0644\u0645\u0643\u062a\u0645\u0644\u0629', metrics.p1.completed_revenue, metrics.p2.completed_revenue, metrics.p2.completed_revenue-metrics.p1.completed_revenue, '+30.0%'],\n ['\u0645\u062a\u0648\u0633\u0637 \u0642\u064a\u0645\u0629 \u0627\u0644\u0623\u0648\u0631\u062f\u0631 \u0627\u0644\u0645\u0643\u062a\u0645\u0644', metrics.p1.aov, metrics.p2.aov, metrics.p2.aov-metrics.p1.aov, '+4.0%'],\n ['\u0627\u0644\u0623\u0648\u0631\u062f\u0631\u0627\u062a \u0627\u0644\u0645\u0644\u063a\u064a\u0629', metrics.p1.cancelled_orders, metrics.p2.cancelled_orders, metrics.p2.cancelled_orders-metrics.p1.cancelled_orders, '-20.7%'],\n ['\u0645\u0639\u062f\u0644 \u0627\u0644\u0625\u0644\u063a\u0627\u0621', metrics.p1.cancel_rate*100, metrics.p2.cancel_rate*100, (metrics.p2.cancel_rate-metrics.p1.cancel_rate)*100, '\u062a\u062d\u0633\u0646 12.2 \u0646\u0642\u0637\u0629'],\n ['\u0639\u062f\u062f \u0627\u0644\u0639\u0645\u0644\u0627\u0621 \u0627\u0644\u0641\u0631\u064a\u062f\u064a\u0646', metrics.p1.unique_customers, metrics.p2.unique_customers, metrics.p2.unique_customers-metrics.p1.unique_customers, '+12.9%']\n];\n\ndocument.getElementById('metricsTable').innerHTML = metricRows.map((r, i) => {\n const isRate = r[0].includes('\u0645\u0639\u062f\u0644');\n const isMoney = r[0].includes('\u0642\u064a\u0645\u0629') || r[0].includes('\u0625\u064a\u0631\u0627\u062f') || r[0].includes('\u0645\u062a\u0648\u0633\u0637');\n const diff = r[3];\n const good = r[0].includes('\u0645\u0644\u063a\u064a\u0629') || r[0].includes('\u0627\u0644\u0625\u0644\u063a\u0627\u0621') ? diff < 0 : diff > 0;\n const cls = good ? 'positive' : 'negative';\n const val = (x) => isRate ? x.toFixed(1)+'%' : isMoney ? fmt(x) : Math.round(x).toLocaleString('en-US');\n return `<tr><td>${r[0]}<\/td><td>${val(r[1])}<\/td><td>${val(r[2])}<\/td><td class=\"${cls}\">${isRate ? diff.toFixed(1)+' \u0646\u0642\u0637\u0629' : (diff>0?'+':'') + (isMoney ? fmt(diff) : Math.round(diff).toLocaleString('en-US'))}<\/td><td>${r[4]}<\/td><\/tr>`;\n}).join('');\n\nconst chartOptions = {\n responsive: true,\n maintainAspectRatio: false,\n plugins: {\n legend: { labels: { color: '#ffe4ec', font: {family:'Tahoma'} } },\n tooltip: {\n rtl: true,\n callbacks: {\n label: (ctx) => ctx.dataset.label + ': ' + (ctx.dataset.yAxisID === 'money' || ctx.chart.canvas.id.includes('revenue') ? fmt(ctx.parsed.y) : ctx.parsed.y)\n }\n }\n },\n scales: {\n x: { ticks: { color:'#f7b6ca' }, grid: { color:'rgba(255,120,165,.12)' } },\n y: { ticks: { color:'#f7b6ca' }, grid: { color:'rgba(255,120,165,.12)' } }\n }\n};\n\nnew Chart(document.getElementById('revenueChart'), {\n type: 'line',\n data: {\n labels: daily.map(d=>'\u064a\u0648\u0645 '+d.day),\n datasets: [\n { label:'\u0628\u062f\u0648\u0646 \u0625\u0639\u0644\u0627\u0646\u0627\u062a', data: daily.map(d=>d.p1_rev), tension:.35, borderWidth:3, pointRadius:4, borderColor:'#ffb3c7', backgroundColor:'rgba(255,179,199,.18)', pointBackgroundColor:'#ffb3c7' },\n { label:'\u0645\u0639 \u0625\u0639\u0644\u0627\u0646\u0627\u062a', data: daily.map(d=>d.p2_rev), tension:.35, borderWidth:3, pointRadius:4, borderColor:'#ff2d55', backgroundColor:'rgba(255,45,85,.18)', pointBackgroundColor:'#ff2d55' },\n { label:'\u0641\u0631\u0642 \u0627\u0644\u0625\u064a\u0631\u0627\u062f', data: daily.map(d=>d.rev_diff), type:'bar', borderWidth:0, backgroundColor:'rgba(255,79,139,.30)' }\n ]\n },\n options: chartOptions\n});\n\nnew Chart(document.getElementById('ordersChart'), {\n type: 'bar',\n data: {\n labels: daily.map(d=>'\u064a\u0648\u0645 '+d.day),\n datasets: [\n { label:'\u0623\u0648\u0631\u062f\u0631\u0627\u062a \u0628\u062f\u0648\u0646 \u0625\u0639\u0644\u0627\u0646\u0627\u062a', data: daily.map(d=>d.p1_orders), borderWidth:0, backgroundColor:'rgba(255,179,199,.46)' },\n { label:'\u0623\u0648\u0631\u062f\u0631\u0627\u062a \u0645\u0639 \u0625\u0639\u0644\u0627\u0646\u0627\u062a', data: daily.map(d=>d.p2_orders), borderWidth:0, backgroundColor:'rgba(255,45,85,.62)' }\n ]\n },\n options: chartOptions\n});\n\nnew Chart(document.getElementById('growthChart'), {\n type: 'doughnut',\n data: {\n labels: ['\u0632\u064a\u0627\u062f\u0629 \u0627\u0644\u0623\u0648\u0631\u062f\u0631\u0627\u062a \u0627\u0644\u0645\u0643\u062a\u0645\u0644\u0629', '\u0627\u0631\u062a\u0641\u0627\u0639 \u0645\u062a\u0648\u0633\u0637 \u0627\u0644\u0623\u0648\u0631\u062f\u0631'],\n datasets: [{ data: [growth.growth_from_orders, growth.growth_from_aov], borderWidth: 0, backgroundColor:['#ff2d55','#ff8ab3'], hoverBackgroundColor:['#ff4f8b','#ffc2d6'] }]\n },\n options: {\n responsive:true,\n maintainAspectRatio:false,\n plugins: {\n legend: { position:'bottom', labels: { color:'#ffe4ec', font: {family:'Tahoma'} } },\n tooltip: { callbacks: { label: (ctx)=> ctx.label + ': ' + fmt(ctx.parsed) } }\n }\n }\n});\n\nfunction updateCalc() {\n const adSpend = Number(document.getElementById('adSpend').value || 0);\n const margin = Number(document.getElementById('margin').value || 0) \/ 100;\n const procRate = Number(document.getElementById('processingRate').value || 0) \/ 100;\n document.getElementById('marginText').innerText = Math.round(margin*100) + '%';\n document.getElementById('processingText').innerText = Math.round(procRate*100) + '%';\n\n const baseRevenue = metrics.p1.completed_revenue;\n const currentP2Revenue = metrics.p2.completed_revenue;\n const projectedP2Revenue = currentP2Revenue + metrics.p2.processing_value * procRate;\n const extraRevenue = projectedP2Revenue - baseRevenue;\n const extraCompletedOrders = metrics.p2.completed_orders - metrics.p1.completed_orders;\n const roas = adSpend > 0 ? extraRevenue \/ adSpend : 0;\n const cac = extraCompletedOrders > 0 ? adSpend \/ extraCompletedOrders : 0;\n const grossProfit = extraRevenue * margin;\n const netProfit = grossProfit - adSpend;\n\n document.getElementById('extraRevenue').innerText = fmt(currentP2Revenue - baseRevenue);\n document.getElementById('projectedRevenue').innerText = fmt(projectedP2Revenue);\n document.getElementById('roas').innerText = adSpend > 0 ? roas.toFixed(2) + 'x' : '\u2014';\n document.getElementById('cac').innerText = adSpend > 0 ? fmt(cac) : '\u2014';\n document.getElementById('grossProfit').innerText = fmt(grossProfit);\n document.getElementById('netProfit').innerText = fmt(netProfit);\n\n const box = document.getElementById('decisionBox');\n const title = document.getElementById('decisionTitle');\n const text = document.getElementById('decisionText');\n if (netProfit > 0 && roas >= 3) {\n title.innerText = '\u0642\u0631\u0627\u0631: \u0642\u0627\u0628\u0644 \u0644\u0644\u062a\u0648\u0633\u064a\u0639 \u0628\u062d\u0630\u0631';\n text.innerText = '\u0627\u0644\u062d\u0645\u0644\u0629 \u062a\u0628\u062f\u0648 \u0645\u0631\u0628\u062d\u0629 \u0628\u0646\u0627\u0621\u064b \u0639\u0644\u0649 \u0627\u0644\u0645\u062f\u062e\u0644\u0627\u062a \u0627\u0644\u062d\u0627\u0644\u064a\u0629. \u0632\u0648\u0651\u062f \u0627\u0644\u0645\u064a\u0632\u0627\u0646\u064a\u0629 \u062a\u062f\u0631\u064a\u062c\u064a\u064b\u0627 \u0639\u0644\u0649 \u0623\u0641\u0636\u0644 Campaign\/Creative \u0641\u0642\u0637.';\n box.style.background = 'rgba(251,113,133,.13)';\n box.style.borderColor = 'rgba(251,113,133,.32)';\n } else if (netProfit > 0) {\n title.innerText = '\u0642\u0631\u0627\u0631: \u0645\u0631\u0628\u062d \u0644\u0643\u0646 \u064a\u062d\u062a\u0627\u062c \u062a\u062d\u0633\u064a\u0646';\n text.innerText = '\u064a\u0648\u062c\u062f \u0635\u0627\u0641\u064a \u0631\u0628\u062d\u060c \u0644\u0643\u0646 ROAS\/CAC \u064a\u062d\u062a\u0627\u062c\u0627\u0646 \u062a\u062d\u0633\u064a\u0646 \u0642\u0628\u0644 \u0632\u064a\u0627\u062f\u0629 \u0643\u0628\u064a\u0631\u0629 \u0641\u064a \u0627\u0644\u0645\u064a\u0632\u0627\u0646\u064a\u0629.';\n box.style.background = 'rgba(255,138,61,.12)';\n box.style.borderColor = 'rgba(255,138,61,.30)';\n } else {\n title.innerText = '\u0642\u0631\u0627\u0631: \u0644\u0627 \u062a\u0632\u0648\u062f \u0627\u0644\u0645\u064a\u0632\u0627\u0646\u064a\u0629 \u0627\u0644\u0622\u0646';\n text.innerText = '\u0627\u0644\u0645\u0628\u064a\u0639\u0627\u062a \u062a\u062d\u0633\u0646\u062a\u060c \u0644\u0643\u0646 \u0628\u0639\u062f \u0625\u062f\u062e\u0627\u0644 \u0627\u0644\u0645\u0635\u0631\u0648\u0641 \u0648\u0627\u0644\u0647\u0627\u0645\u0634 \u0627\u0644\u062d\u0627\u0644\u064a \u0635\u0627\u0641\u064a \u0627\u0644\u0631\u0628\u062d \u063a\u064a\u0631 \u0643\u0627\u0641\u064d. \u0631\u0627\u062c\u0639 \u0627\u0644\u0643\u0631\u064a\u0627\u062a\u064a\u0641 \u0648\u0627\u0644\u0627\u0633\u062a\u0647\u062f\u0627\u0641 \u0648\u0633\u0639\u0631 \u0627\u0644\u0633\u0644\u0629.';\n box.style.background = 'rgba(255,45,85,.12)';\n box.style.borderColor = 'rgba(255,45,85,.32)';\n }\n}\nupdateCalc();\n<\/script>\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 Dashboard | Elkot Ads Performance ELKOT STORE \u2022 ADS IMPACT REPORT \u0644\u0648\u062d\u0629 \u062a\u062d\u0644\u064a\u0644 \u062a\u0623\u062b\u064a\u0631 \u0627\u0644\u0625\u0639\u0644\u0627\u0646\u0627\u062a \u0639\u0644\u0649 \u0627\u0644\u0623\u0648\u0631\u062f\u0631\u0627\u062a \u0648\u0627\u0644\u0645\u0628\u064a\u0639\u0627\u062a \u0645\u0642\u0627\u0631\u0646\u0629 \u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629 \u0628\u064a\u0646 \u0641\u062a\u0631\u0629 \u0628\u062f\u0648\u0646 \u0625\u0639\u0644\u0627\u0646\u0627\u062a \u0648\u0641\u062a\u0631\u0629 \u0645\u0639 \u0625\u0639\u0644\u0627\u0646\u0627\u062a \u0644\u0645\u062f\u0629 13 \u064a\u0648\u0645 \u0644\u0643\u0644 \u0641\u062a\u0631\u0629. \u0627\u0644\u062a\u0631\u0643\u064a\u0632 \u0647\u0646\u0627 \u0639\u0644\u0649 \u0627\u0644\u0623\u0648\u0631\u062f\u0631\u0627\u062a\u060c \u0627\u0644\u0625\u064a\u0631\u0627\u062f \u0627\u0644\u0645\u0643\u062a\u0645\u0644\u060c \u0645\u0639\u062f\u0644 \u0627\u0644\u0625\u0644\u063a\u0627\u0621\u060c \u0645\u062a\u0648\u0633\u0637 \u0642\u064a\u0645\u0629 \u0627\u0644\u0623\u0648\u0631\u062f\u0631\u060c \u0648\u0627\u0644\u0642\u0631\u0627\u0631\u0627\u062a \u0627\u0644\u062a\u0646\u0641\u064a\u0630\u064a\u0629 \u0627\u0644\u0645\u0637\u0644\u0648\u0628\u0629. \u0637\u0628\u0627\u0639\u0629 \/ \u062d\u0641\u0638 PDF \u062d\u0627\u0633\u0628\u0629 \u0627\u0644\u0631\u0628\u062d\u064a\u0629 \u062a\u062d\u0644\u064a\u0644 \u0627\u0644\u0623\u064a\u0627\u0645 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-4497","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/stuff-x.net\/ar\/wp-json\/wp\/v2\/pages\/4497","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=4497"}],"version-history":[{"count":0,"href":"https:\/\/stuff-x.net\/ar\/wp-json\/wp\/v2\/pages\/4497\/revisions"}],"wp:attachment":[{"href":"https:\/\/stuff-x.net\/ar\/wp-json\/wp\/v2\/media?parent=4497"}],"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 \n Ruby Dashboard | Elkot Ads Performance<\/title>\n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/chart.js\"><\/script>\n <style>\n :root {\n --bg: #16040b;\n --panel: rgba(55, 8, 25, .78);\n --panel2: rgba(88, 16, 38, .72);\n --border: rgba(255, 120, 165, .22);\n --text: #fff1f6;\n --muted: #f7b6ca;\n --green: #fb7185;\n --red: #ff2d55;\n --amber: #ff8a3d;\n --blue: #ff4f8b;\n --violet: #ff7ab6;\n --cardShadow: 0 20px 70px rgba(190, 18, 60, .26);\n }\n * { box-sizing: border-box; }\n body {\n margin:0;\n font-family: Tahoma, Arial, sans-serif;\n background:\n radial-gradient(circle at top right, rgba(255, 45, 85, .34), transparent 34%),\n radial-gradient(circle at top left, rgba(255, 122, 182, .24), transparent 31%),\n radial-gradient(circle at bottom center, rgba(185, 28, 28, .20), transparent 38%),\n linear-gradient(180deg, #21030d 0%, var(--bg) 52%, #090106 100%);\n color: var(--text);\n min-height: 100vh;\n }\n .wrap { max-width: 1440px; margin: 0 auto; padding: 28px; }\n .hero {\n display: grid; grid-template-columns: 1.35fr .65fr; gap: 18px; align-items: stretch; margin-bottom: 20px;\n }\n .heroCard, .panel, .kpi, .insight, .calcBox {\n background: var(--panel);\n border: 1px solid var(--border);\n box-shadow: var(--cardShadow);\n backdrop-filter: blur(14px);\n border-radius: 24px;\n }\n .heroCard { padding: 28px; position: relative; overflow: hidden; }\n .heroCard::after {\n content:\"\"; position:absolute; inset:auto -80px -100px auto; width:280px; height:280px; border-radius:50%;\n background: radial-gradient(circle, rgba(251,113,133,.32), transparent 70%);\n }\n .eyebrow { color: var(--blue); font-weight: 700; letter-spacing: .4px; margin-bottom: 10px; }\n h1 { margin:0; font-size: clamp(28px, 4vw, 48px); line-height: 1.25; }\n .lead { color: var(--muted); font-size: 16px; line-height: 1.9; margin: 14px 0 0; max-width: 850px; }\n .statusCard { padding: 22px; display:flex; flex-direction:column; gap:14px; }\n .status {\n padding: 16px; border-radius: 18px; background: rgba(251,113,133,.13); border: 1px solid rgba(251,113,133,.32);\n }\n .status strong { color: var(--green); display:block; font-size: 22px; margin-bottom: 6px; }\n .status span { color: var(--muted); line-height: 1.7; }\n .toolbar { display:flex; flex-wrap:wrap; gap:10px; margin-top: 18px; }\n button, .pill {\n border: 1px solid var(--border); background: rgba(80, 7, 32, .70); color: var(--text);\n padding: 10px 14px; border-radius: 999px; cursor:pointer; font-weight:700;\n }\n button:hover { border-color: rgba(56,189,248,.55); transform: translateY(-1px); }\n .grid { display:grid; gap: 16px; }\n .kpis { grid-template-columns: repeat(4, minmax(0,1fr)); margin: 18px 0; }\n .kpi { padding: 18px; min-height: 138px; position:relative; overflow:hidden; }\n .kpi .label { color: var(--muted); font-size: 13px; line-height:1.5; }\n .kpi .value { font-size: 30px; font-weight: 900; margin: 8px 0; }\n .kpi .sub { font-size: 13px; color: var(--muted); line-height:1.6; }\n .delta { display:inline-flex; align-items:center; gap:6px; padding:5px 10px; border-radius:999px; font-size: 12px; font-weight:900; }\n .up { color:#bbf7d0; background: rgba(34,197,94,.14); }\n .down { color:#fecaca; background: rgba(239,68,68,.14); }\n .warn { color:#fde68a; background: rgba(245,158,11,.14); }\n .sectionTitle { display:flex; align-items:center; justify-content:space-between; gap: 12px; margin: 26px 0 12px; }\n .sectionTitle h2 { margin:0; font-size: 24px; }\n .sectionTitle p { margin:0; color: var(--muted); }\n .two { grid-template-columns: 1fr 1fr; }\n .three { grid-template-columns: repeat(3, 1fr); }\n .panel { padding: 20px; }\n .panel h3 { margin: 0 0 14px; font-size: 18px; }\n .chartBox { height: 340px; }\n .chartBoxSmall { height: 260px; }\n table { width:100%; border-collapse: collapse; overflow: hidden; border-radius: 16px; }\n th, td { padding: 12px 10px; border-bottom:1px solid var(--border); text-align:right; font-size: 14px; }\n th { color:#ffe4ec; background: rgba(15,23,42,.84); font-weight:900; }\n td { color:#e2e8f0; }\n tr:hover td { background: rgba(56,189,248,.06); }\n .positive { color:#86efac; font-weight:900; }\n .negative { color:#fca5a5; font-weight:900; }\n .muted { color: var(--muted); }\n .insights { grid-template-columns: repeat(5, 1fr); }\n .insight { padding:16px; }\n .insight b { display:block; margin-bottom:8px; color:#f8fafc; }\n .insight p { margin:0; color:var(--muted); line-height:1.75; font-size: 13px; }\n .calc {\n display:grid; grid-template-columns: .8fr 1.2fr; gap:16px;\n }\n .calcBox { padding:20px; }\n label { display:block; color:#ffe4ec; font-weight:700; margin: 12px 0 7px; }\n input[type=number], input[type=range] {\n width:100%; padding:12px 14px; border-radius: 14px; border:1px solid var(--border);\n background: rgba(35, 2, 13, .72); color: var(--text); outline:none;\n }\n .calcResult { display:grid; grid-template-columns: repeat(2,1fr); gap:12px; margin-top:12px; }\n .mini {\n background: rgba(35, 2, 13, .45); border:1px solid var(--border); border-radius:18px; padding:14px;\n }\n .mini .mLabel { color:var(--muted); font-size:12px; }\n .mini .mValue { font-size:24px; font-weight:900; margin-top:6px; }\n .recommendations { display:grid; gap:12px; }\n .rec {\n padding:14px 16px; background: rgba(35, 2, 13, .35); border:1px solid var(--border); border-radius:18px;\n display:grid; grid-template-columns:auto 1fr; gap:12px; align-items:start;\n }\n .badge {\n width:30px; height:30px; display:grid; place-items:center; border-radius:10px;\n background: rgba(255, 79, 139, .14); color: var(--blue); font-weight:900;\n }\n .footer { color:var(--muted); text-align:center; padding:30px 0 10px; font-size:13px; }\n .rubyFooter { color:#ffe4ec; font-size:16px; font-weight:900; letter-spacing:.8px; text-shadow:0 0 22px rgba(255,45,85,.55); }\n\n button {\n background: linear-gradient(135deg, #ff2d55, #ff4f8b 55%, #ff8ab3) !important;\n box-shadow: 0 12px 34px rgba(255, 45, 85, .28);\n }\n .delta.up, .positive { color:#ff8ab3; }\n .negative { color:#ff5f7d; }\n .badge {\n background: linear-gradient(135deg, #ff2d55, #ff8ab3) !important;\n color:#fff !important;\n box-shadow: 0 0 24px rgba(255, 45, 85, .35);\n }\n @media (max-width: 1100px) {\n .hero, .two, .calc { grid-template-columns:1fr; }\n .kpis { grid-template-columns: repeat(2, 1fr); }\n .insights, .three { grid-template-columns: repeat(2, 1fr); }\n }\n @media (max-width: 680px) {\n .wrap { padding: 16px; }\n .kpis, .insights, .three, .calcResult { grid-template-columns: 1fr; }\n .chartBox { height:300px; }\n th, td { font-size: 12px; padding:9px 6px; }\n }\n @media print {\n body { background:#fff; color:#111827; }\n .heroCard,.panel,.kpi,.insight,.calcBox,.statusCard { box-shadow:none; background:#fff; color:#111827; border-color:#d1d5db; }\n .toolbar, button { display:none; }\n .muted,.lead,.kpi .sub,.kpi .label,.sectionTitle p,.insight p { color:#4b5563; }\n }\n <\/style>\n<\/head>\n<body>\n<div class=\"wrap\">\n <section class=\"hero\">\n <div class=\"heroCard\">\n <div class=\"eyebrow\">ELKOT STORE \u2022 ADS IMPACT REPORT<\/div>\n <h1>\u0644\u0648\u062d\u0629 \u062a\u062d\u0644\u064a\u0644 \u062a\u0623\u062b\u064a\u0631 \u0627\u0644\u0625\u0639\u0644\u0627\u0646\u0627\u062a \u0639\u0644\u0649 \u0627\u0644\u0623\u0648\u0631\u062f\u0631\u0627\u062a \u0648\u0627\u0644\u0645\u0628\u064a\u0639\u0627\u062a<\/h1>\n <p class=\"lead\">\n \u0645\u0642\u0627\u0631\u0646\u0629 \u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629 \u0628\u064a\u0646 \u0641\u062a\u0631\u0629 <b>\u0628\u062f\u0648\u0646 \u0625\u0639\u0644\u0627\u0646\u0627\u062a<\/b> \u0648\u0641\u062a\u0631\u0629 <b>\u0645\u0639 \u0625\u0639\u0644\u0627\u0646\u0627\u062a<\/b> \u0644\u0645\u062f\u0629 13 \u064a\u0648\u0645 \u0644\u0643\u0644 \u0641\u062a\u0631\u0629.\n \u0627\u0644\u062a\u0631\u0643\u064a\u0632 \u0647\u0646\u0627 \u0639\u0644\u0649 \u0627\u0644\u0623\u0648\u0631\u062f\u0631\u0627\u062a\u060c \u0627\u0644\u0625\u064a\u0631\u0627\u062f \u0627\u0644\u0645\u0643\u062a\u0645\u0644\u060c \u0645\u0639\u062f\u0644 \u0627\u0644\u0625\u0644\u063a\u0627\u0621\u060c \u0645\u062a\u0648\u0633\u0637 \u0642\u064a\u0645\u0629 \u0627\u0644\u0623\u0648\u0631\u062f\u0631\u060c \u0648\u0627\u0644\u0642\u0631\u0627\u0631\u0627\u062a \u0627\u0644\u062a\u0646\u0641\u064a\u0630\u064a\u0629 \u0627\u0644\u0645\u0637\u0644\u0648\u0628\u0629.\n <\/p>\n <div class=\"toolbar\">\n <button onclick=\"window.print()\">\u0637\u0628\u0627\u0639\u0629 \/ \u062d\u0641\u0638 PDF<\/button>\n <button onclick=\"scrollToSection('profitability')\">\u062d\u0627\u0633\u0628\u0629 \u0627\u0644\u0631\u0628\u062d\u064a\u0629<\/button>\n <button onclick=\"scrollToSection('daily')\">\u062a\u062d\u0644\u064a\u0644 \u0627\u0644\u0623\u064a\u0627\u0645<\/button>\n <span class=\"pill\">\u0627\u0644\u0641\u062a\u0631\u0629 \u0627\u0644\u0623\u0648\u0644\u0649: 27 \u0645\u0627\u064a\u0648\u20138 \u064a\u0648\u0646\u064a\u0648<\/span>\n <span class=\"pill\">\u0627\u0644\u0641\u062a\u0631\u0629 \u0627\u0644\u062b\u0627\u0646\u064a\u0629: 9 \u064a\u0648\u0646\u064a\u0648\u201321 \u064a\u0648\u0646\u064a\u0648<\/span>\n <\/div>\n <\/div>\n <div class=\"statusCard\">\n <div class=\"status\">\n <strong>\u0627\u0644\u0646\u062a\u064a\u062c\u0629 \u0627\u0644\u0639\u0627\u0645\u0629: \u0625\u064a\u062c\u0627\u0628\u064a\u0629<\/strong>\n <span>\u0627\u0644\u0625\u0639\u0644\u0627\u0646\u0627\u062a \u0631\u0641\u0639\u062a \u0627\u0644\u0625\u064a\u0631\u0627\u062f \u0627\u0644\u0645\u0643\u062a\u0645\u0644 \u0628\u0646\u0633\u0628\u0629 30% \u062a\u0642\u0631\u064a\u0628\u064b\u0627\u060c \u0645\u0639 \u0627\u0646\u062e\u0641\u0627\u0636 \u0648\u0627\u0636\u062d \u0641\u064a \u0627\u0644\u0625\u0644\u063a\u0627\u0621\u0627\u062a.<\/span>\n <\/div>\n <div class=\"status\" style=\"background:rgba(255,138,61,.12); border-color:rgba(255,138,61,.30)\">\n <strong style=\"color:var(--amber)\">\u0627\u0644\u062d\u0643\u0645 \u0627\u0644\u0646\u0647\u0627\u0626\u064a \u064a\u062d\u062a\u0627\u062c \u0631\u0642\u0645\u064a\u0646<\/strong>\n <span>\u0645\u0635\u0631\u0648\u0641 \u0627\u0644\u0625\u0639\u0644\u0627\u0646\u0627\u062a + \u0647\u0627\u0645\u0634 \u0627\u0644\u0631\u0628\u062d \u0627\u0644\u0641\u0639\u0644\u064a \u0644\u0644\u0645\u0646\u062a\u062c\u0627\u062a \u0644\u062a\u062d\u062f\u064a\u062f \u0627\u0644\u0631\u0628\u062d\u064a\u0629 \u0627\u0644\u0646\u0647\u0627\u0626\u064a\u0629.<\/span>\n <\/div>\n <\/div>\n <\/section>\n\n <section class=\"grid kpis\">\n <div class=\"kpi\">\n <div class=\"label\">\u0625\u062c\u0645\u0627\u0644\u064a \u0627\u0644\u0623\u0648\u0631\u062f\u0631\u0627\u062a<\/div>\n <div class=\"value\">257<\/div>\n <span class=\"delta up\">+34 \u0623\u0648\u0631\u062f\u0631 \u2022 +15.2%<\/span>\n <div class=\"sub\">\u0645\u0642\u0627\u0631\u0646\u0629 \u0628\u0640 223 \u0623\u0648\u0631\u062f\u0631 \u0628\u062f\u0648\u0646 \u0625\u0639\u0644\u0627\u0646\u0627\u062a.<\/div>\n <\/div>\n <div class=\"kpi\">\n <div class=\"label\">\u0627\u0644\u0623\u0648\u0631\u062f\u0631\u0627\u062a \u0627\u0644\u0645\u0643\u062a\u0645\u0644\u0629<\/div>\n <div class=\"value\">170<\/div>\n <span class=\"delta up\">+34 \u0645\u0643\u062a\u0645\u0644 \u2022 +25%<\/span>\n <div class=\"sub\">\u0627\u0644\u062a\u062d\u0633\u0646 \u0627\u0644\u062d\u0642\u064a\u0642\u064a \u0638\u0647\u0631 \u0641\u064a \u0627\u0644\u0637\u0644\u0628\u0627\u062a \u0627\u0644\u0645\u0643\u062a\u0645\u0644\u0629.<\/div>\n <\/div>\n <div class=\"kpi\">\n <div class=\"label\">\u0625\u064a\u0631\u0627\u062f \u0627\u0644\u0623\u0648\u0631\u062f\u0631\u0627\u062a \u0627\u0644\u0645\u0643\u062a\u0645\u0644\u0629<\/div>\n <div class=\"value\">192,833 \u062c<\/div>\n <span class=\"delta up\">+44,444 \u062c \u2022 +30%<\/span>\n <div class=\"sub\">\u0645\u062a\u0648\u0633\u0637 \u064a\u0648\u0645\u064a: 14,833 \u062c \u0628\u062f\u0644 11,415 \u062c.<\/div>\n <\/div>\n <div class=\"kpi\">\n <div class=\"label\">\u0645\u0639\u062f\u0644 \u0627\u0644\u0625\u0644\u063a\u0627\u0621<\/div>\n <div class=\"value\">26.8%<\/div>\n <span class=\"delta up\">\u062a\u062d\u0633\u0646 \u0645\u0646 39.0%<\/span>\n <div class=\"sub\">\u0627\u0644\u0625\u0644\u063a\u0627\u0621\u0627\u062a \u0642\u0644\u062a \u0645\u0646 87 \u0625\u0644\u0649 69 \u0631\u063a\u0645 \u0632\u064a\u0627\u062f\u0629 \u0627\u0644\u0637\u0644\u0628\u0627\u062a.<\/div>\n <\/div>\n <\/section>\n\n <div class=\"sectionTitle\">\n <h2>\u0627\u0644\u0645\u0642\u0627\u0631\u0646\u0629 \u0627\u0644\u0631\u0642\u0645\u064a\u0629 \u0627\u0644\u0623\u0633\u0627\u0633\u064a\u0629<\/h2>\n <p>\u0642\u0631\u0627\u0621\u0629 \u0645\u0628\u0627\u0634\u0631\u0629 \u0644\u0623\u0647\u0645 \u0645\u0624\u0634\u0631\u0627\u062a \u0627\u0644\u0623\u062f\u0627\u0621 \u0642\u0628\u0644 \u0648\u0628\u0639\u062f \u062a\u0634\u063a\u064a\u0644 \u0627\u0644\u0625\u0639\u0644\u0627\u0646\u0627\u062a<\/p>\n <\/div>\n <section class=\"grid two\">\n <div class=\"panel\">\n <h3>\u062c\u062f\u0648\u0644 \u0627\u0644\u0645\u0642\u0627\u0631\u0646\u0629 \u0627\u0644\u0631\u0626\u064a\u0633\u064a<\/h3>\n <table>\n <thead>\n <tr><th>\u0627\u0644\u0645\u0624\u0634\u0631<\/th><th>\u0628\u062f\u0648\u0646 \u0625\u0639\u0644\u0627\u0646\u0627\u062a<\/th><th>\u0645\u0639 \u0625\u0639\u0644\u0627\u0646\u0627\u062a<\/th><th>\u0627\u0644\u0641\u0631\u0642<\/th><th>\u0627\u0644\u062a\u063a\u064a\u0631<\/th><\/tr>\n <\/thead>\n <tbody id=\"metricsTable\"><\/tbody>\n <\/table>\n <\/div>\n <div class=\"panel\">\n <h3>\u062a\u0648\u0632\u064a\u0639 \u0633\u0628\u0628 \u0646\u0645\u0648 \u0627\u0644\u0625\u064a\u0631\u0627\u062f<\/h3>\n <div class=\"chartBoxSmall\"><canvas id=\"growthChart\"><\/canvas><\/div>\n <table style=\"margin-top:14px\">\n <tbody>\n <tr><td>\u0632\u064a\u0627\u062f\u0629 \u0627\u0644\u0625\u064a\u0631\u0627\u062f \u0627\u0644\u0645\u0643\u062a\u0645\u0644<\/td><td class=\"positive\">44,444 \u062c<\/td><\/tr>\n <tr><td>\u0627\u0644\u0646\u0645\u0648 \u0628\u0633\u0628\u0628 \u0632\u064a\u0627\u062f\u0629 \u0627\u0644\u0623\u0648\u0631\u062f\u0631\u0627\u062a \u0627\u0644\u0645\u0643\u062a\u0645\u0644\u0629<\/td><td>37,097 \u062c<\/td><\/tr>\n <tr><td>\u0627\u0644\u0646\u0645\u0648 \u0628\u0633\u0628\u0628 \u0627\u0631\u062a\u0641\u0627\u0639 \u0645\u062a\u0648\u0633\u0637 \u0627\u0644\u0623\u0648\u0631\u062f\u0631<\/td><td>7,347 \u062c<\/td><\/tr>\n <\/tbody>\n <\/table>\n <\/div>\n <\/section>\n\n <div class=\"sectionTitle\" id=\"daily\">\n <h2>\u062a\u062d\u0644\u064a\u0644 \u0627\u0644\u0623\u062f\u0627\u0621 \u0627\u0644\u064a\u0648\u0645\u064a<\/h2>\n <p>\u062a\u062a\u0628\u0639 \u0627\u0644\u0641\u0631\u0642 \u0641\u064a \u0627\u0644\u0625\u064a\u0631\u0627\u062f \u0648\u0627\u0644\u0623\u0648\u0631\u062f\u0631\u0627\u062a \u064a\u0648\u0645\u064b\u0627 \u0628\u064a\u0648\u0645<\/p>\n <\/div>\n <section class=\"grid two\">\n <div class=\"panel\">\n <h3>\u0627\u0644\u0625\u064a\u0631\u0627\u062f \u0627\u0644\u0645\u0643\u062a\u0645\u0644 \u0627\u0644\u064a\u0648\u0645\u064a<\/h3>\n <div class=\"chartBox\"><canvas id=\"revenueChart\"><\/canvas><\/div>\n <\/div>\n <div class=\"panel\">\n <h3>\u0639\u062f\u062f \u0627\u0644\u0623\u0648\u0631\u062f\u0631\u0627\u062a \u0627\u0644\u064a\u0648\u0645\u064a<\/h3>\n <div class=\"chartBox\"><canvas id=\"ordersChart\"><\/canvas><\/div>\n <\/div>\n <\/section>\n\n <section class=\"grid two\" style=\"margin-top:16px\">\n <div class=\"panel\">\n <h3>\u0623\u0642\u0648\u0649 \u0623\u064a\u0627\u0645 \u0628\u0639\u062f \u0627\u0644\u0625\u0639\u0644\u0627\u0646\u0627\u062a \u062d\u0633\u0628 \u0641\u0631\u0642 \u0627\u0644\u0625\u064a\u0631\u0627\u062f<\/h3>\n <table>\n <thead><tr><th>\u0627\u0644\u064a\u0648\u0645<\/th><th>\u0628\u062f\u0648\u0646 \u0625\u0639\u0644\u0627\u0646\u0627\u062a<\/th><th>\u0645\u0639 \u0625\u0639\u0644\u0627\u0646\u0627\u062a<\/th><th>\u0627\u0644\u0641\u0631\u0642<\/th><\/tr><\/thead>\n <tbody>\n <tr><td>\u0627\u0644\u064a\u0648\u0645 11<\/td><td>4,025 \u062c<\/td><td>19,100 \u062c<\/td><td class=\"positive\">+15,075 \u062c<\/td><\/tr><tr><td>\u0627\u0644\u064a\u0648\u0645 10<\/td><td>13,139 \u062c<\/td><td>27,274 \u062c<\/td><td class=\"positive\">+14,135 \u062c<\/td><\/tr><tr><td>\u0627\u0644\u064a\u0648\u0645 12<\/td><td>10,020 \u062c<\/td><td>20,279 \u062c<\/td><td class=\"positive\">+10,259 \u062c<\/td><\/tr><tr><td>\u0627\u0644\u064a\u0648\u0645 7<\/td><td>12,944 \u062c<\/td><td>22,150 \u062c<\/td><td class=\"positive\">+9,206 \u062c<\/td><\/tr><tr><td>\u0627\u0644\u064a\u0648\u0645 2<\/td><td>5,200 \u062c<\/td><td>10,555 \u062c<\/td><td class=\"positive\">+5,355 \u062c<\/td><\/tr>\n <\/tbody>\n <\/table>\n <\/div>\n <div class=\"panel\">\n <h3>\u0627\u0644\u0623\u064a\u0627\u0645 \u0627\u0644\u062a\u064a \u062a\u062d\u062a\u0627\u062c \u0645\u0631\u0627\u062c\u0639\u0629<\/h3>\n <table>\n <thead><tr><th>\u0627\u0644\u064a\u0648\u0645<\/th><th>\u0628\u062f\u0648\u0646 \u0625\u0639\u0644\u0627\u0646\u0627\u062a<\/th><th>\u0645\u0639 \u0625\u0639\u0644\u0627\u0646\u0627\u062a<\/th><th>\u0627\u0644\u0641\u0631\u0642<\/th><\/tr><\/thead>\n <tbody>\n <tr><td>\u0627\u0644\u064a\u0648\u0645 5<\/td><td>22,538 \u062c<\/td><td>8,945 \u062c<\/td><td class=\"negative\">-13,593 \u062c<\/td><\/tr><tr><td>\u0627\u0644\u064a\u0648\u0645 13<\/td><td>10,825 \u062c<\/td><td>2,580 \u062c<\/td><td class=\"negative\">-8,245 \u062c<\/td><\/tr><tr><td>\u0627\u0644\u064a\u0648\u0645 3<\/td><td>10,509 \u062c<\/td><td>8,600 \u062c<\/td><td class=\"negative\">-1,909 \u062c<\/td><\/tr>\n <\/tbody>\n <\/table>\n <p class=\"muted\" style=\"line-height:1.8\">\u0645\u0644\u0627\u062d\u0638\u0629: \u0627\u0644\u064a\u0648\u0645 13 \u0641\u064a \u0641\u062a\u0631\u0629 \u0627\u0644\u0625\u0639\u0644\u0627\u0646\u0627\u062a \u0644\u0627 \u064a\u062c\u0628 \u0627\u0644\u062d\u0643\u0645 \u0639\u0644\u064a\u0647 \u0646\u0647\u0627\u0626\u064a\u064b\u0627 \u0628\u0633\u0628\u0628 \u0648\u062c\u0648\u062f 18 \u0623\u0648\u0631\u062f\u0631 Processing \u0641\u064a \u0627\u0644\u0641\u062a\u0631\u0629 \u0627\u0644\u062b\u0627\u0646\u064a\u0629.<\/p>\n <\/div>\n <\/section>\n\n <div class=\"sectionTitle\">\n <h2>Insights \u062a\u0646\u0641\u064a\u0630\u064a\u0629<\/h2>\n <p>\u062a\u062d\u0648\u064a\u0644 \u0627\u0644\u0623\u0631\u0642\u0627\u0645 \u0625\u0644\u0649 \u0642\u0631\u0627\u0631\u0627\u062a \u0648\u0627\u0636\u062d\u0629<\/p>\n <\/div>\n <section class=\"grid insights\">\n <div class=\"insight\"><b>\u0627\u0644\u0625\u0639\u0644\u0627\u0646\u0627\u062a \u0632\u0648\u062f\u062a \u0627\u0644\u0637\u0644\u0628 \u0627\u0644\u062d\u0642\u064a\u0642\u064a<\/b><p>\u0627\u0644\u0632\u064a\u0627\u062f\u0629 \u0644\u0645 \u062a\u0643\u0646 \u0641\u064a \u0639\u062f\u062f \u0627\u0644\u0623\u0648\u0631\u062f\u0631\u0627\u062a \u0641\u0642\u0637\u060c \u0628\u0644 \u0641\u064a \u0627\u0644\u0623\u0648\u0631\u062f\u0631\u0627\u062a \u0627\u0644\u0645\u0643\u062a\u0645\u0644\u0629 \u0648\u0627\u0644\u0625\u064a\u0631\u0627\u062f \u0627\u0644\u0641\u0639\u0644\u064a.<\/p><\/div>\n <div class=\"insight\"><b>\u062c\u0648\u062f\u0629 \u0627\u0644\u0637\u0644\u0628\u0627\u062a \u062a\u062d\u0633\u0646\u062a<\/b><p>\u0645\u0639\u062f\u0644 \u0627\u0644\u0625\u0644\u063a\u0627\u0621 \u0627\u0646\u062e\u0641\u0636 \u0645\u0646 39.0% \u0625\u0644\u0649 26.8%\u060c \u0648\u0647\u0630\u0627 \u0645\u0624\u0634\u0631 \u0642\u0648\u064a \u0639\u0644\u0649 \u062c\u0648\u062f\u0629 \u0627\u0644\u062c\u0645\u0647\u0648\u0631 \u0623\u0648 \u0627\u0644\u0639\u0631\u0636.<\/p><\/div>\n <div class=\"insight\"><b>\u0645\u0646\u062a\u0635\u0641 \u0627\u0644\u0641\u062a\u0631\u0629 \u0643\u0627\u0646 \u0623\u0642\u0648\u0649<\/b><p>\u0623\u064a\u0627\u0645 7\u060c 10\u060c 11\u060c 12 \u0635\u0646\u0639\u062a \u0642\u0641\u0632\u0627\u062a \u0643\u0628\u064a\u0631\u0629 \u0641\u064a \u0627\u0644\u0625\u064a\u0631\u0627\u062f \u0648\u062a\u0633\u062a\u062d\u0642 \u0645\u0631\u0627\u062c\u0639\u0629 \u062a\u0641\u0635\u064a\u0644\u064a\u0629.<\/p><\/div>\n <div class=\"insight\"><b>AOV \u062a\u062d\u0633\u0646 \u0645\u062d\u062f\u0648\u062f<\/b><p>\u0645\u062a\u0648\u0633\u0637 \u0627\u0644\u0623\u0648\u0631\u062f\u0631 \u0627\u0631\u062a\u0641\u0639 43 \u062c \u0641\u0642\u0637\u060c \u0644\u0630\u0644\u0643 \u062a\u0648\u062c\u062f \u0641\u0631\u0635\u0629 \u0642\u0648\u064a\u0629 \u0639\u0628\u0631 Bundles \u0648 Upsell.<\/p><\/div>\n <div class=\"insight\"><b>Processing \u0642\u062f \u064a\u0631\u0641\u0639 \u0627\u0644\u0646\u062a\u064a\u062c\u0629<\/b><p>\u0627\u0644\u0641\u062a\u0631\u0629 \u0627\u0644\u062b\u0627\u0646\u064a\u0629 \u0628\u0647\u0627 22,289 \u062c \u062a\u062d\u062a \u0627\u0644\u0645\u0639\u0627\u0644\u062c\u0629\u060c \u0648\u0642\u062f \u062a\u062a\u062d\u0648\u0644 \u0644\u0632\u064a\u0627\u062f\u0629 \u0625\u0636\u0627\u0641\u064a\u0629 \u0628\u0639\u062f \u0627\u0644\u0625\u063a\u0644\u0627\u0642.<\/p><\/div>\n <\/section>\n\n <div class=\"sectionTitle\" id=\"profitability\">\n <h2>\u062d\u0627\u0633\u0628\u0629 \u0627\u0644\u0631\u0628\u062d\u064a\u0629 \u0648\u0642\u0631\u0627\u0631 \u0627\u0644\u0645\u064a\u0632\u0627\u0646\u064a\u0629<\/h2>\n <p>\u0623\u062f\u062e\u0644 \u0645\u0635\u0631\u0648\u0641 \u0627\u0644\u0625\u0639\u0644\u0627\u0646\u0627\u062a \u0648\u0627\u0644\u0647\u0627\u0645\u0634 \u0644\u062a\u062d\u062f\u064a\u062f \u0647\u0644 \u0627\u0644\u0646\u0645\u0648 \u0645\u0631\u0628\u062d \u0623\u0645 \u0644\u0627<\/p>\n <\/div>\n <section class=\"calc\">\n <div class=\"calcBox\">\n <label>\u0645\u0635\u0631\u0648\u0641 \u0627\u0644\u0625\u0639\u0644\u0627\u0646\u0627\u062a \u062e\u0644\u0627\u0644 \u0627\u0644\u0641\u062a\u0631\u0629<\/label>\n <input type=\"number\" id=\"adSpend\" value=\"15000\" min=\"0\" step=\"500\" oninput=\"updateCalc()\" \/>\n <label>\u0647\u0627\u0645\u0634 \u0627\u0644\u0631\u0628\u062d \u0627\u0644\u0625\u062c\u0645\u0627\u0644\u064a \u0627\u0644\u0645\u062a\u0648\u0642\u0639 %<\/label>\n <input type=\"range\" id=\"margin\" value=\"30\" min=\"5\" max=\"80\" step=\"1\" oninput=\"updateCalc()\" \/>\n <div class=\"muted\">\u0627\u0644\u0647\u0627\u0645\u0634 \u0627\u0644\u062d\u0627\u0644\u064a: <b id=\"marginText\">30%<\/b><\/div>\n <label>\u0646\u0633\u0628\u0629 \u0627\u0643\u062a\u0645\u0627\u0644 \u0627\u0644\u0623\u0648\u0631\u062f\u0631\u0627\u062a Processing \u0627\u0644\u0645\u062a\u0648\u0642\u0639\u0629 %<\/label>\n <input type=\"range\" id=\"processingRate\" value=\"70\" min=\"0\" max=\"100\" step=\"5\" oninput=\"updateCalc()\" \/>\n <div class=\"muted\">\u0646\u0633\u0628\u0629 \u0627\u0644\u062a\u062d\u0648\u064a\u0644 \u0627\u0644\u062d\u0627\u0644\u064a\u0629: <b id=\"processingText\">70%<\/b><\/div>\n <\/div>\n <div class=\"calcBox\">\n <h3>\u0646\u062a\u064a\u062c\u0629 \u0627\u0644\u0642\u0631\u0627\u0631<\/h3>\n <div class=\"calcResult\">\n <div class=\"mini\"><div class=\"mLabel\">\u0627\u0644\u0625\u064a\u0631\u0627\u062f \u0627\u0644\u0625\u0636\u0627\u0641\u064a \u0627\u0644\u062d\u0627\u0644\u064a<\/div><div class=\"mValue\" id=\"extraRevenue\">44,444 \u062c<\/div><\/div>\n <div class=\"mini\"><div class=\"mLabel\">\u0627\u0644\u0625\u064a\u0631\u0627\u062f \u0627\u0644\u0645\u062a\u0648\u0642\u0639 \u0628\u0639\u062f Processing<\/div><div class=\"mValue\" id=\"projectedRevenue\">208,435 \u062c<\/div><\/div>\n <div class=\"mini\"><div class=\"mLabel\">ROAS \u0639\u0644\u0649 \u0627\u0644\u0632\u064a\u0627\u062f\u0629<\/div><div class=\"mValue\" id=\"roas\">2.96x<\/div><\/div>\n <div class=\"mini\"><div class=\"mLabel\">CAC \u0644\u0644\u0623\u0648\u0631\u062f\u0631 \u0627\u0644\u0645\u0643\u062a\u0645\u0644 \u0627\u0644\u0625\u0636\u0627\u0641\u064a<\/div><div class=\"mValue\" id=\"cac\">441 \u062c<\/div><\/div>\n <div class=\"mini\"><div class=\"mLabel\">\u0631\u0628\u062d \u0625\u062c\u0645\u0627\u0644\u064a \u0645\u0646 \u0627\u0644\u0632\u064a\u0627\u062f\u0629<\/div><div class=\"mValue\" id=\"grossProfit\">13,333 \u062c<\/div><\/div>\n <div class=\"mini\"><div class=\"mLabel\">\u0635\u0627\u0641\u064a \u0628\u0639\u062f \u0627\u0644\u0625\u0639\u0644\u0627\u0646<\/div><div class=\"mValue\" id=\"netProfit\">-1,667 \u062c<\/div><\/div>\n <\/div>\n <div class=\"status\" id=\"decisionBox\" style=\"margin-top:14px\">\n <strong id=\"decisionTitle\">\u0645\u062d\u062a\u0627\u062c \u0636\u0628\u0637<\/strong>\n <span id=\"decisionText\">\u0627\u0644\u0646\u0645\u0648 \u062c\u064a\u062f \u0645\u0628\u064a\u0639\u064a\u064b\u0627\u060c \u0644\u0643\u0646 \u0635\u0627\u0641\u064a \u0627\u0644\u0631\u0628\u062d \u0628\u0639\u062f \u0627\u0644\u0625\u0639\u0644\u0627\u0646 \u064a\u062d\u062a\u0627\u062c \u0645\u0631\u0627\u062c\u0639\u0629.<\/span>\n <\/div>\n <\/div>\n <\/section>\n\n <div class=\"sectionTitle\">\n <h2>\u0627\u0644\u062e\u0637\u0629 \u0627\u0644\u062a\u0646\u0641\u064a\u0630\u064a\u0629 \u0627\u0644\u0645\u0642\u062a\u0631\u062d\u0629<\/h2>\n <p>\u0645\u0627 \u064a\u062c\u0628 \u0639\u0644\u0649 \u0627\u0644\u0641\u0631\u064a\u0642 \u062a\u0646\u0641\u064a\u0630\u0647 \u0628\u0639\u062f \u0642\u0631\u0627\u0621\u0629 \u0627\u0644\u062a\u0642\u0631\u064a\u0631<\/p>\n <\/div>\n <section class=\"panel recommendations\">\n <div class=\"rec\"><div class=\"badge\">1<\/div><div><b>\u0645\u0631\u0627\u062c\u0639\u0629 \u064a\u0648\u0645 18 \u064a\u0648\u0646\u064a\u0648 \u0628\u0627\u0644\u062a\u0641\u0635\u064a\u0644<\/b><br><span class=\"muted\">\u0627\u0639\u0631\u0641 \u0627\u0644\u062d\u0645\u0644\u0629\/\u0627\u0644\u0643\u0631\u064a\u0627\u062a\u064a\u0641\/\u0627\u0644\u0639\u0631\u0636\/\u0627\u0644\u0645\u0646\u062a\u062c \u0627\u0644\u0630\u064a \u0635\u0646\u0639 Peak: 32 \u0623\u0648\u0631\u062f\u0631 \u0648 27,274 \u062c \u0625\u064a\u0631\u0627\u062f \u0645\u0643\u062a\u0645\u0644.<\/span><\/div><\/div>\n <div class=\"rec\"><div class=\"badge\">2<\/div><div><b>\u0625\u0636\u0627\u0641\u0629 Spend \u0648 ROAS \u0648 CAC \u0644\u0644\u062a\u0642\u0631\u064a\u0631 \u0627\u0644\u0642\u0627\u062f\u0645<\/b><br><span class=\"muted\">\u0628\u062f\u0648\u0646 \u0645\u0635\u0631\u0648\u0641 \u0627\u0644\u0625\u0639\u0644\u0627\u0646\u0627\u062a \u0648\u0627\u0644\u0647\u0627\u0645\u0634\u060c \u0644\u0627 \u064a\u0648\u062c\u062f \u062d\u0643\u0645 \u0631\u0628\u062d\u064a \u0646\u0647\u0627\u0626\u064a.<\/span><\/div><\/div>\n <div class=\"rec\"><div class=\"badge\">3<\/div><div><b>\u0641\u0635\u0644 \u0627\u0644\u0623\u062f\u0627\u0621 \u062d\u0633\u0628 \u0627\u0644\u0645\u0646\u062a\u062c \u0648\u0627\u0644\u062d\u0645\u0644\u0629<\/b><br><span class=\"muted\">\u0642\u062f \u064a\u0643\u0648\u0646 \u0627\u0644\u0646\u0645\u0648 \u0646\u0627\u062a\u062c\u064b\u0627 \u0639\u0646 \u0645\u0646\u062a\u062c \u0623\u0648 \u0639\u0631\u0636 \u0648\u0627\u062d\u062f\u060c \u0644\u0630\u0644\u0643 \u064a\u062c\u0628 \u062a\u062d\u0644\u064a\u0644 Product x Campaign.<\/span><\/div><\/div>\n <div class=\"rec\"><div class=\"badge\">4<\/div><div><b>\u062a\u0642\u0644\u064a\u0644 \u0627\u0644\u0625\u0644\u063a\u0627\u0621 \u0645\u0646 26.8% \u0625\u0644\u0649 \u0623\u0642\u0644 \u0645\u0646 20%<\/b><br><span class=\"muted\">\u062a\u062d\u0633\u064a\u0646 \u0627\u0644\u062a\u0623\u0643\u064a\u062f \u0648\u0627\u0644\u0645\u062a\u0627\u0628\u0639\u0629 \u0642\u062f \u064a\u0632\u0648\u062f \u0627\u0644\u0625\u064a\u0631\u0627\u062f \u0628\u062f\u0648\u0646 \u0632\u064a\u0627\u062f\u0629 \u0645\u064a\u0632\u0627\u0646\u064a\u0629.<\/span><\/div><\/div>\n <div class=\"rec\"><div class=\"badge\">5<\/div><div><b>\u0631\u0641\u0639 \u0645\u062a\u0648\u0633\u0637 \u0627\u0644\u0623\u0648\u0631\u062f\u0631 AOV<\/b><br><span class=\"muted\">\u0627\u0634\u062a\u063a\u0644 \u0639\u0644\u0649 Bundles \u0648 Cross-sell \u0648 Free delivery threshold \u0628\u062f\u0644 \u0627\u0644\u0627\u0639\u062a\u0645\u0627\u062f \u0639\u0644\u0649 \u0632\u064a\u0627\u062f\u0629 \u0639\u062f\u062f \u0627\u0644\u0623\u0648\u0631\u062f\u0631\u0627\u062a \u0641\u0642\u0637.<\/span><\/div><\/div>\n <\/section>\n\n <div class=\"footer rubyFooter\">\n Ruby Dashboard\n <\/div>\n<\/div>\n\n<script>\nconst metrics = {\"p1\": {\"label\": \"27 \u0645\u0627\u064a\u0648\u20138 \u064a\u0648\u0646\u064a\u0648 | \u0628\u062f\u0648\u0646 \u0625\u0639\u0644\u0627\u0646\u0627\u062a\", \"orders\": 223, \"total_value\": 230339, \"completed_orders\": 136, \"completed_revenue\": 148389, \"aov\": 1091.0955882352941, \"cancelled_orders\": 87, \"cancelled_value\": 81950, \"cancel_rate\": 0.3901345291479821, \"processing_orders\": 0, \"processing_value\": 0, \"completion_rate\": 0.6098654708520179, \"daily_orders\": 17.153846153846153, \"daily_revenue\": 11414.538461538461, \"unique_customers\": 210}, \"p2\": {\"label\": \"9 \u064a\u0648\u0646\u064a\u0648\u201321 \u064a\u0648\u0646\u064a\u0648 | \u0645\u0639 \u0625\u0639\u0644\u0627\u0646\u0627\u062a\", \"orders\": 257, \"total_value\": 282161, \"completed_orders\": 170, \"completed_revenue\": 192833, \"aov\": 1134.3117647058823, \"cancelled_orders\": 69, \"cancelled_value\": 67039, \"cancel_rate\": 0.26848249027237353, \"processing_orders\": 18, \"processing_value\": 22289, \"completion_rate\": 0.6614785992217899, \"daily_orders\": 19.76923076923077, \"daily_revenue\": 14833.307692307691, \"unique_customers\": 237}};\nconst daily = [{\"day\": 1, \"p1_orders\": 15, \"p2_orders\": 18, \"p1_rev\": 6230, \"p2_rev\": 11495, \"orders_diff\": 3, \"rev_diff\": 5265}, {\"day\": 2, \"p1_orders\": 18, \"p2_orders\": 12, \"p1_rev\": 5200, \"p2_rev\": 10555, \"orders_diff\": -6, \"rev_diff\": 5355}, {\"day\": 3, \"p1_orders\": 15, \"p2_orders\": 16, \"p1_rev\": 10509, \"p2_rev\": 8600, \"orders_diff\": 1, \"rev_diff\": -1909}, {\"day\": 4, \"p1_orders\": 24, \"p2_orders\": 18, \"p1_rev\": 12070, \"p2_rev\": 11920, \"orders_diff\": -6, \"rev_diff\": -150}, {\"day\": 5, \"p1_orders\": 21, \"p2_orders\": 19, \"p1_rev\": 22538, \"p2_rev\": 8945, \"orders_diff\": -2, \"rev_diff\": -13593}, {\"day\": 6, \"p1_orders\": 23, \"p2_orders\": 25, \"p1_rev\": 16315, \"p2_rev\": 18090, \"orders_diff\": 2, \"rev_diff\": 1775}, {\"day\": 7, \"p1_orders\": 15, \"p2_orders\": 24, \"p1_rev\": 12944, \"p2_rev\": 22150, \"orders_diff\": 9, \"rev_diff\": 9206}, {\"day\": 8, \"p1_orders\": 20, \"p2_orders\": 15, \"p1_rev\": 12669, \"p2_rev\": 15490, \"orders_diff\": -5, \"rev_diff\": 2821}, {\"day\": 9, \"p1_orders\": 16, \"p2_orders\": 19, \"p1_rev\": 11905, \"p2_rev\": 16355, \"orders_diff\": 3, \"rev_diff\": 4450}, {\"day\": 10, \"p1_orders\": 15, \"p2_orders\": 32, \"p1_rev\": 13139, \"p2_rev\": 27274, \"orders_diff\": 17, \"rev_diff\": 14135}, {\"day\": 11, \"p1_orders\": 10, \"p2_orders\": 18, \"p1_rev\": 4025, \"p2_rev\": 19100, \"orders_diff\": 8, \"rev_diff\": 15075}, {\"day\": 12, \"p1_orders\": 19, \"p2_orders\": 19, \"p1_rev\": 10020, \"p2_rev\": 20279, \"orders_diff\": 0, \"rev_diff\": 10259}, {\"day\": 13, \"p1_orders\": 12, \"p2_orders\": 22, \"p1_rev\": 10825, \"p2_rev\": 2580, \"orders_diff\": 10, \"rev_diff\": -8245}];\nconst growth = {\"additional_revenue\": 44444, \"growth_from_orders\": 37097.25, \"growth_from_aov\": 7346.749999999985, \"orders_share\": 0.8346964719647196, \"aov_share\": 0.16530352803528003};\n\nfunction fmt(n) {\n return Math.round(n).toLocaleString('en-US') + ' \u062c';\n}\nfunction pct(v) {\n return (v * 100).toFixed(1) + '%';\n}\nfunction scrollToSection(id) {\n document.getElementById(id).scrollIntoView({behavior:'smooth'});\n}\n\nconst metricRows = [\n ['\u0625\u062c\u0645\u0627\u0644\u064a \u0639\u062f\u062f \u0627\u0644\u0623\u0648\u0631\u062f\u0631\u0627\u062a', metrics.p1.orders, metrics.p2.orders, metrics.p2.orders-metrics.p1.orders, '+15.2%'],\n ['\u0625\u062c\u0645\u0627\u0644\u064a \u0642\u064a\u0645\u0629 \u0627\u0644\u0623\u0648\u0631\u062f\u0631\u0627\u062a', metrics.p1.total_value, metrics.p2.total_value, metrics.p2.total_value-metrics.p1.total_value, '+22.5%'],\n ['\u0627\u0644\u0623\u0648\u0631\u062f\u0631\u0627\u062a \u0627\u0644\u0645\u0643\u062a\u0645\u0644\u0629', metrics.p1.completed_orders, metrics.p2.completed_orders, metrics.p2.completed_orders-metrics.p1.completed_orders, '+25.0%'],\n ['\u0625\u064a\u0631\u0627\u062f \u0627\u0644\u0623\u0648\u0631\u062f\u0631\u0627\u062a \u0627\u0644\u0645\u0643\u062a\u0645\u0644\u0629', metrics.p1.completed_revenue, metrics.p2.completed_revenue, metrics.p2.completed_revenue-metrics.p1.completed_revenue, '+30.0%'],\n ['\u0645\u062a\u0648\u0633\u0637 \u0642\u064a\u0645\u0629 \u0627\u0644\u0623\u0648\u0631\u062f\u0631 \u0627\u0644\u0645\u0643\u062a\u0645\u0644', metrics.p1.aov, metrics.p2.aov, metrics.p2.aov-metrics.p1.aov, '+4.0%'],\n ['\u0627\u0644\u0623\u0648\u0631\u062f\u0631\u0627\u062a \u0627\u0644\u0645\u0644\u063a\u064a\u0629', metrics.p1.cancelled_orders, metrics.p2.cancelled_orders, metrics.p2.cancelled_orders-metrics.p1.cancelled_orders, '-20.7%'],\n ['\u0645\u0639\u062f\u0644 \u0627\u0644\u0625\u0644\u063a\u0627\u0621', metrics.p1.cancel_rate*100, metrics.p2.cancel_rate*100, (metrics.p2.cancel_rate-metrics.p1.cancel_rate)*100, '\u062a\u062d\u0633\u0646 12.2 \u0646\u0642\u0637\u0629'],\n ['\u0639\u062f\u062f \u0627\u0644\u0639\u0645\u0644\u0627\u0621 \u0627\u0644\u0641\u0631\u064a\u062f\u064a\u0646', metrics.p1.unique_customers, metrics.p2.unique_customers, metrics.p2.unique_customers-metrics.p1.unique_customers, '+12.9%']\n];\n\ndocument.getElementById('metricsTable').innerHTML = metricRows.map((r, i) => {\n const isRate = r[0].includes('\u0645\u0639\u062f\u0644');\n const isMoney = r[0].includes('\u0642\u064a\u0645\u0629') || r[0].includes('\u0625\u064a\u0631\u0627\u062f') || r[0].includes('\u0645\u062a\u0648\u0633\u0637');\n const diff = r[3];\n const good = r[0].includes('\u0645\u0644\u063a\u064a\u0629') || r[0].includes('\u0627\u0644\u0625\u0644\u063a\u0627\u0621') ? diff < 0 : diff > 0;\n const cls = good ? 'positive' : 'negative';\n const val = (x) => isRate ? x.toFixed(1)+'%' : isMoney ? fmt(x) : Math.round(x).toLocaleString('en-US');\n return `<tr><td>${r[0]}<\/td><td>${val(r[1])}<\/td><td>${val(r[2])}<\/td><td class=\"${cls}\">${isRate ? diff.toFixed(1)+' \u0646\u0642\u0637\u0629' : (diff>0?'+':'') + (isMoney ? fmt(diff) : Math.round(diff).toLocaleString('en-US'))}<\/td><td>${r[4]}<\/td><\/tr>`;\n}).join('');\n\nconst chartOptions = {\n responsive: true,\n maintainAspectRatio: false,\n plugins: {\n legend: { labels: { color: '#ffe4ec', font: {family:'Tahoma'} } },\n tooltip: {\n rtl: true,\n callbacks: {\n label: (ctx) => ctx.dataset.label + ': ' + (ctx.dataset.yAxisID === 'money' || ctx.chart.canvas.id.includes('revenue') ? fmt(ctx.parsed.y) : ctx.parsed.y)\n }\n }\n },\n scales: {\n x: { ticks: { color:'#f7b6ca' }, grid: { color:'rgba(255,120,165,.12)' } },\n y: { ticks: { color:'#f7b6ca' }, grid: { color:'rgba(255,120,165,.12)' } }\n }\n};\n\nnew Chart(document.getElementById('revenueChart'), {\n type: 'line',\n data: {\n labels: daily.map(d=>'\u064a\u0648\u0645 '+d.day),\n datasets: [\n { label:'\u0628\u062f\u0648\u0646 \u0625\u0639\u0644\u0627\u0646\u0627\u062a', data: daily.map(d=>d.p1_rev), tension:.35, borderWidth:3, pointRadius:4, borderColor:'#ffb3c7', backgroundColor:'rgba(255,179,199,.18)', pointBackgroundColor:'#ffb3c7' },\n { label:'\u0645\u0639 \u0625\u0639\u0644\u0627\u0646\u0627\u062a', data: daily.map(d=>d.p2_rev), tension:.35, borderWidth:3, pointRadius:4, borderColor:'#ff2d55', backgroundColor:'rgba(255,45,85,.18)', pointBackgroundColor:'#ff2d55' },\n { label:'\u0641\u0631\u0642 \u0627\u0644\u0625\u064a\u0631\u0627\u062f', data: daily.map(d=>d.rev_diff), type:'bar', borderWidth:0, backgroundColor:'rgba(255,79,139,.30)' }\n ]\n },\n options: chartOptions\n});\n\nnew Chart(document.getElementById('ordersChart'), {\n type: 'bar',\n data: {\n labels: daily.map(d=>'\u064a\u0648\u0645 '+d.day),\n datasets: [\n { label:'\u0623\u0648\u0631\u062f\u0631\u0627\u062a \u0628\u062f\u0648\u0646 \u0625\u0639\u0644\u0627\u0646\u0627\u062a', data: daily.map(d=>d.p1_orders), borderWidth:0, backgroundColor:'rgba(255,179,199,.46)' },\n { label:'\u0623\u0648\u0631\u062f\u0631\u0627\u062a \u0645\u0639 \u0625\u0639\u0644\u0627\u0646\u0627\u062a', data: daily.map(d=>d.p2_orders), borderWidth:0, backgroundColor:'rgba(255,45,85,.62)' }\n ]\n },\n options: chartOptions\n});\n\nnew Chart(document.getElementById('growthChart'), {\n type: 'doughnut',\n data: {\n labels: ['\u0632\u064a\u0627\u062f\u0629 \u0627\u0644\u0623\u0648\u0631\u062f\u0631\u0627\u062a \u0627\u0644\u0645\u0643\u062a\u0645\u0644\u0629', '\u0627\u0631\u062a\u0641\u0627\u0639 \u0645\u062a\u0648\u0633\u0637 \u0627\u0644\u0623\u0648\u0631\u062f\u0631'],\n datasets: [{ data: [growth.growth_from_orders, growth.growth_from_aov], borderWidth: 0, backgroundColor:['#ff2d55','#ff8ab3'], hoverBackgroundColor:['#ff4f8b','#ffc2d6'] }]\n },\n options: {\n responsive:true,\n maintainAspectRatio:false,\n plugins: {\n legend: { position:'bottom', labels: { color:'#ffe4ec', font: {family:'Tahoma'} } },\n tooltip: { callbacks: { label: (ctx)=> ctx.label + ': ' + fmt(ctx.parsed) } }\n }\n }\n});\n\nfunction updateCalc() {\n const adSpend = Number(document.getElementById('adSpend').value || 0);\n const margin = Number(document.getElementById('margin').value || 0) \/ 100;\n const procRate = Number(document.getElementById('processingRate').value || 0) \/ 100;\n document.getElementById('marginText').innerText = Math.round(margin*100) + '%';\n document.getElementById('processingText').innerText = Math.round(procRate*100) + '%';\n\n const baseRevenue = metrics.p1.completed_revenue;\n const currentP2Revenue = metrics.p2.completed_revenue;\n const projectedP2Revenue = currentP2Revenue + metrics.p2.processing_value * procRate;\n const extraRevenue = projectedP2Revenue - baseRevenue;\n const extraCompletedOrders = metrics.p2.completed_orders - metrics.p1.completed_orders;\n const roas = adSpend > 0 ? extraRevenue \/ adSpend : 0;\n const cac = extraCompletedOrders > 0 ? adSpend \/ extraCompletedOrders : 0;\n const grossProfit = extraRevenue * margin;\n const netProfit = grossProfit - adSpend;\n\n document.getElementById('extraRevenue').innerText = fmt(currentP2Revenue - baseRevenue);\n document.getElementById('projectedRevenue').innerText = fmt(projectedP2Revenue);\n document.getElementById('roas').innerText = adSpend > 0 ? roas.toFixed(2) + 'x' : '\u2014';\n document.getElementById('cac').innerText = adSpend > 0 ? fmt(cac) : '\u2014';\n document.getElementById('grossProfit').innerText = fmt(grossProfit);\n document.getElementById('netProfit').innerText = fmt(netProfit);\n\n const box = document.getElementById('decisionBox');\n const title = document.getElementById('decisionTitle');\n const text = document.getElementById('decisionText');\n if (netProfit > 0 && roas >= 3) {\n title.innerText = '\u0642\u0631\u0627\u0631: \u0642\u0627\u0628\u0644 \u0644\u0644\u062a\u0648\u0633\u064a\u0639 \u0628\u062d\u0630\u0631';\n text.innerText = '\u0627\u0644\u062d\u0645\u0644\u0629 \u062a\u0628\u062f\u0648 \u0645\u0631\u0628\u062d\u0629 \u0628\u0646\u0627\u0621\u064b \u0639\u0644\u0649 \u0627\u0644\u0645\u062f\u062e\u0644\u0627\u062a \u0627\u0644\u062d\u0627\u0644\u064a\u0629. \u0632\u0648\u0651\u062f \u0627\u0644\u0645\u064a\u0632\u0627\u0646\u064a\u0629 \u062a\u062f\u0631\u064a\u062c\u064a\u064b\u0627 \u0639\u0644\u0649 \u0623\u0641\u0636\u0644 Campaign\/Creative \u0641\u0642\u0637.';\n box.style.background = 'rgba(251,113,133,.13)';\n box.style.borderColor = 'rgba(251,113,133,.32)';\n } else if (netProfit > 0) {\n title.innerText = '\u0642\u0631\u0627\u0631: \u0645\u0631\u0628\u062d \u0644\u0643\u0646 \u064a\u062d\u062a\u0627\u062c \u062a\u062d\u0633\u064a\u0646';\n text.innerText = '\u064a\u0648\u062c\u062f \u0635\u0627\u0641\u064a \u0631\u0628\u062d\u060c \u0644\u0643\u0646 ROAS\/CAC \u064a\u062d\u062a\u0627\u062c\u0627\u0646 \u062a\u062d\u0633\u064a\u0646 \u0642\u0628\u0644 \u0632\u064a\u0627\u062f\u0629 \u0643\u0628\u064a\u0631\u0629 \u0641\u064a \u0627\u0644\u0645\u064a\u0632\u0627\u0646\u064a\u0629.';\n box.style.background = 'rgba(255,138,61,.12)';\n box.style.borderColor = 'rgba(255,138,61,.30)';\n } else {\n title.innerText = '\u0642\u0631\u0627\u0631: \u0644\u0627 \u062a\u0632\u0648\u062f \u0627\u0644\u0645\u064a\u0632\u0627\u0646\u064a\u0629 \u0627\u0644\u0622\u0646';\n text.innerText = '\u0627\u0644\u0645\u0628\u064a\u0639\u0627\u062a \u062a\u062d\u0633\u0646\u062a\u060c \u0644\u0643\u0646 \u0628\u0639\u062f \u0625\u062f\u062e\u0627\u0644 \u0627\u0644\u0645\u0635\u0631\u0648\u0641 \u0648\u0627\u0644\u0647\u0627\u0645\u0634 \u0627\u0644\u062d\u0627\u0644\u064a \u0635\u0627\u0641\u064a \u0627\u0644\u0631\u0628\u062d \u063a\u064a\u0631 \u0643\u0627\u0641\u064d. \u0631\u0627\u062c\u0639 \u0627\u0644\u0643\u0631\u064a\u0627\u062a\u064a\u0641 \u0648\u0627\u0644\u0627\u0633\u062a\u0647\u062f\u0627\u0641 \u0648\u0633\u0639\u0631 \u0627\u0644\u0633\u0644\u0629.';\n box.style.background = 'rgba(255,45,85,.12)';\n box.style.borderColor = 'rgba(255,45,85,.32)';\n }\n}\nupdateCalc();\n<\/script>\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 Dashboard | Elkot Ads Performance ELKOT STORE \u2022 ADS IMPACT REPORT \u0644\u0648\u062d\u0629 \u062a\u062d\u0644\u064a\u0644 \u062a\u0623\u062b\u064a\u0631 \u0627\u0644\u0625\u0639\u0644\u0627\u0646\u0627\u062a \u0639\u0644\u0649 \u0627\u0644\u0623\u0648\u0631\u062f\u0631\u0627\u062a \u0648\u0627\u0644\u0645\u0628\u064a\u0639\u0627\u062a \u0645\u0642\u0627\u0631\u0646\u0629 \u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629 \u0628\u064a\u0646 \u0641\u062a\u0631\u0629 \u0628\u062f\u0648\u0646 \u0625\u0639\u0644\u0627\u0646\u0627\u062a \u0648\u0641\u062a\u0631\u0629 \u0645\u0639 \u0625\u0639\u0644\u0627\u0646\u0627\u062a \u0644\u0645\u062f\u0629 13 \u064a\u0648\u0645 \u0644\u0643\u0644 \u0641\u062a\u0631\u0629. \u0627\u0644\u062a\u0631\u0643\u064a\u0632 \u0647\u0646\u0627 \u0639\u0644\u0649 \u0627\u0644\u0623\u0648\u0631\u062f\u0631\u0627\u062a\u060c \u0627\u0644\u0625\u064a\u0631\u0627\u062f \u0627\u0644\u0645\u0643\u062a\u0645\u0644\u060c \u0645\u0639\u062f\u0644 \u0627\u0644\u0625\u0644\u063a\u0627\u0621\u060c \u0645\u062a\u0648\u0633\u0637 \u0642\u064a\u0645\u0629 \u0627\u0644\u0623\u0648\u0631\u062f\u0631\u060c \u0648\u0627\u0644\u0642\u0631\u0627\u0631\u0627\u062a \u0627\u0644\u062a\u0646\u0641\u064a\u0630\u064a\u0629 \u0627\u0644\u0645\u0637\u0644\u0648\u0628\u0629. \u0637\u0628\u0627\u0639\u0629 \/ \u062d\u0641\u0638 PDF \u062d\u0627\u0633\u0628\u0629 \u0627\u0644\u0631\u0628\u062d\u064a\u0629 \u062a\u062d\u0644\u064a\u0644 \u0627\u0644\u0623\u064a\u0627\u0645 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-4497","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/stuff-x.net\/ar\/wp-json\/wp\/v2\/pages\/4497","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=4497"}],"version-history":[{"count":0,"href":"https:\/\/stuff-x.net\/ar\/wp-json\/wp\/v2\/pages\/4497\/revisions"}],"wp:attachment":[{"href":"https:\/\/stuff-x.net\/ar\/wp-json\/wp\/v2\/media?parent=4497"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}