{"id":3793,"date":"2026-03-17T10:00:28","date_gmt":"2026-03-17T03:00:28","guid":{"rendered":"https:\/\/www.medicalrecords.kku.ac.th\/?page_id=3793"},"modified":"2026-03-17T10:04:18","modified_gmt":"2026-03-17T03:04:18","slug":"data-requestmanagement%e0%b8%87%e0%b8%b2%e0%b8%99%e0%b9%80%e0%b8%a7%e0%b8%8a%e0%b8%a3%e0%b8%b0%e0%b9%80%e0%b8%9a%e0%b8%b5%e0%b8%a2%e0%b8%99%e0%b9%81%e0%b8%a5%e0%b8%b0%e0%b8%aa%e0%b8%96%e0%b8%b4","status":"publish","type":"page","link":"https:\/\/www.medicalrecords.kku.ac.th\/?page_id=3793","title":{"rendered":"Data RequestManagement\u0e07\u0e32\u0e19\u0e40\u0e27\u0e0a\u0e23\u0e30\u0e40\u0e1a\u0e35\u0e22\u0e19\u0e41\u0e25\u0e30\u0e2a\u0e16\u0e34\u0e15\u0e34"},"content":{"rendered":"\n\n\n\n \n \n Smart Medical Data Request Platform – Extended Report<\/title>\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/chart.js\"><\/script>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Kanit:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\n <style>\n body {\n font-family: 'Kanit', sans-serif;\n background-color: #f0fdfa; \/* Light cyan background *\/\n color: #1e293b; \/* Slate 800 for readability on light background *\/\n }\n .chart-container {\n position: relative;\n width: 100%;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n height: 350px;\n max-height: 400px;\n display: flex;\n justify-content: center;\n align-items: center;\n }\n @media (min-width: 768px) {\n .chart-container {\n height: 400px;\n }\n }\n .chart-container-large {\n max-width: 800px;\n }\n .gradient-text {\n background: linear-gradient(90deg, #0ea5e9, #10b981);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n }\n .glass-card {\n background: rgba(255, 255, 255, 0.95);\n backdrop-filter: blur(10px);\n border: 1px solid rgba(255, 255, 255, 0.4);\n box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.05), 0 4px 6px -2px rgba(0, 0, 0, 0.025);\n }\n \/* Glass card for dark backgrounds specifically to ensure contrast *\/\n .glass-card-dark {\n background: rgba(15, 23, 42, 0.6);\n backdrop-filter: blur(12px);\n border: 1px solid rgba(255, 255, 255, 0.15);\n box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.3);\n }\n .workflow-arrow {\n position: relative;\n }\n .workflow-arrow::after {\n content: '\u2b07\ufe0f';\n position: absolute;\n bottom: -25px;\n left: 50%;\n transform: translateX(-50%);\n font-size: 1.5rem;\n z-index: 10;\n }\n @media (min-width: 768px) {\n .workflow-arrow::after {\n content: '\u27a1\ufe0f';\n bottom: auto;\n right: -25px;\n left: auto;\n top: 50%;\n transform: translateY(-50%);\n }\n }\n .workflow-arrow:last-child::after {\n display: none;\n }\n .roadmap-line {\n position: absolute;\n left: 20px;\n top: 0;\n bottom: 0;\n width: 4px;\n background: linear-gradient(to bottom, #0ea5e9, #10b981);\n border-radius: 4px;\n }\n @media (min-width: 768px) {\n .roadmap-line {\n left: 50%;\n transform: translateX(-50%);\n }\n }\n <\/style>\n<\/head>\n<body class=\"antialiased pb-20\">\n\n <!-- Header Section (Dark Background - High Contrast Text) -->\n <header class=\"bg-slate-900 pt-16 pb-32 px-6 text-center shadow-xl relative overflow-hidden\">\n <div class=\"absolute inset-0 opacity-30 bg-[radial-gradient(circle_at_center,_var(--tw-gradient-stops))] from-cyan-500 via-slate-900 to-slate-900\"><\/div>\n \n <div class=\"relative z-10 max-w-6xl mx-auto\">\n <span class=\"text-7xl mb-6 block drop-shadow-lg\">\ud83c\udfe5<\/span>\n <h1 class=\"text-4xl md:text-6xl lg:text-7xl font-extrabold mb-6 tracking-tight text-white drop-shadow-md\">\n Smart Medical Data <br class=\"hidden md:block\"\/><span class=\"text-cyan-400\">Request Platform<\/span>\n <\/h1>\n <p class=\"text-xl md:text-2xl text-slate-200 font-light max-w-4xl mx-auto leading-relaxed drop-shadow\">\n \u0e1e\u0e25\u0e34\u0e01\u0e42\u0e09\u0e21\u0e01\u0e23\u0e30\u0e1a\u0e27\u0e19\u0e01\u0e32\u0e23\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e04\u0e33\u0e02\u0e2d\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e40\u0e27\u0e0a\u0e23\u0e30\u0e40\u0e1a\u0e35\u0e22\u0e19\u0e41\u0e25\u0e30\u0e2a\u0e16\u0e34\u0e15\u0e34\u0e17\u0e32\u0e07\u0e01\u0e32\u0e23\u0e41\u0e1e\u0e17\u0e22\u0e4c <br class=\"hidden md:block\"\/>\n \u0e40\u0e1b\u0e25\u0e35\u0e48\u0e22\u0e19\u0e1c\u0e48\u0e32\u0e19\u0e08\u0e32\u0e01\u0e23\u0e30\u0e1a\u0e1a\u0e01\u0e23\u0e30\u0e14\u0e32\u0e29 (Manual) \u0e2a\u0e39\u0e48\u0e23\u0e30\u0e1a\u0e1a\u0e14\u0e34\u0e08\u0e34\u0e17\u0e31\u0e25 (Digital Transformation) \u0e40\u0e15\u0e47\u0e21\u0e23\u0e39\u0e1b\u0e41\u0e1a\u0e1a 100%\n <\/p>\n \n <div class=\"mt-8 inline-flex flex-wrap justify-center items-center gap-4 bg-slate-800\/80 px-6 py-3 rounded-full backdrop-blur-md border border-slate-600 shadow-lg\">\n <span class=\"text-white text-lg\"><span class=\"text-emerald-400 text-xl font-bold me-1\">\u2713<\/span> \u0e23\u0e27\u0e14\u0e40\u0e23\u0e47\u0e27\u0e01\u0e27\u0e48\u0e32\u0e40\u0e14\u0e34\u0e21 3 \u0e40\u0e17\u0e48\u0e32<\/span> \n <span class=\"text-white text-lg\"><span class=\"text-emerald-400 text-xl font-bold me-1\">\u2713<\/span> \u0e42\u0e1b\u0e23\u0e48\u0e07\u0e43\u0e2a\u0e15\u0e23\u0e27\u0e08\u0e2a\u0e2d\u0e1a\u0e44\u0e14\u0e49<\/span> \n <span class=\"text-white text-lg\"><span class=\"text-emerald-400 text-xl font-bold me-1\">\u2713<\/span> \u0e1b\u0e25\u0e2d\u0e14\u0e20\u0e31\u0e22\u0e21\u0e32\u0e15\u0e23\u0e10\u0e32\u0e19 PDPA<\/span>\n <span class=\"text-white text-lg\"><span class=\"text-emerald-400 text-xl font-bold me-1\">\u2713<\/span> \u0e44\u0e23\u0e49\u0e01\u0e23\u0e30\u0e14\u0e32\u0e29 (Paperless)<\/span>\n <\/div>\n\n <div class=\"mt-12 flex flex-col sm:flex-row justify-center items-center gap-5\">\n <a href=\"https:\/\/notebooklm.google.com\/notebook\/5a1bc9a9-5fab-46de-a568-2f3e78233582?authuser=2\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"inline-flex items-center gap-3 px-8 py-4 rounded-full bg-indigo-600 hover:bg-indigo-500 text-white font-semibold text-lg transition-all shadow-lg hover:shadow-indigo-500\/50 border border-indigo-400\/50 transform hover:-translate-y-1\">\n <span class=\"text-2xl\">\ud83d\udcd4<\/span> \u0e2a\u0e23\u0e38\u0e1b\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e08\u0e32\u0e01 NotebookLM\n <\/a>\n <a href=\"https:\/\/script.google.com\/a\/macros\/kku.ac.th\/s\/AKfycbyZE-_JEJAbYDEKq_jJdOe17H0w51B0cXZeFNx7eNu-oO3r0_CgDasoAxBanRHnE9fAHw\/exec\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"inline-flex items-center gap-3 px-8 py-4 rounded-full bg-emerald-600 hover:bg-emerald-500 text-white font-semibold text-lg transition-all shadow-lg hover:shadow-emerald-500\/50 border border-emerald-400\/50 transform hover:-translate-y-1\">\n <span class=\"text-2xl\">\ud83c\udf10<\/span> \u0e40\u0e02\u0e49\u0e32\u0e2a\u0e39\u0e48\u0e23\u0e30\u0e1a\u0e1a (Portal)\n <\/a>\n <\/div>\n <\/div>\n <\/header>\n\n <main class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 -mt-16 relative z-20\">\n\n <!-- Executive Summary Stats -->\n <section class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6 mb-24\">\n <div class=\"glass-card rounded-2xl p-6 text-center transform transition duration-300 hover:-translate-y-2 hover:shadow-xl border-t-4 border-t-cyan-500\">\n <div class=\"text-5xl mb-4\">\u23f1\ufe0f<\/div>\n <h3 class=\"text-2xl font-bold text-slate-800 mb-2\">> 60%<\/h3>\n <p class=\"text-slate-600 font-medium\">\u0e25\u0e14\u0e23\u0e30\u0e22\u0e30\u0e40\u0e27\u0e25\u0e32\u0e14\u0e33\u0e40\u0e19\u0e34\u0e19\u0e01\u0e32\u0e23 (TAT)<\/p>\n <p class=\"text-sm text-slate-500 mt-2\">\u0e08\u0e32\u0e01\u0e40\u0e14\u0e34\u0e21\u0e40\u0e09\u0e25\u0e35\u0e48\u0e22 3-7 \u0e27\u0e31\u0e19 \u0e40\u0e2b\u0e25\u0e37\u0e2d\u0e40\u0e1e\u0e35\u0e22\u0e07 1-2 \u0e27\u0e31\u0e19\u0e15\u0e48\u0e2d\u0e04\u0e33\u0e02\u0e2d<\/p>\n <\/div>\n <div class=\"glass-card rounded-2xl p-6 text-center transform transition duration-300 hover:-translate-y-2 hover:shadow-xl border-t-4 border-t-emerald-500\">\n <div class=\"text-5xl mb-4\">\ud83c\udf33<\/div>\n <h3 class=\"text-2xl font-bold text-slate-800 mb-2\">100% Paperless<\/h3>\n <p class=\"text-slate-600 font-medium\">\u0e25\u0e14\u0e01\u0e32\u0e23\u0e43\u0e0a\u0e49\u0e01\u0e23\u0e30\u0e14\u0e32\u0e29\u0e41\u0e25\u0e30\u0e2b\u0e21\u0e36\u0e01\u0e1e\u0e34\u0e21\u0e1e\u0e4c<\/p>\n <p class=\"text-sm text-slate-500 mt-2\">\u0e25\u0e14\u0e20\u0e32\u0e23\u0e30\u0e07\u0e32\u0e19\u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23\u0e0b\u0e49\u0e33\u0e0b\u0e49\u0e2d\u0e19 \u0e0a\u0e48\u0e27\u0e22\u0e2d\u0e19\u0e38\u0e23\u0e31\u0e01\u0e29\u0e4c\u0e2a\u0e34\u0e48\u0e07\u0e41\u0e27\u0e14\u0e25\u0e49\u0e2d\u0e21<\/p>\n <\/div>\n <div class=\"glass-card rounded-2xl p-6 text-center transform transition duration-300 hover:-translate-y-2 hover:shadow-xl border-t-4 border-t-indigo-500\">\n <div class=\"text-5xl mb-4\">\ud83d\udd12<\/div>\n <h3 class=\"text-2xl font-bold text-slate-800 mb-2\">Zero Data Breach<\/h3>\n <p class=\"text-slate-600 font-medium\">\u0e04\u0e27\u0e32\u0e21\u0e1b\u0e25\u0e2d\u0e14\u0e20\u0e31\u0e22\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e2a\u0e39\u0e07\u0e2a\u0e38\u0e14<\/p>\n <p class=\"text-sm text-slate-500 mt-2\">\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e01\u0e32\u0e23\u0e40\u0e02\u0e49\u0e32\u0e16\u0e36\u0e07\u0e14\u0e49\u0e27\u0e22\u0e23\u0e30\u0e1a\u0e1a Audit Trail \u0e41\u0e25\u0e30\u0e40\u0e02\u0e49\u0e32\u0e23\u0e2b\u0e31\u0e2a<\/p>\n <\/div>\n <div class=\"glass-card rounded-2xl p-6 text-center transform transition duration-300 hover:-translate-y-2 hover:shadow-xl border-t-4 border-t-amber-500\">\n <div class=\"text-5xl mb-4\">\ud83d\udcc8<\/div>\n <h3 class=\"text-2xl font-bold text-slate-800 mb-2\">Real-time<\/h3>\n <p class=\"text-slate-600 font-medium\">\u0e15\u0e34\u0e14\u0e15\u0e32\u0e21\u0e2a\u0e16\u0e32\u0e19\u0e30\u0e04\u0e33\u0e02\u0e2d<\/p>\n <p class=\"text-sm text-slate-500 mt-2\">\u0e17\u0e23\u0e32\u0e1a\u0e2a\u0e16\u0e32\u0e19\u0e30\u0e2d\u0e31\u0e1b\u0e40\u0e14\u0e15\u0e17\u0e31\u0e19\u0e17\u0e35\u0e1c\u0e48\u0e32\u0e19\u0e23\u0e30\u0e1a\u0e1a Tracking & Notification<\/p>\n <\/div>\n <\/section>\n\n <!-- Context & Pain Points -->\n <section class=\"mb-24\">\n <div class=\"text-center mb-12\">\n <span class=\"text-amber-500 font-bold tracking-wider uppercase text-sm\">Background & Challenges<\/span>\n <h2 class=\"text-3xl md:text-4xl font-bold text-slate-900 mt-2\">\u0e27\u0e34\u0e01\u0e24\u0e15\u0e02\u0e2d\u0e07\u0e23\u0e30\u0e1a\u0e1a\u0e07\u0e32\u0e19\u0e41\u0e1a\u0e1a\u0e14\u0e31\u0e49\u0e07\u0e40\u0e14\u0e34\u0e21 (Pain Points)<\/h2>\n <div class=\"w-24 h-1 bg-gradient-to-r from-amber-400 to-red-500 mx-auto mt-6 rounded-full\"><\/div>\n <p class=\"text-lg text-slate-600 mt-6 max-w-3xl mx-auto leading-relaxed\">\n \u0e43\u0e19\u0e22\u0e38\u0e04\u0e02\u0e2d\u0e07 Data-Driven Healthcare \u0e01\u0e32\u0e23\u0e40\u0e02\u0e49\u0e32\u0e16\u0e36\u0e07\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e17\u0e35\u0e48\u0e25\u0e48\u0e32\u0e0a\u0e49\u0e32\u0e44\u0e21\u0e48\u0e44\u0e14\u0e49\u0e2b\u0e21\u0e32\u0e22\u0e16\u0e36\u0e07\u0e41\u0e04\u0e48\u0e04\u0e27\u0e32\u0e21\u0e44\u0e21\u0e48\u0e2a\u0e30\u0e14\u0e27\u0e01 \u0e41\u0e15\u0e48\u0e2b\u0e21\u0e32\u0e22\u0e16\u0e36\u0e07\u0e42\u0e2d\u0e01\u0e32\u0e2a\u0e43\u0e19\u0e01\u0e32\u0e23\u0e23\u0e31\u0e01\u0e29\u0e32\u0e17\u0e35\u0e48\u0e25\u0e48\u0e32\u0e0a\u0e49\u0e32 \u0e41\u0e25\u0e30\u0e04\u0e27\u0e32\u0e21\u0e25\u0e48\u0e32\u0e0a\u0e49\u0e32\u0e43\u0e19\u0e01\u0e32\u0e23\u0e15\u0e35\u0e1e\u0e34\u0e21\u0e1e\u0e4c\u0e07\u0e32\u0e19\u0e27\u0e34\u0e08\u0e31\u0e22 \u0e01\u0e23\u0e30\u0e1a\u0e27\u0e19\u0e01\u0e32\u0e23\u0e02\u0e2d\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e41\u0e1a\u0e1a Manual \u0e40\u0e14\u0e34\u0e21\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e1c\u0e25\u0e01\u0e23\u0e30\u0e17\u0e1a\u0e42\u0e14\u0e21\u0e34\u0e42\u0e19\u0e48 (Domino Effect) \u0e15\u0e48\u0e2d\u0e17\u0e38\u0e01\u0e20\u0e32\u0e04\u0e2a\u0e48\u0e27\u0e19\u0e43\u0e19\u0e42\u0e23\u0e07\u0e1e\u0e22\u0e32\u0e1a\u0e32\u0e25\n <\/p>\n <\/div>\n \n <div class=\"grid grid-cols-1 lg:grid-cols-2 gap-12 items-center\">\n <div class=\"glass-card rounded-3xl p-8 lg:p-10\">\n <h3 class=\"text-2xl font-bold mb-8 text-slate-800 border-b border-slate-200 pb-4\">\u0e02\u0e49\u0e2d\u0e08\u0e33\u0e01\u0e31\u0e14\u0e02\u0e2d\u0e07\u0e01\u0e23\u0e30\u0e1a\u0e27\u0e19\u0e01\u0e32\u0e23\u0e40\u0e14\u0e34\u0e21<\/h3>\n <ul class=\"space-y-8\">\n <li class=\"flex items-start\">\n <div class=\"bg-red-50 p-3 rounded-full mr-5 text-red-500 text-2xl\">\n \u26a0\ufe0f\n <\/div>\n <div>\n <strong class=\"text-xl text-slate-900 block mb-1\">Lack of Traceability (\u0e44\u0e23\u0e49\u0e01\u0e32\u0e23\u0e15\u0e34\u0e14\u0e15\u0e32\u0e21)<\/strong>\n <span class=\"text-slate-600 leading-relaxed\">\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e01\u0e23\u0e30\u0e08\u0e31\u0e14\u0e01\u0e23\u0e30\u0e08\u0e32\u0e22\u0e2d\u0e22\u0e39\u0e48\u0e43\u0e19\u0e41\u0e1f\u0e49\u0e21\u0e01\u0e23\u0e30\u0e14\u0e32\u0e29\u0e41\u0e25\u0e30\u0e2d\u0e35\u0e40\u0e21\u0e25\u0e2a\u0e48\u0e27\u0e19\u0e15\u0e31\u0e27 \u0e1c\u0e39\u0e49\u0e23\u0e49\u0e2d\u0e07\u0e02\u0e2d\u0e44\u0e21\u0e48\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e17\u0e23\u0e32\u0e1a\u0e44\u0e14\u0e49\u0e40\u0e25\u0e22\u0e27\u0e48\u0e32\u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23\u0e04\u0e33\u0e02\u0e2d\u0e02\u0e2d\u0e07\u0e15\u0e19\u0e40\u0e2d\u0e07\u0e2d\u0e22\u0e39\u0e48\u0e43\u0e19\u0e02\u0e31\u0e49\u0e19\u0e15\u0e2d\u0e19\u0e43\u0e14 \u0e2b\u0e23\u0e37\u0e2d\u0e04\u0e49\u0e32\u0e07\u0e2d\u0e22\u0e39\u0e48\u0e17\u0e35\u0e48\u0e40\u0e08\u0e49\u0e32\u0e2b\u0e19\u0e49\u0e32\u0e17\u0e35\u0e48\u0e17\u0e48\u0e32\u0e19\u0e43\u0e14 \u0e40\u0e01\u0e34\u0e14\u0e1b\u0e31\u0e0d\u0e2b\u0e32\u0e01\u0e32\u0e23\u0e42\u0e17\u0e23\u0e16\u0e32\u0e21\u0e0b\u0e49\u0e33\u0e0b\u0e49\u0e2d\u0e19<\/span>\n <\/div>\n <\/li>\n <li class=\"flex items-start\">\n <div class=\"bg-amber-50 p-3 rounded-full mr-5 text-amber-500 text-2xl\">\n \ud83d\udc22\n <\/div>\n <div>\n <strong class=\"text-xl text-slate-900 block mb-1\">Time-Consuming (\u0e2a\u0e39\u0e0d\u0e40\u0e2a\u0e35\u0e22\u0e40\u0e27\u0e25\u0e32\u0e21\u0e2b\u0e32\u0e28\u0e32\u0e25)<\/strong>\n <span class=\"text-slate-600 leading-relaxed\">\u0e01\u0e23\u0e30\u0e1a\u0e27\u0e19\u0e01\u0e32\u0e23\u0e2d\u0e19\u0e38\u0e21\u0e31\u0e15\u0e34\u0e1c\u0e48\u0e32\u0e19\u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23\u0e2b\u0e25\u0e32\u0e22\u0e02\u0e31\u0e49\u0e19\u0e15\u0e2d\u0e19 \u0e43\u0e0a\u0e49\u0e40\u0e27\u0e25\u0e32\u0e14\u0e33\u0e40\u0e19\u0e34\u0e19\u0e01\u0e32\u0e23\u0e40\u0e09\u0e25\u0e35\u0e48\u0e22 3-7 \u0e27\u0e31\u0e19\u0e17\u0e33\u0e01\u0e32\u0e23 \u0e2a\u0e48\u0e07\u0e1c\u0e25\u0e01\u0e23\u0e30\u0e17\u0e1a\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e23\u0e38\u0e19\u0e41\u0e23\u0e07\u0e15\u0e48\u0e2d\u0e04\u0e27\u0e32\u0e21\u0e40\u0e23\u0e47\u0e27\u0e43\u0e19\u0e01\u0e32\u0e23\u0e27\u0e34\u0e40\u0e04\u0e23\u0e32\u0e30\u0e2b\u0e4c\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e01\u0e32\u0e23\u0e23\u0e31\u0e01\u0e29\u0e32\u0e40\u0e04\u0e2a\u0e40\u0e23\u0e48\u0e07\u0e14\u0e48\u0e27\u0e19 (Urgent Cases)<\/span>\n <\/div>\n <\/li>\n <li class=\"flex items-start\">\n <div class=\"bg-slate-100 p-3 rounded-full mr-5 text-slate-600 text-2xl\">\n \ud83d\udd13\n <\/div>\n <div>\n <strong class=\"text-xl text-slate-900 block mb-1\">Security & PDPA Risks (\u0e04\u0e27\u0e32\u0e21\u0e40\u0e2a\u0e35\u0e48\u0e22\u0e07\u0e14\u0e49\u0e32\u0e19\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25)<\/strong>\n <span class=\"text-slate-600 leading-relaxed\">\u0e01\u0e32\u0e23\u0e04\u0e31\u0e14\u0e25\u0e2d\u0e01\u0e44\u0e1f\u0e25\u0e4c\u0e43\u0e2a\u0e48 Flash Drive \u0e2b\u0e23\u0e37\u0e2d\u0e2a\u0e48\u0e07\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e1c\u0e39\u0e49\u0e1b\u0e48\u0e27\u0e22 (PHI) \u0e1c\u0e48\u0e32\u0e19\u0e41\u0e2d\u0e1b\u0e1e\u0e25\u0e34\u0e40\u0e04\u0e0a\u0e31\u0e19\u0e41\u0e0a\u0e17\u0e17\u0e31\u0e48\u0e27\u0e44\u0e1b \u0e40\u0e2a\u0e35\u0e48\u0e22\u0e07\u0e15\u0e48\u0e2d\u0e01\u0e32\u0e23\u0e2b\u0e25\u0e38\u0e14\u0e23\u0e2d\u0e14\u0e02\u0e2d\u0e07\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25 \u0e41\u0e25\u0e30\u0e44\u0e21\u0e48\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e15\u0e23\u0e27\u0e08\u0e2a\u0e2d\u0e1a\u0e23\u0e48\u0e2d\u0e07\u0e23\u0e2d\u0e22 (Audit) \u0e22\u0e49\u0e2d\u0e19\u0e2b\u0e25\u0e31\u0e07\u0e44\u0e14\u0e49 \u0e1c\u0e34\u0e14\u0e2b\u0e25\u0e31\u0e01 \u0e1e.\u0e23.\u0e1a. \u0e04\u0e38\u0e49\u0e21\u0e04\u0e23\u0e2d\u0e07\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e2a\u0e48\u0e27\u0e19\u0e1a\u0e38\u0e04\u0e04\u0e25<\/span>\n <\/div>\n <\/li>\n <li class=\"flex items-start\">\n <div class=\"bg-indigo-50 p-3 rounded-full mr-5 text-indigo-500 text-2xl\">\n \ud83d\udcda\n <\/div>\n <div>\n <strong class=\"text-xl text-slate-900 block mb-1\">High Workload (\u0e20\u0e32\u0e23\u0e30\u0e07\u0e32\u0e19\u0e25\u0e49\u0e19\u0e21\u0e37\u0e2d\u0e40\u0e08\u0e49\u0e32\u0e2b\u0e19\u0e49\u0e32\u0e17\u0e35\u0e48)<\/strong>\n <span class=\"text-slate-600 leading-relaxed\">\u0e40\u0e08\u0e49\u0e32\u0e2b\u0e19\u0e49\u0e32\u0e17\u0e35\u0e48\u0e40\u0e27\u0e0a\u0e23\u0e30\u0e40\u0e1a\u0e35\u0e22\u0e19\u0e15\u0e49\u0e2d\u0e07\u0e40\u0e2a\u0e35\u0e22\u0e40\u0e27\u0e25\u0e32\u0e21\u0e32\u0e01\u0e01\u0e27\u0e48\u0e32 20% \u0e43\u0e19\u0e41\u0e15\u0e48\u0e25\u0e30\u0e27\u0e31\u0e19\u0e44\u0e1b\u0e01\u0e31\u0e1a\u0e01\u0e32\u0e23\u0e04\u0e49\u0e19\u0e2b\u0e32\u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23\u0e08\u0e32\u0e01\u0e2b\u0e49\u0e2d\u0e07\u0e40\u0e01\u0e47\u0e1a\u0e41\u0e1f\u0e49\u0e21 \u0e41\u0e17\u0e19\u0e17\u0e35\u0e48\u0e08\u0e30\u0e44\u0e14\u0e49\u0e43\u0e0a\u0e49\u0e04\u0e27\u0e32\u0e21\u0e40\u0e0a\u0e35\u0e48\u0e22\u0e27\u0e0a\u0e32\u0e0d\u0e43\u0e19\u0e01\u0e32\u0e23\u0e08\u0e31\u0e14\u0e42\u0e04\u0e23\u0e07\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25 (Data Governance)<\/span>\n <\/div>\n <\/li>\n <\/ul>\n <\/div>\n\n <div class=\"flex flex-col gap-8\">\n <div class=\"glass-card rounded-3xl p-8 flex flex-col items-center shadow-lg\">\n <h3 class=\"text-xl font-bold text-slate-800 mb-2 text-center\">\u0e2a\u0e31\u0e14\u0e2a\u0e48\u0e27\u0e19\u0e01\u0e32\u0e23\u0e2a\u0e39\u0e0d\u0e40\u0e2a\u0e35\u0e22\u0e40\u0e27\u0e25\u0e32\u0e02\u0e2d\u0e07\u0e1a\u0e38\u0e04\u0e25\u0e32\u0e01\u0e23<\/h3>\n <p class=\"text-sm text-slate-500 text-center mb-6\">\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e2d\u0e49\u0e32\u0e07\u0e2d\u0e34\u0e07\u0e08\u0e32\u0e01\u0e07\u0e32\u0e19\u0e27\u0e34\u0e08\u0e31\u0e22\u0e14\u0e49\u0e32\u0e19 Health Informatics \u0e41\u0e25\u0e30 \u0e2a\u0e27\u0e23\u0e2a.<\/p>\n <div class=\"chart-container w-full\">\n <canvas id=\"timeWasteChart\"><\/canvas>\n <\/div>\n <div class=\"mt-8 text-center text-slate-700 bg-amber-50 p-5 rounded-2xl border border-amber-200\">\n <p class=\"text-lg\">\u0e1a\u0e38\u0e04\u0e25\u0e32\u0e01\u0e23\u0e17\u0e32\u0e07\u0e01\u0e32\u0e23\u0e41\u0e1e\u0e17\u0e22\u0e4c\u0e2a\u0e39\u0e0d\u0e40\u0e2a\u0e35\u0e22\u0e40\u0e27\u0e25\u0e32\u0e40\u0e09\u0e25\u0e35\u0e48\u0e22 <strong class=\"text-amber-600 text-2xl\">15-20%<\/strong><br>\u0e44\u0e1b\u0e01\u0e31\u0e1a\u0e01\u0e23\u0e30\u0e1a\u0e27\u0e19\u0e01\u0e32\u0e23\u0e04\u0e49\u0e19\u0e2b\u0e32\u0e41\u0e25\u0e30\u0e15\u0e34\u0e14\u0e15\u0e32\u0e21\u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23\u0e40\u0e27\u0e0a\u0e23\u0e30\u0e40\u0e1a\u0e35\u0e22\u0e19\u0e41\u0e1a\u0e1a Manual<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- Target Personas (New Section) -->\n <section class=\"mb-24\">\n <div class=\"text-center mb-12\">\n <span class=\"text-indigo-600 font-bold tracking-wider uppercase text-sm\">Key Stakeholders<\/span>\n <h2 class=\"text-3xl md:text-4xl font-bold text-slate-900 mt-2\">\u0e22\u0e01\u0e23\u0e30\u0e14\u0e31\u0e1a\u0e01\u0e32\u0e23\u0e17\u0e33\u0e07\u0e32\u0e19\u0e43\u0e2b\u0e49\u0e04\u0e23\u0e2d\u0e1a\u0e04\u0e25\u0e38\u0e21\u0e17\u0e38\u0e01\u0e20\u0e32\u0e04\u0e2a\u0e48\u0e27\u0e19<\/h2>\n <div class=\"w-24 h-1 bg-gradient-to-r from-indigo-400 to-cyan-400 mx-auto mt-6 rounded-full\"><\/div>\n <\/div>\n\n <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6\">\n <!-- Persona 1 -->\n <div class=\"bg-white rounded-3xl p-8 border border-slate-100 shadow-lg hover:shadow-2xl transition-all relative overflow-hidden group\">\n <div class=\"absolute top-0 right-0 w-24 h-24 bg-blue-50 rounded-bl-full -mr-4 -mt-4 transition-transform group-hover:scale-110\"><\/div>\n <div class=\"text-4xl mb-4 relative z-10\">\ud83d\udc68\u200d\u2695\ufe0f<\/div>\n <h4 class=\"text-xl font-bold text-slate-800 mb-3 relative z-10\">\u0e41\u0e1e\u0e17\u0e22\u0e4c\u0e1c\u0e39\u0e49\u0e23\u0e31\u0e01\u0e29\u0e32<\/h4>\n <p class=\"text-slate-600 text-sm leading-relaxed relative z-10\">\u0e40\u0e02\u0e49\u0e32\u0e16\u0e36\u0e07\u0e1b\u0e23\u0e30\u0e27\u0e31\u0e15\u0e34\u0e01\u0e32\u0e23\u0e23\u0e31\u0e01\u0e29\u0e32\u0e1c\u0e39\u0e49\u0e1b\u0e48\u0e27\u0e22\u0e43\u0e19\u0e2d\u0e14\u0e35\u0e15 (Retrospective data) \u0e44\u0e14\u0e49\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e23\u0e27\u0e14\u0e40\u0e23\u0e47\u0e27 \u0e1b\u0e23\u0e30\u0e01\u0e2d\u0e1a\u0e01\u0e32\u0e23\u0e15\u0e31\u0e14\u0e2a\u0e34\u0e19\u0e43\u0e08\u0e23\u0e31\u0e01\u0e29\u0e32\u0e43\u0e19\u0e40\u0e04\u0e2a\u0e0b\u0e31\u0e1a\u0e0b\u0e49\u0e2d\u0e19\u0e44\u0e14\u0e49\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e41\u0e21\u0e48\u0e19\u0e22\u0e33 \u0e17\u0e31\u0e19\u0e40\u0e27\u0e25\u0e32 \u0e25\u0e14\u0e04\u0e27\u0e32\u0e21\u0e1c\u0e34\u0e14\u0e1e\u0e25\u0e32\u0e14\u0e17\u0e32\u0e07\u0e01\u0e32\u0e23\u0e41\u0e1e\u0e17\u0e22\u0e4c (Medical Errors)<\/p>\n <\/div>\n <!-- Persona 2 -->\n <div class=\"bg-white rounded-3xl p-8 border border-slate-100 shadow-lg hover:shadow-2xl transition-all relative overflow-hidden group\">\n <div class=\"absolute top-0 right-0 w-24 h-24 bg-purple-50 rounded-bl-full -mr-4 -mt-4 transition-transform group-hover:scale-110\"><\/div>\n <div class=\"text-4xl mb-4 relative z-10\">\ud83d\udcca<\/div>\n <h4 class=\"text-xl font-bold text-slate-800 mb-3 relative z-10\">\u0e19\u0e31\u0e01\u0e27\u0e34\u0e08\u0e31\u0e22 \/ \u0e19\u0e31\u0e01\u0e28\u0e36\u0e01\u0e29\u0e32<\/h4>\n <p class=\"text-slate-600 text-sm leading-relaxed relative z-10\">\u0e21\u0e35\u0e0a\u0e48\u0e2d\u0e07\u0e17\u0e32\u0e07\u0e40\u0e09\u0e1e\u0e32\u0e30\u0e43\u0e19\u0e01\u0e32\u0e23\u0e02\u0e2d\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e0a\u0e38\u0e14\u0e43\u0e2b\u0e0d\u0e48 (Big Data \/ Statistics) \u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e2d\u0e49\u0e32\u0e07\u0e2d\u0e34\u0e07\u0e23\u0e2b\u0e31\u0e2a ICD-10 \u0e08\u0e32\u0e01\u0e43\u0e19\u0e23\u0e30\u0e1a\u0e1a\u0e44\u0e14\u0e49\u0e42\u0e14\u0e22\u0e15\u0e23\u0e07 \u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e23\u0e30\u0e1a\u0e1a\u0e15\u0e23\u0e27\u0e08\u0e2a\u0e2d\u0e1a\u0e2b\u0e21\u0e32\u0e22\u0e40\u0e25\u0e02\u0e2d\u0e19\u0e38\u0e21\u0e31\u0e15\u0e34\u0e08\u0e23\u0e34\u0e22\u0e18\u0e23\u0e23\u0e21 (IRB) \u0e43\u0e2b\u0e49\u0e2d\u0e31\u0e15\u0e42\u0e19\u0e21\u0e31\u0e15\u0e34<\/p>\n <\/div>\n <!-- Persona 3 -->\n <div class=\"bg-white rounded-3xl p-8 border border-slate-100 shadow-lg hover:shadow-2xl transition-all relative overflow-hidden group\">\n <div class=\"absolute top-0 right-0 w-24 h-24 bg-emerald-50 rounded-bl-full -mr-4 -mt-4 transition-transform group-hover:scale-110\"><\/div>\n <div class=\"text-4xl mb-4 relative z-10\">\ud83d\udcc2<\/div>\n <h4 class=\"text-xl font-bold text-slate-800 mb-3 relative z-10\">\u0e40\u0e08\u0e49\u0e32\u0e2b\u0e19\u0e49\u0e32\u0e17\u0e35\u0e48\u0e40\u0e27\u0e0a\u0e23\u0e30\u0e40\u0e1a\u0e35\u0e22\u0e19<\/h4>\n <p class=\"text-slate-600 text-sm leading-relaxed relative z-10\">\u0e23\u0e30\u0e1a\u0e1a\u0e08\u0e31\u0e14\u0e25\u0e33\u0e14\u0e31\u0e1a\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e33\u0e04\u0e31\u0e0d\u0e02\u0e2d\u0e07\u0e04\u0e33\u0e02\u0e2d (Priority Queue) \u0e43\u0e2b\u0e49\u0e2d\u0e31\u0e15\u0e42\u0e19\u0e21\u0e31\u0e15\u0e34 \u0e25\u0e14\u0e07\u0e32\u0e19\u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23\u0e0b\u0e49\u0e33\u0e0b\u0e49\u0e2d\u0e19 \u0e40\u0e1b\u0e25\u0e35\u0e48\u0e22\u0e19\u0e1a\u0e17\u0e1a\u0e32\u0e17\u0e08\u0e32\u0e01 “\u0e04\u0e19\u0e2b\u0e32\u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23” \u0e2a\u0e39\u0e48 “\u0e1c\u0e39\u0e49\u0e15\u0e23\u0e27\u0e08\u0e2a\u0e2d\u0e1a\u0e04\u0e38\u0e13\u0e20\u0e32\u0e1e\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25” (Data Quality Controller)<\/p>\n <\/div>\n <!-- Persona 4 -->\n <div class=\"bg-white rounded-3xl p-8 border border-slate-100 shadow-lg hover:shadow-2xl transition-all relative overflow-hidden group\">\n <div class=\"absolute top-0 right-0 w-24 h-24 bg-amber-50 rounded-bl-full -mr-4 -mt-4 transition-transform group-hover:scale-110\"><\/div>\n <div class=\"text-4xl mb-4 relative z-10\">\ud83d\udc68\u200d\ud83d\udcbc<\/div>\n <h4 class=\"text-xl font-bold text-slate-800 mb-3 relative z-10\">\u0e1c\u0e39\u0e49\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23\u0e42\u0e23\u0e07\u0e1e\u0e22\u0e32\u0e1a\u0e32\u0e25<\/h4>\n <p class=\"text-slate-600 text-sm leading-relaxed relative z-10\">\u0e21\u0e35\u0e23\u0e30\u0e1a\u0e1a Executive Dashboard \u0e21\u0e2d\u0e07\u0e40\u0e2b\u0e47\u0e19\u0e20\u0e32\u0e1e\u0e23\u0e27\u0e21\u0e01\u0e32\u0e23\u0e17\u0e33\u0e07\u0e32\u0e19\u0e17\u0e31\u0e49\u0e07\u0e2b\u0e21\u0e14 \u0e17\u0e23\u0e32\u0e1a\u0e16\u0e36\u0e07\u0e1b\u0e31\u0e0d\u0e2b\u0e32\u0e04\u0e2d\u0e02\u0e27\u0e14 (Bottleneck) \u0e43\u0e19\u0e01\u0e23\u0e30\u0e1a\u0e27\u0e19\u0e01\u0e32\u0e23 \u0e19\u0e33\u0e44\u0e1b\u0e2a\u0e39\u0e48\u0e01\u0e32\u0e23\u0e15\u0e31\u0e14\u0e2a\u0e34\u0e19\u0e43\u0e08\u0e41\u0e25\u0e30\u0e08\u0e31\u0e14\u0e2a\u0e23\u0e23\u0e01\u0e33\u0e25\u0e31\u0e07\u0e04\u0e19 (Resource Allocation) \u0e44\u0e14\u0e49\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e15\u0e23\u0e07\u0e08\u0e38\u0e14<\/p>\n <\/div>\n <\/div>\n\n <!-- User Distribution Chart -->\n <div class=\"mt-12 glass-card rounded-3xl p-8 flex flex-col lg:flex-row items-center gap-10\">\n <div class=\"flex-1 text-left\">\n <h3 class=\"text-2xl font-bold text-slate-800 mb-4\">\u0e2a\u0e31\u0e14\u0e2a\u0e48\u0e27\u0e19\u0e1c\u0e39\u0e49\u0e02\u0e2d\u0e23\u0e31\u0e1a\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25<\/h3>\n <p class=\"text-slate-600 leading-relaxed mb-6\">\u0e08\u0e32\u0e01\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e01\u0e32\u0e23\u0e1b\u0e23\u0e30\u0e40\u0e21\u0e34\u0e19\u0e1e\u0e1a\u0e27\u0e48\u0e32 \u0e04\u0e27\u0e32\u0e21\u0e15\u0e49\u0e2d\u0e07\u0e01\u0e32\u0e23\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e01\u0e23\u0e30\u0e08\u0e32\u0e22\u0e44\u0e1b\u0e43\u0e19\u0e2b\u0e25\u0e32\u0e22\u0e01\u0e25\u0e38\u0e48\u0e21\u0e1a\u0e38\u0e04\u0e25\u0e32\u0e01\u0e23 \u0e01\u0e32\u0e23\u0e21\u0e35\u0e23\u0e30\u0e1a\u0e1a\u0e28\u0e39\u0e19\u0e22\u0e4c\u0e01\u0e25\u0e32\u0e07 (Centralized Portal) \u0e08\u0e36\u0e07\u0e15\u0e2d\u0e1a\u0e42\u0e08\u0e17\u0e22\u0e4c\u0e04\u0e27\u0e32\u0e21\u0e15\u0e49\u0e2d\u0e07\u0e01\u0e32\u0e23\u0e17\u0e35\u0e48\u0e2b\u0e25\u0e32\u0e01\u0e2b\u0e25\u0e32\u0e22 \u0e17\u0e31\u0e49\u0e07\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e01\u0e32\u0e23\u0e14\u0e39\u0e41\u0e25\u0e1c\u0e39\u0e49\u0e1b\u0e48\u0e27\u0e22\u0e15\u0e23\u0e07 (Direct Care) \u0e41\u0e25\u0e30\u0e07\u0e32\u0e19\u0e27\u0e34\u0e0a\u0e32\u0e01\u0e32\u0e23 (Academic)<\/p>\n <ul class=\"space-y-3\">\n <li class=\"flex items-center text-slate-700\"><span class=\"w-4 h-4 rounded-full bg-blue-500 mr-3\"><\/span> \u0e41\u0e1e\u0e17\u0e22\u0e4c \/ \u0e17\u0e31\u0e19\u0e15\u0e41\u0e1e\u0e17\u0e22\u0e4c (40%)<\/li>\n <li class=\"flex items-center text-slate-700\"><span class=\"w-4 h-4 rounded-full bg-emerald-500 mr-3\"><\/span> \u0e1e\u0e22\u0e32\u0e1a\u0e32\u0e25 \/ \u0e2a\u0e2b\u0e27\u0e34\u0e0a\u0e32\u0e0a\u0e35\u0e1e (25%)<\/li>\n <li class=\"flex items-center text-slate-700\"><span class=\"w-4 h-4 rounded-full bg-purple-500 mr-3\"><\/span> \u0e19\u0e31\u0e01\u0e27\u0e34\u0e08\u0e31\u0e22\u0e41\u0e25\u0e30\u0e19\u0e31\u0e01\u0e28\u0e36\u0e01\u0e29\u0e32 (25%)<\/li>\n <li class=\"flex items-center text-slate-700\"><span class=\"w-4 h-4 rounded-full bg-amber-500 mr-3\"><\/span> \u0e41\u0e1c\u0e19\u0e01\u0e41\u0e25\u0e30\u0e2b\u0e19\u0e48\u0e27\u0e22\u0e07\u0e32\u0e19\u0e2d\u0e37\u0e48\u0e19\u0e46 (10%)<\/li>\n <\/ul>\n <\/div>\n <div class=\"flex-1 w-full flex justify-center\">\n <div class=\"chart-container w-full max-w-md\">\n <canvas id=\"userDistributionChart\"><\/canvas>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- Core Features (Dark Background with High Contrast Rules applied) -->\n <section class=\"mb-24 bg-slate-900 rounded-[2.5rem] p-10 lg:p-16 shadow-2xl relative overflow-hidden border border-slate-700\">\n <!-- Background Decorations -->\n <div class=\"absolute top-0 right-0 w-96 h-96 bg-cyan-600 rounded-full mix-blend-screen filter blur-[100px] opacity-30 transform translate-x-1\/3 -translate-y-1\/3\"><\/div>\n <div class=\"absolute bottom-0 left-0 w-96 h-96 bg-emerald-600 rounded-full mix-blend-screen filter blur-[100px] opacity-30 transform -translate-x-1\/3 translate-y-1\/3\"><\/div>\n \n <div class=\"text-center mb-16 relative z-10\">\n <span class=\"text-cyan-400 font-bold tracking-wider uppercase text-sm\">Platform Capabilities<\/span>\n <h2 class=\"text-3xl md:text-5xl font-extrabold text-white mt-3 mb-6\">\u0e1f\u0e35\u0e40\u0e08\u0e2d\u0e23\u0e4c\u0e2a\u0e33\u0e04\u0e31\u0e0d\u0e02\u0e2d\u0e07\u0e23\u0e30\u0e1a\u0e1a (Core Features)<\/h2>\n <div class=\"w-24 h-1 bg-gradient-to-r from-cyan-400 to-emerald-400 mx-auto rounded-full\"><\/div>\n <p class=\"text-xl text-slate-300 max-w-3xl mx-auto mt-8 font-light\">\n \u0e2d\u0e2d\u0e01\u0e41\u0e1a\u0e1a\u0e20\u0e32\u0e22\u0e43\u0e15\u0e49\u0e2a\u0e16\u0e32\u0e1b\u0e31\u0e15\u0e22\u0e01\u0e23\u0e23\u0e21 Web Application \u0e17\u0e35\u0e48\u0e17\u0e31\u0e19\u0e2a\u0e21\u0e31\u0e22 \u0e23\u0e27\u0e21\u0e17\u0e38\u0e01\u0e1f\u0e31\u0e07\u0e01\u0e4c\u0e0a\u0e31\u0e19\u0e01\u0e32\u0e23\u0e17\u0e33\u0e07\u0e32\u0e19\u0e44\u0e27\u0e49\u0e43\u0e19\u0e17\u0e35\u0e48\u0e40\u0e14\u0e35\u0e22\u0e27 \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e1b\u0e23\u0e30\u0e2a\u0e1a\u0e01\u0e32\u0e23\u0e13\u0e4c\u0e41\u0e1a\u0e1a Seamless \u0e44\u0e23\u0e49\u0e23\u0e2d\u0e22\u0e15\u0e48\u0e2d\n <\/p>\n <\/div>\n\n <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8 relative z-10\">\n <!-- Feature 1 -->\n <div class=\"glass-card-dark rounded-3xl p-8 hover:-translate-y-2 transition-transform duration-300\">\n <div class=\"text-4xl mb-5 bg-slate-800 w-16 h-16 flex items-center justify-center rounded-2xl border border-slate-600 shadow-inner\">\ud83d\udcca<\/div>\n <h4 class=\"text-2xl font-bold text-white mb-3\">Live Dashboard<\/h4>\n <p class=\"text-cyan-100 font-medium mb-3 text-sm\">\u0e01\u0e32\u0e23\u0e1b\u0e23\u0e30\u0e21\u0e27\u0e25\u0e1c\u0e25\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e41\u0e1a\u0e1a Real-time<\/p>\n <p class=\"text-slate-300 text-sm leading-relaxed\">\n \u0e41\u0e2a\u0e14\u0e07\u0e2a\u0e16\u0e34\u0e15\u0e34\u0e1b\u0e23\u0e34\u0e21\u0e32\u0e13\u0e04\u0e33\u0e02\u0e2d, \u0e23\u0e30\u0e22\u0e30\u0e40\u0e27\u0e25\u0e32\u0e40\u0e09\u0e25\u0e35\u0e48\u0e22 (TAT), \u0e41\u0e25\u0e30\u0e42\u0e2b\u0e25\u0e14\u0e07\u0e32\u0e19\u0e02\u0e2d\u0e07\u0e40\u0e08\u0e49\u0e32\u0e2b\u0e19\u0e49\u0e32\u0e17\u0e35\u0e48\u0e41\u0e15\u0e48\u0e25\u0e30\u0e04\u0e19 \u0e1c\u0e39\u0e49\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16 Export \u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e40\u0e1b\u0e47\u0e19\u0e23\u0e39\u0e1b\u0e41\u0e1a\u0e1a CSV \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e19\u0e33\u0e44\u0e1b\u0e27\u0e34\u0e40\u0e04\u0e23\u0e32\u0e30\u0e2b\u0e4c\u0e15\u0e48\u0e2d\u0e43\u0e19\u0e23\u0e30\u0e1a\u0e1a Business Intelligence (BI) \u0e44\u0e14\u0e49\u0e17\u0e31\u0e19\u0e17\u0e35\n <\/p>\n <\/div>\n <!-- Feature 2 -->\n <div class=\"glass-card-dark rounded-3xl p-8 hover:-translate-y-2 transition-transform duration-300\">\n <div class=\"text-4xl mb-5 bg-slate-800 w-16 h-16 flex items-center justify-center rounded-2xl border border-slate-600 shadow-inner\">\ud83d\udcc1<\/div>\n <h4 class=\"text-2xl font-bold text-white mb-3\">Secure File Delivery<\/h4>\n <p class=\"text-cyan-100 font-medium mb-3 text-sm\">\u0e23\u0e30\u0e1a\u0e1a\u0e2a\u0e48\u0e07\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e40\u0e02\u0e49\u0e32\u0e23\u0e2b\u0e31\u0e2a\u0e02\u0e31\u0e49\u0e19\u0e2a\u0e39\u0e07<\/p>\n <p class=\"text-slate-300 text-sm leading-relaxed\">\n \u0e1c\u0e25\u0e25\u0e31\u0e1e\u0e18\u0e4c\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e40\u0e27\u0e0a\u0e23\u0e30\u0e40\u0e1a\u0e35\u0e22\u0e19\u0e08\u0e30\u0e44\u0e21\u0e48\u0e16\u0e39\u0e01\u0e2a\u0e48\u0e07\u0e1c\u0e48\u0e32\u0e19\u0e41\u0e0a\u0e17 \u0e41\u0e15\u0e48\u0e08\u0e30\u0e16\u0e39\u0e01\u0e41\u0e1b\u0e25\u0e07\u0e40\u0e1b\u0e47\u0e19 Secure Link (Internal \/ Public URL) \u0e0b\u0e36\u0e48\u0e07\u0e1c\u0e39\u0e49\u0e14\u0e39\u0e41\u0e25\u0e23\u0e30\u0e1a\u0e1a\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e01\u0e33\u0e2b\u0e19\u0e14\u0e27\u0e31\u0e19\u0e2b\u0e21\u0e14\u0e2d\u0e32\u0e22\u0e38 (Expiry Date) \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e17\u0e33\u0e25\u0e32\u0e22\u0e25\u0e34\u0e07\u0e01\u0e4c\u0e17\u0e34\u0e49\u0e07\u0e42\u0e14\u0e22\u0e2d\u0e31\u0e15\u0e42\u0e19\u0e21\u0e31\u0e15\u0e34\n <\/p>\n <\/div>\n <!-- Feature 3 -->\n <div class=\"glass-card-dark rounded-3xl p-8 hover:-translate-y-2 transition-transform duration-300\">\n <div class=\"text-4xl mb-5 bg-slate-800 w-16 h-16 flex items-center justify-center rounded-2xl border border-slate-600 shadow-inner\">\ud83d\udcc8<\/div>\n <h4 class=\"text-2xl font-bold text-white mb-3\">Statistics Module<\/h4>\n <p class=\"text-cyan-100 font-medium mb-3 text-sm\">\u0e42\u0e21\u0e14\u0e39\u0e25\u0e40\u0e09\u0e1e\u0e32\u0e30\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e07\u0e32\u0e19\u0e27\u0e34\u0e08\u0e31\u0e22<\/p>\n <p class=\"text-slate-300 text-sm leading-relaxed\">\n \u0e41\u0e22\u0e01\u0e23\u0e30\u0e1a\u0e1a\u0e1f\u0e2d\u0e23\u0e4c\u0e21\u0e02\u0e2d\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e2a\u0e16\u0e34\u0e15\u0e34\u0e40\u0e09\u0e1e\u0e32\u0e30\u0e40\u0e08\u0e32\u0e30\u0e08\u0e07 \u0e23\u0e2d\u0e07\u0e23\u0e31\u0e1a\u0e01\u0e32\u0e23\u0e23\u0e30\u0e1a\u0e38\u0e40\u0e07\u0e37\u0e48\u0e2d\u0e19\u0e44\u0e02\u0e0b\u0e31\u0e1a\u0e0b\u0e49\u0e2d\u0e19 (Inclusion\/Exclusion) \u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e23\u0e30\u0e1a\u0e1a\u0e01\u0e23\u0e2d\u0e01\u0e2b\u0e21\u0e32\u0e22\u0e40\u0e25\u0e02\u0e2d\u0e19\u0e38\u0e21\u0e31\u0e15\u0e34\u0e08\u0e32\u0e01\u0e04\u0e13\u0e30\u0e01\u0e23\u0e23\u0e21\u0e01\u0e32\u0e23\u0e08\u0e23\u0e34\u0e22\u0e18\u0e23\u0e23\u0e21 (IRB) \u0e1b\u0e49\u0e2d\u0e07\u0e01\u0e31\u0e19\u0e01\u0e32\u0e23\u0e19\u0e33\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e44\u0e1b\u0e43\u0e0a\u0e49\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e1c\u0e34\u0e14\u0e27\u0e31\u0e15\u0e16\u0e38\u0e1b\u0e23\u0e30\u0e2a\u0e07\u0e04\u0e4c\n <\/p>\n <\/div>\n <!-- Feature 4 -->\n <div class=\"glass-card-dark rounded-3xl p-8 hover:-translate-y-2 transition-transform duration-300\">\n <div class=\"text-4xl mb-5 bg-slate-800 w-16 h-16 flex items-center justify-center rounded-2xl border border-slate-600 shadow-inner\">\ud83d\udd0d<\/div>\n <h4 class=\"text-2xl font-bold text-white mb-3\">Smart ICD Dictionary<\/h4>\n <p class=\"text-cyan-100 font-medium mb-3 text-sm\">\u0e04\u0e25\u0e31\u0e07\u0e23\u0e2b\u0e31\u0e2a\u0e2d\u0e49\u0e32\u0e07\u0e2d\u0e34\u0e07\u0e17\u0e32\u0e07\u0e01\u0e32\u0e23\u0e41\u0e1e\u0e17\u0e22\u0e4c<\/p>\n <p class=\"text-slate-300 text-sm leading-relaxed\">\n \u0e1a\u0e39\u0e23\u0e13\u0e32\u0e01\u0e32\u0e23\u0e10\u0e32\u0e19\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e23\u0e2b\u0e31\u0e2a\u0e42\u0e23\u0e04 (ICD-10) \u0e41\u0e25\u0e30\u0e23\u0e2b\u0e31\u0e2a\u0e2b\u0e31\u0e15\u0e16\u0e01\u0e32\u0e23 (ICD-9-CM) \u0e44\u0e27\u0e49\u0e43\u0e19\u0e15\u0e31\u0e27 \u0e1c\u0e39\u0e49\u0e43\u0e0a\u0e49\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e1e\u0e34\u0e21\u0e1e\u0e4c\u0e04\u0e49\u0e19\u0e2b\u0e32 Keyword \u0e23\u0e30\u0e1a\u0e1a\u0e08\u0e30\u0e41\u0e2a\u0e14\u0e07\u0e23\u0e2b\u0e31\u0e2a\u0e17\u0e35\u0e48\u0e40\u0e01\u0e35\u0e48\u0e22\u0e27\u0e02\u0e49\u0e2d\u0e07\u0e43\u0e2b\u0e49\u0e40\u0e25\u0e37\u0e2d\u0e01\u0e17\u0e31\u0e19\u0e17\u0e35 \u0e25\u0e14\u0e02\u0e49\u0e2d\u0e1c\u0e34\u0e14\u0e1e\u0e25\u0e32\u0e14\u0e43\u0e19\u0e01\u0e32\u0e23\u0e02\u0e2d\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e1c\u0e34\u0e14\u0e42\u0e23\u0e04\n <\/p>\n <\/div>\n <!-- Feature 5 -->\n <div class=\"glass-card-dark rounded-3xl p-8 hover:-translate-y-2 transition-transform duration-300\">\n <div class=\"text-4xl mb-5 bg-slate-800 w-16 h-16 flex items-center justify-center rounded-2xl border border-slate-600 shadow-inner\">\ud83d\udd14<\/div>\n <h4 class=\"text-2xl font-bold text-white mb-3\">Event-Driven Alerts<\/h4>\n <p class=\"text-cyan-100 font-medium mb-3 text-sm\">\u0e23\u0e30\u0e1a\u0e1a\u0e41\u0e08\u0e49\u0e07\u0e40\u0e15\u0e37\u0e2d\u0e19\u0e2d\u0e31\u0e08\u0e09\u0e23\u0e34\u0e22\u0e30<\/p>\n <p class=\"text-slate-300 text-sm leading-relaxed\">\n \u0e40\u0e21\u0e37\u0e48\u0e2d\u0e2a\u0e16\u0e32\u0e19\u0e30\u0e02\u0e2d\u0e07\u0e04\u0e33\u0e02\u0e2d\u0e21\u0e35\u0e01\u0e32\u0e23\u0e40\u0e1b\u0e25\u0e35\u0e48\u0e22\u0e19\u0e41\u0e1b\u0e25\u0e07 (\u0e40\u0e0a\u0e48\u0e19 \u0e08\u0e32\u0e01 “\u0e23\u0e2d\u0e14\u0e33\u0e40\u0e19\u0e34\u0e19\u0e01\u0e32\u0e23” \u0e40\u0e1b\u0e47\u0e19 “\u0e2d\u0e19\u0e38\u0e21\u0e31\u0e15\u0e34\u0e41\u0e25\u0e49\u0e27”) \u0e23\u0e30\u0e1a\u0e1a\u0e08\u0e30\u0e17\u0e23\u0e34\u0e01\u0e40\u0e01\u0e2d\u0e23\u0e4c\u0e01\u0e32\u0e23\u0e41\u0e08\u0e49\u0e07\u0e40\u0e15\u0e37\u0e2d\u0e19\u0e44\u0e1b\u0e22\u0e31\u0e07 Email \u0e2b\u0e23\u0e37\u0e2d Notification Center \u0e02\u0e2d\u0e07\u0e1c\u0e39\u0e49\u0e43\u0e0a\u0e49\u0e17\u0e31\u0e19\u0e17\u0e35 \u0e02\u0e08\u0e31\u0e14\u0e1b\u0e31\u0e0d\u0e2b\u0e32\u0e01\u0e32\u0e23\u0e23\u0e2d\u0e04\u0e2d\u0e22\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e44\u0e23\u0e49\u0e08\u0e38\u0e14\u0e2b\u0e21\u0e32\u0e22\n <\/p>\n <\/div>\n <!-- Feature 6 -->\n <div class=\"glass-card-dark rounded-3xl p-8 hover:-translate-y-2 transition-transform duration-300\">\n <div class=\"text-4xl mb-5 bg-slate-800 w-16 h-16 flex items-center justify-center rounded-2xl border border-slate-600 shadow-inner\">\ud83d\udcdd<\/div>\n <h4 class=\"text-2xl font-bold text-white mb-3\">Dynamic Wizard Form<\/h4>\n <p class=\"text-cyan-100 font-medium mb-3 text-sm\">\u0e1f\u0e2d\u0e23\u0e4c\u0e21\u0e01\u0e23\u0e2d\u0e01\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25 5 \u0e02\u0e31\u0e49\u0e19\u0e15\u0e2d\u0e19<\/p>\n <p class=\"text-slate-300 text-sm leading-relaxed\">\n UI \u0e16\u0e39\u0e01\u0e2d\u0e2d\u0e01\u0e41\u0e1a\u0e1a\u0e43\u0e2b\u0e49\u0e40\u0e1b\u0e47\u0e19\u0e41\u0e1a\u0e1a Step-by-step \u0e21\u0e35\u0e23\u0e30\u0e1a\u0e1a Validation \u0e15\u0e23\u0e27\u0e08\u0e2a\u0e2d\u0e1a\u0e04\u0e27\u0e32\u0e21\u0e16\u0e39\u0e01\u0e15\u0e49\u0e2d\u0e07\u0e02\u0e2d\u0e07\u0e40\u0e25\u0e02 HN (Hospital Number) \u0e41\u0e25\u0e30\u0e1f\u0e2d\u0e23\u0e4c\u0e41\u0e21\u0e15\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e2d\u0e37\u0e48\u0e19\u0e46 \u0e01\u0e48\u0e2d\u0e19\u0e01\u0e14\u0e2a\u0e48\u0e07 \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e43\u0e2b\u0e49\u0e21\u0e31\u0e48\u0e19\u0e43\u0e08\u0e27\u0e48\u0e32\u0e44\u0e14\u0e49\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e04\u0e23\u0e1a\u0e16\u0e49\u0e27\u0e19\u0e15\u0e31\u0e49\u0e07\u0e41\u0e15\u0e48\u0e41\u0e23\u0e01 (Data Integrity)\n <\/p>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- Digital Workflow -->\n <section class=\"mb-24\">\n <div class=\"text-center mb-16\">\n <span class=\"text-emerald-500 font-bold tracking-wider uppercase text-sm\">Optimized Workflow<\/span>\n <h2 class=\"text-3xl md:text-4xl font-bold text-slate-900 mt-2\">\u0e01\u0e23\u0e30\u0e1a\u0e27\u0e19\u0e01\u0e32\u0e23\u0e17\u0e33\u0e07\u0e32\u0e19\u0e43\u0e2b\u0e21\u0e48\u0e17\u0e35\u0e48\u0e44\u0e23\u0e49\u0e23\u0e2d\u0e22\u0e15\u0e48\u0e2d (End-to-End Workflow)<\/h2>\n <div class=\"w-24 h-1 bg-gradient-to-r from-emerald-400 to-cyan-400 mx-auto mt-6 rounded-full\"><\/div>\n <p class=\"text-lg text-slate-600 mt-6 max-w-3xl mx-auto\">\u0e01\u0e23\u0e30\u0e1a\u0e27\u0e19\u0e01\u0e32\u0e23\u0e16\u0e39\u0e01\u0e1b\u0e23\u0e31\u0e1a\u0e42\u0e04\u0e23\u0e07\u0e2a\u0e23\u0e49\u0e32\u0e07 (Process Re-engineering) \u0e43\u0e2b\u0e49\u0e42\u0e1b\u0e23\u0e48\u0e07\u0e43\u0e2a \u0e41\u0e25\u0e30\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e2a\u0e40\u0e15\u0e15\u0e31\u0e2a\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e40\u0e1b\u0e47\u0e19\u0e23\u0e30\u0e1a\u0e1a \u0e25\u0e14\u0e01\u0e32\u0e23\u0e2a\u0e31\u0e21\u0e1c\u0e31\u0e2a\u0e02\u0e2d\u0e07\u0e21\u0e19\u0e38\u0e29\u0e22\u0e4c (Human Touchpoints) \u0e17\u0e35\u0e48\u0e44\u0e21\u0e48\u0e08\u0e33\u0e40\u0e1b\u0e47\u0e19<\/p>\n <\/div>\n\n <div class=\"flex flex-col md:flex-row justify-between items-stretch gap-6 relative\">\n <!-- Background connecting line for desktop -->\n <div class=\"hidden md:block absolute top-1\/2 left-10 right-10 h-1 bg-slate-200 -z-10 transform -translate-y-1\/2\"><\/div>\n \n <div class=\"workflow-arrow flex-1 bg-white p-6 rounded-3xl shadow-lg border border-slate-100 text-center flex flex-col items-center\">\n <div class=\"w-16 h-16 bg-blue-100 text-blue-600 rounded-full flex items-center justify-center text-2xl mb-4 font-bold\">1<\/div>\n <span class=\"text-4xl mb-4\">\ud83d\udcdd<\/span>\n <strong class=\"text-lg text-slate-900 block mb-2\">\u0e22\u0e37\u0e48\u0e19\u0e04\u0e33\u0e02\u0e2d\u0e2d\u0e2d\u0e19\u0e44\u0e25\u0e19\u0e4c<\/strong>\n <span class=\"text-sm text-slate-600 leading-tight\">\u0e1c\u0e39\u0e49\u0e43\u0e0a\u0e49\u0e40\u0e02\u0e49\u0e32\u0e2a\u0e39\u0e48\u0e23\u0e30\u0e1a\u0e1a\u0e23\u0e30\u0e1a\u0e38\u0e27\u0e31\u0e15\u0e16\u0e38\u0e1b\u0e23\u0e30\u0e2a\u0e07\u0e04\u0e4c \u0e40\u0e25\u0e37\u0e2d\u0e01\u0e1b\u0e23\u0e30\u0e40\u0e20\u0e17\u0e04\u0e33\u0e02\u0e2d (IPD\/OPD\/Stats) \u0e41\u0e25\u0e30\u0e41\u0e19\u0e1a\u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23\u0e2d\u0e49\u0e32\u0e07\u0e2d\u0e34\u0e07<\/span>\n <\/div>\n \n <div class=\"workflow-arrow flex-1 bg-white p-6 rounded-3xl shadow-lg border border-slate-100 text-center flex flex-col items-center\">\n <div class=\"w-16 h-16 bg-indigo-100 text-indigo-600 rounded-full flex items-center justify-center text-2xl mb-4 font-bold\">2<\/div>\n <span class=\"text-4xl mb-4\">\ud83e\uddd0<\/span>\n <strong class=\"text-lg text-slate-900 block mb-2\">\u0e15\u0e23\u0e27\u0e08\u0e2a\u0e2d\u0e1a\u0e2a\u0e34\u0e17\u0e18\u0e34\u0e4c<\/strong>\n <span class=\"text-sm text-slate-600 leading-tight\">Admin\/Staff \u0e04\u0e31\u0e14\u0e01\u0e23\u0e2d\u0e07\u0e04\u0e33\u0e02\u0e2d \u0e15\u0e23\u0e27\u0e08\u0e2a\u0e2d\u0e1a\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e21\u0e1a\u0e39\u0e23\u0e13\u0e4c\u0e41\u0e25\u0e30\u0e2a\u0e34\u0e17\u0e18\u0e34\u0e1b\u0e23\u0e30\u0e42\u0e22\u0e0a\u0e19\u0e4c\u0e43\u0e19\u0e01\u0e32\u0e23\u0e40\u0e02\u0e49\u0e32\u0e16\u0e36\u0e07\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25 (Authorization)<\/span>\n <\/div>\n \n <div class=\"workflow-arrow flex-1 bg-white p-6 rounded-3xl shadow-lg border border-slate-100 text-center flex flex-col items-center\">\n <div class=\"w-16 h-16 bg-amber-100 text-amber-600 rounded-full flex items-center justify-center text-2xl mb-4 font-bold\">3<\/div>\n <span class=\"text-4xl mb-4\">\u2699\ufe0f<\/span>\n <strong class=\"text-lg text-slate-900 block mb-2\">\u0e1b\u0e23\u0e30\u0e21\u0e27\u0e25\u0e1c\u0e25 & \u0e14\u0e36\u0e07\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25<\/strong>\n <span class=\"text-sm text-slate-600 leading-tight\">\u0e40\u0e08\u0e49\u0e32\u0e2b\u0e19\u0e49\u0e32\u0e17\u0e35\u0e48\u0e14\u0e36\u0e07\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e08\u0e32\u0e01\u0e23\u0e30\u0e1a\u0e1a HIS \/ Database \u0e2b\u0e25\u0e31\u0e01\u0e15\u0e32\u0e21\u0e02\u0e2d\u0e1a\u0e40\u0e02\u0e15\u0e04\u0e33\u0e02\u0e2d (In Progress State)<\/span>\n <\/div>\n \n <div class=\"workflow-arrow flex-1 bg-white p-6 rounded-3xl shadow-lg border border-slate-100 text-center flex flex-col items-center\">\n <div class=\"w-16 h-16 bg-emerald-100 text-emerald-600 rounded-full flex items-center justify-center text-2xl mb-4 font-bold\">4<\/div>\n <span class=\"text-4xl mb-4\">\u2705<\/span>\n <strong class=\"text-lg text-slate-900 block mb-2\">\u0e2d\u0e19\u0e38\u0e21\u0e31\u0e15\u0e34\u0e23\u0e30\u0e14\u0e31\u0e1a\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23<\/strong>\n <span class=\"text-sm text-slate-600 leading-tight\">\u0e15\u0e23\u0e27\u0e08\u0e2a\u0e2d\u0e1a\u0e04\u0e38\u0e13\u0e20\u0e32\u0e1e\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e02\u0e31\u0e49\u0e19\u0e2a\u0e38\u0e14\u0e17\u0e49\u0e32\u0e22 (Data Quality Assurance) \u0e01\u0e48\u0e2d\u0e19\u0e1b\u0e23\u0e31\u0e1a\u0e2a\u0e16\u0e32\u0e19\u0e30\u0e40\u0e1b\u0e47\u0e19 \u0e2d\u0e19\u0e38\u0e21\u0e31\u0e15\u0e34 (Approved)<\/span>\n <\/div>\n \n <div class=\"flex-1 bg-white p-6 rounded-3xl shadow-lg border border-slate-100 text-center flex flex-col items-center relative\">\n <div class=\"w-16 h-16 bg-cyan-100 text-cyan-600 rounded-full flex items-center justify-center text-2xl mb-4 font-bold\">5<\/div>\n <span class=\"text-4xl mb-4\">\ud83d\ude80<\/span>\n <strong class=\"text-lg text-slate-900 block mb-2\">\u0e2a\u0e48\u0e07\u0e21\u0e2d\u0e1a & \u0e40\u0e01\u0e47\u0e1a\u0e1b\u0e23\u0e30\u0e27\u0e31\u0e15\u0e34<\/strong>\n <span class=\"text-sm text-slate-600 leading-tight\">\u0e2a\u0e48\u0e07\u0e21\u0e2d\u0e1a\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e1c\u0e48\u0e32\u0e19 Secure Link \u0e41\u0e08\u0e49\u0e07\u0e40\u0e15\u0e37\u0e2d\u0e19\u0e1c\u0e39\u0e49\u0e43\u0e0a\u0e49 \u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e1a\u0e31\u0e19\u0e17\u0e36\u0e01\u0e25\u0e07 Audit Trail \u0e42\u0e14\u0e22\u0e2a\u0e21\u0e1a\u0e39\u0e23\u0e13\u0e4c (Completed)<\/span>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- Security & Architecture (New Dark Section for high contrast rules) -->\n <section class=\"mb-24 bg-slate-900 rounded-[2.5rem] p-10 lg:p-16 shadow-2xl relative overflow-hidden\">\n <div class=\"text-center mb-16 relative z-10\">\n <span class=\"text-red-400 font-bold tracking-wider uppercase text-sm\">Security Architecture & Compliance<\/span>\n <h2 class=\"text-3xl md:text-5xl font-extrabold text-white mt-3 mb-6\">\u0e04\u0e27\u0e32\u0e21\u0e1b\u0e25\u0e2d\u0e14\u0e20\u0e31\u0e22\u0e41\u0e25\u0e30\u0e18\u0e23\u0e23\u0e21\u0e32\u0e20\u0e34\u0e1a\u0e32\u0e25\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25<\/h2>\n <div class=\"w-24 h-1 bg-gradient-to-r from-red-400 to-amber-400 mx-auto rounded-full\"><\/div>\n <p class=\"text-lg text-slate-300 max-w-3xl mx-auto mt-6\">\u0e40\u0e1e\u0e23\u0e32\u0e30\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e40\u0e27\u0e0a\u0e23\u0e30\u0e40\u0e1a\u0e35\u0e22\u0e19\u0e04\u0e37\u0e2d\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e2a\u0e48\u0e27\u0e19\u0e1a\u0e38\u0e04\u0e04\u0e25\u0e17\u0e35\u0e48\u0e21\u0e35\u0e04\u0e27\u0e32\u0e21\u0e2d\u0e48\u0e2d\u0e19\u0e44\u0e2b\u0e27\u0e2a\u0e39\u0e07 (Sensitive PHI) \u0e23\u0e30\u0e1a\u0e1a\u0e08\u0e36\u0e07\u0e16\u0e39\u0e01\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e1a\u0e19\u0e23\u0e32\u0e01\u0e10\u0e32\u0e19\u0e04\u0e27\u0e32\u0e21\u0e1b\u0e25\u0e2d\u0e14\u0e20\u0e31\u0e22\u0e17\u0e35\u0e48\u0e15\u0e2d\u0e1a\u0e42\u0e08\u0e17\u0e22\u0e4c\u0e01\u0e0e\u0e2b\u0e21\u0e32\u0e22 PDPA \u0e41\u0e25\u0e30\u0e21\u0e32\u0e15\u0e23\u0e10\u0e32\u0e19\u0e2a\u0e16\u0e32\u0e19\u0e1e\u0e22\u0e32\u0e1a\u0e32\u0e25 (HA\/JCI)<\/p>\n <\/div>\n\n <div class=\"grid grid-cols-1 lg:grid-cols-2 gap-10 items-stretch relative z-10\">\n <div class=\"glass-card-dark rounded-3xl p-8 border border-slate-700\">\n <h3 class=\"text-2xl font-bold text-white mb-6 flex items-center\"><span class=\"text-red-400 mr-3 text-3xl\">\ud83d\udee1\ufe0f<\/span> Immutable Audit Trail<\/h3>\n <p class=\"text-slate-300 leading-relaxed mb-6\">\n \u0e23\u0e30\u0e1a\u0e1a\u0e1a\u0e31\u0e19\u0e17\u0e36\u0e01\u0e1b\u0e23\u0e30\u0e27\u0e31\u0e15\u0e34\u0e01\u0e32\u0e23\u0e01\u0e23\u0e30\u0e17\u0e33 (Logs) \u0e17\u0e38\u0e01\u0e1d\u0e35\u0e01\u0e49\u0e32\u0e27\u0e02\u0e2d\u0e07\u0e01\u0e32\u0e23\u0e40\u0e02\u0e49\u0e32\u0e16\u0e36\u0e07\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e41\u0e1a\u0e1a\u0e41\u0e01\u0e49\u0e44\u0e02\u0e44\u0e21\u0e48\u0e44\u0e14\u0e49 (Immutable) \u0e42\u0e14\u0e22\u0e40\u0e01\u0e47\u0e1a Metadata \u0e17\u0e35\u0e48\u0e2a\u0e33\u0e04\u0e31\u0e0d\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e04\u0e23\u0e1a\u0e16\u0e49\u0e27\u0e19:\n <\/p>\n <ul class=\"space-y-4\">\n <li class=\"flex items-start\">\n <span class=\"text-emerald-400 mr-3 mt-1\">\u2713<\/span>\n <span class=\"text-slate-200\"><strong>Actor & Role:<\/strong> \u0e43\u0e04\u0e23\u0e40\u0e1b\u0e47\u0e19\u0e1c\u0e39\u0e49\u0e01\u0e23\u0e30\u0e17\u0e33 \u0e41\u0e25\u0e30\u0e21\u0e35\u0e2a\u0e34\u0e17\u0e18\u0e34\u0e4c\u0e23\u0e30\u0e14\u0e31\u0e1a\u0e43\u0e14 (User\/Staff\/Admin)<\/span>\n <\/li>\n <li class=\"flex items-start\">\n <span class=\"text-emerald-400 mr-3 mt-1\">\u2713<\/span>\n <span class=\"text-slate-200\"><strong>Action & Timestamp:<\/strong> \u0e01\u0e23\u0e30\u0e17\u0e33\u0e2d\u0e30\u0e44\u0e23 (\u0e14\u0e39\/\u0e41\u0e01\u0e49\u0e44\u0e02\/\u0e2d\u0e19\u0e38\u0e21\u0e31\u0e15\u0e34\/\u0e25\u0e1a) \u0e41\u0e25\u0e30\u0e40\u0e01\u0e34\u0e14\u0e02\u0e36\u0e49\u0e19\u0e43\u0e19\u0e23\u0e30\u0e14\u0e31\u0e1a\u0e27\u0e34\u0e19\u0e32\u0e17\u0e35\u0e43\u0e14<\/span>\n <\/li>\n <li class=\"flex items-start\">\n <span class=\"text-emerald-400 mr-3 mt-1\">\u2713<\/span>\n <span class=\"text-slate-200\"><strong>Before\/After Snapshot:<\/strong> \u0e1a\u0e31\u0e19\u0e17\u0e36\u0e01\u0e2a\u0e16\u0e32\u0e19\u0e30\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e40\u0e01\u0e48\u0e32\u0e41\u0e25\u0e30\u0e43\u0e2b\u0e21\u0e48\u0e43\u0e19\u0e23\u0e39\u0e1b\u0e41\u0e1a\u0e1a JSON \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e43\u0e2b\u0e49\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e40\u0e1b\u0e23\u0e35\u0e22\u0e1a\u0e40\u0e17\u0e35\u0e22\u0e1a\u0e01\u0e32\u0e23\u0e40\u0e1b\u0e25\u0e35\u0e48\u0e22\u0e19\u0e41\u0e1b\u0e25\u0e07 (Data Lineage) \u0e44\u0e14\u0e49 100%<\/span>\n <\/li>\n <\/ul>\n <\/div>\n\n <div class=\"glass-card-dark rounded-3xl p-8 border border-slate-700\">\n <h3 class=\"text-2xl font-bold text-white mb-6 flex items-center\"><span class=\"text-cyan-400 mr-3 text-3xl\">\ud83d\udd11<\/span> RBAC & Data Minimization<\/h3>\n <p class=\"text-slate-300 leading-relaxed mb-6\">\n \u0e2a\u0e2d\u0e14\u0e04\u0e25\u0e49\u0e2d\u0e07\u0e01\u0e31\u0e1a\u0e2b\u0e25\u0e31\u0e01\u0e01\u0e32\u0e23\u0e1e\u0e37\u0e49\u0e19\u0e10\u0e32\u0e19\u0e02\u0e2d\u0e07\u0e23\u0e30\u0e1a\u0e1a\u0e2a\u0e32\u0e23\u0e2a\u0e19\u0e40\u0e17\u0e28\u0e23\u0e30\u0e14\u0e31\u0e1a\u0e2d\u0e07\u0e04\u0e4c\u0e01\u0e23 (Enterprise IT Security):\n <\/p>\n <div class=\"space-y-5\">\n <div class=\"bg-slate-800\/80 p-5 rounded-2xl border border-slate-600\">\n <h4 class=\"text-cyan-300 font-bold mb-1\">Role-Based Access Control (RBAC)<\/h4>\n <p class=\"text-slate-400 text-sm\">\u0e1c\u0e39\u0e49\u0e43\u0e0a\u0e49\u0e07\u0e32\u0e19\u0e40\u0e2b\u0e47\u0e19\u0e40\u0e09\u0e1e\u0e32\u0e30\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e02\u0e2d\u0e07\u0e15\u0e19\u0e40\u0e2d\u0e07 \u0e40\u0e08\u0e49\u0e32\u0e2b\u0e19\u0e49\u0e32\u0e17\u0e35\u0e48\u0e40\u0e2b\u0e47\u0e19\u0e40\u0e09\u0e1e\u0e32\u0e30\u0e07\u0e32\u0e19\u0e17\u0e35\u0e48\u0e44\u0e14\u0e49\u0e23\u0e31\u0e1a\u0e21\u0e2d\u0e1a\u0e2b\u0e21\u0e32\u0e22 \u0e1b\u0e49\u0e2d\u0e07\u0e01\u0e31\u0e19\u0e01\u0e32\u0e23\u0e2a\u0e2d\u0e14\u0e2a\u0e48\u0e2d\u0e07\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e17\u0e35\u0e48\u0e44\u0e21\u0e48\u0e40\u0e01\u0e35\u0e48\u0e22\u0e27\u0e02\u0e49\u0e2d\u0e07<\/p>\n <\/div>\n <div class=\"bg-slate-800\/80 p-5 rounded-2xl border border-slate-600\">\n <h4 class=\"text-cyan-300 font-bold mb-1\">TTL (Time-to-Live) Links<\/h4>\n <p class=\"text-slate-400 text-sm\">\u0e08\u0e33\u0e01\u0e31\u0e14\u0e23\u0e30\u0e22\u0e30\u0e40\u0e27\u0e25\u0e32\u0e01\u0e32\u0e23\u0e40\u0e02\u0e49\u0e32\u0e04\u0e23\u0e2d\u0e1a\u0e04\u0e23\u0e2d\u0e07\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25 \u0e25\u0e34\u0e07\u0e01\u0e4c\u0e14\u0e32\u0e27\u0e19\u0e4c\u0e42\u0e2b\u0e25\u0e14\u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23\u0e08\u0e30\u0e2b\u0e21\u0e14\u0e2d\u0e32\u0e22\u0e38\u0e2d\u0e31\u0e15\u0e42\u0e19\u0e21\u0e31\u0e15\u0e34\u0e15\u0e32\u0e21\u0e17\u0e35\u0e48\u0e15\u0e31\u0e49\u0e07\u0e04\u0e48\u0e32\u0e44\u0e27\u0e49 \u0e1b\u0e49\u0e2d\u0e07\u0e01\u0e31\u0e19\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e23\u0e31\u0e48\u0e27\u0e44\u0e2b\u0e25\u0e43\u0e19\u0e23\u0e30\u0e22\u0e30\u0e22\u0e32\u0e27 (Data Minimization)<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- ESG & Economic Impact (New Section with Chart) -->\n <section class=\"mb-24\">\n <div class=\"text-center mb-12\">\n <span class=\"text-emerald-600 font-bold tracking-wider uppercase text-sm\">Economic & Environmental Impact<\/span>\n <h2 class=\"text-3xl md:text-4xl font-bold text-slate-900 mt-2\">\u0e1c\u0e25\u0e01\u0e23\u0e30\u0e17\u0e1a\u0e40\u0e0a\u0e34\u0e07\u0e40\u0e28\u0e23\u0e29\u0e10\u0e28\u0e32\u0e2a\u0e15\u0e23\u0e4c\u0e41\u0e25\u0e30\u0e2a\u0e34\u0e48\u0e07\u0e41\u0e27\u0e14\u0e25\u0e49\u0e2d\u0e21 (ESG)<\/h2>\n <div class=\"w-24 h-1 bg-gradient-to-r from-emerald-400 to-green-500 mx-auto mt-6 rounded-full\"><\/div>\n <\/div>\n\n <div class=\"grid grid-cols-1 lg:grid-cols-2 gap-12 items-center\">\n <div class=\"glass-card rounded-3xl p-8 flex flex-col items-center shadow-lg\">\n <h3 class=\"text-xl font-bold text-slate-800 mb-2 text-center\">\u0e04\u0e32\u0e14\u0e01\u0e32\u0e23\u0e13\u0e4c\u0e01\u0e32\u0e23\u0e25\u0e14\u0e1b\u0e23\u0e34\u0e21\u0e32\u0e13\u0e01\u0e32\u0e23\u0e43\u0e0a\u0e49\u0e01\u0e23\u0e30\u0e14\u0e32\u0e29 (5 \u0e1b\u0e35)<\/h3>\n <p class=\"text-sm text-slate-500 text-center mb-6\">\u0e04\u0e33\u0e19\u0e27\u0e13\u0e08\u0e32\u0e01\u0e10\u0e32\u0e19\u0e04\u0e33\u0e02\u0e2d\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25 15,000 \u0e23\u0e32\u0e22\u0e01\u0e32\u0e23\u0e15\u0e48\u0e2d\u0e1b\u0e35 (\u0e41\u0e1c\u0e48\u0e19\/\u0e1b\u0e35)<\/p>\n <div class=\"chart-container w-full\">\n <canvas id=\"paperSavingsChart\"><\/canvas>\n <\/div>\n <\/div>\n\n <div>\n <h3 class=\"text-2xl font-bold text-slate-800 mb-6\">\u0e01\u0e49\u0e32\u0e27\u0e2a\u0e39\u0e48 Green Hospital \u0e2d\u0e22\u0e48\u0e32\u0e07\u0e22\u0e31\u0e48\u0e07\u0e22\u0e37\u0e19<\/h3>\n <p class=\"text-slate-600 leading-relaxed mb-8\">\n \u0e19\u0e2d\u0e01\u0e40\u0e2b\u0e19\u0e37\u0e2d\u0e08\u0e32\u0e01\u0e1b\u0e23\u0e30\u0e2a\u0e34\u0e17\u0e18\u0e34\u0e20\u0e32\u0e1e\u0e01\u0e32\u0e23\u0e17\u0e33\u0e07\u0e32\u0e19\u0e41\u0e25\u0e49\u0e27 \u0e23\u0e30\u0e1a\u0e1a\u0e19\u0e35\u0e49\u0e22\u0e31\u0e07\u0e15\u0e2d\u0e1a\u0e42\u0e08\u0e17\u0e22\u0e4c\u0e27\u0e34\u0e2a\u0e31\u0e22\u0e17\u0e31\u0e28\u0e19\u0e4c\u0e04\u0e27\u0e32\u0e21\u0e22\u0e31\u0e48\u0e07\u0e22\u0e37\u0e19\u0e02\u0e2d\u0e07\u0e2d\u0e07\u0e04\u0e4c\u0e01\u0e23 (ESG – Environmental, Social, and Governance) \u0e01\u0e32\u0e23\u0e40\u0e1b\u0e25\u0e35\u0e48\u0e22\u0e19\u0e40\u0e1b\u0e47\u0e19\u0e23\u0e30\u0e1a\u0e1a Paperless \u0e0a\u0e48\u0e27\u0e22\u0e25\u0e14\u0e04\u0e48\u0e32\u0e43\u0e0a\u0e49\u0e08\u0e48\u0e32\u0e22\u0e41\u0e1d\u0e07 (Hidden Costs) \u0e44\u0e14\u0e49\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e40\u0e1b\u0e47\u0e19\u0e23\u0e39\u0e1b\u0e18\u0e23\u0e23\u0e21\n <\/p>\n \n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-6\">\n <div class=\"bg-emerald-50 rounded-2xl p-6 border border-emerald-100\">\n <div class=\"text-3xl text-emerald-600 mb-2\">\ud83d\udcc4<\/div>\n <strong class=\"text-slate-900 block mb-1\">\u0e25\u0e14\u0e01\u0e23\u0e30\u0e14\u0e32\u0e29 75,000 \u0e41\u0e1c\u0e48\u0e19\/\u0e1b\u0e35<\/strong>\n <p class=\"text-sm text-slate-600\">\u0e0a\u0e48\u0e27\u0e22\u0e23\u0e31\u0e01\u0e29\u0e32\u0e15\u0e49\u0e19\u0e44\u0e21\u0e49\u0e44\u0e14\u0e49\u0e21\u0e32\u0e01\u0e01\u0e27\u0e48\u0e32 10 \u0e15\u0e49\u0e19\u0e15\u0e48\u0e2d\u0e1b\u0e35 \u0e41\u0e25\u0e30\u0e25\u0e14\u0e1b\u0e23\u0e34\u0e21\u0e32\u0e13\u0e02\u0e22\u0e30\u0e02\u0e2d\u0e07\u0e42\u0e23\u0e07\u0e1e\u0e22\u0e32\u0e1a\u0e32\u0e25<\/p>\n <\/div>\n <div class=\"bg-blue-50 rounded-2xl p-6 border border-blue-100\">\n <div class=\"text-3xl text-blue-600 mb-2\">\ud83d\udda8\ufe0f<\/div>\n <strong class=\"text-slate-900 block mb-1\">\u0e25\u0e14\u0e04\u0e48\u0e32\u0e1a\u0e33\u0e23\u0e38\u0e07\u0e23\u0e31\u0e01\u0e29\u0e32\u0e1b\u0e23\u0e34\u0e49\u0e19\u0e40\u0e15\u0e2d\u0e23\u0e4c<\/strong>\n <p class=\"text-sm text-slate-600\">\u0e1b\u0e23\u0e30\u0e2b\u0e22\u0e31\u0e14\u0e04\u0e48\u0e32\u0e2b\u0e21\u0e36\u0e01\u0e1e\u0e34\u0e21\u0e1e\u0e4c\u0e41\u0e25\u0e30\u0e04\u0e48\u0e32\u0e40\u0e2a\u0e37\u0e48\u0e2d\u0e21\u0e2a\u0e20\u0e32\u0e1e\u0e02\u0e2d\u0e07\u0e2d\u0e38\u0e1b\u0e01\u0e23\u0e13\u0e4c\u0e2a\u0e33\u0e19\u0e31\u0e01\u0e07\u0e32\u0e19\u0e44\u0e14\u0e49 100% \u0e43\u0e19\u0e01\u0e23\u0e30\u0e1a\u0e27\u0e19\u0e01\u0e32\u0e23\u0e19\u0e35\u0e49<\/p>\n <\/div>\n <div class=\"bg-indigo-50 rounded-2xl p-6 border border-indigo-100\">\n <div class=\"text-3xl text-indigo-600 mb-2\">\ud83d\udeb6<\/div>\n <strong class=\"text-slate-900 block mb-1\">\u0e25\u0e14\u0e04\u0e32\u0e23\u0e4c\u0e1a\u0e2d\u0e19\u0e1f\u0e38\u0e15\u0e1e\u0e23\u0e34\u0e49\u0e19\u0e17\u0e4c<\/strong>\n <p class=\"text-sm text-slate-600\">\u0e25\u0e14\u0e01\u0e32\u0e23\u0e40\u0e14\u0e34\u0e19\u0e17\u0e32\u0e07\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e19\u0e33\u0e2a\u0e48\u0e07\u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23\u0e02\u0e49\u0e32\u0e21\u0e2d\u0e32\u0e04\u0e32\u0e23 \u0e1b\u0e23\u0e30\u0e2b\u0e22\u0e31\u0e14\u0e1e\u0e25\u0e31\u0e07\u0e07\u0e32\u0e19\u0e25\u0e34\u0e1f\u0e15\u0e4c\u0e41\u0e25\u0e30\u0e23\u0e30\u0e1a\u0e1a\u0e1b\u0e23\u0e31\u0e1a\u0e2d\u0e32\u0e01\u0e32\u0e28<\/p>\n <\/div>\n <div class=\"bg-amber-50 rounded-2xl p-6 border border-amber-100\">\n <div class=\"text-3xl text-amber-600 mb-2\">\ud83c\udfe2<\/div>\n <strong class=\"text-slate-900 block mb-1\">\u0e04\u0e37\u0e19\u0e1e\u0e37\u0e49\u0e19\u0e17\u0e35\u0e48\u0e43\u0e0a\u0e49\u0e2a\u0e2d\u0e22\u0e17\u0e32\u0e07\u0e01\u0e32\u0e22\u0e20\u0e32\u0e1e<\/strong>\n <p class=\"text-sm text-slate-600\">\u0e44\u0e21\u0e48\u0e08\u0e33\u0e40\u0e1b\u0e47\u0e19\u0e15\u0e49\u0e2d\u0e07\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e2b\u0e49\u0e2d\u0e07\u0e08\u0e31\u0e14\u0e40\u0e01\u0e47\u0e1a\u0e41\u0e1f\u0e49\u0e21\u0e04\u0e33\u0e02\u0e2d\u0e01\u0e23\u0e30\u0e14\u0e32\u0e29 \u0e19\u0e33\u0e1e\u0e37\u0e49\u0e19\u0e17\u0e35\u0e48\u0e44\u0e1b\u0e43\u0e0a\u0e49\u0e1b\u0e23\u0e30\u0e42\u0e22\u0e0a\u0e19\u0e4c\u0e17\u0e32\u0e07\u0e01\u0e32\u0e23\u0e41\u0e1e\u0e17\u0e22\u0e4c\u0e44\u0e14\u0e49<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- Expected Outcomes & ROI -->\n <section class=\"grid grid-cols-1 lg:grid-cols-2 gap-10 items-stretch mb-24\">\n <div class=\"glass-card rounded-3xl p-8 lg:p-10 flex flex-col justify-center\">\n <h3 class=\"text-3xl font-bold text-slate-800 mb-6\">\u0e1c\u0e25\u0e2a\u0e31\u0e21\u0e24\u0e17\u0e18\u0e34\u0e4c\u0e17\u0e32\u0e07\u0e01\u0e32\u0e23\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23 (Return on Investment)<\/h3>\n \n <p class=\"text-slate-600 leading-relaxed text-lg mb-8\">\n \u0e42\u0e04\u0e23\u0e07\u0e01\u0e32\u0e23\u0e19\u0e35\u0e49\u0e40\u0e1b\u0e47\u0e19\u0e01\u0e32\u0e23\u0e25\u0e07\u0e17\u0e38\u0e19\u0e40\u0e0a\u0e34\u0e07\u0e01\u0e25\u0e22\u0e38\u0e17\u0e18\u0e4c (Strategic Investment) \u0e17\u0e35\u0e48\u0e08\u0e30\u0e40\u0e1b\u0e25\u0e35\u0e48\u0e22\u0e19\u0e01\u0e23\u0e30\u0e1a\u0e27\u0e19\u0e17\u0e31\u0e28\u0e19\u0e4c\u0e01\u0e32\u0e23\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25 \u0e22\u0e01\u0e23\u0e30\u0e14\u0e31\u0e1a\u0e04\u0e27\u0e32\u0e21\u0e1e\u0e36\u0e07\u0e1e\u0e2d\u0e43\u0e08\u0e02\u0e2d\u0e07\u0e1c\u0e39\u0e49\u0e43\u0e0a\u0e49\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23 \u0e41\u0e25\u0e30\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e21\u0e32\u0e15\u0e23\u0e10\u0e32\u0e19\u0e43\u0e2b\u0e21\u0e48\u0e43\u0e2b\u0e49\u0e01\u0e31\u0e1a\u0e41\u0e1c\u0e19\u0e01\u0e40\u0e27\u0e0a\u0e23\u0e30\u0e40\u0e1a\u0e35\u0e22\u0e19 \u0e01\u0e49\u0e32\u0e27\u0e2a\u0e39\u0e48\u0e01\u0e32\u0e23\u0e40\u0e1b\u0e47\u0e19 <strong>Smart Hospital<\/strong> \u0e2d\u0e22\u0e48\u0e32\u0e07\u0e41\u0e17\u0e49\u0e08\u0e23\u0e34\u0e07\n <\/p>\n\n <div class=\"bg-gradient-to-br from-slate-50 to-cyan-50 rounded-2xl p-6 border border-cyan-100 shadow-sm mb-6\">\n <h4 class=\"font-bold text-slate-800 mb-4 border-b border-slate-200 pb-2\">\u0e1c\u0e25\u0e25\u0e31\u0e1e\u0e18\u0e4c\u0e40\u0e0a\u0e34\u0e07\u0e15\u0e31\u0e27\u0e40\u0e25\u0e02\u0e17\u0e35\u0e48\u0e08\u0e31\u0e1a\u0e15\u0e49\u0e2d\u0e07\u0e44\u0e14\u0e49<\/h4>\n <ul class=\"space-y-4\">\n <li class=\"flex items-center\">\n <span class=\"w-10 h-10 rounded-full bg-cyan-100 text-cyan-600 flex items-center justify-center font-bold mr-4\">1<\/span>\n <span class=\"text-slate-700\"><strong>\u0e25\u0e14 Turnaround Time:<\/strong> \u0e08\u0e32\u0e01\u0e40\u0e09\u0e25\u0e35\u0e48\u0e22 120 \u0e0a\u0e31\u0e48\u0e27\u0e42\u0e21\u0e07 \u0e40\u0e2b\u0e25\u0e37\u0e2d\u0e40\u0e1e\u0e35\u0e22\u0e07 24-48 \u0e0a\u0e31\u0e48\u0e27\u0e42\u0e21\u0e07<\/span>\n <\/li>\n <li class=\"flex items-center\">\n <span class=\"w-10 h-10 rounded-full bg-cyan-100 text-cyan-600 flex items-center justify-center font-bold mr-4\">2<\/span>\n <span class=\"text-slate-700\"><strong>\u0e40\u0e1e\u0e34\u0e48\u0e21 Data Quality:<\/strong> \u0e25\u0e14\u0e2d\u0e31\u0e15\u0e23\u0e32\u0e01\u0e32\u0e23\u0e15\u0e35\u0e01\u0e25\u0e31\u0e1a\u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23\u0e17\u0e35\u0e48\u0e01\u0e23\u0e2d\u0e01\u0e1c\u0e34\u0e14\u0e08\u0e32\u0e01 15% \u0e40\u0e2b\u0e25\u0e37\u0e2d 0% (\u0e1c\u0e48\u0e32\u0e19 Form Validation)<\/span>\n <\/li>\n <li class=\"flex items-center\">\n <span class=\"w-10 h-10 rounded-full bg-cyan-100 text-cyan-600 flex items-center justify-center font-bold mr-4\">3<\/span>\n <span class=\"text-slate-700\"><strong>\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e04\u0e27\u0e32\u0e21\u0e1e\u0e36\u0e07\u0e1e\u0e2d\u0e43\u0e08:<\/strong> \u0e04\u0e32\u0e14\u0e01\u0e32\u0e23\u0e13\u0e4c User Satisfaction Score (CSAT) \u0e40\u0e1e\u0e34\u0e48\u0e21\u0e02\u0e36\u0e49\u0e19\u0e17\u0e30\u0e25\u0e38 90%<\/span>\n <\/li>\n <\/ul>\n <\/div>\n <\/div>\n\n <div class=\"glass-card rounded-3xl p-8 lg:p-10 shadow-lg border border-slate-100\">\n <h3 class=\"text-xl font-bold text-slate-800 mb-2 text-center\">\u0e40\u0e1b\u0e23\u0e35\u0e22\u0e1a\u0e40\u0e17\u0e35\u0e22\u0e1a\u0e23\u0e30\u0e22\u0e30\u0e40\u0e27\u0e25\u0e32\u0e14\u0e33\u0e40\u0e19\u0e34\u0e19\u0e01\u0e32\u0e23\u0e40\u0e09\u0e25\u0e35\u0e48\u0e22 (TAT)<\/h3>\n <p class=\"text-sm text-slate-500 text-center mb-8\">\u0e23\u0e30\u0e22\u0e30\u0e40\u0e27\u0e25\u0e32\u0e15\u0e31\u0e49\u0e07\u0e41\u0e15\u0e48\u0e40\u0e23\u0e34\u0e48\u0e21\u0e22\u0e37\u0e48\u0e19\u0e04\u0e33\u0e02\u0e2d\u0e08\u0e19\u0e44\u0e14\u0e49\u0e23\u0e31\u0e1a\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25 (\u0e27\u0e31\u0e19\u0e17\u0e33\u0e01\u0e32\u0e23)<\/p>\n <div class=\"chart-container w-full h-full min-h-[350px]\">\n <canvas id=\"tatChart\"><\/canvas>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- Future Roadmap (New Section) -->\n <section class=\"mb-20\">\n <div class=\"text-center mb-16\">\n <span class=\"text-blue-600 font-bold tracking-wider uppercase text-sm\">Project Evolution<\/span>\n <h2 class=\"text-3xl md:text-4xl font-bold text-slate-900 mt-2\">\u0e41\u0e1c\u0e19\u0e01\u0e32\u0e23\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e41\u0e25\u0e30\u0e15\u0e48\u0e2d\u0e22\u0e2d\u0e14 (Future Roadmap)<\/h2>\n <div class=\"w-24 h-1 bg-gradient-to-r from-blue-400 to-indigo-500 mx-auto mt-6 rounded-full\"><\/div>\n <\/div>\n\n <div class=\"relative max-w-4xl mx-auto\">\n <div class=\"roadmap-line\"><\/div>\n \n <!-- Phase 1 -->\n <div class=\"relative pl-12 md:pl-0 mb-12 flex md:justify-end\">\n <div class=\"absolute left-0 top-2 w-10 h-10 bg-gradient-to-br from-cyan-400 to-blue-500 rounded-full border-4 border-white shadow flex items-center justify-center text-white font-bold z-10 md:left-1\/2 md:-ml-5\">1<\/div>\n <div class=\"md:w-[45%] bg-white rounded-3xl p-6 shadow-md border border-slate-100\">\n <span class=\"text-sm font-bold text-cyan-600 mb-1 block\">Phase 1 (\u0e1b\u0e31\u0e08\u0e08\u0e38\u0e1a\u0e31\u0e19)<\/span>\n <h4 class=\"text-xl font-bold text-slate-800 mb-2\">Digital Portal & Workflow<\/h4>\n <p class=\"text-slate-600 text-sm\">\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e23\u0e30\u0e1a\u0e1a\u0e04\u0e33\u0e02\u0e2d\u0e41\u0e1a\u0e1a\u0e28\u0e39\u0e19\u0e22\u0e4c\u0e01\u0e25\u0e32\u0e07 \u0e2a\u0e23\u0e49\u0e32\u0e07\u0e23\u0e30\u0e1a\u0e1a\u0e15\u0e34\u0e14\u0e15\u0e32\u0e21 (Tracking), \u0e2d\u0e2d\u0e01\u0e41\u0e1a\u0e1a Dashboard \u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e1c\u0e39\u0e49\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23, \u0e41\u0e25\u0e30\u0e27\u0e32\u0e07\u0e42\u0e04\u0e23\u0e07\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e10\u0e32\u0e19\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e04\u0e27\u0e32\u0e21\u0e1b\u0e25\u0e2d\u0e14\u0e20\u0e31\u0e22\u0e2a\u0e39\u0e07 (Audit Trail)<\/p>\n <\/div>\n <\/div>\n\n <!-- Phase 2 -->\n <div class=\"relative pl-12 md:pl-0 mb-12 flex md:justify-start\">\n <div class=\"absolute left-0 top-2 w-10 h-10 bg-slate-200 rounded-full border-4 border-white shadow flex items-center justify-center text-slate-500 font-bold z-10 md:left-1\/2 md:-ml-5\">2<\/div>\n <div class=\"md:w-[45%] bg-slate-50 rounded-3xl p-6 border border-slate-200\">\n <span class=\"text-sm font-bold text-slate-500 mb-1 block\">Phase 2 (\u0e23\u0e30\u0e22\u0e30\u0e01\u0e25\u0e32\u0e07)<\/span>\n <h4 class=\"text-xl font-bold text-slate-700 mb-2\">HIS Full Integration<\/h4>\n <p class=\"text-slate-500 text-sm\">\u0e40\u0e0a\u0e37\u0e48\u0e2d\u0e21\u0e15\u0e48\u0e2d API \u0e40\u0e02\u0e49\u0e32\u0e01\u0e31\u0e1a\u0e23\u0e30\u0e1a\u0e1a Hospital Information System (HIS) \u0e42\u0e14\u0e22\u0e15\u0e23\u0e07 \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e43\u0e2b\u0e49\u0e14\u0e36\u0e07\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e1b\u0e23\u0e30\u0e27\u0e31\u0e15\u0e34\u0e1c\u0e39\u0e49\u0e1b\u0e48\u0e27\u0e22\u0e2d\u0e31\u0e15\u0e42\u0e19\u0e21\u0e31\u0e15\u0e34\u0e15\u0e32\u0e21\u0e40\u0e25\u0e02 HN (Auto-fetching) \u0e25\u0e14\u0e07\u0e32\u0e19 Manual \u0e02\u0e2d\u0e07\u0e40\u0e08\u0e49\u0e32\u0e2b\u0e19\u0e49\u0e32\u0e17\u0e35\u0e48\u0e25\u0e07\u0e2d\u0e35\u0e01\u0e02\u0e31\u0e49\u0e19<\/p>\n <\/div>\n <\/div>\n\n <!-- Phase 3 -->\n <div class=\"relative pl-12 md:pl-0 flex md:justify-end\">\n <div class=\"absolute left-0 top-2 w-10 h-10 bg-slate-200 rounded-full border-4 border-white shadow flex items-center justify-center text-slate-500 font-bold z-10 md:left-1\/2 md:-ml-5\">3<\/div>\n <div class=\"md:w-[45%] bg-slate-50 rounded-3xl p-6 border border-slate-200\">\n <span class=\"text-sm font-bold text-slate-500 mb-1 block\">Phase 3 (\u0e23\u0e30\u0e22\u0e30\u0e22\u0e32\u0e27)<\/span>\n <h4 class=\"text-xl font-bold text-slate-700 mb-2\">AI-Driven Predictive Analytics<\/h4>\n <p class=\"text-slate-500 text-sm\">\u0e19\u0e33\u0e1b\u0e31\u0e0d\u0e0d\u0e32\u0e1b\u0e23\u0e30\u0e14\u0e34\u0e29\u0e10\u0e4c (AI) \u0e21\u0e32\u0e27\u0e34\u0e40\u0e04\u0e23\u0e32\u0e30\u0e2b\u0e4c\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25 Audit Trail \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e1e\u0e22\u0e32\u0e01\u0e23\u0e13\u0e4c\u0e1b\u0e23\u0e34\u0e21\u0e32\u0e13\u0e04\u0e27\u0e32\u0e21\u0e15\u0e49\u0e2d\u0e07\u0e01\u0e32\u0e23\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e43\u0e19\u0e41\u0e15\u0e48\u0e25\u0e30\u0e0a\u0e48\u0e27\u0e07\u0e40\u0e27\u0e25\u0e32\u0e02\u0e2d\u0e07\u0e1b\u0e35 \u0e41\u0e25\u0e30\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e23\u0e30\u0e1a\u0e1a\u0e04\u0e49\u0e19\u0e2b\u0e32\u0e40\u0e0a\u0e34\u0e07\u0e04\u0e27\u0e32\u0e21\u0e2b\u0e21\u0e32\u0e22 (Semantic Search) \u0e43\u0e19\u0e04\u0e25\u0e31\u0e07\u0e40\u0e27\u0e0a\u0e23\u0e30\u0e40\u0e1a\u0e35\u0e22\u0e19<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <\/main>\n\n <footer class=\"bg-slate-900 text-slate-400 py-10 text-center border-t border-slate-800 relative z-20\">\n <div class=\"max-w-4xl mx-auto px-6\">\n <h4 class=\"text-white text-xl font-bold mb-4\">Smart Medical Data Request Platform<\/h4>\n <p class=\"text-slate-500 text-sm mb-6\">\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e23\u0e30\u0e1a\u0e1a\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e22\u0e01\u0e23\u0e30\u0e14\u0e31\u0e1a\u0e01\u0e32\u0e23\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e10\u0e32\u0e19\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e2a\u0e38\u0e02\u0e20\u0e32\u0e1e\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e22\u0e31\u0e48\u0e07\u0e22\u0e37\u0e19 \u0e42\u0e1b\u0e23\u0e48\u0e07\u0e43\u0e2a \u0e41\u0e25\u0e30\u0e1b\u0e25\u0e2d\u0e14\u0e20\u0e31\u0e22<\/p>\n <div class=\"flex justify-center gap-6 text-sm\">\n <span>\u00a9 2026 Medical Informatics Division<\/span>\n <span class=\"text-slate-700\">|<\/span>\n <span>All Rights Reserved<\/span>\n <\/div>\n <\/div>\n <\/footer>\n\n <script>\n \/\/ Utility for label wrapping (max 16 chars per line)\n function wrapLabel(label) {\n if (label.length <= 16) return label;\n const words = label.split(' ');\n let lines = [];\n let currentLine = '';\n words.forEach(word => {\n if ((currentLine + word).length > 16) {\n if (currentLine.trim() !== '') lines.push(currentLine.trim());\n currentLine = word + ' ';\n } else {\n currentLine += word + ' ';\n }\n });\n if (currentLine.trim() !== '') lines.push(currentLine.trim());\n return lines;\n }\n\n \/\/ Mandatory Tooltip Configuration to handle multi-line labels\n const tooltipConfig = {\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 \/\/ Standard Chart Option Defaults\n Chart.defaults.font.family = \"'Kanit', sans-serif\";\n Chart.defaults.color = \"#64748b\";\n\n \/\/ 1. Doughnut Chart: Time Wasted\n const ctxTime = document.getElementById('timeWasteChart').getContext('2d');\n new Chart(ctxTime, {\n type: 'doughnut',\n data: {\n labels: [wrapLabel('\u0e40\u0e27\u0e25\u0e32\u0e17\u0e35\u0e48\u0e2a\u0e39\u0e0d\u0e40\u0e2a\u0e35\u0e22\u0e44\u0e1b\u0e01\u0e31\u0e1a\u0e01\u0e32\u0e23\u0e04\u0e49\u0e19\u0e2b\u0e32\u0e41\u0e25\u0e30\u0e15\u0e34\u0e14\u0e15\u0e32\u0e21\u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23 (Manual)'), wrapLabel('\u0e40\u0e27\u0e25\u0e32\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e07\u0e32\u0e19\u0e23\u0e31\u0e01\u0e29\u0e32\u0e41\u0e25\u0e30\u0e27\u0e34\u0e40\u0e04\u0e23\u0e32\u0e30\u0e2b\u0e4c\u0e40\u0e0a\u0e34\u0e07\u0e25\u0e36\u0e01 (Core Tasks)')],\n datasets: [{\n data: [20, 80],\n backgroundColor: ['#f59e0b', '#0ea5e9'],\n borderWidth: 0,\n hoverOffset: 6\n }]\n },\n options: {\n responsive: true,\n maintainAspectRatio: false,\n cutout: '75%',\n plugins: {\n legend: {\n position: 'bottom',\n labels: { padding: 20, font: { size: 13 } }\n },\n tooltip: tooltipConfig\n }\n }\n });\n\n \/\/ 2. Bar Chart: Turnaround Time Comparison\n const ctxTat = document.getElementById('tatChart').getContext('2d');\n new Chart(ctxTat, {\n type: 'bar',\n data: {\n labels: [wrapLabel('\u0e01\u0e23\u0e30\u0e1a\u0e27\u0e19\u0e01\u0e32\u0e23\u0e14\u0e31\u0e49\u0e07\u0e40\u0e14\u0e34\u0e21 (Paper-based)'), wrapLabel('\u0e23\u0e30\u0e1a\u0e1a Smart Platform \u0e43\u0e2b\u0e21\u0e48')],\n datasets: [{\n label: '\u0e23\u0e30\u0e22\u0e30\u0e40\u0e27\u0e25\u0e32\u0e40\u0e09\u0e25\u0e35\u0e48\u0e22 (\u0e27\u0e31\u0e19\u0e17\u0e33\u0e01\u0e32\u0e23)',\n data: [6.5, 1.5],\n backgroundColor: ['#94a3b8', '#10b981'],\n borderRadius: 8,\n barThickness: 50\n }]\n },\n options: {\n responsive: true,\n maintainAspectRatio: false,\n scales: {\n y: {\n beginAtZero: true,\n max: 8,\n title: { display: true, text: '\u0e23\u0e30\u0e22\u0e30\u0e40\u0e27\u0e25\u0e32\u0e14\u0e33\u0e40\u0e19\u0e34\u0e19\u0e01\u0e32\u0e23 (\u0e27\u0e31\u0e19)' },\n grid: { borderDash: [4, 4], color: '#e2e8f0' }\n },\n x: {\n grid: { display: false }\n }\n },\n plugins: {\n legend: { display: false },\n tooltip: tooltipConfig\n }\n }\n });\n\n \/\/ 3. Polar Area Chart: User Distribution\n const ctxUsers = document.getElementById('userDistributionChart').getContext('2d');\n new Chart(ctxUsers, {\n type: 'polarArea',\n data: {\n labels: [wrapLabel('\u0e41\u0e1e\u0e17\u0e22\u0e4c \u0e41\u0e25\u0e30 \u0e17\u0e31\u0e19\u0e15\u0e41\u0e1e\u0e17\u0e22\u0e4c'), wrapLabel('\u0e1e\u0e22\u0e32\u0e1a\u0e32\u0e25 \u0e41\u0e25\u0e30 \u0e2a\u0e2b\u0e27\u0e34\u0e0a\u0e32\u0e0a\u0e35\u0e1e'), wrapLabel('\u0e19\u0e31\u0e01\u0e27\u0e34\u0e08\u0e31\u0e22 \u0e41\u0e25\u0e30 \u0e19\u0e31\u0e01\u0e28\u0e36\u0e01\u0e29\u0e32'), wrapLabel('\u0e41\u0e1c\u0e19\u0e01\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23\u0e2d\u0e37\u0e48\u0e19\u0e46')],\n datasets: [{\n data: [40, 25, 25, 10],\n backgroundColor: [\n 'rgba(59, 130, 246, 0.7)', \/\/ Blue\n 'rgba(16, 185, 129, 0.7)', \/\/ Emerald\n 'rgba(168, 85, 247, 0.7)', \/\/ Purple\n 'rgba(245, 158, 11, 0.7)' \/\/ Amber\n ],\n borderWidth: 2,\n borderColor: '#ffffff'\n }]\n },\n options: {\n responsive: true,\n maintainAspectRatio: false,\n scales: {\n r: {\n ticks: { display: false },\n grid: { color: '#e2e8f0' }\n }\n },\n plugins: {\n legend: {\n position: 'right',\n labels: { padding: 15 }\n },\n tooltip: tooltipConfig\n }\n }\n });\n\n \/\/ 4. Line Chart: Paper Savings Projection\n const ctxPaper = document.getElementById('paperSavingsChart').getContext('2d');\n new Chart(ctxPaper, {\n type: 'line',\n data: {\n labels: ['\u0e1b\u0e35\u0e17\u0e35\u0e48 1', '\u0e1b\u0e35\u0e17\u0e35\u0e48 2', '\u0e1b\u0e35\u0e17\u0e35\u0e48 3', '\u0e1b\u0e35\u0e17\u0e35\u0e48 4', '\u0e1b\u0e35\u0e17\u0e35\u0e48 5'],\n datasets: [\n {\n label: '\u0e23\u0e30\u0e1a\u0e1a\u0e01\u0e23\u0e30\u0e14\u0e32\u0e29\u0e41\u0e1a\u0e1a\u0e40\u0e14\u0e34\u0e21 (\u0e41\u0e1c\u0e48\u0e19)',\n data: [75000, 80000, 85000, 92000, 100000],\n borderColor: '#ef4444',\n backgroundColor: 'rgba(239, 68, 68, 0.1)',\n borderWidth: 3,\n borderDash: [5, 5],\n fill: false,\n tension: 0.3\n },\n {\n label: 'Smart Platform (\u0e40\u0e1b\u0e49\u0e32\u0e2b\u0e21\u0e32\u0e22\u0e44\u0e23\u0e49\u0e01\u0e23\u0e30\u0e14\u0e32\u0e29)',\n data: [15000, 5000, 0, 0, 0],\n borderColor: '#10b981',\n backgroundColor: 'rgba(16, 185, 129, 0.2)',\n borderWidth: 4,\n fill: true,\n tension: 0.3\n }\n ]\n },\n options: {\n responsive: true,\n maintainAspectRatio: false,\n scales: {\n y: {\n beginAtZero: true,\n title: { display: true, text: '\u0e1b\u0e23\u0e34\u0e21\u0e32\u0e13\u0e01\u0e23\u0e30\u0e14\u0e32\u0e29 (\u0e41\u0e1c\u0e48\u0e19)' },\n grid: { color: '#e2e8f0' }\n },\n x: {\n grid: { display: false }\n }\n },\n plugins: {\n legend: {\n position: 'bottom',\n labels: { usePointStyle: true, padding: 20 }\n },\n tooltip: tooltipConfig\n }\n }\n });\n <\/script>\n<\/body>\n<\/html>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Smart Medical Data Request Platform – Extended Re […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"template\/fullwidth.php","meta":{"_eb_attr":"","footnotes":""},"class_list":["post-3793","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.medicalrecords.kku.ac.th\/index.php?rest_route=\/wp\/v2\/pages\/3793","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.medicalrecords.kku.ac.th\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.medicalrecords.kku.ac.th\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.medicalrecords.kku.ac.th\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.medicalrecords.kku.ac.th\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=3793"}],"version-history":[{"count":3,"href":"https:\/\/www.medicalrecords.kku.ac.th\/index.php?rest_route=\/wp\/v2\/pages\/3793\/revisions"}],"predecessor-version":[{"id":3797,"href":"https:\/\/www.medicalrecords.kku.ac.th\/index.php?rest_route=\/wp\/v2\/pages\/3793\/revisions\/3797"}],"wp:attachment":[{"href":"https:\/\/www.medicalrecords.kku.ac.th\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=3793"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}