{"id":16822,"date":"2026-04-20T14:23:45","date_gmt":"2026-04-20T11:23:45","guid":{"rendered":"https:\/\/arzaq.org.sa\/?page_id=16822"},"modified":"2026-04-20T14:35:34","modified_gmt":"2026-04-20T11:35:34","slug":"%d8%aa%d8%ac%d8%b1%d8%a8%d8%a9-%d8%a7%d9%84%d8%af%d8%a7%d8%b4-%d8%a8%d9%88%d8%b1%d8%af","status":"publish","type":"page","link":"https:\/\/arzaq.org.sa\/?page_id=16822","title":{"rendered":"\u062a\u062c\u0631\u0628\u0629 \u0627\u0644\u062f\u0627\u0634 \u0628\u0648\u0631\u062f"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n \u0625\u062d\u0635\u0627\u0626\u064a\u0627\u062a \u062c\u0645\u0639\u064a\u0629 \u0623\u0631\u0632\u0627\u0642 2026<\/title>\r\n \r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Tajawal:wght@400;700;900&display=swap\" rel=\"stylesheet\">\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\">\r\n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/chart.js\"><\/script>\r\n\r\n <style>\r\n :root { \r\n --primary: #1a637e; \r\n --secondary: #18a37a; \r\n --accent: #fbc02d; \r\n --bg: #f4f7f9; \r\n --text-dark: #1e293b;\r\n --text-light: #64748b;\r\n }\r\n \r\n body { font-family: 'Tajawal', sans-serif; background: var(--bg); margin: 0; padding: 20px; color: var(--text-dark); }\r\n .container { max-width: 1400px; margin: auto; }\r\n\r\n \/* \u0627\u0644\u0628\u0646\u0631 \u0627\u0644\u0639\u0644\u0648\u064a - \u0627\u0644\u0639\u0646\u0648\u0627\u0646 \u0648\u0627\u0644\u062a\u0627\u0631\u064a\u062e \u0641\u0642\u0637 *\/\r\n .header-banner { \r\n background: linear-gradient(135deg, #0f766e 0%, #134e5e 100%); \r\n border-radius: 30px; padding: 30px 20px; text-align: center; color: white; \r\n box-shadow: 0 10px 25px rgba(0,0,0,0.1); margin-bottom: 25px;\r\n }\r\n .header-title { font-size: clamp(1.5rem, 3vw, 2.5rem); font-weight: 900; margin: 0 0 15px 0; }\r\n .header-date-pill { \r\n background: #ffb300; color: #333; \r\n padding: 8px 25px; border-radius: 50px; display: inline-block; \r\n font-weight: 800; font-size: 0.95rem; box-shadow: 0 4px 10px rgba(0,0,0,0.1);\r\n }\r\n\r\n \/* \u0628\u0637\u0627\u0642\u0629 \u0627\u0644\u0639\u0627\u0626\u062f \u0627\u0644\u0627\u0642\u062a\u0635\u0627\u062f\u064a \u0627\u0644\u0645\u0646\u0641\u0635\u0644\u0629 *\/\r\n .economic-card {\r\n background: white; border-radius: 30px; padding: 30px 40px;\r\n display: flex; align-items: center; justify-content: space-between;\r\n margin-bottom: 40px; position: relative; overflow: hidden;\r\n box-shadow: 0 10px 20px rgba(0,0,0,0.05);\r\n border-right: 10px solid #ffb300; \/* \u0627\u0644\u062e\u0637 \u0627\u0644\u0623\u0635\u0641\u0631 \u0627\u0644\u062c\u0627\u0646\u0628\u064a *\/\r\n }\r\n .eco-info { flex: 1; }\r\n .eco-label { color: var(--text-light); font-size: 1.1rem; font-weight: 700; margin-bottom: 10px; }\r\n .eco-value { font-size: clamp(2.5rem, 5vw, 4rem); font-weight: 900; color: #134e5e; line-height: 1; }\r\n .eco-currency { font-size: 1.5rem; margin-right: 10px; }\r\n .eco-badge { \r\n background: #e6f4f1; color: #0f766e; padding: 8px 20px; \r\n border-radius: 12px; font-weight: 800; display: inline-block; margin-top: 15px;\r\n }\r\n .eco-icon-large { font-size: 5rem; color: #ffebd2; opacity: 0.8; }\r\n\r\n \/* \u0634\u0628\u0643\u0629 \u0627\u0644\u0625\u062d\u0635\u0627\u0626\u064a\u0627\u062a *\/\r\n .stats-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(400px, 1fr)); gap: 20px; }\r\n\r\n .card { \r\n background: white; border-radius: 25px; padding: 20px; \r\n display: flex; align-items: center; justify-content: space-between;\r\n box-shadow: 0 4px 12px rgba(0,0,0,0.03); border: 1px solid #edf2f7;\r\n height: 160px; transition: transform 0.3s ease;\r\n }\r\n .card:hover { transform: translateY(-5px); }\r\n\r\n .card-info { flex: 1; display: flex; flex-direction: column; justify-content: center; }\r\n .card-title-row { display: flex; align-items: center; gap: 10px; margin-bottom: 5px; color: var(--text-light); }\r\n .card-title { font-size: 0.95rem; font-weight: 700; }\r\n \r\n \/* \u0636\u0628\u0637 \u062d\u062c\u0645 \u0627\u0644\u0623\u064a\u0642\u0648\u0646\u0627\u062a \u0641\u064a \u0627\u0644\u0643\u0631\u0648\u062a *\/\r\n .card-icon { color: var(--secondary); font-size: 1.3rem; width: 25px; text-align: center; } \r\n \r\n .card-big-num { font-size: 1.8rem; font-weight: 900; color: var(--primary); margin: 5px 0; }\r\n .month-badge { background: #f0fdfa; color: var(--secondary); padding: 4px 12px; border-radius: 8px; font-size: 0.8rem; font-weight: 800; width: fit-content; }\r\n .card-visual { flex: 1.2; height: 100%; min-width: 180px; }\r\n\r\n @media (max-width: 768px) {\r\n .economic-card { flex-direction: column-reverse; text-align: center; padding: 20px; }\r\n .eco-icon-large { margin-bottom: 20px; font-size: 3.5rem; }\r\n .stats-grid { grid-template-columns: 1fr; }\r\n .card { height: auto; padding: 25px; flex-direction: column; text-align: center; }\r\n .card-info { align-items: center; margin-bottom: 15px; }\r\n .card-visual { width: 100%; height: 120px; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div class=\"container\">\r\n <div class=\"header-banner\">\r\n <h1 class=\"header-title\">\u0644\u0648\u062d\u0629 \u0625\u062d\u0635\u0627\u0626\u064a\u0627\u062a \u062c\u0645\u0639\u064a\u0629 \u0623\u0631\u0632\u0627\u0642 \u0627\u0644\u0631\u0642\u0645\u064a\u0629<\/h1>\r\n <div class=\"header-date-pill\">\u062a\u0627\u0631\u064a\u062e \u0627\u0644\u064a\u0648\u0645: \u0627\u0644\u0627\u062b\u0646\u064a\u0646\u060c \u0662\u0660 \u0623\u0628\u0631\u064a\u0644 \u0662\u0660\u0662\u0666<\/div>\r\n <\/div>\r\n\r\n <div class=\"economic-card\">\r\n <div class=\"eco-icon-large\">\r\n <i class=\"fas fa-hand-holding-dollar\"><\/i>\r\n <\/div>\r\n <div class=\"eco-info\">\r\n <div class=\"eco-label\">\u0625\u062c\u0645\u0627\u0644\u064a \u0627\u0644\u0639\u0627\u0626\u062f \u0627\u0644\u0627\u0642\u062a\u0635\u0627\u062f\u064a \u0644\u0639\u0627\u0645 2026<\/div>\r\n <div class=\"eco-value\">693,350 <span class=\"eco-currency\">\u0631\u064a\u0627\u0644<\/span><\/div>\r\n <div>\r\n <div class=\"eco-badge\">\u0623\u062b\u0631 \u0627\u0644\u0639\u0645\u0644 \u062e\u0644\u0627\u0644 \u0627\u0644\u0634\u0647\u0631 \u0627\u0644\u062d\u0627\u0644\u064a: 180,000 \u0631\u064a\u0627\u0644<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"stats-grid\" id=\"mainGrid\"><\/div>\r\n<\/div>\r\n\r\n<script>\r\n const items = [\r\n { title: \"\u0627\u0644\u0635\u062d\u0648\u0646\", val: \"2,188\", m: \"1,100\", icon: \"fa-plate-wheat\", data: [954, 850, 1234, 1100] },\r\n { title: \"\u0627\u0644\u0648\u062c\u0628\u0627\u062a\", val: \"11,060\", m: \"6,500\", icon: \"fa-bowl-food\", data: [6100, 5800, 4960, 6500] },\r\n { title: \"\u0639\u062f\u062f \u0627\u0644\u0645\u0633\u062a\u0641\u064a\u062f\u064a\u0646\", val: \"36,800\", m: \"12,000\", icon: \"fa-users\", data: [5000, 4800, 15000, 12000] },\r\n { title: \"\u0643\u0641\u0627\u0631\u0627\u062a \u064a\u0645\u064a\u0646\", val: \"24,000\", m: \"70\", icon: \"fa-hand-holding-heart\", data: [50, 40, 90, 70] },\r\n { title: \"\u0633\u0642\u064a\u0627 \u0627\u0644\u0645\u0627\u0621\", val: \"5,800\", m: \"2,200\", icon: \"fa-faucet-drip\", data: [1200, 1100, 2500, 2200] },\r\n { title: \"\u0648\u062c\u0628\u0627\u062a \u0627\u0641\u0637\u0627\u0631 \u0635\u0627\u0626\u0645\", val: \"33,333\", m: \"20,000\", icon: \"fa-moon\", data: [100, 500, 33333, 20000] },\r\n { title: \"\u0643\u0631\u062a\u0648\u0646 \u062e\u0636\u0627\u0631 \u0648\u0641\u0648\u0627\u0643\u0629\", val: \"1,480\", m: \"400\", icon: \"fa-carrot\", data: [340, 290, 450, 400] },\r\n { title: \"\u0627\u0644\u0623\u0633\u0631 \u0627\u0644\u0645\u0633\u062a\u0641\u064a\u062f\u0629\", val: \"2,980\", m: \"1,000\", icon: \"fa-house-chimney-heart\", data: [400, 380, 1200, 1000] },\r\n { title: \"\u0627\u0644\u0645\u0646\u0627\u0633\u0628\u0627\u062a \u0627\u0644\u0645\u0646\u0641\u0630\u0629\", val: \"28\", m: \"8\", icon: \"fa-calendar-check\", data: [5, 3, 12, 8] },\r\n { title: \"\u0627\u0644\u0641\u0631\u0635 \u0627\u0644\u062a\u0637\u0648\u0639\u064a\u0629\", val: \"0\", m: \"0\", icon: \"fa-hands-helping\", data: [0, 0, 0, 0] },\r\n { title: \"\u0639\u062f\u062f \u0627\u0644\u0645\u062a\u0637\u0648\u0639\u064a\u0646\", val: \"0\", m: \"0\", icon: \"fa-people-group\", data: [0, 0, 0, 0] },\r\n { title: \"\u0627\u0644\u0633\u0627\u0639\u0627\u062a \u0627\u0644\u062a\u0637\u0648\u0639\u064a\u0629\", val: \"0\", m: \"0\", icon: \"fa-user-clock\", data: [0, 0, 0, 0] }\r\n ];\r\n\r\n const months = ['\u064a\u0646\u0627\u064a\u0631', '\u0641\u0628\u0631\u0627\u064a\u0631', '\u0645\u0627\u0631\u0633', '\u0623\u0628\u0631\u064a\u0644'];\r\n const barColors = ['#ffb74d', '#f06292', '#ba68c8', '#18a37a'];\r\n const grid = document.getElementById('mainGrid');\r\n\r\n items.forEach((item, i) => {\r\n const id = `chart-${i}`;\r\n const card = document.createElement('div');\r\n card.className = 'card';\r\n card.innerHTML = `\r\n <div class=\"card-info\">\r\n <div class=\"card-title-row\">\r\n <i class=\"fas ${item.icon} card-icon\"><\/i>\r\n <span class=\"card-title\">\u0625\u062c\u0645\u0627\u0644\u064a ${item.title}<\/span>\r\n <\/div>\r\n <span class=\"card-big-num\">${item.val}<\/span>\r\n <span class=\"month-badge\">\u062e\u0644\u0627\u0644 \u0627\u0644\u0634\u0647\u0631: ${item.m}<\/span>\r\n <\/div>\r\n <div class=\"card-visual\">\r\n <canvas id=\"${id}\"><\/canvas>\r\n <\/div>\r\n `;\r\n grid.appendChild(card);\r\n\r\n const ctx = document.getElementById(id).getContext('2d');\r\n new Chart(ctx, {\r\n data: {\r\n labels: months,\r\n datasets: [\r\n { type: 'line', data: item.data, borderColor: '#cbd5e1', borderWidth: 2, pointRadius: 0, tension: 0.4, fill: false },\r\n { type: 'bar', data: item.data, backgroundColor: barColors, borderRadius: 4, barThickness: 10 }\r\n ]\r\n },\r\n options: {\r\n responsive: true,\r\n maintainAspectRatio: false,\r\n plugins: { legend: { display: false } },\r\n scales: {\r\n x: { grid: { display: false }, ticks: { font: { family: 'Tajawal', size: 9 } } },\r\n y: { display: false }\r\n }\r\n }\r\n });\r\n });\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u0625\u062d\u0635\u0627\u0626\u064a\u0627\u062a \u062c\u0645\u0639\u064a\u0629 \u0623\u0631\u0632\u0627\u0642 2026 \u0644\u0648\u062d\u0629 \u0625\u062d\u0635\u0627\u0626\u064a\u0627\u062a \u062c\u0645\u0639\u064a\u0629 \u0623\u0631\u0632\u0627\u0642 \u0627\u0644\u0631\u0642\u0645\u064a\u0629 \u062a\u0627\u0631\u064a\u062e \u0627\u0644\u064a\u0648\u0645: \u0627\u0644\u0627\u062b\u0646\u064a\u0646\u060c \u0662\u0660 \u0623\u0628\u0631\u064a\u0644 \u0662\u0660\u0662\u0666 \u0625\u062c\u0645\u0627\u0644\u064a \u0627\u0644\u0639\u0627\u0626\u062f \u0627\u0644\u0627\u0642\u062a\u0635\u0627\u062f\u064a \u0644\u0639\u0627\u0645 2026 693,350 \u0631\u064a\u0627\u0644 \u0623\u062b\u0631 \u0627\u0644\u0639\u0645\u0644 \u062e\u0644\u0627\u0644 \u0627\u0644\u0634\u0647\u0631 \u0627\u0644\u062d\u0627\u0644\u064a: 180,000 \u0631\u064a\u0627\u0644<\/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-16822","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/arzaq.org.sa\/index.php?rest_route=\/wp\/v2\/pages\/16822","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/arzaq.org.sa\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/arzaq.org.sa\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/arzaq.org.sa\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/arzaq.org.sa\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=16822"}],"version-history":[{"count":7,"href":"https:\/\/arzaq.org.sa\/index.php?rest_route=\/wp\/v2\/pages\/16822\/revisions"}],"predecessor-version":[{"id":16834,"href":"https:\/\/arzaq.org.sa\/index.php?rest_route=\/wp\/v2\/pages\/16822\/revisions\/16834"}],"wp:attachment":[{"href":"https:\/\/arzaq.org.sa\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=16822"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}