\u0648\u0627\u0642\u0639 \u0633\u064a\u0627\u0633\u0627\u062a \u0627\u0644\u0647\u062c\u0631\u0629 \u0648\u0627\u0644\u062d\u062f\u0648\u062f | \u062a\u062d\u0644\u064a\u0644 \u0628\u064a\u0627\u0646\u0627\u062a<\/title>\n \n \n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@300;400;600;700;900&display=swap\" rel=\"stylesheet\">\n \n \n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n \n \n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/chart.js\"><\/script>\n\n <script>\n tailwind.config = {\n theme: {\n extend: {\n colors: {\n 'policy-blue': '#1e3a8a',\n 'policy-light': '#0ea5e9',\n 'alert-orange': '#f97316',\n 'neutral-bg': '#f8fafc',\n },\n fontFamily: {\n sans: ['Cairo', 'sans-serif'],\n }\n }\n }\n }\n <\/script>\n\n \n <style>\n \/* Base styles *\/\n body {\n background-color: #f1f5f9; \/* Slate-100 *\/\n }\n \n \/* Chart Container Standards *\/\n .chart-container {\n position: relative;\n width: 100%;\n max-width: 700px; \/* Max width constraint *\/\n margin-left: auto;\n margin-right: auto;\n height: 350px; \/* Default height *\/\n max-height: 450px;\n }\n\n @media (max-width: 640px) {\n .chart-container {\n height: 300px;\n }\n }\n\n \/* Card Styles *\/\n .data-card {\n background: white;\n border-radius: 0.75rem; \/* rounded-xl *\/\n box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);\n padding: 1.5rem;\n transition: transform 0.2s;\n }\n .data-card:hover {\n transform: translateY(-2px);\n }\n\n \/* Process Flow Styles (No SVG\/Mermaid) *\/\n .process-step {\n position: relative;\n }\n .process-arrow::after {\n content: \"\u2b05\"; \/* Unicode arrow for RTL *\/\n position: absolute;\n left: -1.5rem;\n top: 50%;\n transform: translateY(-50%);\n font-size: 1.5rem;\n color: #94a3b8;\n }\n @media (max-width: 768px) {\n .process-arrow::after {\n content: \"\u2b07\";\n left: 50%;\n top: auto;\n bottom: -1.5rem;\n transform: translateX(-50%);\n }\n }\n <\/style>\n<\/head>\n<body class=\"text-slate-800 font-sans leading-relaxed\">\n\n \n\n \n\n \n <header class=\"bg-policy-blue text-white py-12 shadow-lg\">\n <div class=\"container mx-auto px-4 text-center\">\n <div class=\"inline-block bg-white\/10 px-4 py-1 rounded-full text-sm mb-4 backdrop-blur-sm border border-white\/20\">\n \u062a\u0642\u0631\u064a\u0631 \u062a\u062d\u0644\u064a\u0644\u064a 2024\n <\/div>\n <h1 class=\"text-3xl md:text-5xl font-bold mb-4\">\u0648\u0627\u0642\u0639 \u0633\u064a\u0627\u0633\u0627\u062a \u0627\u0644\u0647\u062c\u0631\u0629 \u0648\u0627\u0644\u062d\u062f\u0648\u062f<\/h1>\n <p class=\"text-xl md:text-2xl text-blue-100 max-w-3xl mx-auto\">\n \u062a\u062d\u0644\u064a\u0644 \u0645\u0631\u0626\u064a \u0644\u0644\u062a\u062d\u062f\u064a\u0627\u062a \u0627\u0644\u0639\u0627\u0644\u0645\u064a\u0629\u060c \u0627\u062a\u062c\u0627\u0647\u0627\u062a \u0627\u0644\u0646\u0632\u0648\u062d\u060c \u0648\u062a\u0623\u062b\u064a\u0631 \u0627\u0644\u0633\u064a\u0627\u0633\u0627\u062a \u0627\u0644\u062d\u062f\u0648\u062f\u064a\u0629 \u0627\u0644\u062d\u062f\u064a\u062b\u0629 \u0639\u0644\u0649 \u062d\u0631\u0643\u0629 \u0627\u0644\u0628\u0634\u0631.\n <\/p>\n <\/div>\n <\/header>\n\n <main class=\"container mx-auto px-4 py-8 space-y-12\">\n\n \n <section>\n <div class=\"mb-6 border-r-4 border-alert-orange pr-4\">\n <h2 class=\"text-2xl font-bold text-policy-blue\">\u0646\u0638\u0631\u0629 \u0639\u0627\u0645\u0629 \u0628\u0627\u0644\u0623\u0631\u0642\u0627\u0645<\/h2>\n <p class=\"text-slate-600\">\u062a\u0642\u062f\u064a\u0631\u0627\u062a \u0639\u0627\u0644\u0645\u064a\u0629 \u062a\u0639\u0643\u0633 \u062d\u062c\u0645 \u0627\u0644\u062d\u0631\u0627\u0643 \u0627\u0644\u0628\u0634\u0631\u064a \u0648\u0627\u0644\u0646\u0632\u0648\u062d \u0627\u0644\u0642\u0633\u0631\u064a \u0641\u064a \u0627\u0644\u0648\u0642\u062a \u0627\u0644\u0631\u0627\u0647\u0646.<\/p>\n <\/div>\n \n <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6\">\n \n <div class=\"data-card border-t-4 border-policy-light text-center\">\n <div class=\"text-4xl mb-2\">\ud83c\udf0d<\/div>\n <div class=\"text-5xl font-black text-slate-800 mb-1\">281<\/div>\n <div class=\"text-sm font-bold text-policy-blue uppercase tracking-wider\">\u0645\u0644\u064a\u0648\u0646 \u0645\u0647\u0627\u062c\u0631 \u062f\u0648\u0644\u064a<\/div>\n <p class=\"text-xs text-slate-500 mt-2\">\u062d\u0648\u0627\u0644\u064a 3.6% \u0645\u0646 \u0633\u0643\u0627\u0646 \u0627\u0644\u0639\u0627\u0644\u0645<\/p>\n <\/div>\n \n <div class=\"data-card border-t-4 border-alert-orange text-center\">\n <div class=\"text-4xl mb-2\">\u26fa<\/div>\n <div class=\"text-5xl font-black text-slate-800 mb-1\">110<\/div>\n <div class=\"text-sm font-bold text-alert-orange uppercase tracking-wider\">\u0645\u0644\u064a\u0648\u0646 \u0646\u0627\u0632\u062d \u0642\u0633\u0631\u0627\u064b<\/div>\n <p class=\"text-xs text-slate-500 mt-2\">\u0631\u0642\u0645 \u0642\u064a\u0627\u0633\u064a \u062a\u0627\u0631\u064a\u062e\u064a \u062c\u062f\u064a\u062f<\/p>\n <\/div>\n \n <div class=\"data-card border-t-4 border-policy-blue text-center\">\n <div class=\"text-4xl mb-2\">\ud83d\udec2<\/div>\n <div class=\"text-5xl font-black text-slate-800 mb-1\">6.1<\/div>\n <div class=\"text-sm font-bold text-policy-blue uppercase tracking-wider\">\u0645\u0644\u064a\u0648\u0646 \u0637\u0644\u0628 \u0644\u062c\u0648\u0621<\/div>\n <p class=\"text-xs text-slate-500 mt-2\">\u0642\u064a\u062f \u0627\u0644\u0645\u0639\u0627\u0644\u062c\u0629 (\u0627\u0644\u0627\u0646\u062a\u0638\u0627\u0631) \u0639\u0627\u0644\u0645\u064a\u0627\u064b<\/p>\n <\/div>\n \n <div class=\"data-card border-t-4 border-emerald-500 text-center\">\n <div class=\"text-4xl mb-2\">\ud83d\udcb8<\/div>\n <div class=\"text-5xl font-black text-slate-800 mb-1\">830<\/div>\n <div class=\"text-sm font-bold text-emerald-600 uppercase tracking-wider\">\u0645\u0644\u064a\u0627\u0631 \u062f\u0648\u0644\u0627\u0631<\/div>\n <p class=\"text-xs text-slate-500 mt-2\">\u062a\u062d\u0648\u064a\u0644\u0627\u062a \u0627\u0644\u0645\u0647\u0627\u062c\u0631\u064a\u0646 (Remittances)<\/p>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"grid grid-cols-1 lg:grid-cols-3 gap-8 items-center\">\n <div class=\"lg:col-span-1\">\n <div class=\"mb-4\">\n <h2 class=\"text-2xl font-bold text-policy-blue mb-3\">\u062a\u0635\u0627\u0639\u062f \u0627\u0644\u0646\u0632\u0648\u062d \u0627\u0644\u0639\u0627\u0644\u0645\u064a<\/h2>\n <p class=\"text-slate-600 mb-4 text-justify\">\n \u0634\u0647\u062f \u0627\u0644\u0639\u0642\u062f \u0627\u0644\u0645\u0627\u0636\u064a \u0627\u0631\u062a\u0641\u0627\u0639\u0627\u064b \u063a\u064a\u0631 \u0645\u0633\u0628\u0648\u0642 \u0641\u064a \u0623\u0639\u062f\u0627\u062f \u0627\u0644\u0646\u0627\u0632\u062d\u064a\u0646 \u0642\u0633\u0631\u0627\u064b \u0646\u062a\u064a\u062c\u0629 \u0644\u0644\u0635\u0631\u0627\u0639\u0627\u062a \u0627\u0644\u0645\u0633\u0644\u062d\u0629\u060c \u0639\u062f\u0645 \u0627\u0644\u0627\u0633\u062a\u0642\u0631\u0627\u0631 \u0627\u0644\u0633\u064a\u0627\u0633\u064a\u060c \u0648\u0627\u0644\u062a\u063a\u064a\u0631\u0627\u062a \u0627\u0644\u0645\u0646\u0627\u062e\u064a\u0629. \u064a\u0648\u0636\u062d \u0627\u0644\u0631\u0633\u0645 \u0627\u0644\u0628\u064a\u0627\u0646\u064a \u0627\u0644\u0646\u0645\u0648 \u0627\u0644\u0645\u062a\u0633\u0627\u0631\u0639 \u0645\u0646\u0630 \u0639\u0627\u0645 2014 \u0648\u062d\u062a\u0649 \u0627\u0644\u064a\u0648\u0645.\n <\/p>\n <\/div>\n <div class=\"bg-white p-4 rounded-lg shadow-sm border border-slate-200\">\n <h3 class=\"font-bold text-sm text-policy-blue mb-2\">\ud83d\udca1 \u0631\u0624\u064a\u0629 \u062a\u062d\u0644\u064a\u0644\u064a\u0629<\/h3>\n <p class=\"text-xs text-slate-500\">\n \u0644\u0627\u062d\u0638 \u0627\u0644\u0642\u0641\u0632\u0629 \u0627\u0644\u062d\u0627\u062f\u0629 \u0628\u0639\u062f \u0639\u0627\u0645 2021\u060c \u0648\u0627\u0644\u062a\u064a \u062a\u0639\u0632\u0649 \u062c\u0632\u0626\u064a\u0627\u064b \u0625\u0644\u0649 \u0627\u0644\u0623\u0632\u0645\u0627\u062a \u0627\u0644\u0645\u0633\u062a\u062c\u062f\u0629 \u0641\u064a \u0623\u0648\u0631\u0648\u0628\u0627 \u0648\u0627\u0644\u0634\u0631\u0642 \u0627\u0644\u0623\u0648\u0633\u0637\u060c \u0645\u0645\u0627 \u0648\u0636\u0639 \u0636\u063a\u0648\u0637\u0627\u064b \u0647\u0627\u0626\u0644\u0629 \u0639\u0644\u0649 \u0623\u0646\u0638\u0645\u0629 \u0627\u0644\u062d\u062f\u0648\u062f \u0648\u0627\u0644\u0644\u062c\u0648\u0621 \u0627\u0644\u0639\u0627\u0644\u0645\u064a\u0629.\n <\/p>\n <\/div>\n <\/div>\n \n <div class=\"lg:col-span-2\">\n <div class=\"data-card\">\n <h3 class=\"text-lg font-bold text-slate-700 mb-4 text-center\">\u062a\u0637\u0648\u0631 \u0623\u0639\u062f\u0627\u062f \u0627\u0644\u0646\u0627\u0632\u062d\u064a\u0646 \u0642\u0633\u0631\u0627\u064b (2014 – 2024)<\/h3>\n \n <div class=\"chart-container\">\n <canvas id=\"displacementChart\"><\/canvas>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section>\n <div class=\"mb-6 text-center max-w-3xl mx-auto\">\n <h2 class=\"text-2xl font-bold text-policy-blue mb-2\">\u0645\u0646 \u0623\u064a\u0646 \u064a\u0623\u062a\u064a \u0627\u0644\u0644\u0627\u062c\u0626\u0648\u0646\u061f<\/h2>\n <p class=\"text-slate-600\">\n \u0623\u0643\u062b\u0631 \u0645\u0646 50% \u0645\u0646 \u062c\u0645\u064a\u0639 \u0627\u0644\u0644\u0627\u062c\u0626\u064a\u0646 \u062a\u062d\u062a \u0648\u0644\u0627\u064a\u0629 \u0627\u0644\u0645\u0641\u0648\u0636\u064a\u0629 \u0627\u0644\u0633\u0627\u0645\u064a\u0629 \u0644\u0644\u0623\u0645\u0645 \u0627\u0644\u0645\u062a\u062d\u062f\u0629 \u0644\u0634\u0624\u0648\u0646 \u0627\u0644\u0644\u0627\u062c\u0626\u064a\u0646 \u064a\u0623\u062a\u0648\u0646 \u0645\u0646 \u062b\u0644\u0627\u062b\u0629 \u0628\u0644\u062f\u0627\u0646 \u0641\u0642\u0637. \u0641\u0647\u0645 \u0645\u0646\u0627\u0637\u0642 \u0627\u0644\u0623\u0635\u0644 \u064a\u0633\u0627\u0639\u062f \u0641\u064a \u0635\u064a\u0627\u063a\u0629 \u0633\u064a\u0627\u0633\u0627\u062a \u062f\u0628\u0644\u0648\u0645\u0627\u0633\u064a\u0629 \u0648\u062a\u0646\u0645\u0648\u064a\u0629 \u0623\u0643\u062b\u0631 \u0641\u0639\u0627\u0644\u064a\u0629.\n <\/p>\n <\/div>\n\n <div class=\"data-card\">\n \n <div class=\"chart-container\" style=\"max-height: 400px;\">\n <canvas id=\"originsChart\"><\/canvas>\n <\/div>\n <p class=\"text-center text-xs text-slate-400 mt-4\">\u0627\u0644\u0645\u0635\u062f\u0631: \u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u0623\u0645\u0645 \u0627\u0644\u0645\u062a\u062d\u062f\u0629 \u0648\u0627\u0644\u0628\u0646\u0643 \u0627\u0644\u062f\u0648\u0644\u064a (\u062a\u0642\u062f\u064a\u0631\u0627\u062a 2023-2024)<\/p>\n <\/div>\n <\/section>\n\n \n <section class=\"bg-slate-200 p-6 md:p-10 rounded-2xl\">\n <h2 class=\"text-2xl font-bold text-policy-blue mb-6 text-center\">\u0631\u062d\u0644\u0629 \u0637\u0644\u0628 \u0627\u0644\u0644\u062c\u0648\u0621: \u0627\u0644\u0628\u064a\u0631\u0648\u0642\u0631\u0627\u0637\u064a\u0629 \u0648\u0627\u0644\u062d\u062f\u0648\u062f<\/h2>\n <p class=\"text-center text-slate-600 mb-10 max-w-2xl mx-auto\">\n \u063a\u0627\u0644\u0628\u0627\u064b \u0645\u0627 \u062a\u0643\u0648\u0646 \u0639\u0645\u0644\u064a\u0629 \u0627\u0644\u0644\u062c\u0648\u0621 \u0645\u0639\u0642\u062f\u0629 \u0648\u0637\u0648\u064a\u0644\u0629. \u0641\u064a\u0645\u0627 \u064a\u0644\u064a \u062a\u0645\u062b\u064a\u0644 \u0645\u0628\u0633\u0637 \u0644\u0644\u0645\u0631\u0627\u062d\u0644 \u0627\u0644\u0623\u0633\u0627\u0633\u064a\u0629 \u0627\u0644\u062a\u064a \u064a\u0645\u0631 \u0628\u0647\u0627 \u0637\u0627\u0644\u0628 \u0627\u0644\u0644\u062c\u0648\u0621 \u0641\u064a \u0627\u0644\u062f\u0648\u0644 \u0627\u0644\u0645\u0636\u064a\u0641\u0629 \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629.\n <\/p>\n\n <div class=\"grid grid-cols-1 md:grid-cols-4 gap-6 relative\">\n \n <div class=\"process-step process-arrow bg-white p-6 rounded-lg shadow-md border-t-4 border-blue-500\">\n <div class=\"text-3xl mb-3\">\ud83d\udcdd<\/div>\n <h3 class=\"font-bold text-lg mb-2\">\u062a\u0642\u062f\u064a\u0645 \u0627\u0644\u0637\u0644\u0628<\/h3>\n <p class=\"text-sm text-slate-500\">\u0627\u0644\u062a\u0633\u062c\u064a\u0644 \u0639\u0646\u062f \u0627\u0644\u062d\u062f\u0648\u062f \u0623\u0648 \u062f\u0627\u062e\u0644 \u0627\u0644\u0625\u0642\u0644\u064a\u0645. \u0623\u062e\u0630 \u0627\u0644\u0628\u0635\u0645\u0627\u062a \u0648\u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u0623\u0648\u0644\u064a\u0629.<\/p>\n <\/div>\n \n <div class=\"process-step process-arrow bg-white p-6 rounded-lg shadow-md border-t-4 border-yellow-500\">\n <div class=\"text-3xl mb-3\">\ud83d\udde3\ufe0f<\/div>\n <h3 class=\"font-bold text-lg mb-2\">\u0627\u0644\u0645\u0642\u0627\u0628\u0644\u0629 \u0648\u0627\u0644\u062a\u062d\u0642\u064a\u0642<\/h3>\n <p class=\"text-sm text-slate-500\">\u0645\u0642\u0627\u0628\u0644\u0627\u062a \u0644\u062a\u062d\u062f\u064a\u062f \u0627\u0644\u0645\u0635\u062f\u0627\u0642\u064a\u0629 \u0648\u0627\u0644\u062e\u0648\u0641 \u0627\u0644\u0645\u0628\u0631\u0631 \u0645\u0646 \u0627\u0644\u0627\u0636\u0637\u0647\u0627\u062f.<\/p>\n <\/div>\n \n <div class=\"process-step process-arrow bg-white p-6 rounded-lg shadow-md border-t-4 border-purple-500\">\n <div class=\"text-3xl mb-3\">\u2696\ufe0f<\/div>\n <h3 class=\"font-bold text-lg mb-2\">\u0627\u0644\u0642\u0631\u0627\u0631 \u0648\u0627\u0644\u0637\u0639\u0646<\/h3>\n <p class=\"text-sm text-slate-500\">\u0625\u0635\u062f\u0627\u0631 \u0642\u0631\u0627\u0631 \u0627\u0644\u0642\u0628\u0648\u0644 \u0623\u0648 \u0627\u0644\u0631\u0641\u0636. \u0641\u062a\u0631\u0627\u062a \u0627\u0646\u062a\u0638\u0627\u0631 \u0642\u062f \u062a\u0645\u062a\u062f \u0644\u0633\u0646\u0648\u0627\u062a.<\/p>\n <\/div>\n \n <div class=\"process-step bg-white p-6 rounded-lg shadow-md border-t-4 border-green-500\">\n <div class=\"text-3xl mb-3\">\ud83c\udfe0<\/div>\n <h3 class=\"font-bold text-lg mb-2\">\u0627\u0644\u0627\u0646\u062f\u0645\u0627\u062c \u0623\u0648 \u0627\u0644\u0639\u0648\u062f\u0629<\/h3>\n <p class=\"text-sm text-slate-500\">\u0627\u0644\u062d\u0635\u0648\u0644 \u0639\u0644\u0649 \u0627\u0644\u0625\u0642\u0627\u0645\u0629 \u0648\u0627\u0644\u0639\u0645\u0644\u060c \u0623\u0648 \u0627\u0644\u062a\u0631\u062d\u064a\u0644 \u0627\u0644\u0642\u0633\u0631\u064a \u0641\u064a \u062d\u0627\u0644 \u0627\u0644\u0631\u0641\u0636 \u0627\u0644\u0646\u0647\u0627\u0626\u064a.<\/p>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"grid grid-cols-1 md:grid-cols-2 gap-8\">\n <div class=\"data-card\">\n <div class=\"flex items-center justify-between mb-4\">\n <h3 class=\"text-lg font-bold text-slate-700\">\u0646\u062a\u0627\u0626\u062c \u0637\u0644\u0628\u0627\u062a \u0627\u0644\u0644\u062c\u0648\u0621 (\u0623\u0648\u0631\u0648\u0628\u0627 \u0648\u0623\u0645\u0631\u064a\u0643\u0627)<\/h3>\n <span class=\"text-xs bg-slate-100 px-2 py-1 rounded text-slate-500\">\u0622\u062e\u0631 5 \u0633\u0646\u0648\u0627\u062a<\/span>\n <\/div>\n <p class=\"text-sm text-slate-600 mb-4\">\n \u0645\u0642\u0627\u0631\u0646\u0629 \u0628\u064a\u0646 \u0623\u0639\u062f\u0627\u062f \u0627\u0644\u0637\u0644\u0628\u0627\u062a \u0627\u0644\u062a\u064a \u062a\u0645 \u0642\u0628\u0648\u0644\u0647\u0627 (\u0645\u0646\u062d \u0627\u0644\u062d\u0645\u0627\u064a\u0629) \u0645\u0642\u0627\u0628\u0644 \u0627\u0644\u062a\u064a \u062a\u0645 \u0631\u0641\u0636\u0647\u0627\u060c \u0645\u0645\u0627 \u064a\u0639\u0643\u0633 \u062a\u0634\u062f\u062f \u0627\u0644\u0633\u064a\u0627\u0633\u0627\u062a \u0627\u0644\u062d\u062f\u0648\u062f\u064a\u0629.\n <\/p>\n \n <div class=\"chart-container\">\n <canvas id=\"decisionsChart\"><\/canvas>\n <\/div>\n <\/div>\n\n <div class=\"data-card bg-policy-blue text-white\">\n <h3 class=\"text-lg font-bold mb-4\">\u0627\u0642\u062a\u0635\u0627\u062f\u064a\u0627\u062a \u0627\u0644\u062d\u062f\u0648\u062f<\/h3>\n <div class=\"space-y-6\">\n <div>\n <div class=\"flex justify-between items-end mb-1\">\n <span class=\"text-sm opacity-90\">\u0627\u0644\u0625\u0646\u0641\u0627\u0642 \u0639\u0644\u0649 \u062a\u0642\u0646\u064a\u0627\u062a \u0627\u0644\u0645\u0631\u0627\u0642\u0628\u0629<\/span>\n <span class=\"text-xl font-bold text-policy-light\">+120%<\/span>\n <\/div>\n <div class=\"w-full bg-blue-900 rounded-full h-2\">\n <div class=\"bg-policy-light h-2 rounded-full\" style=\"width: 85%\"><\/div>\n <\/div>\n <p class=\"text-xs mt-1 opacity-70\">\u0632\u064a\u0627\u062f\u0629 \u0645\u0644\u062d\u0648\u0638\u0629 \u0645\u0646\u0630 2018<\/p>\n <\/div>\n\n <div>\n <div class=\"flex justify-between items-end mb-1\">\n <span class=\"text-sm opacity-90\">\u062a\u0643\u0644\u0641\u0629 \u062a\u0631\u062d\u064a\u0644 \u0627\u0644\u0641\u0631\u062f (\u0645\u062a\u0648\u0633\u0637)<\/span>\n <span class=\"text-xl font-bold text-alert-orange\">11,000$<\/span>\n <\/div>\n <div class=\"w-full bg-blue-900 rounded-full h-2\">\n <div class=\"bg-alert-orange h-2 rounded-full\" style=\"width: 60%\"><\/div>\n <\/div>\n <p class=\"text-xs mt-1 opacity-70\">\u062a\u0634\u0645\u0644 \u0627\u0644\u0646\u0642\u0644\u060c \u0627\u0644\u0627\u062d\u062a\u062c\u0627\u0632\u060c \u0648\u0627\u0644\u0625\u062c\u0631\u0627\u0621\u0627\u062a \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a\u0629<\/p>\n <\/div>\n\n <div class=\"mt-8 p-4 bg-white\/10 rounded-lg\">\n <h4 class=\"font-bold text-yellow-300 mb-2\">\u26a0\ufe0f \u062a\u062d\u0644\u064a\u0644 \u0627\u0644\u0633\u064a\u0627\u0633\u0627\u062a<\/h4>\n <p class=\"text-sm opacity-90 leading-relaxed\">\n \u062a\u0634\u064a\u0631 \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a \u0625\u0644\u0649 \u062a\u062d\u0648\u0644 \u0639\u0627\u0644\u0645\u064a \u0646\u062d\u0648 “\u0639\u0633\u0643\u0631\u0629 \u0627\u0644\u062d\u062f\u0648\u062f” \u0648\u0627\u0644\u0627\u0633\u062a\u062b\u0645\u0627\u0631 \u0641\u064a \u0627\u0644\u062c\u062f\u0631\u0627\u0646 \u0627\u0644\u0630\u0643\u064a\u0629 \u0648\u062a\u0642\u0646\u064a\u0627\u062a \u0627\u0644\u0645\u0631\u0627\u0642\u0628\u0629\u060c \u0628\u062f\u0644\u0627\u064b \u0645\u0646 \u0627\u0644\u0627\u0633\u062a\u062b\u0645\u0627\u0631 \u0641\u064a \u0645\u0639\u0627\u0644\u062c\u0629 \u062c\u0630\u0648\u0631 \u0627\u0644\u0647\u062c\u0631\u0629 \u0623\u0648 \u062a\u0633\u0631\u064a\u0639 \u0625\u062c\u0631\u0627\u0621\u0627\u062a \u0627\u0644\u062f\u0645\u062c\u060c \u0645\u0645\u0627 \u064a\u0631\u0641\u0639 \u0627\u0644\u062a\u0643\u0644\u0641\u0629 \u0627\u0644\u0627\u0642\u062a\u0635\u0627\u062f\u064a\u0629 \u062f\u0648\u0646 \u062a\u0642\u0644\u064a\u0644 \u0623\u0639\u062f\u0627\u062f \u0627\u0644\u0645\u0647\u0627\u062c\u0631\u064a\u0646 \u0641\u0639\u0644\u064a\u0627\u064b.\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"border-t pt-8\">\n <h2 class=\"text-2xl font-bold text-slate-800 mb-6 text-center\">\u0627\u0644\u062a\u0643\u0644\u0641\u0629 \u0627\u0644\u0628\u0634\u0631\u064a\u0629: \u0637\u0631\u0642 \u0627\u0644\u0647\u062c\u0631\u0629 \u0627\u0644\u062e\u0637\u0631\u0629<\/h2>\n <div class=\"grid grid-cols-1 lg:grid-cols-3 gap-8\">\n <div class=\"lg:col-span-2 data-card\">\n <h3 class=\"text-lg font-bold text-slate-700 mb-2\">\u0627\u0644\u0648\u0641\u064a\u0627\u062a \u0648\u0627\u0644\u0645\u0641\u0642\u0648\u062f\u064a\u0646 \u062d\u0633\u0628 \u0637\u0631\u0642 \u0627\u0644\u0647\u062c\u0631\u0629<\/h3>\n <p class=\"text-sm text-slate-500 mb-4\">\u064a\u064f\u0638\u0647\u0631 \u0627\u0644\u0631\u0633\u0645 \u0627\u0644\u0628\u064a\u0627\u0646\u064a \u0627\u0644\u0645\u0646\u0627\u0637\u0642 \u0627\u0644\u0623\u0643\u062b\u0631 \u062e\u0637\u0648\u0631\u0629 \u0644\u0644\u0645\u0647\u0627\u062c\u0631\u064a\u0646 \u062d\u0648\u0644 \u0627\u0644\u0639\u0627\u0644\u0645.<\/p>\n \n <div class=\"chart-container\">\n <canvas id=\"dangerRoutesChart\"><\/canvas>\n <\/div>\n <\/div>\n <div class=\"space-y-4\">\n <div class=\"bg-red-50 p-6 rounded-lg border-r-4 border-red-500\">\n <h4 class=\"text-red-700 font-bold text-lg mb-1\">\u0627\u0644\u0628\u062d\u0631 \u0627\u0644\u0645\u062a\u0648\u0633\u0637<\/h4>\n <p class=\"text-sm text-red-900\">\n \u064a\u0638\u0644 \u0627\u0644\u0637\u0631\u064a\u0642 \u0627\u0644\u0623\u0643\u062b\u0631 \u0641\u062a\u0643\u0627\u064b \u0641\u064a \u0627\u0644\u0639\u0627\u0644\u0645. \u0627\u0644\u0622\u0644\u0627\u0641 \u064a\u0641\u0642\u062f\u0648\u0646 \u062d\u064a\u0627\u062a\u0647\u0645 \u0633\u0646\u0648\u064a\u0627\u064b \u0641\u064a \u0645\u062d\u0627\u0648\u0644\u0627\u062a \u0627\u0644\u0639\u0628\u0648\u0631 \u0628\u0642\u0648\u0627\u0631\u0628 \u063a\u064a\u0631 \u0635\u0627\u0644\u062d\u0629 \u0644\u0644\u0625\u0628\u062d\u0627\u0631.\n <\/p>\n <\/div>\n <div class=\"bg-orange-50 p-6 rounded-lg border-r-4 border-orange-500\">\n <h4 class=\"text-orange-700 font-bold text-lg mb-1\">\u0627\u0644\u0635\u062d\u0631\u0627\u0621 \u0627\u0644\u0643\u0628\u0631\u0649<\/h4>\n <p class=\"text-sm text-orange-900\">\n \u0645\u062e\u0627\u0637\u0631 \u0627\u0644\u0639\u0637\u0634\u060c \u0627\u0644\u0636\u064a\u0627\u0639\u060c \u0648\u0639\u0635\u0627\u0628\u0627\u062a \u0627\u0644\u062a\u0647\u0631\u064a\u0628 \u062a\u062c\u0639\u0644 \u0639\u0628\u0648\u0631 \u0627\u0644\u0635\u062d\u0631\u0627\u0621 \u0644\u0627 \u064a\u0642\u0644 \u062e\u0637\u0648\u0631\u0629 \u0639\u0646 \u0639\u0628\u0648\u0631 \u0627\u0644\u0628\u062d\u0631.\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <footer class=\"text-center text-slate-400 text-sm mt-12 pb-8\">\n <p>\u062a\u0645 \u0625\u0639\u062f\u0627\u062f \u0647\u0630\u0627 \u0627\u0644\u0631\u0633\u0645 \u0627\u0644\u0628\u064a\u0627\u0646\u064a \u0627\u0644\u062a\u0641\u0627\u0639\u0644\u064a \u0644\u0623\u063a\u0631\u0627\u0636 \u062a\u0639\u0644\u064a\u0645\u064a\u0629 \u0648\u062a\u062d\u0644\u064a\u0644\u064a\u0629.<\/p>\n <p class=\"mt-2\">\u0645\u0635\u0627\u062f\u0631 \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u0627\u0641\u062a\u0631\u0627\u0636\u064a\u0629: \u0627\u0644\u0645\u0641\u0648\u0636\u064a\u0629 \u0627\u0644\u0633\u0627\u0645\u064a\u0629 \u0644\u0644\u0623\u0645\u0645 \u0627\u0644\u0645\u062a\u062d\u062f\u0629 \u0644\u0634\u0624\u0648\u0646 \u0627\u0644\u0644\u0627\u062c\u0626\u064a\u0646 (UNHCR)\u060c \u0627\u0644\u0645\u0646\u0638\u0645\u0629 \u0627\u0644\u062f\u0648\u0644\u064a\u0629 \u0644\u0644\u0647\u062c\u0631\u0629 (IOM).<\/p>\n <div class=\"mt-4\">\n \n <span class=\"inline-block w-2 h-2 rounded-full bg-green-500 ml-2\"><\/span>\n \u0644\u0627 \u064a\u062d\u062a\u0648\u064a \u0639\u0644\u0649 SVG | \u0644\u0627 \u064a\u062d\u062a\u0648\u064a \u0639\u0644\u0649 Mermaid JS\n <\/div>\n <\/footer>\n\n <\/main>\n\n \n <script>\n \/\/ --- UTILITY: Label Wrapping Helper ---\n \/\/ Splits long strings into arrays of shorter strings for Chart.js\n function wrapLabel(label, maxLength = 16) {\n if (label.length <= maxLength) return label;\n const words = label.split(' ');\n const lines = [];\n let currentLine = words[0];\n\n for (let i = 1; i < words.length; i++) {\n if ((currentLine + \" \" + words[i]).length < maxLength) {\n currentLine += \" \" + words[i];\n } else {\n lines.push(currentLine);\n currentLine = words[i];\n }\n }\n lines.push(currentLine);\n return lines;\n }\n\n \/\/ --- Common Chart Options ---\n const commonOptions = {\n responsive: true,\n maintainAspectRatio: false,\n plugins: {\n legend: {\n labels: {\n font: { family: 'Cairo', size: 12 },\n padding: 20\n },\n rtl: true, \/\/ Chart.js 3+ supports RTL legends somewhat, but alignment depends on textDirection\n position: 'top',\n align: 'end' \/\/ Align legend to the right for RTL\n },\n tooltip: {\n titleFont: { family: 'Cairo', size: 14 },\n bodyFont: { family: 'Cairo', size: 13 },\n rtl: true,\n textDirection: 'rtl',\n callbacks: {\n title: function(tooltipItems) {\n const item = tooltipItems[0];\n let label = item.chart.data.labels[item.dataIndex];\n if (Array.isArray(label)) {\n return label.join(' ');\n } else {\n return label;\n }\n }\n }\n }\n },\n scales: {\n x: {\n ticks: { font: { family: 'Cairo' } },\n grid: { display: false }\n },\n y: {\n ticks: { font: { family: 'Cairo' } },\n position: 'right' \/\/ Y-axis on the right for RTL feel\n }\n }\n };\n\n \/\/ --- CHART 1: Displacement Trends (Line) ---\n const ctxDisplacement = document.getElementById('displacementChart').getContext('2d');\n \/\/ Synthesized data representing rising global displacement (in millions)\n const displacementData = [59.5, 65.3, 68.5, 70.8, 79.5, 82.4, 89.3, 108.4, 110.0, 114.0]; \n const years = ['2014', '2015', '2016', '2017', '2018', '2019', '2020', '2021', '2022', '2023'];\n \n new Chart(ctxDisplacement, {\n type: 'line',\n data: {\n labels: years,\n datasets: [{\n label: '\u0625\u062c\u0645\u0627\u0644\u064a \u0627\u0644\u0646\u0627\u0632\u062d\u064a\u0646 \u0642\u0633\u0631\u0627\u064b (\u0645\u0644\u064a\u0648\u0646)',\n data: displacementData,\n borderColor: '#f97316', \/\/ Orange\n backgroundColor: 'rgba(249, 115, 22, 0.1)',\n borderWidth: 3,\n tension: 0.4, \/\/ Smooth curve\n fill: true,\n pointBackgroundColor: '#fff',\n pointBorderColor: '#f97316',\n pointRadius: 5,\n pointHoverRadius: 7\n }]\n },\n options: {\n ...commonOptions,\n scales: {\n ...commonOptions.scales,\n y: {\n ...commonOptions.scales.y,\n beginAtZero: false,\n title: {\n display: true,\n text: '\u0639\u062f\u062f \u0627\u0644\u0623\u0634\u062e\u0627\u0635 (\u0628\u0627\u0644\u0645\u0644\u0627\u064a\u064a\u0646)',\n font: { family: 'Cairo' }\n }\n }\n }\n }\n });\n\n \/\/ --- CHART 2: Origins (Bar) ---\n const ctxOrigins = document.getElementById('originsChart').getContext('2d');\n const originCountries = ['\u0633\u0648\u0631\u064a\u0627', '\u0623\u0648\u0643\u0631\u0627\u0646\u064a\u0627', '\u0623\u0641\u063a\u0627\u0646\u0633\u062a\u0627\u0646', '\u0641\u0646\u0632\u0648\u064a\u0644\u0627', '\u062c\u0646\u0648\u0628 \u0627\u0644\u0633\u0648\u062f\u0627\u0646', '\u0645\u064a\u0627\u0646\u0645\u0627\u0631'];\n const originValues = [6.5, 5.7, 5.7, 5.4, 2.3, 1.2]; \/\/ Synthesized millions\n \n new Chart(ctxOrigins, {\n type: 'bar',\n data: {\n labels: originCountries.map(l => wrapLabel(l)),\n datasets: [{\n label: '\u0639\u062f\u062f \u0627\u0644\u0644\u0627\u062c\u0626\u064a\u0646 (\u0645\u0644\u064a\u0648\u0646)',\n data: originValues,\n backgroundColor: [\n '#1e3a8a', '#2563eb', '#3b82f6', '#60a5fa', '#93c5fd', '#bfdbfe'\n ],\n borderRadius: 5\n }]\n },\n options: {\n ...commonOptions,\n indexAxis: 'y', \/\/ Horizontal bar chart for better label readability\n scales: {\n x: {\n position: 'bottom',\n ticks: { font: { family: 'Cairo' } }\n },\n y: {\n position: 'right', \/\/ Labels on right\n ticks: { font: { family: 'Cairo' } },\n grid: { display: false }\n }\n }\n }\n });\n\n \/\/ --- CHART 3: Policy Decisions (Stacked Bar) ---\n const ctxDecisions = document.getElementById('decisionsChart').getContext('2d');\n const decisionYears = ['2019', '2020', '2021', '2022', '2023'];\n \n new Chart(ctxDecisions, {\n type: 'bar',\n data: {\n labels: decisionYears,\n datasets: [\n {\n label: '\u062a\u0645 \u0627\u0644\u0642\u0628\u0648\u0644 (\u0645\u0646\u062d \u0644\u062c\u0648\u0621\/\u062d\u0645\u0627\u064a\u0629)',\n data: [42, 38, 35, 39, 41], \/\/ Percentage or volume\n backgroundColor: '#10b981', \/\/ Green\n },\n {\n label: '\u062a\u0645 \u0627\u0644\u0631\u0641\u0636',\n data: [58, 62, 65, 61, 59],\n backgroundColor: '#ef4444', \/\/ Red\n }\n ]\n },\n options: {\n ...commonOptions,\n scales: {\n x: {\n stacked: true,\n ticks: { font: { family: 'Cairo' } }\n },\n y: {\n stacked: true,\n position: 'right',\n max: 100,\n title: {\n display: true,\n text: '\u0646\u0633\u0628\u0629 \u0627\u0644\u0642\u0631\u0627\u0631\u0627\u062a %',\n font: { family: 'Cairo' }\n }\n }\n }\n }\n });\n\n \/\/ --- CHART 4: Danger Routes (Doughnut\/Pie) ---\n \/\/ Using Bar chart here instead of Pie for clearer comparison of varied magnitudes\n const ctxRoutes = document.getElementById('dangerRoutesChart').getContext('2d');\n \n new Chart(ctxRoutes, {\n type: 'bar', \/\/ Changed to Bar for better readability of data comparison\n data: {\n labels: wrapLabel('\u0648\u0633\u0637 \u0627\u0644\u0628\u062d\u0631 \u0627\u0644\u0645\u062a\u0648\u0633\u0637 (\u0634\u0645\u0627\u0644 \u0623\u0641\u0631\u064a\u0642\u064a\u0627 -> \u0625\u064a\u0637\u0627\u0644\u064a\u0627)'),\n labels: [\n '\u0648\u0633\u0637 \u0627\u0644\u0628\u062d\u0631 \u0627\u0644\u0645\u062a\u0648\u0633\u0637', \n '\u0634\u0631\u0642 \u0627\u0644\u0628\u062d\u0631 \u0627\u0644\u0645\u062a\u0648\u0633\u0637', \n '\u063a\u0631\u0628 \u0627\u0644\u0628\u062d\u0631 \u0627\u0644\u0645\u062a\u0648\u0633\u0637', \n '\u0627\u0644\u062d\u062f\u0648\u062f \u0627\u0644\u0623\u0645\u0631\u064a\u0643\u064a\u0629 \u0627\u0644\u0645\u0643\u0633\u064a\u0643\u064a\u0629', \n '\u0627\u0644\u0635\u062d\u0631\u0627\u0621 \u0627\u0644\u0643\u0628\u0631\u0649'\n ].map(l => wrapLabel(l, 20)),\n datasets: [{\n label: '\u0627\u0644\u0648\u0641\u064a\u0627\u062a \u0648\u0627\u0644\u0645\u0641\u0642\u0648\u062f\u064a\u0646 (\u062a\u0642\u062f\u064a\u0631\u0627\u062a 2023)',\n data: [2500, 800, 600, 1200, 900],\n backgroundColor: '#f97316', \/\/ Alert Orange\n borderRadius: 4\n }]\n },\n options: {\n ...commonOptions,\n plugins: {\n ...commonOptions.plugins,\n legend: { display: false }\n }\n }\n });\n\n <\/script>\n\n \n<\/body>\n<\/html>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<div class=\"mh-excerpt\"><p>\u0648\u0627\u0642\u0639 \u0633\u064a\u0627\u0633\u0627\u062a \u0627\u0644\u0647\u062c\u0631\u0629 \u0648\u0627\u0644\u062d\u062f\u0648\u062f | \u062a\u062d\u0644\u064a\u0644 \u0628\u064a\u0627\u0646\u0627\u062a \u062a\u0642\u0631\u064a\u0631 \u062a\u062d\u0644\u064a\u0644\u064a 2024 \u0648\u0627\u0642\u0639 \u0633\u064a\u0627\u0633\u0627\u062a \u0627\u0644\u0647\u062c\u0631\u0629 \u0648\u0627\u0644\u062d\u062f\u0648\u062f \u062a\u062d\u0644\u064a\u0644 \u0645\u0631\u0626\u064a \u0644\u0644\u062a\u062d\u062f\u064a\u0627\u062a \u0627\u0644\u0639\u0627\u0644\u0645\u064a\u0629\u060c \u0627\u062a\u062c\u0627\u0647\u0627\u062a \u0627\u0644\u0646\u0632\u0648\u062d\u060c \u0648\u062a\u0623\u062b\u064a\u0631 \u0627\u0644\u0633\u064a\u0627\u0633\u0627\u062a \u0627\u0644\u062d\u062f\u0648\u062f\u064a\u0629 \u0627\u0644\u062d\u062f\u064a\u062b\u0629 \u0639\u0644\u0649 \u062d\u0631\u0643\u0629 \u0627\u0644\u0628\u0634\u0631. \u0646\u0638\u0631\u0629 \u0639\u0627\u0645\u0629 \u0628\u0627\u0644\u0623\u0631\u0642\u0627\u0645 \u062a\u0642\u062f\u064a\u0631\u0627\u062a \u0639\u0627\u0644\u0645\u064a\u0629 \u062a\u0639\u0643\u0633 \u062d\u062c\u0645 \u0627\u0644\u062d\u0631\u0627\u0643 \u0627\u0644\u0628\u0634\u0631\u064a \u0648\u0627\u0644\u0646\u0632\u0648\u062d \u0627\u0644\u0642\u0633\u0631\u064a \u0641\u064a \u0627\u0644\u0648\u0642\u062a \u0627\u0644\u0631\u0627\u0647\u0646. \ud83c\udf0d 281 \u0645\u0644\u064a\u0648\u0646 \u0645\u0647\u0627\u062c\u0631 <a class=\"mh-excerpt-more\" href=\"https:\/\/www.gil24.com\/360\/%d8%ab%d8%b3%d8%b3%d8%b6%d9%87\/\" title=\"\u0648\u0627\u0642\u0639 \u0633\u064a\u0627\u0633\u0627\u062a \u0627\u0644\u0647\u062c\u0631\u0629 \u0648\u0627\u0644\u062d\u062f\u0648\u062f\">[…]<\/a><\/p>\n<\/div>","protected":false},"author":2,"featured_media":68171,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"rop_custom_images_group":[],"rop_custom_messages_group":[],"rop_publish_now":"initial","rop_publish_now_accounts":[],"rop_publish_now_history":[],"rop_publish_now_status":"pending","footnotes":""},"categories":[225,10],"tags":[],"class_list":["post-68167","post","type-post","status-publish","format-standard","has-post-thumbnail","category-225","category-10"],"_links":{"self":[{"href":"https:\/\/www.gil24.com\/360\/wp-json\/wp\/v2\/posts\/68167","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.gil24.com\/360\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.gil24.com\/360\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.gil24.com\/360\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.gil24.com\/360\/wp-json\/wp\/v2\/comments?post=68167"}],"version-history":[{"count":3,"href":"https:\/\/www.gil24.com\/360\/wp-json\/wp\/v2\/posts\/68167\/revisions"}],"predecessor-version":[{"id":68172,"href":"https:\/\/www.gil24.com\/360\/wp-json\/wp\/v2\/posts\/68167\/revisions\/68172"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.gil24.com\/360\/wp-json\/wp\/v2\/media\/68171"}],"wp:attachment":[{"href":"https:\/\/www.gil24.com\/360\/wp-json\/wp\/v2\/media?parent=68167"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.gil24.com\/360\/wp-json\/wp\/v2\/categories?post=68167"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.gil24.com\/360\/wp-json\/wp\/v2\/tags?post=68167"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":68167,"date":"2026-02-05T20:26:26","date_gmt":"2026-02-05T19:26:26","guid":{"rendered":"https:\/\/www.gil24.com\/360\/?p=68167"},"modified":"2026-02-05T20:31:48","modified_gmt":"2026-02-05T19:31:48","slug":"%d8%ab%d8%b3%d8%b3%d8%b6%d9%87","status":"publish","type":"post","link":"https:\/\/www.gil24.com\/360\/%d8%ab%d8%b3%d8%b3%d8%b6%d9%87\/","title":{"rendered":"\u0648\u0627\u0642\u0639 \u0633\u064a\u0627\u0633\u0627\u062a \u0627\u0644\u0647\u062c\u0631\u0629 \u0648\u0627\u0644\u062d\u062f\u0648\u062f"},"content":{"rendered":"\n\n\n\n \n \n \u0648\u0627\u0642\u0639 \u0633\u064a\u0627\u0633\u0627\u062a \u0627\u0644\u0647\u062c\u0631\u0629 \u0648\u0627\u0644\u062d\u062f\u0648\u062f | \u062a\u062d\u0644\u064a\u0644 \u0628\u064a\u0627\u0646\u0627\u062a<\/title>\n \n \n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@300;400;600;700;900&display=swap\" rel=\"stylesheet\">\n \n \n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n \n \n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/chart.js\"><\/script>\n\n <script>\n tailwind.config = {\n theme: {\n extend: {\n colors: {\n 'policy-blue': '#1e3a8a',\n 'policy-light': '#0ea5e9',\n 'alert-orange': '#f97316',\n 'neutral-bg': '#f8fafc',\n },\n fontFamily: {\n sans: ['Cairo', 'sans-serif'],\n }\n }\n }\n }\n <\/script>\n\n \n <style>\n \/* Base styles *\/\n body {\n background-color: #f1f5f9; \/* Slate-100 *\/\n }\n \n \/* Chart Container Standards *\/\n .chart-container {\n position: relative;\n width: 100%;\n max-width: 700px; \/* Max width constraint *\/\n margin-left: auto;\n margin-right: auto;\n height: 350px; \/* Default height *\/\n max-height: 450px;\n }\n\n @media (max-width: 640px) {\n .chart-container {\n height: 300px;\n }\n }\n\n \/* Card Styles *\/\n .data-card {\n background: white;\n border-radius: 0.75rem; \/* rounded-xl *\/\n box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);\n padding: 1.5rem;\n transition: transform 0.2s;\n }\n .data-card:hover {\n transform: translateY(-2px);\n }\n\n \/* Process Flow Styles (No SVG\/Mermaid) *\/\n .process-step {\n position: relative;\n }\n .process-arrow::after {\n content: \"\u2b05\"; \/* Unicode arrow for RTL *\/\n position: absolute;\n left: -1.5rem;\n top: 50%;\n transform: translateY(-50%);\n font-size: 1.5rem;\n color: #94a3b8;\n }\n @media (max-width: 768px) {\n .process-arrow::after {\n content: \"\u2b07\";\n left: 50%;\n top: auto;\n bottom: -1.5rem;\n transform: translateX(-50%);\n }\n }\n <\/style>\n<\/head>\n<body class=\"text-slate-800 font-sans leading-relaxed\">\n\n \n\n \n\n \n <header class=\"bg-policy-blue text-white py-12 shadow-lg\">\n <div class=\"container mx-auto px-4 text-center\">\n <div class=\"inline-block bg-white\/10 px-4 py-1 rounded-full text-sm mb-4 backdrop-blur-sm border border-white\/20\">\n \u062a\u0642\u0631\u064a\u0631 \u062a\u062d\u0644\u064a\u0644\u064a 2024\n <\/div>\n <h1 class=\"text-3xl md:text-5xl font-bold mb-4\">\u0648\u0627\u0642\u0639 \u0633\u064a\u0627\u0633\u0627\u062a \u0627\u0644\u0647\u062c\u0631\u0629 \u0648\u0627\u0644\u062d\u062f\u0648\u062f<\/h1>\n <p class=\"text-xl md:text-2xl text-blue-100 max-w-3xl mx-auto\">\n \u062a\u062d\u0644\u064a\u0644 \u0645\u0631\u0626\u064a \u0644\u0644\u062a\u062d\u062f\u064a\u0627\u062a \u0627\u0644\u0639\u0627\u0644\u0645\u064a\u0629\u060c \u0627\u062a\u062c\u0627\u0647\u0627\u062a \u0627\u0644\u0646\u0632\u0648\u062d\u060c \u0648\u062a\u0623\u062b\u064a\u0631 \u0627\u0644\u0633\u064a\u0627\u0633\u0627\u062a \u0627\u0644\u062d\u062f\u0648\u062f\u064a\u0629 \u0627\u0644\u062d\u062f\u064a\u062b\u0629 \u0639\u0644\u0649 \u062d\u0631\u0643\u0629 \u0627\u0644\u0628\u0634\u0631.\n <\/p>\n <\/div>\n <\/header>\n\n <main class=\"container mx-auto px-4 py-8 space-y-12\">\n\n \n <section>\n <div class=\"mb-6 border-r-4 border-alert-orange pr-4\">\n <h2 class=\"text-2xl font-bold text-policy-blue\">\u0646\u0638\u0631\u0629 \u0639\u0627\u0645\u0629 \u0628\u0627\u0644\u0623\u0631\u0642\u0627\u0645<\/h2>\n <p class=\"text-slate-600\">\u062a\u0642\u062f\u064a\u0631\u0627\u062a \u0639\u0627\u0644\u0645\u064a\u0629 \u062a\u0639\u0643\u0633 \u062d\u062c\u0645 \u0627\u0644\u062d\u0631\u0627\u0643 \u0627\u0644\u0628\u0634\u0631\u064a \u0648\u0627\u0644\u0646\u0632\u0648\u062d \u0627\u0644\u0642\u0633\u0631\u064a \u0641\u064a \u0627\u0644\u0648\u0642\u062a \u0627\u0644\u0631\u0627\u0647\u0646.<\/p>\n <\/div>\n \n <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6\">\n \n <div class=\"data-card border-t-4 border-policy-light text-center\">\n <div class=\"text-4xl mb-2\">\ud83c\udf0d<\/div>\n <div class=\"text-5xl font-black text-slate-800 mb-1\">281<\/div>\n <div class=\"text-sm font-bold text-policy-blue uppercase tracking-wider\">\u0645\u0644\u064a\u0648\u0646 \u0645\u0647\u0627\u062c\u0631 \u062f\u0648\u0644\u064a<\/div>\n <p class=\"text-xs text-slate-500 mt-2\">\u062d\u0648\u0627\u0644\u064a 3.6% \u0645\u0646 \u0633\u0643\u0627\u0646 \u0627\u0644\u0639\u0627\u0644\u0645<\/p>\n <\/div>\n \n <div class=\"data-card border-t-4 border-alert-orange text-center\">\n <div class=\"text-4xl mb-2\">\u26fa<\/div>\n <div class=\"text-5xl font-black text-slate-800 mb-1\">110<\/div>\n <div class=\"text-sm font-bold text-alert-orange uppercase tracking-wider\">\u0645\u0644\u064a\u0648\u0646 \u0646\u0627\u0632\u062d \u0642\u0633\u0631\u0627\u064b<\/div>\n <p class=\"text-xs text-slate-500 mt-2\">\u0631\u0642\u0645 \u0642\u064a\u0627\u0633\u064a \u062a\u0627\u0631\u064a\u062e\u064a \u062c\u062f\u064a\u062f<\/p>\n <\/div>\n \n <div class=\"data-card border-t-4 border-policy-blue text-center\">\n <div class=\"text-4xl mb-2\">\ud83d\udec2<\/div>\n <div class=\"text-5xl font-black text-slate-800 mb-1\">6.1<\/div>\n <div class=\"text-sm font-bold text-policy-blue uppercase tracking-wider\">\u0645\u0644\u064a\u0648\u0646 \u0637\u0644\u0628 \u0644\u062c\u0648\u0621<\/div>\n <p class=\"text-xs text-slate-500 mt-2\">\u0642\u064a\u062f \u0627\u0644\u0645\u0639\u0627\u0644\u062c\u0629 (\u0627\u0644\u0627\u0646\u062a\u0638\u0627\u0631) \u0639\u0627\u0644\u0645\u064a\u0627\u064b<\/p>\n <\/div>\n \n <div class=\"data-card border-t-4 border-emerald-500 text-center\">\n <div class=\"text-4xl mb-2\">\ud83d\udcb8<\/div>\n <div class=\"text-5xl font-black text-slate-800 mb-1\">830<\/div>\n <div class=\"text-sm font-bold text-emerald-600 uppercase tracking-wider\">\u0645\u0644\u064a\u0627\u0631 \u062f\u0648\u0644\u0627\u0631<\/div>\n <p class=\"text-xs text-slate-500 mt-2\">\u062a\u062d\u0648\u064a\u0644\u0627\u062a \u0627\u0644\u0645\u0647\u0627\u062c\u0631\u064a\u0646 (Remittances)<\/p>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"grid grid-cols-1 lg:grid-cols-3 gap-8 items-center\">\n <div class=\"lg:col-span-1\">\n <div class=\"mb-4\">\n <h2 class=\"text-2xl font-bold text-policy-blue mb-3\">\u062a\u0635\u0627\u0639\u062f \u0627\u0644\u0646\u0632\u0648\u062d \u0627\u0644\u0639\u0627\u0644\u0645\u064a<\/h2>\n <p class=\"text-slate-600 mb-4 text-justify\">\n \u0634\u0647\u062f \u0627\u0644\u0639\u0642\u062f \u0627\u0644\u0645\u0627\u0636\u064a \u0627\u0631\u062a\u0641\u0627\u0639\u0627\u064b \u063a\u064a\u0631 \u0645\u0633\u0628\u0648\u0642 \u0641\u064a \u0623\u0639\u062f\u0627\u062f \u0627\u0644\u0646\u0627\u0632\u062d\u064a\u0646 \u0642\u0633\u0631\u0627\u064b \u0646\u062a\u064a\u062c\u0629 \u0644\u0644\u0635\u0631\u0627\u0639\u0627\u062a \u0627\u0644\u0645\u0633\u0644\u062d\u0629\u060c \u0639\u062f\u0645 \u0627\u0644\u0627\u0633\u062a\u0642\u0631\u0627\u0631 \u0627\u0644\u0633\u064a\u0627\u0633\u064a\u060c \u0648\u0627\u0644\u062a\u063a\u064a\u0631\u0627\u062a \u0627\u0644\u0645\u0646\u0627\u062e\u064a\u0629. \u064a\u0648\u0636\u062d \u0627\u0644\u0631\u0633\u0645 \u0627\u0644\u0628\u064a\u0627\u0646\u064a \u0627\u0644\u0646\u0645\u0648 \u0627\u0644\u0645\u062a\u0633\u0627\u0631\u0639 \u0645\u0646\u0630 \u0639\u0627\u0645 2014 \u0648\u062d\u062a\u0649 \u0627\u0644\u064a\u0648\u0645.\n <\/p>\n <\/div>\n <div class=\"bg-white p-4 rounded-lg shadow-sm border border-slate-200\">\n <h3 class=\"font-bold text-sm text-policy-blue mb-2\">\ud83d\udca1 \u0631\u0624\u064a\u0629 \u062a\u062d\u0644\u064a\u0644\u064a\u0629<\/h3>\n <p class=\"text-xs text-slate-500\">\n \u0644\u0627\u062d\u0638 \u0627\u0644\u0642\u0641\u0632\u0629 \u0627\u0644\u062d\u0627\u062f\u0629 \u0628\u0639\u062f \u0639\u0627\u0645 2021\u060c \u0648\u0627\u0644\u062a\u064a \u062a\u0639\u0632\u0649 \u062c\u0632\u0626\u064a\u0627\u064b \u0625\u0644\u0649 \u0627\u0644\u0623\u0632\u0645\u0627\u062a \u0627\u0644\u0645\u0633\u062a\u062c\u062f\u0629 \u0641\u064a \u0623\u0648\u0631\u0648\u0628\u0627 \u0648\u0627\u0644\u0634\u0631\u0642 \u0627\u0644\u0623\u0648\u0633\u0637\u060c \u0645\u0645\u0627 \u0648\u0636\u0639 \u0636\u063a\u0648\u0637\u0627\u064b \u0647\u0627\u0626\u0644\u0629 \u0639\u0644\u0649 \u0623\u0646\u0638\u0645\u0629 \u0627\u0644\u062d\u062f\u0648\u062f \u0648\u0627\u0644\u0644\u062c\u0648\u0621 \u0627\u0644\u0639\u0627\u0644\u0645\u064a\u0629.\n <\/p>\n <\/div>\n <\/div>\n \n <div class=\"lg:col-span-2\">\n <div class=\"data-card\">\n <h3 class=\"text-lg font-bold text-slate-700 mb-4 text-center\">\u062a\u0637\u0648\u0631 \u0623\u0639\u062f\u0627\u062f \u0627\u0644\u0646\u0627\u0632\u062d\u064a\u0646 \u0642\u0633\u0631\u0627\u064b (2014 – 2024)<\/h3>\n \n <div class=\"chart-container\">\n <canvas id=\"displacementChart\"><\/canvas>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section>\n <div class=\"mb-6 text-center max-w-3xl mx-auto\">\n <h2 class=\"text-2xl font-bold text-policy-blue mb-2\">\u0645\u0646 \u0623\u064a\u0646 \u064a\u0623\u062a\u064a \u0627\u0644\u0644\u0627\u062c\u0626\u0648\u0646\u061f<\/h2>\n <p class=\"text-slate-600\">\n \u0623\u0643\u062b\u0631 \u0645\u0646 50% \u0645\u0646 \u062c\u0645\u064a\u0639 \u0627\u0644\u0644\u0627\u062c\u0626\u064a\u0646 \u062a\u062d\u062a \u0648\u0644\u0627\u064a\u0629 \u0627\u0644\u0645\u0641\u0648\u0636\u064a\u0629 \u0627\u0644\u0633\u0627\u0645\u064a\u0629 \u0644\u0644\u0623\u0645\u0645 \u0627\u0644\u0645\u062a\u062d\u062f\u0629 \u0644\u0634\u0624\u0648\u0646 \u0627\u0644\u0644\u0627\u062c\u0626\u064a\u0646 \u064a\u0623\u062a\u0648\u0646 \u0645\u0646 \u062b\u0644\u0627\u062b\u0629 \u0628\u0644\u062f\u0627\u0646 \u0641\u0642\u0637. \u0641\u0647\u0645 \u0645\u0646\u0627\u0637\u0642 \u0627\u0644\u0623\u0635\u0644 \u064a\u0633\u0627\u0639\u062f \u0641\u064a \u0635\u064a\u0627\u063a\u0629 \u0633\u064a\u0627\u0633\u0627\u062a \u062f\u0628\u0644\u0648\u0645\u0627\u0633\u064a\u0629 \u0648\u062a\u0646\u0645\u0648\u064a\u0629 \u0623\u0643\u062b\u0631 \u0641\u0639\u0627\u0644\u064a\u0629.\n <\/p>\n <\/div>\n\n <div class=\"data-card\">\n \n <div class=\"chart-container\" style=\"max-height: 400px;\">\n <canvas id=\"originsChart\"><\/canvas>\n <\/div>\n <p class=\"text-center text-xs text-slate-400 mt-4\">\u0627\u0644\u0645\u0635\u062f\u0631: \u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u0623\u0645\u0645 \u0627\u0644\u0645\u062a\u062d\u062f\u0629 \u0648\u0627\u0644\u0628\u0646\u0643 \u0627\u0644\u062f\u0648\u0644\u064a (\u062a\u0642\u062f\u064a\u0631\u0627\u062a 2023-2024)<\/p>\n <\/div>\n <\/section>\n\n \n <section class=\"bg-slate-200 p-6 md:p-10 rounded-2xl\">\n <h2 class=\"text-2xl font-bold text-policy-blue mb-6 text-center\">\u0631\u062d\u0644\u0629 \u0637\u0644\u0628 \u0627\u0644\u0644\u062c\u0648\u0621: \u0627\u0644\u0628\u064a\u0631\u0648\u0642\u0631\u0627\u0637\u064a\u0629 \u0648\u0627\u0644\u062d\u062f\u0648\u062f<\/h2>\n <p class=\"text-center text-slate-600 mb-10 max-w-2xl mx-auto\">\n \u063a\u0627\u0644\u0628\u0627\u064b \u0645\u0627 \u062a\u0643\u0648\u0646 \u0639\u0645\u0644\u064a\u0629 \u0627\u0644\u0644\u062c\u0648\u0621 \u0645\u0639\u0642\u062f\u0629 \u0648\u0637\u0648\u064a\u0644\u0629. \u0641\u064a\u0645\u0627 \u064a\u0644\u064a \u062a\u0645\u062b\u064a\u0644 \u0645\u0628\u0633\u0637 \u0644\u0644\u0645\u0631\u0627\u062d\u0644 \u0627\u0644\u0623\u0633\u0627\u0633\u064a\u0629 \u0627\u0644\u062a\u064a \u064a\u0645\u0631 \u0628\u0647\u0627 \u0637\u0627\u0644\u0628 \u0627\u0644\u0644\u062c\u0648\u0621 \u0641\u064a \u0627\u0644\u062f\u0648\u0644 \u0627\u0644\u0645\u0636\u064a\u0641\u0629 \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629.\n <\/p>\n\n <div class=\"grid grid-cols-1 md:grid-cols-4 gap-6 relative\">\n \n <div class=\"process-step process-arrow bg-white p-6 rounded-lg shadow-md border-t-4 border-blue-500\">\n <div class=\"text-3xl mb-3\">\ud83d\udcdd<\/div>\n <h3 class=\"font-bold text-lg mb-2\">\u062a\u0642\u062f\u064a\u0645 \u0627\u0644\u0637\u0644\u0628<\/h3>\n <p class=\"text-sm text-slate-500\">\u0627\u0644\u062a\u0633\u062c\u064a\u0644 \u0639\u0646\u062f \u0627\u0644\u062d\u062f\u0648\u062f \u0623\u0648 \u062f\u0627\u062e\u0644 \u0627\u0644\u0625\u0642\u0644\u064a\u0645. \u0623\u062e\u0630 \u0627\u0644\u0628\u0635\u0645\u0627\u062a \u0648\u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u0623\u0648\u0644\u064a\u0629.<\/p>\n <\/div>\n \n <div class=\"process-step process-arrow bg-white p-6 rounded-lg shadow-md border-t-4 border-yellow-500\">\n <div class=\"text-3xl mb-3\">\ud83d\udde3\ufe0f<\/div>\n <h3 class=\"font-bold text-lg mb-2\">\u0627\u0644\u0645\u0642\u0627\u0628\u0644\u0629 \u0648\u0627\u0644\u062a\u062d\u0642\u064a\u0642<\/h3>\n <p class=\"text-sm text-slate-500\">\u0645\u0642\u0627\u0628\u0644\u0627\u062a \u0644\u062a\u062d\u062f\u064a\u062f \u0627\u0644\u0645\u0635\u062f\u0627\u0642\u064a\u0629 \u0648\u0627\u0644\u062e\u0648\u0641 \u0627\u0644\u0645\u0628\u0631\u0631 \u0645\u0646 \u0627\u0644\u0627\u0636\u0637\u0647\u0627\u062f.<\/p>\n <\/div>\n \n <div class=\"process-step process-arrow bg-white p-6 rounded-lg shadow-md border-t-4 border-purple-500\">\n <div class=\"text-3xl mb-3\">\u2696\ufe0f<\/div>\n <h3 class=\"font-bold text-lg mb-2\">\u0627\u0644\u0642\u0631\u0627\u0631 \u0648\u0627\u0644\u0637\u0639\u0646<\/h3>\n <p class=\"text-sm text-slate-500\">\u0625\u0635\u062f\u0627\u0631 \u0642\u0631\u0627\u0631 \u0627\u0644\u0642\u0628\u0648\u0644 \u0623\u0648 \u0627\u0644\u0631\u0641\u0636. \u0641\u062a\u0631\u0627\u062a \u0627\u0646\u062a\u0638\u0627\u0631 \u0642\u062f \u062a\u0645\u062a\u062f \u0644\u0633\u0646\u0648\u0627\u062a.<\/p>\n <\/div>\n \n <div class=\"process-step bg-white p-6 rounded-lg shadow-md border-t-4 border-green-500\">\n <div class=\"text-3xl mb-3\">\ud83c\udfe0<\/div>\n <h3 class=\"font-bold text-lg mb-2\">\u0627\u0644\u0627\u0646\u062f\u0645\u0627\u062c \u0623\u0648 \u0627\u0644\u0639\u0648\u062f\u0629<\/h3>\n <p class=\"text-sm text-slate-500\">\u0627\u0644\u062d\u0635\u0648\u0644 \u0639\u0644\u0649 \u0627\u0644\u0625\u0642\u0627\u0645\u0629 \u0648\u0627\u0644\u0639\u0645\u0644\u060c \u0623\u0648 \u0627\u0644\u062a\u0631\u062d\u064a\u0644 \u0627\u0644\u0642\u0633\u0631\u064a \u0641\u064a \u062d\u0627\u0644 \u0627\u0644\u0631\u0641\u0636 \u0627\u0644\u0646\u0647\u0627\u0626\u064a.<\/p>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"grid grid-cols-1 md:grid-cols-2 gap-8\">\n <div class=\"data-card\">\n <div class=\"flex items-center justify-between mb-4\">\n <h3 class=\"text-lg font-bold text-slate-700\">\u0646\u062a\u0627\u0626\u062c \u0637\u0644\u0628\u0627\u062a \u0627\u0644\u0644\u062c\u0648\u0621 (\u0623\u0648\u0631\u0648\u0628\u0627 \u0648\u0623\u0645\u0631\u064a\u0643\u0627)<\/h3>\n <span class=\"text-xs bg-slate-100 px-2 py-1 rounded text-slate-500\">\u0622\u062e\u0631 5 \u0633\u0646\u0648\u0627\u062a<\/span>\n <\/div>\n <p class=\"text-sm text-slate-600 mb-4\">\n \u0645\u0642\u0627\u0631\u0646\u0629 \u0628\u064a\u0646 \u0623\u0639\u062f\u0627\u062f \u0627\u0644\u0637\u0644\u0628\u0627\u062a \u0627\u0644\u062a\u064a \u062a\u0645 \u0642\u0628\u0648\u0644\u0647\u0627 (\u0645\u0646\u062d \u0627\u0644\u062d\u0645\u0627\u064a\u0629) \u0645\u0642\u0627\u0628\u0644 \u0627\u0644\u062a\u064a \u062a\u0645 \u0631\u0641\u0636\u0647\u0627\u060c \u0645\u0645\u0627 \u064a\u0639\u0643\u0633 \u062a\u0634\u062f\u062f \u0627\u0644\u0633\u064a\u0627\u0633\u0627\u062a \u0627\u0644\u062d\u062f\u0648\u062f\u064a\u0629.\n <\/p>\n \n <div class=\"chart-container\">\n <canvas id=\"decisionsChart\"><\/canvas>\n <\/div>\n <\/div>\n\n <div class=\"data-card bg-policy-blue text-white\">\n <h3 class=\"text-lg font-bold mb-4\">\u0627\u0642\u062a\u0635\u0627\u062f\u064a\u0627\u062a \u0627\u0644\u062d\u062f\u0648\u062f<\/h3>\n <div class=\"space-y-6\">\n <div>\n <div class=\"flex justify-between items-end mb-1\">\n <span class=\"text-sm opacity-90\">\u0627\u0644\u0625\u0646\u0641\u0627\u0642 \u0639\u0644\u0649 \u062a\u0642\u0646\u064a\u0627\u062a \u0627\u0644\u0645\u0631\u0627\u0642\u0628\u0629<\/span>\n <span class=\"text-xl font-bold text-policy-light\">+120%<\/span>\n <\/div>\n <div class=\"w-full bg-blue-900 rounded-full h-2\">\n <div class=\"bg-policy-light h-2 rounded-full\" style=\"width: 85%\"><\/div>\n <\/div>\n <p class=\"text-xs mt-1 opacity-70\">\u0632\u064a\u0627\u062f\u0629 \u0645\u0644\u062d\u0648\u0638\u0629 \u0645\u0646\u0630 2018<\/p>\n <\/div>\n\n <div>\n <div class=\"flex justify-between items-end mb-1\">\n <span class=\"text-sm opacity-90\">\u062a\u0643\u0644\u0641\u0629 \u062a\u0631\u062d\u064a\u0644 \u0627\u0644\u0641\u0631\u062f (\u0645\u062a\u0648\u0633\u0637)<\/span>\n <span class=\"text-xl font-bold text-alert-orange\">11,000$<\/span>\n <\/div>\n <div class=\"w-full bg-blue-900 rounded-full h-2\">\n <div class=\"bg-alert-orange h-2 rounded-full\" style=\"width: 60%\"><\/div>\n <\/div>\n <p class=\"text-xs mt-1 opacity-70\">\u062a\u0634\u0645\u0644 \u0627\u0644\u0646\u0642\u0644\u060c \u0627\u0644\u0627\u062d\u062a\u062c\u0627\u0632\u060c \u0648\u0627\u0644\u0625\u062c\u0631\u0627\u0621\u0627\u062a \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a\u0629<\/p>\n <\/div>\n\n <div class=\"mt-8 p-4 bg-white\/10 rounded-lg\">\n <h4 class=\"font-bold text-yellow-300 mb-2\">\u26a0\ufe0f \u062a\u062d\u0644\u064a\u0644 \u0627\u0644\u0633\u064a\u0627\u0633\u0627\u062a<\/h4>\n <p class=\"text-sm opacity-90 leading-relaxed\">\n \u062a\u0634\u064a\u0631 \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a \u0625\u0644\u0649 \u062a\u062d\u0648\u0644 \u0639\u0627\u0644\u0645\u064a \u0646\u062d\u0648 “\u0639\u0633\u0643\u0631\u0629 \u0627\u0644\u062d\u062f\u0648\u062f” \u0648\u0627\u0644\u0627\u0633\u062a\u062b\u0645\u0627\u0631 \u0641\u064a \u0627\u0644\u062c\u062f\u0631\u0627\u0646 \u0627\u0644\u0630\u0643\u064a\u0629 \u0648\u062a\u0642\u0646\u064a\u0627\u062a \u0627\u0644\u0645\u0631\u0627\u0642\u0628\u0629\u060c \u0628\u062f\u0644\u0627\u064b \u0645\u0646 \u0627\u0644\u0627\u0633\u062a\u062b\u0645\u0627\u0631 \u0641\u064a \u0645\u0639\u0627\u0644\u062c\u0629 \u062c\u0630\u0648\u0631 \u0627\u0644\u0647\u062c\u0631\u0629 \u0623\u0648 \u062a\u0633\u0631\u064a\u0639 \u0625\u062c\u0631\u0627\u0621\u0627\u062a \u0627\u0644\u062f\u0645\u062c\u060c \u0645\u0645\u0627 \u064a\u0631\u0641\u0639 \u0627\u0644\u062a\u0643\u0644\u0641\u0629 \u0627\u0644\u0627\u0642\u062a\u0635\u0627\u062f\u064a\u0629 \u062f\u0648\u0646 \u062a\u0642\u0644\u064a\u0644 \u0623\u0639\u062f\u0627\u062f \u0627\u0644\u0645\u0647\u0627\u062c\u0631\u064a\u0646 \u0641\u0639\u0644\u064a\u0627\u064b.\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"border-t pt-8\">\n <h2 class=\"text-2xl font-bold text-slate-800 mb-6 text-center\">\u0627\u0644\u062a\u0643\u0644\u0641\u0629 \u0627\u0644\u0628\u0634\u0631\u064a\u0629: \u0637\u0631\u0642 \u0627\u0644\u0647\u062c\u0631\u0629 \u0627\u0644\u062e\u0637\u0631\u0629<\/h2>\n <div class=\"grid grid-cols-1 lg:grid-cols-3 gap-8\">\n <div class=\"lg:col-span-2 data-card\">\n <h3 class=\"text-lg font-bold text-slate-700 mb-2\">\u0627\u0644\u0648\u0641\u064a\u0627\u062a \u0648\u0627\u0644\u0645\u0641\u0642\u0648\u062f\u064a\u0646 \u062d\u0633\u0628 \u0637\u0631\u0642 \u0627\u0644\u0647\u062c\u0631\u0629<\/h3>\n <p class=\"text-sm text-slate-500 mb-4\">\u064a\u064f\u0638\u0647\u0631 \u0627\u0644\u0631\u0633\u0645 \u0627\u0644\u0628\u064a\u0627\u0646\u064a \u0627\u0644\u0645\u0646\u0627\u0637\u0642 \u0627\u0644\u0623\u0643\u062b\u0631 \u062e\u0637\u0648\u0631\u0629 \u0644\u0644\u0645\u0647\u0627\u062c\u0631\u064a\u0646 \u062d\u0648\u0644 \u0627\u0644\u0639\u0627\u0644\u0645.<\/p>\n \n <div class=\"chart-container\">\n <canvas id=\"dangerRoutesChart\"><\/canvas>\n <\/div>\n <\/div>\n <div class=\"space-y-4\">\n <div class=\"bg-red-50 p-6 rounded-lg border-r-4 border-red-500\">\n <h4 class=\"text-red-700 font-bold text-lg mb-1\">\u0627\u0644\u0628\u062d\u0631 \u0627\u0644\u0645\u062a\u0648\u0633\u0637<\/h4>\n <p class=\"text-sm text-red-900\">\n \u064a\u0638\u0644 \u0627\u0644\u0637\u0631\u064a\u0642 \u0627\u0644\u0623\u0643\u062b\u0631 \u0641\u062a\u0643\u0627\u064b \u0641\u064a \u0627\u0644\u0639\u0627\u0644\u0645. \u0627\u0644\u0622\u0644\u0627\u0641 \u064a\u0641\u0642\u062f\u0648\u0646 \u062d\u064a\u0627\u062a\u0647\u0645 \u0633\u0646\u0648\u064a\u0627\u064b \u0641\u064a \u0645\u062d\u0627\u0648\u0644\u0627\u062a \u0627\u0644\u0639\u0628\u0648\u0631 \u0628\u0642\u0648\u0627\u0631\u0628 \u063a\u064a\u0631 \u0635\u0627\u0644\u062d\u0629 \u0644\u0644\u0625\u0628\u062d\u0627\u0631.\n <\/p>\n <\/div>\n <div class=\"bg-orange-50 p-6 rounded-lg border-r-4 border-orange-500\">\n <h4 class=\"text-orange-700 font-bold text-lg mb-1\">\u0627\u0644\u0635\u062d\u0631\u0627\u0621 \u0627\u0644\u0643\u0628\u0631\u0649<\/h4>\n <p class=\"text-sm text-orange-900\">\n \u0645\u062e\u0627\u0637\u0631 \u0627\u0644\u0639\u0637\u0634\u060c \u0627\u0644\u0636\u064a\u0627\u0639\u060c \u0648\u0639\u0635\u0627\u0628\u0627\u062a \u0627\u0644\u062a\u0647\u0631\u064a\u0628 \u062a\u062c\u0639\u0644 \u0639\u0628\u0648\u0631 \u0627\u0644\u0635\u062d\u0631\u0627\u0621 \u0644\u0627 \u064a\u0642\u0644 \u062e\u0637\u0648\u0631\u0629 \u0639\u0646 \u0639\u0628\u0648\u0631 \u0627\u0644\u0628\u062d\u0631.\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <footer class=\"text-center text-slate-400 text-sm mt-12 pb-8\">\n <p>\u062a\u0645 \u0625\u0639\u062f\u0627\u062f \u0647\u0630\u0627 \u0627\u0644\u0631\u0633\u0645 \u0627\u0644\u0628\u064a\u0627\u0646\u064a \u0627\u0644\u062a\u0641\u0627\u0639\u0644\u064a \u0644\u0623\u063a\u0631\u0627\u0636 \u062a\u0639\u0644\u064a\u0645\u064a\u0629 \u0648\u062a\u062d\u0644\u064a\u0644\u064a\u0629.<\/p>\n <p class=\"mt-2\">\u0645\u0635\u0627\u062f\u0631 \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u0627\u0641\u062a\u0631\u0627\u0636\u064a\u0629: \u0627\u0644\u0645\u0641\u0648\u0636\u064a\u0629 \u0627\u0644\u0633\u0627\u0645\u064a\u0629 \u0644\u0644\u0623\u0645\u0645 \u0627\u0644\u0645\u062a\u062d\u062f\u0629 \u0644\u0634\u0624\u0648\u0646 \u0627\u0644\u0644\u0627\u062c\u0626\u064a\u0646 (UNHCR)\u060c \u0627\u0644\u0645\u0646\u0638\u0645\u0629 \u0627\u0644\u062f\u0648\u0644\u064a\u0629 \u0644\u0644\u0647\u062c\u0631\u0629 (IOM).<\/p>\n <div class=\"mt-4\">\n \n <span class=\"inline-block w-2 h-2 rounded-full bg-green-500 ml-2\"><\/span>\n \u0644\u0627 \u064a\u062d\u062a\u0648\u064a \u0639\u0644\u0649 SVG | \u0644\u0627 \u064a\u062d\u062a\u0648\u064a \u0639\u0644\u0649 Mermaid JS\n <\/div>\n <\/footer>\n\n <\/main>\n\n \n <script>\n \/\/ --- UTILITY: Label Wrapping Helper ---\n \/\/ Splits long strings into arrays of shorter strings for Chart.js\n function wrapLabel(label, maxLength = 16) {\n if (label.length <= maxLength) return label;\n const words = label.split(' ');\n const lines = [];\n let currentLine = words[0];\n\n for (let i = 1; i < words.length; i++) {\n if ((currentLine + \" \" + words[i]).length < maxLength) {\n currentLine += \" \" + words[i];\n } else {\n lines.push(currentLine);\n currentLine = words[i];\n }\n }\n lines.push(currentLine);\n return lines;\n }\n\n \/\/ --- Common Chart Options ---\n const commonOptions = {\n responsive: true,\n maintainAspectRatio: false,\n plugins: {\n legend: {\n labels: {\n font: { family: 'Cairo', size: 12 },\n padding: 20\n },\n rtl: true, \/\/ Chart.js 3+ supports RTL legends somewhat, but alignment depends on textDirection\n position: 'top',\n align: 'end' \/\/ Align legend to the right for RTL\n },\n tooltip: {\n titleFont: { family: 'Cairo', size: 14 },\n bodyFont: { family: 'Cairo', size: 13 },\n rtl: true,\n textDirection: 'rtl',\n callbacks: {\n title: function(tooltipItems) {\n const item = tooltipItems[0];\n let label = item.chart.data.labels[item.dataIndex];\n if (Array.isArray(label)) {\n return label.join(' ');\n } else {\n return label;\n }\n }\n }\n }\n },\n scales: {\n x: {\n ticks: { font: { family: 'Cairo' } },\n grid: { display: false }\n },\n y: {\n ticks: { font: { family: 'Cairo' } },\n position: 'right' \/\/ Y-axis on the right for RTL feel\n }\n }\n };\n\n \/\/ --- CHART 1: Displacement Trends (Line) ---\n const ctxDisplacement = document.getElementById('displacementChart').getContext('2d');\n \/\/ Synthesized data representing rising global displacement (in millions)\n const displacementData = [59.5, 65.3, 68.5, 70.8, 79.5, 82.4, 89.3, 108.4, 110.0, 114.0]; \n const years = ['2014', '2015', '2016', '2017', '2018', '2019', '2020', '2021', '2022', '2023'];\n \n new Chart(ctxDisplacement, {\n type: 'line',\n data: {\n labels: years,\n datasets: [{\n label: '\u0625\u062c\u0645\u0627\u0644\u064a \u0627\u0644\u0646\u0627\u0632\u062d\u064a\u0646 \u0642\u0633\u0631\u0627\u064b (\u0645\u0644\u064a\u0648\u0646)',\n data: displacementData,\n borderColor: '#f97316', \/\/ Orange\n backgroundColor: 'rgba(249, 115, 22, 0.1)',\n borderWidth: 3,\n tension: 0.4, \/\/ Smooth curve\n fill: true,\n pointBackgroundColor: '#fff',\n pointBorderColor: '#f97316',\n pointRadius: 5,\n pointHoverRadius: 7\n }]\n },\n options: {\n ...commonOptions,\n scales: {\n ...commonOptions.scales,\n y: {\n ...commonOptions.scales.y,\n beginAtZero: false,\n title: {\n display: true,\n text: '\u0639\u062f\u062f \u0627\u0644\u0623\u0634\u062e\u0627\u0635 (\u0628\u0627\u0644\u0645\u0644\u0627\u064a\u064a\u0646)',\n font: { family: 'Cairo' }\n }\n }\n }\n }\n });\n\n \/\/ --- CHART 2: Origins (Bar) ---\n const ctxOrigins = document.getElementById('originsChart').getContext('2d');\n const originCountries = ['\u0633\u0648\u0631\u064a\u0627', '\u0623\u0648\u0643\u0631\u0627\u0646\u064a\u0627', '\u0623\u0641\u063a\u0627\u0646\u0633\u062a\u0627\u0646', '\u0641\u0646\u0632\u0648\u064a\u0644\u0627', '\u062c\u0646\u0648\u0628 \u0627\u0644\u0633\u0648\u062f\u0627\u0646', '\u0645\u064a\u0627\u0646\u0645\u0627\u0631'];\n const originValues = [6.5, 5.7, 5.7, 5.4, 2.3, 1.2]; \/\/ Synthesized millions\n \n new Chart(ctxOrigins, {\n type: 'bar',\n data: {\n labels: originCountries.map(l => wrapLabel(l)),\n datasets: [{\n label: '\u0639\u062f\u062f \u0627\u0644\u0644\u0627\u062c\u0626\u064a\u0646 (\u0645\u0644\u064a\u0648\u0646)',\n data: originValues,\n backgroundColor: [\n '#1e3a8a', '#2563eb', '#3b82f6', '#60a5fa', '#93c5fd', '#bfdbfe'\n ],\n borderRadius: 5\n }]\n },\n options: {\n ...commonOptions,\n indexAxis: 'y', \/\/ Horizontal bar chart for better label readability\n scales: {\n x: {\n position: 'bottom',\n ticks: { font: { family: 'Cairo' } }\n },\n y: {\n position: 'right', \/\/ Labels on right\n ticks: { font: { family: 'Cairo' } },\n grid: { display: false }\n }\n }\n }\n });\n\n \/\/ --- CHART 3: Policy Decisions (Stacked Bar) ---\n const ctxDecisions = document.getElementById('decisionsChart').getContext('2d');\n const decisionYears = ['2019', '2020', '2021', '2022', '2023'];\n \n new Chart(ctxDecisions, {\n type: 'bar',\n data: {\n labels: decisionYears,\n datasets: [\n {\n label: '\u062a\u0645 \u0627\u0644\u0642\u0628\u0648\u0644 (\u0645\u0646\u062d \u0644\u062c\u0648\u0621\/\u062d\u0645\u0627\u064a\u0629)',\n data: [42, 38, 35, 39, 41], \/\/ Percentage or volume\n backgroundColor: '#10b981', \/\/ Green\n },\n {\n label: '\u062a\u0645 \u0627\u0644\u0631\u0641\u0636',\n data: [58, 62, 65, 61, 59],\n backgroundColor: '#ef4444', \/\/ Red\n }\n ]\n },\n options: {\n ...commonOptions,\n scales: {\n x: {\n stacked: true,\n ticks: { font: { family: 'Cairo' } }\n },\n y: {\n stacked: true,\n position: 'right',\n max: 100,\n title: {\n display: true,\n text: '\u0646\u0633\u0628\u0629 \u0627\u0644\u0642\u0631\u0627\u0631\u0627\u062a %',\n font: { family: 'Cairo' }\n }\n }\n }\n }\n });\n\n \/\/ --- CHART 4: Danger Routes (Doughnut\/Pie) ---\n \/\/ Using Bar chart here instead of Pie for clearer comparison of varied magnitudes\n const ctxRoutes = document.getElementById('dangerRoutesChart').getContext('2d');\n \n new Chart(ctxRoutes, {\n type: 'bar', \/\/ Changed to Bar for better readability of data comparison\n data: {\n labels: wrapLabel('\u0648\u0633\u0637 \u0627\u0644\u0628\u062d\u0631 \u0627\u0644\u0645\u062a\u0648\u0633\u0637 (\u0634\u0645\u0627\u0644 \u0623\u0641\u0631\u064a\u0642\u064a\u0627 -> \u0625\u064a\u0637\u0627\u0644\u064a\u0627)'),\n labels: [\n '\u0648\u0633\u0637 \u0627\u0644\u0628\u062d\u0631 \u0627\u0644\u0645\u062a\u0648\u0633\u0637', \n '\u0634\u0631\u0642 \u0627\u0644\u0628\u062d\u0631 \u0627\u0644\u0645\u062a\u0648\u0633\u0637', \n '\u063a\u0631\u0628 \u0627\u0644\u0628\u062d\u0631 \u0627\u0644\u0645\u062a\u0648\u0633\u0637', \n '\u0627\u0644\u062d\u062f\u0648\u062f \u0627\u0644\u0623\u0645\u0631\u064a\u0643\u064a\u0629 \u0627\u0644\u0645\u0643\u0633\u064a\u0643\u064a\u0629', \n '\u0627\u0644\u0635\u062d\u0631\u0627\u0621 \u0627\u0644\u0643\u0628\u0631\u0649'\n ].map(l => wrapLabel(l, 20)),\n datasets: [{\n label: '\u0627\u0644\u0648\u0641\u064a\u0627\u062a \u0648\u0627\u0644\u0645\u0641\u0642\u0648\u062f\u064a\u0646 (\u062a\u0642\u062f\u064a\u0631\u0627\u062a 2023)',\n data: [2500, 800, 600, 1200, 900],\n backgroundColor: '#f97316', \/\/ Alert Orange\n borderRadius: 4\n }]\n },\n options: {\n ...commonOptions,\n plugins: {\n ...commonOptions.plugins,\n legend: { display: false }\n }\n }\n });\n\n <\/script>\n\n \n<\/body>\n<\/html>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<div class=\"mh-excerpt\"><p>\u0648\u0627\u0642\u0639 \u0633\u064a\u0627\u0633\u0627\u062a \u0627\u0644\u0647\u062c\u0631\u0629 \u0648\u0627\u0644\u062d\u062f\u0648\u062f | \u062a\u062d\u0644\u064a\u0644 \u0628\u064a\u0627\u0646\u0627\u062a \u062a\u0642\u0631\u064a\u0631 \u062a\u062d\u0644\u064a\u0644\u064a 2024 \u0648\u0627\u0642\u0639 \u0633\u064a\u0627\u0633\u0627\u062a \u0627\u0644\u0647\u062c\u0631\u0629 \u0648\u0627\u0644\u062d\u062f\u0648\u062f \u062a\u062d\u0644\u064a\u0644 \u0645\u0631\u0626\u064a \u0644\u0644\u062a\u062d\u062f\u064a\u0627\u062a \u0627\u0644\u0639\u0627\u0644\u0645\u064a\u0629\u060c \u0627\u062a\u062c\u0627\u0647\u0627\u062a \u0627\u0644\u0646\u0632\u0648\u062d\u060c \u0648\u062a\u0623\u062b\u064a\u0631 \u0627\u0644\u0633\u064a\u0627\u0633\u0627\u062a \u0627\u0644\u062d\u062f\u0648\u062f\u064a\u0629 \u0627\u0644\u062d\u062f\u064a\u062b\u0629 \u0639\u0644\u0649 \u062d\u0631\u0643\u0629 \u0627\u0644\u0628\u0634\u0631. \u0646\u0638\u0631\u0629 \u0639\u0627\u0645\u0629 \u0628\u0627\u0644\u0623\u0631\u0642\u0627\u0645 \u062a\u0642\u062f\u064a\u0631\u0627\u062a \u0639\u0627\u0644\u0645\u064a\u0629 \u062a\u0639\u0643\u0633 \u062d\u062c\u0645 \u0627\u0644\u062d\u0631\u0627\u0643 \u0627\u0644\u0628\u0634\u0631\u064a \u0648\u0627\u0644\u0646\u0632\u0648\u062d \u0627\u0644\u0642\u0633\u0631\u064a \u0641\u064a \u0627\u0644\u0648\u0642\u062a \u0627\u0644\u0631\u0627\u0647\u0646. \ud83c\udf0d 281 \u0645\u0644\u064a\u0648\u0646 \u0645\u0647\u0627\u062c\u0631 <a class=\"mh-excerpt-more\" href=\"https:\/\/www.gil24.com\/360\/%d8%ab%d8%b3%d8%b3%d8%b6%d9%87\/\" title=\"\u0648\u0627\u0642\u0639 \u0633\u064a\u0627\u0633\u0627\u062a \u0627\u0644\u0647\u062c\u0631\u0629 \u0648\u0627\u0644\u062d\u062f\u0648\u062f\">[…]<\/a><\/p>\n<\/div>","protected":false},"author":2,"featured_media":68171,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"rop_custom_images_group":[],"rop_custom_messages_group":[],"rop_publish_now":"initial","rop_publish_now_accounts":[],"rop_publish_now_history":[],"rop_publish_now_status":"pending","footnotes":""},"categories":[225,10],"tags":[],"class_list":["post-68167","post","type-post","status-publish","format-standard","has-post-thumbnail","category-225","category-10"],"_links":{"self":[{"href":"https:\/\/www.gil24.com\/360\/wp-json\/wp\/v2\/posts\/68167","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.gil24.com\/360\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.gil24.com\/360\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.gil24.com\/360\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.gil24.com\/360\/wp-json\/wp\/v2\/comments?post=68167"}],"version-history":[{"count":3,"href":"https:\/\/www.gil24.com\/360\/wp-json\/wp\/v2\/posts\/68167\/revisions"}],"predecessor-version":[{"id":68172,"href":"https:\/\/www.gil24.com\/360\/wp-json\/wp\/v2\/posts\/68167\/revisions\/68172"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.gil24.com\/360\/wp-json\/wp\/v2\/media\/68171"}],"wp:attachment":[{"href":"https:\/\/www.gil24.com\/360\/wp-json\/wp\/v2\/media?parent=68167"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.gil24.com\/360\/wp-json\/wp\/v2\/categories?post=68167"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.gil24.com\/360\/wp-json\/wp\/v2\/tags?post=68167"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}