{"id":9,"date":"2026-08-07T08:11:21","date_gmt":"2026-08-07T08:11:21","guid":{"rendered":"https:\/\/borce.mk\/?page_id=9"},"modified":"2026-08-07T08:11:21","modified_gmt":"2026-08-07T08:11:21","slug":"%d0%be%d0%b4-%d0%bf%d0%be%d0%b4%d0%b0%d1%82%d0%be%d0%ba-%d0%b4%d0%be-%d0%b2%d0%bb%d0%b8%d1%98%d0%b0%d0%bd%d0%b8%d0%b5","status":"publish","type":"page","link":"https:\/\/borce.mk\/?page_id=9","title":{"rendered":"\u041e\u0434 \u043f\u043e\u0434\u0430\u0442\u043e\u043a \u0434\u043e \u0432\u043b\u0438\u0458\u0430\u043d\u0438\u0435"},"content":{"rendered":"\n<div id=\"impact-graphic-demo\">\n  <style>\n    #impact-graphic-demo {\n      --ig-bg: #030c18;\n      --ig-panel: #081a2b;\n      --ig-panel-2: #0b2236;\n      --ig-line: #193a52;\n      --ig-text: #eef8fb;\n      --ig-muted: #91a9b9;\n      --ig-cyan: #2ee8ed;\n      --ig-mint: #5ce4b9;\n      --ig-coral: #ff7966;\n      --ig-amber: #ffc35a;\n      color: var(--ig-text);\n      font-family: Inter, ui-sans-serif, system-ui, -apple-system, \"Segoe UI\", sans-serif;\n      width: 100%;\n    }\n    #impact-graphic-demo * { box-sizing: border-box; }\n    #impact-graphic-demo button { font: inherit; }\n    #impact-graphic-demo .ig-shell {\n      background: var(--ig-bg);\n      border: 1px solid var(--ig-line);\n      border-radius: 20px;\n      overflow: hidden;\n      box-shadow: 0 26px 80px rgba(0,0,0,.36);\n    }\n    #impact-graphic-demo .ig-stage {\n      position: relative;\n      aspect-ratio: 16 \/ 9;\n      overflow: hidden;\n      background: var(--ig-bg);\n    }\n    #impact-graphic-demo .ig-stage img {\n      position: absolute;\n      inset: 0;\n      width: 100%;\n      height: 100%;\n      display: block;\n      object-fit: cover;\n    }\n    #impact-graphic-demo .ig-hotspot {\n      position: absolute;\n      appearance: none;\n      background: transparent;\n      border: 1px solid transparent;\n      border-radius: 18px;\n      cursor: pointer;\n      color: transparent;\n      transition: border-color .18s ease, background .18s ease, box-shadow .18s ease;\n    }\n    #impact-graphic-demo .ig-hotspot:hover,\n    #impact-graphic-demo .ig-hotspot[aria-pressed=\"true\"] {\n      border-color: var(--ig-cyan);\n      background: rgba(46,232,237,.05);\n      box-shadow: 0 0 0 3px rgba(46,232,237,.12), inset 0 0 46px rgba(46,232,237,.07);\n    }\n    #impact-graphic-demo .ig-hotspot:focus-visible { outline: 3px solid var(--ig-amber); outline-offset: 3px; }\n    #impact-graphic-demo .ig-hotspot[data-zone=\"quality\"] { left: 3.2%; top: 16.1%; width: 31.2%; height: 72%; }\n    #impact-graphic-demo .ig-hotspot[data-zone=\"report\"] { left: 41%; top: 16.5%; width: 25.7%; height: 72%; }\n    #impact-graphic-demo .ig-hotspot[data-zone=\"campaign\"] { left: 71.3%; top: 16.3%; width: 25.8%; height: 72%; }\n    #impact-graphic-demo .ig-toolbar {\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      gap: 14px;\n      padding: 13px 18px;\n      border-top: 1px solid var(--ig-line);\n      border-bottom: 1px solid var(--ig-line);\n      background: linear-gradient(90deg, var(--ig-panel), #061525);\n    }\n    #impact-graphic-demo .ig-steps { display: flex; gap: 6px; flex-wrap: wrap; }\n    #impact-graphic-demo .ig-step {\n      appearance: none;\n      border: 1px solid var(--ig-line);\n      background: var(--ig-panel-2);\n      color: var(--ig-muted);\n      border-radius: 999px;\n      padding: 8px 12px;\n      cursor: pointer;\n      font-size: 12px;\n      font-weight: 650;\n    }\n    #impact-graphic-demo .ig-step[aria-pressed=\"true\"] {\n      color: var(--ig-bg);\n      border-color: var(--ig-cyan);\n      background: linear-gradient(135deg, var(--ig-cyan), var(--ig-mint));\n    }\n    #impact-graphic-demo .ig-demo-label { color: var(--ig-cyan); font-size: 10px; font-weight: 700; letter-spacing: .1em; white-space: nowrap; }\n    #impact-graphic-demo .ig-detail { padding: 18px; background: radial-gradient(circle at 86% 8%, rgba(46,232,237,.07), transparent 28%), var(--ig-panel); }\n    #impact-graphic-demo .ig-detail-head { display: flex; justify-content: space-between; align-items: flex-start; gap: 14px; margin-bottom: 15px; }\n    #impact-graphic-demo .ig-detail h2 { margin: 0; font-size: 19px; }\n    #impact-graphic-demo .ig-sub { color: var(--ig-muted); font-size: 11px; margin-top: 4px; }\n    #impact-graphic-demo .ig-badge { border: 1px solid var(--ig-line); background: var(--ig-panel-2); color: var(--ig-cyan); border-radius: 999px; padding: 6px 9px; font-size: 10px; font-weight: 700; white-space: nowrap; }\n    #impact-graphic-demo .ig-hidden { display: none !important; }\n    #impact-graphic-demo .ig-kpis { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; margin-bottom: 14px; }\n    #impact-graphic-demo .ig-kpi { border: 1px solid var(--ig-line); background: linear-gradient(145deg, var(--ig-panel-2), #081b2d); border-radius: 14px; padding: 13px; }\n    #impact-graphic-demo .ig-kpi span { color: var(--ig-muted); font-size: 10px; }\n    #impact-graphic-demo .ig-kpi strong { display: block; margin-top: 7px; font-size: 24px; line-height: 1; }\n    #impact-graphic-demo .ig-kpi.coral strong { color: var(--ig-coral); }\n    #impact-graphic-demo .ig-kpi.amber strong { color: var(--ig-amber); }\n    #impact-graphic-demo .ig-grid { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(245px, .65fr); gap: 12px; }\n    #impact-graphic-demo .ig-panel { border: 1px solid var(--ig-line); background: rgba(7,23,38,.76); border-radius: 14px; padding: 14px; }\n    #impact-graphic-demo .ig-panel h3 { margin: 0 0 10px; font-size: 13px; }\n    #impact-graphic-demo .ig-table-wrap { overflow-x: auto; }\n    #impact-graphic-demo table { width: 100%; border-collapse: collapse; min-width: 590px; font-size: 10px; }\n    #impact-graphic-demo th { color: var(--ig-muted); text-align: left; padding: 8px; border-bottom: 1px solid var(--ig-line); }\n    #impact-graphic-demo td { padding: 9px 8px; border-bottom: 1px solid rgba(25,58,82,.72); }\n    #impact-graphic-demo tbody tr:last-child td { border-bottom: 0; }\n    #impact-graphic-demo .ig-status { display: inline-flex; align-items: center; gap: 6px; white-space: nowrap; }\n    #impact-graphic-demo .ig-status::before { content: \"\"; width: 7px; height: 7px; border-radius: 50%; background: var(--ig-mint); }\n    #impact-graphic-demo .ig-status.duplicate::before { background: var(--ig-coral); box-shadow: 0 0 12px rgba(255,121,102,.7); }\n    #impact-graphic-demo .ig-status.incomplete::before { background: var(--ig-amber); box-shadow: 0 0 12px rgba(255,195,90,.6); }\n    #impact-graphic-demo .ig-progress-row { margin: 11px 0; }\n    #impact-graphic-demo .ig-progress-top { display: flex; justify-content: space-between; gap: 12px; font-size: 10px; margin-bottom: 5px; }\n    #impact-graphic-demo .ig-progress-top span { color: var(--ig-muted); }\n    #impact-graphic-demo .ig-track { height: 7px; background: #061322; border: 1px solid var(--ig-line); border-radius: 99px; overflow: hidden; }\n    #impact-graphic-demo .ig-fill { height: 100%; background: linear-gradient(90deg, var(--ig-cyan), var(--ig-mint)); border-radius: 99px; }\n    #impact-graphic-demo .ig-fill.coral { background: var(--ig-coral); }\n    #impact-graphic-demo .ig-fill.amber { background: var(--ig-amber); }\n    #impact-graphic-demo .ig-report-grid { display: grid; grid-template-columns: 1fr .9fr; gap: 12px; }\n    #impact-graphic-demo .ig-chart { display: grid; grid-template-columns: repeat(6, 1fr); align-items: end; gap: 9px; height: 155px; padding: 16px 4px 0; border-bottom: 1px solid var(--ig-line); }\n    #impact-graphic-demo .ig-bar { display: grid; align-content: end; gap: 6px; height: 100%; text-align: center; color: var(--ig-muted); font-size: 9px; }\n    #impact-graphic-demo .ig-bar i { display: block; width: 100%; min-height: 12px; border-radius: 6px 6px 2px 2px; background: linear-gradient(180deg, var(--ig-cyan), #197b9d); box-shadow: 0 0 15px rgba(46,232,237,.15); }\n    #impact-graphic-demo .ig-draft { color: var(--ig-text); font-size: 11px; line-height: 1.7; }\n    #impact-graphic-demo .ig-draft strong { color: var(--ig-cyan); }\n    #impact-graphic-demo .ig-safe { margin-top: 10px; color: var(--ig-muted); font-size: 9px; padding-top: 9px; border-top: 1px solid var(--ig-line); }\n    #impact-graphic-demo .ig-audience { display: flex; gap: 5px; flex-wrap: wrap; margin-bottom: 11px; }\n    #impact-graphic-demo .ig-audience button { border: 1px solid var(--ig-line); background: var(--ig-panel-2); color: var(--ig-muted); border-radius: 9px; padding: 7px 9px; cursor: pointer; font-size: 10px; }\n    #impact-graphic-demo .ig-audience button[aria-pressed=\"true\"] { color: var(--ig-bg); border-color: var(--ig-cyan); background: var(--ig-cyan); }\n    #impact-graphic-demo .ig-copy { white-space: pre-line; font-size: 11px; line-height: 1.7; }\n    #impact-graphic-demo .ig-copy-meta { display: grid; grid-template-columns: repeat(3, 1fr); gap: 7px; margin-top: 12px; }\n    #impact-graphic-demo .ig-copy-meta div { border: 1px solid var(--ig-line); background: #071726; border-radius: 10px; padding: 9px; }\n    #impact-graphic-demo .ig-copy-meta span { color: var(--ig-muted); font-size: 8px; display: block; }\n    #impact-graphic-demo .ig-copy-meta strong { font-size: 10px; display: block; margin-top: 4px; }\n    @media (max-width: 760px) {\n      #impact-graphic-demo .ig-grid, #impact-graphic-demo .ig-report-grid { grid-template-columns: 1fr; }\n      #impact-graphic-demo .ig-kpis { grid-template-columns: repeat(2, minmax(0,1fr)); }\n    }\n    @media (max-width: 500px) {\n      #impact-graphic-demo .ig-stage { aspect-ratio: 16 \/ 10; }\n      #impact-graphic-demo .ig-toolbar { align-items: flex-start; flex-direction: column; }\n      #impact-graphic-demo .ig-detail { padding: 12px; }\n      #impact-graphic-demo .ig-copy-meta { grid-template-columns: 1fr; }\n      #impact-graphic-demo .ig-kpi strong { font-size: 20px; }\n    }\n  <\/style>\n\n  <div class=\"ig-shell\">\n    <div class=\"ig-stage\">\n      <img decoding=\"async\" src=\"https:\/\/borce.mk\/wp-content\/uploads\/2026\/08\/data-to-impact-presentation.png\" alt=\"\u041e\u0434 \u043f\u043e\u0434\u0430\u0442\u043e\u043a \u0434\u043e \u0432\u043b\u0438\u0458\u0430\u043d\u0438\u0435: \u0431\u0430\u0437\u0430, \u0438\u0437\u0432\u0435\u0448\u0442\u0430\u0458 \u0438 \u043a\u043e\u043c\u0443\u043d\u0438\u043a\u0430\u0446\u0438\u0441\u043a\u0430 \u043a\u0430\u0440\u0442\u0438\u0447\u043a\u0430 \u0441\u043e \u0438\u0437\u043c\u0438\u0441\u043b\u0435\u043d\u0438 \u0434\u0435\u043c\u043e-\u043f\u043e\u0434\u0430\u0442\u043e\u0446\u0438\">\n      <button type=\"button\" class=\"ig-hotspot\" data-zone=\"quality\" aria-label=\"\u041e\u0442\u0432\u043e\u0440\u0438 \u0434\u0435\u0442\u0430\u043b\u0438 \u0437\u0430 \u043f\u0440\u043e\u0432\u0435\u0440\u043a\u0430 \u043d\u0430 \u043f\u043e\u0434\u0430\u0442\u043e\u0446\u0438\u0442\u0435\" aria-pressed=\"true\">\u041f\u043e\u0434\u0430\u0442\u043e\u0446\u0438<\/button>\n      <button type=\"button\" class=\"ig-hotspot\" data-zone=\"report\" aria-label=\"\u041e\u0442\u0432\u043e\u0440\u0438 \u0434\u0435\u0442\u0430\u043b\u0438 \u0437\u0430 \u0438\u043d\u0441\u0442\u0438\u0442\u0443\u0446\u0438\u043e\u043d\u0430\u043b\u043d\u0438\u043e\u0442 \u0438\u0437\u0432\u0435\u0448\u0442\u0430\u0458\" aria-pressed=\"false\">\u0418\u0437\u0432\u0435\u0448\u0442\u0430\u0458<\/button>\n      <button type=\"button\" class=\"ig-hotspot\" data-zone=\"campaign\" aria-label=\"\u041e\u0442\u0432\u043e\u0440\u0438 \u0434\u0435\u0442\u0430\u043b\u0438 \u0437\u0430 \u043c\u0430\u0440\u043a\u0435\u0442\u0438\u043d\u0433 \u043a\u0430\u043c\u043f\u0430\u045a\u0430\u0442\u0430\" aria-pressed=\"false\">\u041a\u0430\u043c\u043f\u0430\u045a\u0430<\/button>\n    <\/div>\n\n    <div class=\"ig-toolbar\">\n      <div class=\"ig-steps\" aria-label=\"\u0418\u0437\u0431\u043e\u0440 \u043d\u0430 \u043f\u0440\u0438\u043a\u0430\u0437\">\n        <button type=\"button\" class=\"ig-step\" data-zone=\"quality\" aria-pressed=\"true\">1 \u00b7 \u041f\u0440\u043e\u0432\u0435\u0440\u043a\u0430 \u043d\u0430 \u0431\u0430\u0437\u0430<\/button>\n        <button type=\"button\" class=\"ig-step\" data-zone=\"report\" aria-pressed=\"false\">2 \u00b7 \u041d\u0430\u0446\u0440\u0442-\u0438\u0437\u0432\u0435\u0448\u0442\u0430\u0458<\/button>\n        <button type=\"button\" class=\"ig-step\" data-zone=\"campaign\" aria-pressed=\"false\">3 \u00b7 \u041a\u0430\u043c\u043f\u0430\u045a\u0430<\/button>\n      <\/div>\n      <span class=\"ig-demo-label\">\u0421\u0418\u0422\u0415 \u0411\u0420\u041e\u0408\u041a\u0418 \u0421\u0415 \u0414\u0415\u041c\u041e<\/span>\n    <\/div>\n\n    <div class=\"ig-detail\">\n      <section data-panel=\"quality\">\n        <div class=\"ig-detail-head\"><div><h2>\u041f\u0440\u043e\u0432\u0435\u0440\u043a\u0430 \u0438 \u0441\u0440\u0435\u0434\u0443\u0432\u0430\u045a\u0435 \u043d\u0430 \u0431\u0430\u0437\u0430\u0442\u0430<\/h2><div class=\"ig-sub\">\u0412\u0418 \u0433\u0438 \u043e\u0437\u043d\u0430\u0447\u0443\u0432\u0430 \u043c\u043e\u0436\u043d\u0438\u0442\u0435 \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u0438, \u0430 \u043f\u0440\u043e\u043c\u0435\u043d\u0438\u0442\u0435 \u0441\u0435 \u043f\u043e\u0442\u0432\u0440\u0434\u0443\u0432\u0430\u0430\u0442 \u043e\u0434 \u0447\u043e\u0432\u0435\u043a.<\/div><\/div><span class=\"ig-badge\">23 \u0417\u0410\u041f\u0418\u0421\u0418 \u0417\u0410 \u041f\u0420\u041e\u0412\u0415\u0420\u041a\u0410<\/span><\/div>\n        <div class=\"ig-kpis\">\n          <article class=\"ig-kpi\"><span>\u0412\u043a\u0443\u043f\u043d\u043e \u0437\u0430\u043f\u0438\u0441\u0438<\/span><strong>186<\/strong><\/article>\n          <article class=\"ig-kpi\"><span>\u041f\u043e\u0442\u0432\u0440\u0434\u0435\u043d\u0438<\/span><strong>163<\/strong><\/article>\n          <article class=\"ig-kpi coral\"><span>\u041c\u043e\u0436\u043d\u0438 \u0434\u0443\u043f\u043b\u0438\u043a\u0430\u0442\u0438<\/span><strong>14<\/strong><\/article>\n          <article class=\"ig-kpi amber\"><span>\u041d\u0435\u0446\u0435\u043b\u043e\u0441\u043d\u0438<\/span><strong>9<\/strong><\/article>\n        <\/div>\n        <div class=\"ig-grid\">\n          <article class=\"ig-panel\">\n            <h3>\u041e\u0437\u043d\u0430\u0447\u0435\u043d\u0438 \u0437\u0430\u043f\u0438\u0441\u0438<\/h3>\n            <div class=\"ig-table-wrap\">\n              <table>\n                <thead><tr><th>ID<\/th><th>\u041e\u043f\u0448\u0442\u0438\u043d\u0430<\/th><th>\u0423\u0441\u043b\u0443\u0433\u0430<\/th><th>\u041f\u043e\u0441\u0435\u0442\u0438<\/th><th>\u041f\u043e\u0441\u043b\u0435\u0434\u043d\u0430 \u0430\u043a\u0442\u0438\u0432\u043d\u043e\u0441\u0442<\/th><th>\u041f\u0440\u043e\u0432\u0435\u0440\u043a\u0430<\/th><\/tr><\/thead>\n                <tbody>\n                  <tr><td>\u041a-1042<\/td><td>\u041f\u0440\u0438\u043b\u0435\u043f<\/td><td>\u041f\u043e\u043c\u043e\u0448 \u0432\u043e \u0434\u043e\u043c\u043e\u0442<\/td><td>18<\/td><td>29.07.2026<\/td><td><span class=\"ig-status\">\u041f\u043e\u0442\u0432\u0440\u0434\u0435\u043d<\/span><\/td><\/tr>\n                  <tr><td>\u041a-1088<\/td><td>\u041a\u0440\u0438\u0432\u043e\u0433\u0430\u0448\u0442\u0430\u043d\u0438<\/td><td>\u0424\u0438\u0437\u0438\u043e\u0442\u0435\u0440\u0430\u043f\u0438\u0458\u0430<\/td><td>7<\/td><td>28.07.2026<\/td><td><span class=\"ig-status duplicate\">\u0421\u043e\u0432\u043f\u0430\u0453\u0430\u045a\u0435 92%<\/span><\/td><\/tr>\n                  <tr><td>\u041a-1091<\/td><td>\u0414\u043e\u043b\u043d\u0435\u043d\u0438<\/td><td>\u041c\u0435\u0434\u0438\u0446\u0438\u043d\u0441\u043a\u0430 \u0441\u0435\u0441\u0442\u0440\u0430<\/td><td>11<\/td><td>\u2014<\/td><td><span class=\"ig-status incomplete\">\u041d\u0435\u0434\u043e\u0441\u0442\u0438\u0433\u0430 \u0434\u0430\u0442\u0443\u043c<\/span><\/td><\/tr>\n                  <tr><td>\u041a-1148<\/td><td>\u041f\u0440\u0438\u043b\u0435\u043f<\/td><td>\u041f\u043e\u043c\u043e\u0448 \u0432\u043e \u0434\u043e\u043c\u043e\u0442<\/td><td>16<\/td><td>31.07.2026<\/td><td><span class=\"ig-status duplicate\">\u041c\u043e\u0436\u0435\u043d \u0434\u0443\u043f\u043b\u0438\u043a\u0430\u0442<\/span><\/td><\/tr>\n                  <tr><td>\u041a-1186<\/td><td>\u041a\u0440\u0438\u0432\u043e\u0433\u0430\u0448\u0442\u0430\u043d\u0438<\/td><td>\u2014<\/td><td>13<\/td><td>27.07.2026<\/td><td><span class=\"ig-status incomplete\">\u041d\u0435\u043c\u0430 \u0443\u0441\u043b\u0443\u0433\u0430<\/span><\/td><\/tr>\n                <\/tbody>\n              <\/table>\n            <\/div>\n          <\/article>\n          <aside class=\"ig-panel\">\n            <h3>\u041a\u0432\u0430\u043b\u0438\u0442\u0435\u0442 \u043d\u0430 \u0431\u0430\u0437\u0430\u0442\u0430<\/h3>\n            <div class=\"ig-progress-row\"><div class=\"ig-progress-top\"><span>\u041f\u043e\u0442\u0432\u0440\u0434\u0435\u043d\u0438<\/span><strong>87,6%<\/strong><\/div><div class=\"ig-track\"><div class=\"ig-fill\" style=\"width:87.6%\"><\/div><\/div><\/div>\n            <div class=\"ig-progress-row\"><div class=\"ig-progress-top\"><span>\u0414\u0443\u043f\u043b\u0438\u043a\u0430\u0442\u0438<\/span><strong>7,5%<\/strong><\/div><div class=\"ig-track\"><div class=\"ig-fill coral\" style=\"width:7.5%\"><\/div><\/div><\/div>\n            <div class=\"ig-progress-row\"><div class=\"ig-progress-top\"><span>\u041d\u0435\u0446\u0435\u043b\u043e\u0441\u043d\u0438 \u0437\u0430\u043f\u0438\u0441\u0438<\/span><strong>4,9%<\/strong><\/div><div class=\"ig-track\"><div class=\"ig-fill amber\" style=\"width:4.9%\"><\/div><\/div><\/div>\n            <div class=\"ig-safe\">\u041d\u0435\u043c\u0430 \u0430\u0432\u0442\u043e\u043c\u0430\u0442\u0441\u043a\u043e \u0431\u0440\u0438\u0448\u0435\u045a\u0435 \u0438\u043b\u0438 \u0441\u043f\u043e\u0458\u0443\u0432\u0430\u045a\u0435 \u043d\u0430 \u0437\u0430\u043f\u0438\u0441\u0438. \u0421\u0435\u043a\u043e\u0458\u0430 \u043f\u0440\u043e\u043c\u0435\u043d\u0430 \u0431\u0430\u0440\u0430 \u0447\u043e\u0432\u0435\u0447\u043a\u0430 \u043f\u043e\u0442\u0432\u0440\u0434\u0430.<\/div>\n          <\/aside>\n        <\/div>\n      <\/section>\n\n      <section class=\"ig-hidden\" data-panel=\"report\">\n        <div class=\"ig-detail-head\"><div><h2>\u0418\u043d\u0441\u0442\u0438\u0442\u0443\u0446\u0438\u043e\u043d\u0430\u043b\u0435\u043d \u043d\u0430\u0446\u0440\u0442-\u0438\u0437\u0432\u0435\u0448\u0442\u0430\u0458<\/h2><div class=\"ig-sub\">\u0410\u0433\u0440\u0435\u0433\u0438\u0440\u0430\u043d\u0438 \u043f\u043e\u043a\u0430\u0437\u0430\u0442\u0435\u043b\u0438 \u0431\u0435\u0437 \u043b\u0438\u0447\u043d\u0438 \u0438 \u0437\u0434\u0440\u0430\u0432\u0441\u0442\u0432\u0435\u043d\u0438 \u043f\u043e\u0434\u0430\u0442\u043e\u0446\u0438.<\/div><\/div><span class=\"ig-badge\">\u0408\u0423\u041b\u0418 2026<\/span><\/div>\n        <div class=\"ig-kpis\">\n          <article class=\"ig-kpi\"><span>\u0422\u0435\u0440\u0435\u043d\u0441\u043a\u0438 \u043f\u043e\u0441\u0435\u0442\u0438<\/span><strong>1.284<\/strong><\/article>\n          <article class=\"ig-kpi\"><span>\u0410\u043a\u0442\u0438\u0432\u043d\u0438 \u043a\u043e\u0440\u0438\u0441\u043d\u0438\u0446\u0438<\/span><strong>172<\/strong><\/article>\n          <article class=\"ig-kpi\"><span>\u041e\u043f\u0444\u0430\u0442\u0435\u043d\u0438 \u043e\u043f\u0448\u0442\u0438\u043d\u0438<\/span><strong>4<\/strong><\/article>\n          <article class=\"ig-kpi\"><span>\u0420\u0435\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u0458\u0430<\/span><strong>96,2%<\/strong><\/article>\n        <\/div>\n        <div class=\"ig-report-grid\">\n          <article class=\"ig-panel\">\n            <h3>\u041f\u043e\u0441\u0435\u0442\u0438 \u043f\u043e \u043c\u0435\u0441\u0435\u0446<\/h3>\n            <div class=\"ig-chart\" role=\"img\" aria-label=\"\u0420\u0430\u0441\u0442 \u043d\u0430 \u043f\u043e\u0441\u0435\u0442\u0438\u0442\u0435 \u043e\u0434 949 \u0432\u043e \u0444\u0435\u0432\u0440\u0443\u0430\u0440\u0438 \u0434\u043e 1284 \u0432\u043e \u0458\u0443\u043b\u0438\">\n              <div class=\"ig-bar\"><i style=\"height:42%\"><\/i><span>\u0424\u0435\u0432<br>949<\/span><\/div>\n              <div class=\"ig-bar\"><i style=\"height:51%\"><\/i><span>\u041c\u0430\u0440<br>1.012<\/span><\/div>\n              <div class=\"ig-bar\"><i style=\"height:62%\"><\/i><span>\u0410\u043f\u0440<br>1.088<\/span><\/div>\n              <div class=\"ig-bar\"><i style=\"height:69%\"><\/i><span>\u041c\u0430\u0458<br>1.137<\/span><\/div>\n              <div class=\"ig-bar\"><i style=\"height:83%\"><\/i><span>\u0408\u0443\u043d<br>1.211<\/span><\/div>\n              <div class=\"ig-bar\"><i style=\"height:96%\"><\/i><span>\u0408\u0443\u043b<br>1.284<\/span><\/div>\n            <\/div>\n          <\/article>\n          <article class=\"ig-panel\">\n            <h3>\u0410\u0432\u0442\u043e\u043c\u0430\u0442\u0441\u043a\u0438 \u043f\u043e\u0434\u0433\u043e\u0442\u0432\u0435\u043d \u043d\u0430\u0446\u0440\u0442<\/h3>\n            <div class=\"ig-draft\">\u0412\u043e \u0458\u0443\u043b\u0438 2026 \u0433\u043e\u0434\u0438\u043d\u0430 \u0441\u0435 \u0435\u0432\u0438\u0434\u0435\u043d\u0442\u0438\u0440\u0430\u043d\u0438 <strong>1.284 \u0442\u0435\u0440\u0435\u043d\u0441\u043a\u0438 \u043f\u043e\u0441\u0435\u0442\u0438<\/strong> \u0437\u0430 <strong>172 \u0430\u043a\u0442\u0438\u0432\u043d\u0438 \u043a\u043e\u0440\u0438\u0441\u043d\u0438\u0446\u0438<\/strong> \u0432\u043e \u0447\u0435\u0442\u0438\u0440\u0438 \u043e\u043f\u0448\u0442\u0438\u043d\u0438. \u0420\u0435\u0430\u043b\u0438\u0437\u0438\u0440\u0430\u043d\u0438 \u0441\u0435 96,2% \u043e\u0434 \u043f\u043b\u0430\u043d\u0438\u0440\u0430\u043d\u0438\u0442\u0435 \u043f\u043e\u0441\u0435\u0442\u0438, \u0441\u043e \u043d\u0430\u0458\u0433\u043e\u043b\u0435\u043c \u0443\u0434\u0435\u043b \u043d\u0430 \u0443\u0441\u043b\u0443\u0433\u0430\u0442\u0430 \u201e\u041f\u043e\u043c\u043e\u0448 \u0438 \u043d\u0435\u0433\u0430 \u0432\u043e \u0434\u043e\u043c\u043e\u0442\u201c.<\/div>\n            <div class=\"ig-safe\">\u041f\u0440\u0435\u0434 \u0434\u043e\u0441\u0442\u0430\u0432\u0443\u0432\u0430\u045a\u0435: \u043f\u0440\u043e\u0432\u0435\u0440\u043a\u0430 \u043d\u0430 \u043c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u0458\u0430\u0442\u0430, \u0431\u0440\u043e\u0458\u043a\u0438\u0442\u0435 \u0438 \u0444\u043e\u0440\u043c\u0443\u043b\u0430\u0446\u0438\u0438\u0442\u0435 \u043e\u0434 \u043e\u0434\u0433\u043e\u0432\u043e\u0440\u043d\u043e \u043b\u0438\u0446\u0435.<\/div>\n          <\/article>\n        <\/div>\n      <\/section>\n\n      <section class=\"ig-hidden\" data-panel=\"campaign\">\n        <div class=\"ig-detail-head\"><div><h2>\u041a\u0430\u043c\u043f\u0430\u045a\u0430 \u043e\u0434 \u0438\u0441\u0442\u0438\u0442\u0435 \u0430\u0433\u0440\u0435\u0433\u0438\u0440\u0430\u043d\u0438 \u043f\u043e\u0434\u0430\u0442\u043e\u0446\u0438<\/h2><div class=\"ig-sub\">\u041f\u043e\u0440\u0430\u043a\u0430\u0442\u0430 \u0441\u0435 \u043f\u0440\u0438\u0441\u043f\u043e\u0441\u043e\u0431\u0443\u0432\u0430 \u0441\u043f\u043e\u0440\u0435\u0434 \u043f\u0443\u0431\u043b\u0438\u043a\u0430\u0442\u0430, \u0431\u0435\u0437 \u043f\u043e\u0432\u0442\u043e\u0440\u043d\u043e \u0441\u043e\u0431\u0438\u0440\u0430\u045a\u0435 \u043c\u0430\u0442\u0435\u0440\u0438\u0458\u0430\u043b\u0438.<\/div><\/div><span class=\"ig-badge\">FACEBOOK 4:5<\/span><\/div>\n        <div class=\"ig-grid\">\n          <article class=\"ig-panel\">\n            <h3>\u0418\u0437\u0431\u0435\u0440\u0438 \u043f\u0443\u0431\u043b\u0438\u043a\u0430<\/h3>\n            <div class=\"ig-audience\">\n              <button type=\"button\" data-audience=\"institutions\" aria-pressed=\"true\">\u0418\u043d\u0441\u0442\u0438\u0442\u0443\u0446\u0438\u0438<\/button>\n              <button type=\"button\" data-audience=\"recruitment\" aria-pressed=\"false\">\u041d\u043e\u0432 \u043a\u0430\u0434\u0430\u0440<\/button>\n              <button type=\"button\" data-audience=\"donors\" aria-pressed=\"false\">\u0414\u043e\u043d\u0430\u0442\u043e\u0440\u0438<\/button>\n            <\/div>\n            <div class=\"ig-copy\" id=\"igCampaignCopy\"><\/div>\n            <div class=\"ig-copy-meta\"><div><span>\u0418\u0437\u0432\u043e\u0440<\/span><strong>\u0410\u0433\u0440\u0435\u0433\u0438\u0440\u0430\u043d\u0430 \u0431\u0430\u0437\u0430<\/strong><\/div><div><span>\u041f\u0440\u043e\u0432\u0435\u0440\u043a\u0430<\/span><strong>\u041e\u0434\u0433\u043e\u0432\u043e\u0440\u043d\u043e \u043b\u0438\u0446\u0435<\/strong><\/div><div><span>\u041b\u0438\u0447\u043d\u0438 \u043f\u043e\u0434\u0430\u0442\u043e\u0446\u0438<\/span><strong>\u041d\u0435 \u0441\u0435 \u043a\u043e\u0440\u0438\u0441\u0442\u0430\u0442<\/strong><\/div><\/div>\n          <\/article>\n          <aside class=\"ig-panel\">\n            <h3>\u041f\u043e\u043a\u0430\u0437\u0430\u0442\u0435\u043b\u0438 \u0432\u043e \u043e\u0431\u0458\u0430\u0432\u0430\u0442\u0430<\/h3>\n            <div class=\"ig-progress-row\"><div class=\"ig-progress-top\"><span id=\"igMetricOneLabel\">\u0422\u0435\u0440\u0435\u043d\u0441\u043a\u0438 \u043f\u043e\u0441\u0435\u0442\u0438<\/span><strong id=\"igMetricOne\">1.284<\/strong><\/div><div class=\"ig-track\"><div class=\"ig-fill\" style=\"width:96%\"><\/div><\/div><\/div>\n            <div class=\"ig-progress-row\"><div class=\"ig-progress-top\"><span id=\"igMetricTwoLabel\">\u041a\u043e\u0440\u0438\u0441\u043d\u0438\u0446\u0438<\/span><strong id=\"igMetricTwo\">172<\/strong><\/div><div class=\"ig-track\"><div class=\"ig-fill\" style=\"width:72%\"><\/div><\/div><\/div>\n            <div class=\"ig-progress-row\"><div class=\"ig-progress-top\"><span id=\"igMetricThreeLabel\">\u041e\u043f\u0448\u0442\u0438\u043d\u0438<\/span><strong id=\"igMetricThree\">4<\/strong><\/div><div class=\"ig-track\"><div class=\"ig-fill\" style=\"width:46%\"><\/div><\/div><\/div>\n            <div class=\"ig-safe\">\u0421\u0438\u0442\u0435 \u0431\u0440\u043e\u0458\u043a\u0438 \u0432\u043e \u0434\u0435\u043c\u043e\u0442\u043e \u0441\u0435 \u0438\u0437\u043c\u0438\u0441\u043b\u0435\u043d\u0438 \u0438 \u0441\u0435 \u0437\u0430\u043c\u0435\u043d\u0443\u0432\u0430\u0430\u0442 \u0441\u043e \u043f\u043e\u0442\u0432\u0440\u0434\u0435\u043d\u0438 \u0430\u0433\u0440\u0435\u0433\u0438\u0440\u0430\u043d\u0438 \u0440\u0435\u0437\u0443\u043b\u0442\u0430\u0442\u0438.<\/div>\n          <\/aside>\n        <\/div>\n      <\/section>\n    <\/div>\n  <\/div>\n\n  <script>\n    (() => {\n      const root = document.getElementById('impact-graphic-demo');\n      const zoneButtons = Array.from(root.querySelectorAll('[data-zone]'));\n      const panels = Array.from(root.querySelectorAll('[data-panel]'));\n      const audienceButtons = Array.from(root.querySelectorAll('[data-audience]'));\n      const copy = root.querySelector('#igCampaignCopy');\n      const metricOne = root.querySelector('#igMetricOne');\n      const metricOneLabel = root.querySelector('#igMetricOneLabel');\n      const metricTwo = root.querySelector('#igMetricTwo');\n      const metricTwoLabel = root.querySelector('#igMetricTwoLabel');\n      const metricThree = root.querySelector('#igMetricThree');\n      const metricThreeLabel = root.querySelector('#igMetricThreeLabel');\n\n      const campaignData = {\n        institutions: {\n          copy: `\u0412\u043e \u0458\u0443\u043b\u0438, \u043d\u0430\u0448\u0438\u0442\u0435 \u0442\u0438\u043c\u043e\u0432\u0438 \u0440\u0435\u0430\u043b\u0438\u0437\u0438\u0440\u0430\u0430 1.284 \u0442\u0435\u0440\u0435\u043d\u0441\u043a\u0438 \u043f\u043e\u0441\u0435\u0442\u0438 \u0437\u0430 172 \u043a\u043e\u0440\u0438\u0441\u043d\u0438\u0446\u0438 \u0432\u043e \u0447\u0435\u0442\u0438\u0440\u0438 \u043e\u043f\u0448\u0442\u0438\u043d\u0438.\n\n\u041f\u043e\u0434\u0430\u0442\u043e\u0446\u0438\u0442\u0435 \u043d\u0438 \u043f\u043e\u043c\u0430\u0433\u0430\u0430\u0442 \u0434\u0430 \u0433\u043e \u0441\u043b\u0435\u0434\u0438\u043c\u0435 \u043a\u0432\u0430\u043b\u0438\u0442\u0435\u0442\u043e\u0442, \u0434\u0430 \u0433\u0438 \u043f\u0440\u0435\u043f\u043e\u0437\u043d\u0430\u0435\u043c\u0435 \u043b\u043e\u043a\u0430\u043b\u043d\u0438\u0442\u0435 \u043f\u043e\u0442\u0440\u0435\u0431\u0438 \u0438 \u0442\u0440\u0430\u043d\u0441\u043f\u0430\u0440\u0435\u043d\u0442\u043d\u043e \u0434\u0430 \u0433\u043e \u043f\u043e\u043a\u0430\u0436\u0435\u043c\u0435 \u043f\u043e\u0441\u0442\u0438\u0433\u043d\u0430\u0442\u043e\u0442\u043e \u0432\u043b\u0438\u0458\u0430\u043d\u0438\u0435.`,\n          metrics: [['\u0422\u0435\u0440\u0435\u043d\u0441\u043a\u0438 \u043f\u043e\u0441\u0435\u0442\u0438','1.284'],['\u041a\u043e\u0440\u0438\u0441\u043d\u0438\u0446\u0438','172'],['\u041e\u043f\u0448\u0442\u0438\u043d\u0438','4']]\n        },\n        recruitment: {\n          copy: `\u0417\u0430\u0434 \u0441\u0435\u043a\u043e\u0458\u0430 \u0440\u0435\u0430\u043b\u0438\u0437\u0438\u0440\u0430\u043d\u0430 \u043f\u043e\u0441\u0435\u0442\u0430 \u0441\u0442\u043e\u0438 \u0441\u0442\u0440\u0443\u0447\u043d\u043e \u043b\u0438\u0446\u0435 \u0448\u0442\u043e \u0432\u043d\u0435\u0441\u0443\u0432\u0430 \u0441\u0438\u0433\u0443\u0440\u043d\u043e\u0441\u0442 \u0438 \u0434\u043e\u0441\u0442\u043e\u0438\u043d\u0441\u0442\u0432\u0435\u043d\u0430 \u043f\u043e\u0434\u0434\u0440\u0448\u043a\u0430 \u0432\u043e \u043d\u0435\u0447\u0438\u0458 \u0434\u043e\u043c.\n\n\u0421\u043b\u0435\u0434\u0435\u0442\u0435 \u0433\u0438 \u043d\u0430\u0448\u0438\u0442\u0435 \u043f\u043e\u0432\u0438\u0446\u0438 \u0437\u0430 \u043e\u0431\u0443\u043a\u0430 \u0438 \u0432\u0440\u0430\u0431\u043e\u0442\u0443\u0432\u0430\u045a\u0435 \u043d\u0430 \u043d\u0435\u0433\u0443\u0432\u0430\u0442\u0435\u043b\u0438, \u043c\u0435\u0434\u0438\u0446\u0438\u043d\u0441\u043a\u0438 \u043b\u0438\u0446\u0430 \u0438 \u0434\u0440\u0443\u0433 \u0441\u0442\u0440\u0443\u0447\u0435\u043d \u043a\u0430\u0434\u0430\u0440.`,\n          metrics: [['\u041e\u0431\u0443\u0447\u0435\u043d\u0438 \u043d\u0435\u0433\u0443\u0432\u0430\u0442\u0435\u043b\u0438','58'],['\u041a\u043e\u0440\u0438\u0441\u043d\u0438\u0446\u0438','172'],['\u041e\u043f\u0448\u0442\u0438\u043d\u0438','4']]\n        },\n        donors: {\n          copy: `\u0421\u0435\u043a\u043e\u0458\u0430 \u043f\u043e\u0434\u0434\u0440\u0448\u043a\u0430 \u0442\u0440\u0435\u0431\u0430 \u0434\u0430 \u0438\u043c\u0430 \u0432\u0438\u0434\u043b\u0438\u0432 \u0438 \u043c\u0435\u0440\u043b\u0438\u0432 \u0440\u0435\u0437\u0443\u043b\u0442\u0430\u0442. \u0412\u043e \u0458\u0443\u043b\u0438 \u0441\u0435 \u0440\u0435\u0430\u043b\u0438\u0437\u0438\u0440\u0430\u043d\u0438 96,2% \u043e\u0434 \u043f\u043b\u0430\u043d\u0438\u0440\u0430\u043d\u0438\u0442\u0435 \u0442\u0435\u0440\u0435\u043d\u0441\u043a\u0438 \u043f\u043e\u0441\u0435\u0442\u0438.\n\n\u041e\u0442\u0432\u043e\u0440\u0435\u043d\u0438 \u0441\u043c\u0435 \u0437\u0430 \u043f\u0430\u0440\u0442\u043d\u0435\u0440\u0441\u0442\u0432\u0430 \u0448\u0442\u043e \u045c\u0435 \u043f\u043e\u043c\u043e\u0433\u043d\u0430\u0442 \u0443\u0441\u043b\u0443\u0433\u0438\u0442\u0435 \u0434\u0430 \u0441\u0442\u0438\u0433\u043d\u0430\u0442 \u0434\u043e \u043f\u043e\u0432\u0435\u045c\u0435 \u043b\u043e\u043a\u0430\u043b\u043d\u0438 \u0437\u0430\u0435\u0434\u043d\u0438\u0446\u0438.`,\n          metrics: [['\u0420\u0435\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u0458\u0430','96,2%'],['\u0422\u0435\u0440\u0435\u043d\u0441\u043a\u0438 \u043f\u043e\u0441\u0435\u0442\u0438','1.284'],['\u041a\u043e\u0440\u0438\u0441\u043d\u0438\u0446\u0438','172']]\n        }\n      };\n\n      function showZone(zone) {\n        zoneButtons.forEach((button) => button.setAttribute('aria-pressed', String(button.dataset.zone === zone)));\n        panels.forEach((panel) => panel.classList.toggle('ig-hidden', panel.dataset.panel !== zone));\n      }\n\n      function showCampaign(audience) {\n        const item = campaignData[audience];\n        if (!item) return;\n        audienceButtons.forEach((button) => button.setAttribute('aria-pressed', String(button.dataset.audience === audience)));\n        copy.textContent = item.copy;\n        metricOneLabel.textContent = item.metrics[0][0]; metricOne.textContent = item.metrics[0][1];\n        metricTwoLabel.textContent = item.metrics[1][0]; metricTwo.textContent = item.metrics[1][1];\n        metricThreeLabel.textContent = item.metrics[2][0]; metricThree.textContent = item.metrics[2][1];\n      }\n\n      zoneButtons.forEach((button) => button.addEventListener('click', () => showZone(button.dataset.zone)));\n      audienceButtons.forEach((button) => button.addEventListener('click', () => showCampaign(button.dataset.audience)));\n      showCampaign('institutions');\n    })();\n  <\/script>\n<\/div>\n\n","protected":false},"excerpt":{"rendered":"<p>\u041f\u043e\u0434\u0430\u0442\u043e\u0446\u0438 \u0418\u0437\u0432\u0435\u0448\u0442\u0430\u0458 \u041a\u0430\u043c\u043f\u0430\u045a\u0430 1 \u00b7 \u041f\u0440\u043e\u0432\u0435\u0440\u043a\u0430 \u043d\u0430 \u0431\u0430\u0437\u0430 2 \u00b7 \u041d\u0430\u0446\u0440\u0442-\u0438\u0437\u0432\u0435\u0448\u0442\u0430\u0458 3 \u00b7 \u041a\u0430\u043c\u043f\u0430\u045a\u0430 \u0421\u0418\u0422\u0415 \u0411\u0420\u041e\u0408\u041a\u0418 \u0421\u0415 \u0414\u0415\u041c\u041e \u041f\u0440\u043e\u0432\u0435\u0440\u043a\u0430 \u0438 \u0441\u0440\u0435\u0434\u0443\u0432\u0430\u045a\u0435 \u043d\u0430 \u0431\u0430\u0437\u0430\u0442\u0430 \u0412\u0418 \u0433\u0438 \u043e\u0437\u043d\u0430\u0447\u0443\u0432\u0430 \u043c\u043e\u0436\u043d\u0438\u0442\u0435 \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u0438, \u0430 \u043f\u0440\u043e\u043c\u0435\u043d\u0438\u0442\u0435 \u0441\u0435 \u043f\u043e\u0442\u0432\u0440\u0434\u0443\u0432\u0430\u0430\u0442 \u043e\u0434 \u0447\u043e\u0432\u0435\u043a. 23 \u0417\u0410\u041f\u0418\u0421\u0418 \u0417\u0410 \u041f\u0420\u041e\u0412\u0415\u0420\u041a\u0410 \u0412\u043a\u0443\u043f\u043d\u043e \u0437\u0430\u043f\u0438\u0441\u0438186 \u041f\u043e\u0442\u0432\u0440\u0434\u0435\u043d\u0438163 \u041c\u043e\u0436\u043d\u0438 \u0434\u0443\u043f\u043b\u0438\u043a\u0430\u0442\u043814 \u041d\u0435\u0446\u0435\u043b\u043e\u0441\u043d\u04389 \u041e\u0437\u043d\u0430\u0447\u0435\u043d\u0438 \u0437\u0430\u043f\u0438\u0441\u0438 ID \u041e\u043f\u0448\u0442\u0438\u043d\u0430 \u0423\u0441\u043b\u0443\u0433\u0430 \u041f\u043e\u0441\u0435\u0442\u0438 \u041f\u043e\u0441\u043b\u0435\u0434\u043d\u0430 \u0430\u043a\u0442\u0438\u0432\u043d\u043e\u0441\u0442 \u041f\u0440\u043e\u0432\u0435\u0440\u043a\u0430 \u041a-1042 \u041f\u0440\u0438\u043b\u0435\u043f [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-9","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/borce.mk\/index.php?rest_route=\/wp\/v2\/pages\/9","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/borce.mk\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/borce.mk\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/borce.mk\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/borce.mk\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=9"}],"version-history":[{"count":1,"href":"https:\/\/borce.mk\/index.php?rest_route=\/wp\/v2\/pages\/9\/revisions"}],"predecessor-version":[{"id":10,"href":"https:\/\/borce.mk\/index.php?rest_route=\/wp\/v2\/pages\/9\/revisions\/10"}],"wp:attachment":[{"href":"https:\/\/borce.mk\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=9"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}