{"id":1655,"date":"2026-08-31T12:57:52","date_gmt":"2026-08-31T12:57:52","guid":{"rendered":"https:\/\/tekniksipil.uin-malang.ac.id\/?page_id=1655"},"modified":"2026-09-10T06:52:16","modified_gmt":"2026-09-10T06:52:16","slug":"tahun-2024","status":"publish","type":"page","link":"https:\/\/tekniksipil.uin-malang.ac.id\/ru\/tahun-2024\/","title":{"rendered":"Tahun 2024-2025"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"1655\" class=\"elementor elementor-1655\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-042a191 e-flex e-con-boxed e-con e-parent\" data-id=\"042a191\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4d77f48 elementor-widget elementor-widget-n-accordion\" data-id=\"4d77f48\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;default_state&quot;:&quot;expanded&quot;,&quot;max_items_expended&quot;:&quot;one&quot;,&quot;n_accordion_animation_duration&quot;:{&quot;unit&quot;:&quot;ms&quot;,&quot;size&quot;:400,&quot;sizes&quot;:[]}}\" data-widget_type=\"nested-accordion.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"e-n-accordion\" aria-label=\"Accordion. Open links with Enter or Space, close with Escape, and navigate with Arrow Keys\">\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-8120\" class=\"e-n-accordion-item\" open>\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"1\" tabindex=\"0\" aria-expanded=\"true\" aria-controls=\"e-n-accordion-item-8120\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> Survei Dosen dan stakeholder terhadap pemahaman visi misi <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-minus\" viewbox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span>\n\t\t\t<span class='e-closed'><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-plus\" viewbox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-8120\" class=\"elementor-element elementor-element-33f1623 e-con-full e-flex e-con e-child\" data-id=\"33f1623\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-8120\" class=\"elementor-element elementor-element-03b0c2f e-flex e-con-boxed e-con e-child\" data-id=\"03b0c2f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-042a22c e-n-tabs-mobile elementor-widget elementor-widget-n-tabs\" data-id=\"042a22c\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;horizontal_scroll&quot;:&quot;disable&quot;}\" data-widget_type=\"nested-tabs.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"e-n-tabs\" data-widget-number=\"4366892\" aria-label=\"\u0412\u043a\u043b\u0430\u0434\u043a\u0438. \u041e\u0442\u043a\u0440\u044b\u0432\u0430\u0439\u0442\u0435 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u044b \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e \u043a\u043b\u0430\u0432\u0438\u0448 Enter \u0438\u043b\u0438 Space, \u0437\u0430\u043a\u0440\u044b\u0432\u0430\u0439\u0442\u0435 \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e Escape \u0438 \u043f\u0435\u0440\u0435\u043c\u0435\u0449\u0430\u0439\u0442\u0435\u0441\u044c \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e \u043a\u043b\u0430\u0432\u0438\u0448 \u0441\u043e \u0441\u0442\u0440\u0435\u043b\u043a\u0430\u043c\u0438.\">\n\t\t\t<div class=\"e-n-tabs-heading\" role=\"tablist\">\n\t\t\t\t\t<button id=\"e-n-tab-title-43668921\" data-tab-title-id=\"e-n-tab-title-43668921\" class=\"e-n-tab-title\" aria-selected=\"true\" data-tab-index=\"1\" role=\"tab\" tabindex=\"0\" aria-controls=\"e-n-tab-content-43668921\" style=\"--n-tabs-title-order: 1;\">\n\t\t\t\t\t\t<span class=\"e-n-tab-title-text\">\n\t\t\t\tDosen terhadap Visi Misi Prodi\t\t\t<\/span>\n\t\t<\/button>\n\t\t\t\t<button id=\"e-n-tab-title-43668922\" data-tab-title-id=\"e-n-tab-title-43668922\" class=\"e-n-tab-title\" aria-selected=\"false\" data-tab-index=\"2\" role=\"tab\" tabindex=\"-1\" aria-controls=\"e-n-tab-content-43668922\" style=\"--n-tabs-title-order: 2;\">\n\t\t\t\t\t\t<span class=\"e-n-tab-title-text\">\n\t\t\t\tStakeholder terhadap Visi Misi Prodi\t\t\t<\/span>\n\t\t<\/button>\n\t\t\t\t<button id=\"e-n-tab-title-43668923\" data-tab-title-id=\"e-n-tab-title-43668923\" class=\"e-n-tab-title\" aria-selected=\"false\" data-tab-index=\"3\" role=\"tab\" tabindex=\"-1\" aria-controls=\"e-n-tab-content-43668923\" style=\"--n-tabs-title-order: 3;\">\n\t\t\t\t\t\t<span class=\"e-n-tab-title-text\">\n\t\t\t\tRTL\t\t\t<\/span>\n\t\t<\/button>\n\t\t\t\t\t<\/div>\n\t\t\t<div class=\"e-n-tabs-content\">\n\t\t\t\t<div role=\"region tabpanel\" aria-labelledby=\"e-n-accordion-item-8120 e-n-tab-title-43668921\" id=\"e-n-tab-content-43668921\" data-tab-index=\"1\" style=\"--n-tabs-title-order: 1;\" class=\"e-active elementor-element elementor-element-cc385da e-con-full e-flex e-con e-child\" data-id=\"cc385da\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-71d58b9 elementor-widget elementor-widget-html\" data-id=\"71d58b9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- Load Font Awesome 6 & Google Fonts -->\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@600;700;800;900&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n.vismis-v-container {\r\n    width: 100%;\r\n    max-width: 900px;\r\n    margin: 30px auto;\r\n    background: #ffffff;\r\n    border-radius: 20px;\r\n    padding: 32px 28px;\r\n    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);\r\n    border: 1px solid #eef2f6;\r\n    box-sizing: border-box;\r\n    font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\r\n}\r\n\r\n.vismis-v-container * {\r\n    box-sizing: border-box;\r\n}\r\n\r\n\/* HEADER *\/\r\n.vismis-v-header {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    border-bottom: 2px solid #f1f5f9;\r\n    padding-bottom: 18px;\r\n    margin-bottom: 28px;\r\n    flex-wrap: wrap;\r\n    gap: 12px;\r\n}\r\n\r\n.vismis-v-title-box h2 {\r\n    font-size: 20px;\r\n    font-weight: 800;\r\n    color: #1e293b;\r\n    margin: 0;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n}\r\n\r\n.vismis-v-title-box h2 i {\r\n    color: #ff914d;\r\n}\r\n\r\n.vismis-v-title-box p {\r\n    font-size: 13px;\r\n    font-weight: 600;\r\n    color: #64748b;\r\n    margin: 4px 0 0 0;\r\n}\r\n\r\n.vismis-v-badge-top {\r\n    background: linear-gradient(135deg, #ff914d 0%, #d4af37 100%);\r\n    color: #ffffff;\r\n    padding: 8px 18px;\r\n    border-radius: 30px;\r\n    font-size: 13px;\r\n    font-weight: 800;\r\n    box-shadow: 0 4px 12px rgba(255, 145, 77, 0.3);\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 6px;\r\n}\r\n\r\n\/* AREA GRAFIK BATANG VERTIKAL *\/\r\n.vismis-v-chart-wrapper {\r\n    display: flex;\r\n    align-items: flex-end;\r\n    justify-content: space-between;\r\n    height: 310px;\r\n    padding: 25px 20px 15px 20px;\r\n    border-bottom: 2px solid #cbd5e1;\r\n    background: #fafafa;\r\n    border-radius: 14px 14px 0 0;\r\n    gap: 16px;\r\n    position: relative;\r\n}\r\n\r\n\/* ITEM KOLOM BATANG *\/\r\n.vismis-v-bar-item {\r\n    flex: 1;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    height: 100%;\r\n    justify-content: flex-end;\r\n    gap: 8px;\r\n}\r\n\r\n\/* NILAI ANGKA INDEKS DI ATAS BATANG *\/\r\n.vismis-v-score-box {\r\n    text-align: center;\r\n    margin-bottom: 4px;\r\n}\r\n\r\n.vismis-v-score {\r\n    font-size: 17px;\r\n    font-weight: 900;\r\n    color: #d97706;\r\n    line-height: 1;\r\n}\r\n\r\n.vismis-v-score-max {\r\n    font-size: 11px;\r\n    font-weight: 700;\r\n    color: #94a3b8;\r\n    display: block;\r\n    margin-top: 2px;\r\n}\r\n\r\n\/* BATANG TRACK & FILL *\/\r\n.vismis-v-track {\r\n    width: 100%;\r\n    max-width: 58px;\r\n    height: 100%;\r\n    display: flex;\r\n    align-items: flex-end;\r\n}\r\n\r\n.vismis-v-fill {\r\n    width: 100%;\r\n    height: 0%;\r\n    border-radius: 10px 10px 3px 3px;\r\n    background: linear-gradient(180deg, #ffd700 0%, #ff914d 50%, #d97706 100%);\r\n    box-shadow: 0 4px 12px rgba(255, 145, 77, 0.35);\r\n    transition: height 1.8s cubic-bezier(0.2, 0.8, 0.2, 1);\r\n    cursor: pointer;\r\n    position: relative;\r\n}\r\n\r\n.vismis-v-bar-item.ikm-item .vismis-v-fill {\r\n    background: linear-gradient(180deg, #fff275 0%, #ffb834 40%, #b8860b 100%);\r\n    box-shadow: 0 4px 16px rgba(218, 165, 32, 0.5);\r\n    border: 1.5px solid #ffffff;\r\n}\r\n\r\n.vismis-v-bar-item:hover .vismis-v-fill {\r\n    transform: scaleY(1.02);\r\n    box-shadow: 0 8px 20px rgba(255, 145, 77, 0.5);\r\n}\r\n\r\n\/* LABEL & KETERANGAN SUMBU X *\/\r\n.vismis-v-label-group {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    gap: 6px;\r\n    margin-top: 10px;\r\n    text-align: center;\r\n}\r\n\r\n.vismis-v-aspek-name {\r\n    font-size: 13.5px;\r\n    font-weight: 800;\r\n    color: #1e293b;\r\n}\r\n\r\n.vismis-v-status-badge {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 4px;\r\n    background: #fffbeb;\r\n    color: #b45309;\r\n    border: 1px solid #fde68a;\r\n    padding: 3px 10px;\r\n    border-radius: 20px;\r\n    font-size: 10.5px;\r\n    font-weight: 800;\r\n    text-transform: uppercase;\r\n    letter-spacing: 0.5px;\r\n}\r\n\r\n.vismis-v-bar-item.ikm-item .vismis-v-status-badge {\r\n    background: #fef3c7;\r\n    color: #92400e;\r\n    border-color: #fcd34d;\r\n    box-shadow: 0 2px 6px rgba(217, 119, 6, 0.15);\r\n}\r\n\r\n\/* RESPONSIVE *\/\r\n@media (max-width: 650px) {\r\n    .vismis-v-container {\r\n        padding: 20px 15px;\r\n    }\r\n    .vismis-v-header {\r\n        flex-direction: column;\r\n        align-items: flex-start;\r\n    }\r\n    .vismis-v-chart-wrapper {\r\n        height: 250px;\r\n        gap: 8px;\r\n        padding: 15px 10px 10px 10px;\r\n    }\r\n    .vismis-v-score {\r\n        font-size: 13px;\r\n    }\r\n    .vismis-v-score-max {\r\n        font-size: 9px;\r\n    }\r\n    .vismis-v-aspek-name {\r\n        font-size: 11px;\r\n    }\r\n    .vismis-v-status-badge {\r\n        font-size: 9px;\r\n        padding: 2px 6px;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<div class=\"vismis-v-container\">\r\n\r\n    <!-- HEADER GRAFIK -->\r\n    <div class=\"vismis-v-header\">\r\n        <div class=\"vismis-v-title-box\">\r\n            <h2><i class=\"fa-solid fa-chart-column\"><\/i> Pemahaman Dosen terhadap Visi Misi Prodi<\/h2>\r\n            <p>Grafik Vertikal Hasil Pengukuran Nilai Indeks &amp; Tingkat Kepuasan<\/p>\r\n        <\/div>\r\n        <div class=\"vismis-v-badge-top\">\r\n            <i class=\"fa-solid fa-star\"><\/i> Skala Maksimal: 5.00\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- AREA BATANG VERTIKAL (Dihitung dari Skala 5.00) -->\r\n    <div class=\"vismis-v-chart-wrapper\">\r\n\r\n        <!-- 1. PEMAHAMAN: 4.70 (94.0%) -->\r\n        <div class=\"vismis-v-bar-item\">\r\n            <div class=\"vismis-v-score-box\">\r\n                <span class=\"vismis-v-score score-counter-v\" data-target=\"4.70\">0.00<\/span>\r\n                <span class=\"vismis-v-score-max\">\/5.0<\/span>\r\n            <\/div>\r\n            <div class=\"vismis-v-track\">\r\n                <div class=\"vismis-v-fill\" data-progress=\"94.0%\"><\/div>\r\n            <\/div>\r\n            <div class=\"vismis-v-label-group\">\r\n                <span class=\"vismis-v-aspek-name\">Pemahaman<\/span>\r\n                <span class=\"vismis-v-status-badge\"><i class=\"fa-solid fa-circle-check\"><\/i> Istimewa<\/span>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- 2. RELEVANSI: 4.65 (93.0%) -->\r\n        <div class=\"vismis-v-bar-item\">\r\n            <div class=\"vismis-v-score-box\">\r\n                <span class=\"vismis-v-score score-counter-v\" data-target=\"4.65\">0.00<\/span>\r\n                <span class=\"vismis-v-score-max\">\/5.0<\/span>\r\n            <\/div>\r\n            <div class=\"vismis-v-track\">\r\n                <div class=\"vismis-v-fill\" data-progress=\"93.0%\"><\/div>\r\n            <\/div>\r\n            <div class=\"vismis-v-label-group\">\r\n                <span class=\"vismis-v-aspek-name\">Relevansi<\/span>\r\n                <span class=\"vismis-v-status-badge\"><i class=\"fa-solid fa-circle-check\"><\/i> Istimewa<\/span>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- 3. IMPLEMENTASI: 4.65 (93.0%) -->\r\n        <div class=\"vismis-v-bar-item\">\r\n            <div class=\"vismis-v-score-box\">\r\n                <span class=\"vismis-v-score score-counter-v\" data-target=\"4.65\">0.00<\/span>\r\n                <span class=\"vismis-v-score-max\">\/5.0<\/span>\r\n            <\/div>\r\n            <div class=\"vismis-v-track\">\r\n                <div class=\"vismis-v-fill\" data-progress=\"93.0%\"><\/div>\r\n            <\/div>\r\n            <div class=\"vismis-v-label-group\">\r\n                <span class=\"vismis-v-aspek-name\">Implementasi<\/span>\r\n                <span class=\"vismis-v-status-badge\"><i class=\"fa-solid fa-circle-check\"><\/i> Istimewa<\/span>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- 4. IKM (RATA-RATA): 4.67 (93.4%) -->\r\n        <div class=\"vismis-v-bar-item ikm-item\">\r\n            <div class=\"vismis-v-score-box\">\r\n                <span class=\"vismis-v-score score-counter-v\" data-target=\"4.67\" style=\"color: #b45309;\">0.00<\/span>\r\n                <span class=\"vismis-v-score-max\">\/5.0<\/span>\r\n            <\/div>\r\n            <div class=\"vismis-v-track\">\r\n                <div class=\"vismis-v-fill\" data-progress=\"93.4%\"><\/div>\r\n            <\/div>\r\n            <div class=\"vismis-v-label-group\">\r\n                <span class=\"vismis-v-aspek-name\" style=\"color: #b45309;\">IKM Total<\/span>\r\n                <span class=\"vismis-v-status-badge\"><i class=\"fa-solid fa-star\"><\/i> Istimewa<\/span>\r\n            <\/div>\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/div>\r\n\r\n<!-- JAVASCRIPT ANIMASI VERTIKAL DARI NILAI 0 -->\r\n<script>\r\n(function() {\r\n    function initVisiMisiVerticalAnimation() {\r\n        const duration = 1800; \/\/ Durasi animasi 1.8 detik\r\n\r\n        \/\/ 1. Animasi Tinggi Batang Vertikal Naik dari 0%\r\n        const bars = document.querySelectorAll('.vismis-v-fill');\r\n        bars.forEach(bar => {\r\n            const targetHeight = bar.getAttribute('data-progress');\r\n            setTimeout(() => {\r\n                bar.style.height = targetHeight;\r\n            }, 100);\r\n        });\r\n\r\n        \/\/ 2. Animasi Angka Bergerak dari 0.00 ke Nilai Target\r\n        const counters = document.querySelectorAll('.score-counter-v');\r\n        counters.forEach(counter => {\r\n            const target = parseFloat(counter.getAttribute('data-target'));\r\n            let startTime = null;\r\n\r\n            function animateCount(timestamp) {\r\n                if (!startTime) startTime = timestamp;\r\n                const elapsed = timestamp - startTime;\r\n                const progress = Math.min(elapsed \/ duration, 1);\r\n                \r\n                \/\/ Kurva percepatan easeOutQuad\r\n                const easeProgress = progress * (2 - progress);\r\n                const currentVal = (easeProgress * target).toFixed(2);\r\n                \r\n                counter.textContent = currentVal;\r\n\r\n                if (progress < 1) {\r\n                    window.requestAnimationFrame(animateCount);\r\n                } else {\r\n                    counter.textContent = target.toFixed(2);\r\n                }\r\n            }\r\n\r\n            window.requestAnimationFrame(animateCount);\r\n        });\r\n    }\r\n\r\n    if (document.readyState === 'loading') {\r\n        document.addEventListener('DOMContentLoaded', initVisiMisiVerticalAnimation);\r\n    } else {\r\n        initVisiMisiVerticalAnimation();\r\n    }\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div role=\"region tabpanel\" aria-labelledby=\"e-n-accordion-item-8120 e-n-tab-title-43668922\" id=\"e-n-tab-content-43668922\" data-tab-index=\"2\" style=\"--n-tabs-title-order: 2;\" class=\"elementor-element elementor-element-d3bf0bf e-con-full e-flex e-con e-child\" data-id=\"d3bf0bf\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ad17f84 elementor-widget elementor-widget-html\" data-id=\"ad17f84\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- Load Font Awesome 6 & Google Fonts -->\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@600;700;800;900&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n.vismis-v-container {\r\n    width: 100%;\r\n    max-width: 900px;\r\n    margin: 30px auto;\r\n    background: #ffffff;\r\n    border-radius: 20px;\r\n    padding: 32px 28px;\r\n    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);\r\n    border: 1px solid #eef2f6;\r\n    box-sizing: border-box;\r\n    font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\r\n}\r\n\r\n.vismis-v-container * {\r\n    box-sizing: border-box;\r\n}\r\n\r\n\/* HEADER *\/\r\n.vismis-v-header {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    border-bottom: 2px solid #f1f5f9;\r\n    padding-bottom: 18px;\r\n    margin-bottom: 28px;\r\n    flex-wrap: wrap;\r\n    gap: 12px;\r\n}\r\n\r\n.vismis-v-title-box h2 {\r\n    font-size: 20px;\r\n    font-weight: 800;\r\n    color: #1e293b;\r\n    margin: 0;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n}\r\n\r\n.vismis-v-title-box h2 i {\r\n    color: #ff914d;\r\n}\r\n\r\n.vismis-v-title-box p {\r\n    font-size: 13px;\r\n    font-weight: 600;\r\n    color: #64748b;\r\n    margin: 4px 0 0 0;\r\n}\r\n\r\n.vismis-v-badge-top {\r\n    background: linear-gradient(135deg, #ff914d 0%, #d4af37 100%);\r\n    color: #ffffff;\r\n    padding: 8px 18px;\r\n    border-radius: 30px;\r\n    font-size: 13px;\r\n    font-weight: 800;\r\n    box-shadow: 0 4px 12px rgba(255, 145, 77, 0.3);\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 6px;\r\n}\r\n\r\n\/* AREA GRAFIK BATANG VERTIKAL *\/\r\n.vismis-v-chart-wrapper {\r\n    display: flex;\r\n    align-items: flex-end;\r\n    justify-content: space-between;\r\n    height: 310px;\r\n    padding: 25px 20px 15px 20px;\r\n    border-bottom: 2px solid #cbd5e1;\r\n    background: #fafafa;\r\n    border-radius: 14px 14px 0 0;\r\n    gap: 16px;\r\n    position: relative;\r\n}\r\n\r\n\/* ITEM KOLOM BATANG *\/\r\n.vismis-v-bar-item {\r\n    flex: 1;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    height: 100%;\r\n    justify-content: flex-end;\r\n    gap: 8px;\r\n}\r\n\r\n\/* NILAI ANGKA INDEKS DI ATAS BATANG *\/\r\n.vismis-v-score-box {\r\n    text-align: center;\r\n    margin-bottom: 4px;\r\n}\r\n\r\n.vismis-v-score {\r\n    font-size: 17px;\r\n    font-weight: 900;\r\n    color: #d97706;\r\n    line-height: 1;\r\n}\r\n\r\n.vismis-v-score-max {\r\n    font-size: 11px;\r\n    font-weight: 700;\r\n    color: #94a3b8;\r\n    display: block;\r\n    margin-top: 2px;\r\n}\r\n\r\n\/* BATANG TRACK & FILL *\/\r\n.vismis-v-track {\r\n    width: 100%;\r\n    max-width: 58px;\r\n    height: 100%;\r\n    display: flex;\r\n    align-items: flex-end;\r\n}\r\n\r\n.vismis-v-fill {\r\n    width: 100%;\r\n    height: 0%;\r\n    border-radius: 10px 10px 3px 3px;\r\n    background: linear-gradient(180deg, #ffd700 0%, #ff914d 50%, #d97706 100%);\r\n    box-shadow: 0 4px 12px rgba(255, 145, 77, 0.35);\r\n    transition: height 1.8s cubic-bezier(0.2, 0.8, 0.2, 1);\r\n    cursor: pointer;\r\n    position: relative;\r\n}\r\n\r\n.vismis-v-bar-item.ikm-item .vismis-v-fill {\r\n    background: linear-gradient(180deg, #fff275 0%, #ffb834 40%, #b8860b 100%);\r\n    box-shadow: 0 4px 16px rgba(218, 165, 32, 0.5);\r\n    border: 1.5px solid #ffffff;\r\n}\r\n\r\n.vismis-v-bar-item:hover .vismis-v-fill {\r\n    transform: scaleY(1.02);\r\n    box-shadow: 0 8px 20px rgba(255, 145, 77, 0.5);\r\n}\r\n\r\n\/* LABEL & KETERANGAN SUMBU X *\/\r\n.vismis-v-label-group {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    gap: 6px;\r\n    margin-top: 10px;\r\n    text-align: center;\r\n}\r\n\r\n.vismis-v-aspek-name {\r\n    font-size: 13.5px;\r\n    font-weight: 800;\r\n    color: #1e293b;\r\n}\r\n\r\n.vismis-v-status-badge {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 4px;\r\n    background: #fffbeb;\r\n    color: #b45309;\r\n    border: 1px solid #fde68a;\r\n    padding: 3px 10px;\r\n    border-radius: 20px;\r\n    font-size: 10.5px;\r\n    font-weight: 800;\r\n    text-transform: uppercase;\r\n    letter-spacing: 0.5px;\r\n}\r\n\r\n.vismis-v-bar-item.ikm-item .vismis-v-status-badge {\r\n    background: #fef3c7;\r\n    color: #92400e;\r\n    border-color: #fcd34d;\r\n    box-shadow: 0 2px 6px rgba(217, 119, 6, 0.15);\r\n}\r\n\r\n\/* RESPONSIVE *\/\r\n@media (max-width: 650px) {\r\n    .vismis-v-container {\r\n        padding: 20px 15px;\r\n    }\r\n    .vismis-v-header {\r\n        flex-direction: column;\r\n        align-items: flex-start;\r\n    }\r\n    .vismis-v-chart-wrapper {\r\n        height: 250px;\r\n        gap: 8px;\r\n        padding: 15px 10px 10px 10px;\r\n    }\r\n    .vismis-v-score {\r\n        font-size: 13px;\r\n    }\r\n    .vismis-v-score-max {\r\n        font-size: 9px;\r\n    }\r\n    .vismis-v-aspek-name {\r\n        font-size: 11px;\r\n    }\r\n    .vismis-v-status-badge {\r\n        font-size: 9px;\r\n        padding: 2px 6px;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<div class=\"vismis-v-container\">\r\n\r\n    <!-- HEADER GRAFIK -->\r\n    <div class=\"vismis-v-header\">\r\n        <div class=\"vismis-v-title-box\">\r\n            <h2><i class=\"fa-solid fa-chart-column\"><\/i> Pemahaman Stakeholder terhadap Visi Misi Prodi<\/h2>\r\n            <p>Grafik Vertikal Hasil Pengukuran Nilai Indeks &amp; Tingkat Kepuasan<\/p>\r\n        <\/div>\r\n        <div class=\"vismis-v-badge-top\">\r\n            <i class=\"fa-solid fa-star\"><\/i> Skala Maksimal: 5.00\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- AREA BATANG VERTIKAL (Dihitung dari Skala 5.00) -->\r\n    <div class=\"vismis-v-chart-wrapper\">\r\n\r\n        <!-- 1. PEMAHAMAN: 4.50 (90.0%) -->\r\n        <div class=\"vismis-v-bar-item\">\r\n            <div class=\"vismis-v-score-box\">\r\n                <span class=\"vismis-v-score score-counter-stakeholder\" data-target=\"4.50\">0.00<\/span>\r\n                <span class=\"vismis-v-score-max\">\/5.0<\/span>\r\n            <\/div>\r\n            <div class=\"vismis-v-track\">\r\n                <div class=\"vismis-v-fill\" data-progress=\"90.0%\"><\/div>\r\n            <\/div>\r\n            <div class=\"vismis-v-label-group\">\r\n                <span class=\"vismis-v-aspek-name\">Pemahaman<\/span>\r\n                <span class=\"vismis-v-status-badge\"><i class=\"fa-solid fa-circle-check\"><\/i> Istimewa<\/span>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- 2. RELEVANSI: 4.50 (90.0%) -->\r\n        <div class=\"vismis-v-bar-item\">\r\n            <div class=\"vismis-v-score-box\">\r\n                <span class=\"vismis-v-score score-counter-stakeholder\" data-target=\"4.50\">0.00<\/span>\r\n                <span class=\"vismis-v-score-max\">\/5.0<\/span>\r\n            <\/div>\r\n            <div class=\"vismis-v-track\">\r\n                <div class=\"vismis-v-fill\" data-progress=\"90.0%\"><\/div>\r\n            <\/div>\r\n            <div class=\"vismis-v-label-group\">\r\n                <span class=\"vismis-v-aspek-name\">Relevansi<\/span>\r\n                <span class=\"vismis-v-status-badge\"><i class=\"fa-solid fa-circle-check\"><\/i> Istimewa<\/span>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- 3. IMPLEMENTASI: 4.67 (93.4%) -->\r\n        <div class=\"vismis-v-bar-item\">\r\n            <div class=\"vismis-v-score-box\">\r\n                <span class=\"vismis-v-score score-counter-stakeholder\" data-target=\"4.67\">0.00<\/span>\r\n                <span class=\"vismis-v-score-max\">\/5.0<\/span>\r\n            <\/div>\r\n            <div class=\"vismis-v-track\">\r\n                <div class=\"vismis-v-fill\" data-progress=\"93.4%\"><\/div>\r\n            <\/div>\r\n            <div class=\"vismis-v-label-group\">\r\n                <span class=\"vismis-v-aspek-name\">Implementasi<\/span>\r\n                <span class=\"vismis-v-status-badge\"><i class=\"fa-solid fa-circle-check\"><\/i> Istimewa<\/span>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- 4. IKM (RATA-RATA): 4.56 (91.2%) -->\r\n        <div class=\"vismis-v-bar-item ikm-item\">\r\n            <div class=\"vismis-v-score-box\">\r\n                <span class=\"vismis-v-score score-counter-stakeholder\" data-target=\"4.56\" style=\"color: #b45309;\">0.00<\/span>\r\n                <span class=\"vismis-v-score-max\">\/5.0<\/span>\r\n            <\/div>\r\n            <div class=\"vismis-v-track\">\r\n                <div class=\"vismis-v-fill\" data-progress=\"91.2%\"><\/div>\r\n            <\/div>\r\n            <div class=\"vismis-v-label-group\">\r\n                <span class=\"vismis-v-aspek-name\" style=\"color: #b45309;\">IKM Total<\/span>\r\n                <span class=\"vismis-v-status-badge\"><i class=\"fa-solid fa-star\"><\/i> Istimewa<\/span>\r\n            <\/div>\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/div>\r\n\r\n<!-- JAVASCRIPT ANIMASI VERTIKAL DARI NILAI 0 -->\r\n<script>\r\n(function() {\r\n    function initStakeholderChartAnimation() {\r\n        const duration = 1800; \/\/ Durasi animasi 1.8 detik\r\n\r\n        \/\/ 1. Animasi Tinggi Batang Vertikal Naik dari 0%\r\n        const bars = document.querySelectorAll('.vismis-v-fill');\r\n        bars.forEach(bar => {\r\n            const targetHeight = bar.getAttribute('data-progress');\r\n            setTimeout(() => {\r\n                bar.style.height = targetHeight;\r\n            }, 100);\r\n        });\r\n\r\n        \/\/ 2. Animasi Angka Bergerak dari 0.00 ke Nilai Target\r\n        const counters = document.querySelectorAll('.score-counter-stakeholder');\r\n        counters.forEach(counter => {\r\n            const target = parseFloat(counter.getAttribute('data-target'));\r\n            let startTime = null;\r\n\r\n            function animateCount(timestamp) {\r\n                if (!startTime) startTime = timestamp;\r\n                const elapsed = timestamp - startTime;\r\n                const progress = Math.min(elapsed \/ duration, 1);\r\n                \r\n                \/\/ Kurva percepatan easeOutQuad\r\n                const easeProgress = progress * (2 - progress);\r\n                const currentVal = (easeProgress * target).toFixed(2);\r\n                \r\n                counter.textContent = currentVal;\r\n\r\n                if (progress < 1) {\r\n                    window.requestAnimationFrame(animateCount);\r\n                } else {\r\n                    counter.textContent = target.toFixed(2);\r\n                }\r\n            }\r\n\r\n            window.requestAnimationFrame(animateCount);\r\n        });\r\n    }\r\n\r\n    if (document.readyState === 'loading') {\r\n        document.addEventListener('DOMContentLoaded', initStakeholderChartAnimation);\r\n    } else {\r\n        initStakeholderChartAnimation();\r\n    }\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div role=\"region tabpanel\" aria-labelledby=\"e-n-accordion-item-8120 e-n-tab-title-43668923\" id=\"e-n-tab-content-43668923\" data-tab-index=\"3\" style=\"--n-tabs-title-order: 3;\" class=\"elementor-element elementor-element-ff01f71 e-flex e-con-boxed e-con e-child\" data-id=\"ff01f71\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8e1fd8a elementor-widget elementor-widget-html\" data-id=\"8e1fd8a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- Load Font Awesome 6 & Google Fonts -->\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@600;700;800;900&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n.rtl-container {\r\n    width: 100%;\r\n    max-width: 950px;\r\n    margin: 30px auto;\r\n    background: #ffffff;\r\n    border-radius: 20px;\r\n    padding: 35px 30px;\r\n    box-shadow: 0 10px 30px rgba(255, 145, 77, 0.1);\r\n    border: 1.5px solid #ffedd5;\r\n    box-sizing: border-box;\r\n    font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\r\n}\r\n\r\n.rtl-container * {\r\n    box-sizing: border-box;\r\n}\r\n\r\n\/* HEADER *\/\r\n.rtl-header {\r\n    border-bottom: 2px solid #fed7aa;\r\n    padding-bottom: 20px;\r\n    margin-bottom: 28px;\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    flex-wrap: wrap;\r\n    gap: 15px;\r\n}\r\n\r\n.rtl-title-box h2 {\r\n    font-size: 21px;\r\n    font-weight: 900;\r\n    color: #1e293b;\r\n    margin: 0;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n}\r\n\r\n.rtl-title-box h2 i {\r\n    color: #ea580c;\r\n}\r\n\r\n.rtl-title-box p {\r\n    font-size: 13px;\r\n    font-weight: 600;\r\n    color: #78350f;\r\n    margin: 5px 0 0 0;\r\n}\r\n\r\n.rtl-badge-gold {\r\n    background: linear-gradient(135deg, #f97316 0%, #d97706 50%, #b45309 100%);\r\n    color: #ffffff;\r\n    padding: 8px 18px;\r\n    border-radius: 30px;\r\n    font-size: 12.5px;\r\n    font-weight: 800;\r\n    letter-spacing: 0.5px;\r\n    box-shadow: 0 4px 14px rgba(234, 88, 12, 0.3);\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 6px;\r\n}\r\n\r\n\/* TIMELINE \/ LIST GRID *\/\r\n.rtl-grid {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 18px;\r\n}\r\n\r\n\/* CARD ITEM *\/\r\n.rtl-card {\r\n    background: #fffaf5;\r\n    border: 1px solid #ffedd5;\r\n    border-radius: 16px;\r\n    padding: 22px;\r\n    display: flex;\r\n    gap: 20px;\r\n    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n    position: relative;\r\n    overflow: hidden;\r\n}\r\n\r\n.rtl-card::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 5px;\r\n    height: 100%;\r\n    background: linear-gradient(180deg, #f97316 0%, #f59e0b 100%);\r\n}\r\n\r\n.rtl-card:hover {\r\n    transform: translateY(-3px);\r\n    background: #ffffff;\r\n    border-color: #fdba74;\r\n    box-shadow: 0 10px 24px rgba(249, 115, 22, 0.12);\r\n}\r\n\r\n\/* ICON BADGE *\/\r\n.rtl-icon-box {\r\n    width: 52px;\r\n    height: 52px;\r\n    border-radius: 14px;\r\n    background: linear-gradient(135deg, #fff7ed 0%, #ffedd5 100%);\r\n    border: 1.5px solid #fed7aa;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    font-size: 22px;\r\n    color: #ea580c;\r\n    flex-shrink: 0;\r\n    box-shadow: 0 4px 10px rgba(234, 88, 12, 0.1);\r\n}\r\n\r\n\/* CONTENT *\/\r\n.rtl-content {\r\n    flex: 1;\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 6px;\r\n}\r\n\r\n.rtl-category {\r\n    font-size: 11px;\r\n    font-weight: 800;\r\n    text-transform: uppercase;\r\n    letter-spacing: 1px;\r\n    color: #ea580c;\r\n}\r\n\r\n.rtl-heading {\r\n    font-size: 16px;\r\n    font-weight: 800;\r\n    color: #1e293b;\r\n    margin: 0;\r\n}\r\n\r\n.rtl-desc {\r\n    font-size: 13.5px;\r\n    font-weight: 600;\r\n    color: #475569;\r\n    line-height: 1.6;\r\n    margin: 0;\r\n}\r\n\r\n.rtl-desc strong {\r\n    color: #9a3412;\r\n}\r\n\r\n\/* RESPONSIVE *\/\r\n@media (max-width: 768px) {\r\n    .rtl-container {\r\n        padding: 24px 18px;\r\n    }\r\n    .rtl-header {\r\n        flex-direction: column;\r\n        align-items: flex-start;\r\n    }\r\n    .rtl-card {\r\n        flex-direction: column;\r\n        gap: 14px;\r\n        padding: 18px;\r\n    }\r\n    .rtl-icon-box {\r\n        width: 44px;\r\n        height: 44px;\r\n        font-size: 18px;\r\n    }\r\n    .rtl-heading {\r\n        font-size: 15px;\r\n    }\r\n    .rtl-desc {\r\n        font-size: 12.5px;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<div class=\"rtl-container\">\r\n\r\n    <!-- HEADER -->\r\n    <div class=\"rtl-header\">\r\n        <div class=\"rtl-title-box\">\r\n            <h2><i class=\"fa-solid fa-compass-drafting\"><\/i> Rencana Tindak Lanjut (RTL)<\/h2>\r\n            <p>Penguatan Implementasi Visi, Misi, &amp; Kurikulum Program Studi Teknik Sipil<\/p>\r\n        <\/div>\r\n        <div class=\"rtl-badge-gold\">\r\n            <i class=\"fa-solid fa-award\"><\/i> Continuous Quality Improvement\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- GRID PROGRAM TINDAK LANJUT -->\r\n    <div class=\"rtl-grid\">\r\n\r\n        <!-- 1. SPESIFIKASI VISI KEILMUAN -->\r\n        <div class=\"rtl-card\">\r\n            <div class=\"rtl-icon-box\">\r\n                <i class=\"fa-solid fa-bullseye\"><\/i>\r\n            <\/div>\r\n            <div class=\"rtl-content\">\r\n                <span class=\"rtl-category\">Pilar 01 &bull; Reorientasi Visi Keilmuan<\/span>\r\n                <h3 class=\"rtl-heading\">Penajaman Distingsi Visi Keilmuan Teknik Sipil<\/h3>\r\n                <p class=\"rtl-desc\">\r\n                    Melakukan <strong>kontekstualisasi dan penajaman nomenklatur visi keilmuan<\/strong> agar secara eksplisit merefleksikan keunggulan spesifik disiplin Teknik Sipil yang distingtif, selaras dengan transformasi kelembagaan Fakultas Teknik yang mandiri.\r\n                <\/p>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- 2. INTEGRASI NILAI DAN PRAKTIK -->\r\n        <div class=\"rtl-card\">\r\n            <div class=\"rtl-icon-box\">\r\n                <i class=\"fa-solid fa-kaaba\"><\/i>\r\n            <\/div>\r\n            <div class=\"rtl-content\">\r\n                <span class=\"rtl-category\">Pilar 02 &bull; Integrasi Nilai Luhur<\/span>\r\n                <h3 class=\"rtl-heading\">Sintesis Nilai Spiritual dan Aplikasi Keteknikan<\/h3>\r\n                <p class=\"rtl-desc\">\r\n                    Mengoptimalkan <strong>integrasi nilai-nilai keislaman dan etika profesional<\/strong> ke dalam metode pembelajaran praktis, guna mencetak lulusan berintegritas moral tinggi dengan etos dedikasi dan keikhlasan berkarya.\r\n                <\/p>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- 3. RELEVANSI INDUSTRI & TEKNOLOGI -->\r\n        <div class=\"rtl-card\">\r\n            <div class=\"rtl-icon-box\">\r\n                <i class=\"fa-solid fa-city\"><\/i>\r\n            <\/div>\r\n            <div class=\"rtl-content\">\r\n                <span class=\"rtl-category\">Pilar 03 &bull; Relevansi Industri 4.0<\/span>\r\n                <h3 class=\"rtl-heading\">Akselerasi Pembaruan Teknologi &amp; Kebutuhan Konstruksi Global<\/h3>\r\n                <p class=\"rtl-desc\">\r\n                    Melakukan <strong>pemutakhiran kurikulum berbasis digitalisasi konstruksi (BIM\/Smart Infrastructure)<\/strong> secara berkala guna merespons dinamika tantangan industri konstruksi dan meningkatkan daya saing lulusan di ranah global.\r\n                <\/p>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- 4. TATA KELOLA & PEMBELAJARAN ADAPTIF -->\r\n        <div class=\"rtl-card\">\r\n            <div class=\"rtl-icon-box\">\r\n                <i class=\"fa-solid fa-chart-line\"><\/i>\r\n            <\/div>\r\n            <div class=\"rtl-content\">\r\n                <span class=\"rtl-category\">Pilar 04 &bull; Tata Kelola Adaptif<\/span>\r\n                <h3 class=\"rtl-heading\">Penguatan Tata Kelola Terpadu Berpusat pada Mahasiswa<\/h3>\r\n                <p class=\"rtl-desc\">\r\n                    Memperkuat <strong>sistem manajemen tata kelola program studi yang terintegrasi<\/strong> dan adaptif terhadap perkembangan potensi mahasiswa, guna menjamin proses pembelajaran yang berkesinambungan dan berdampak nyata.\r\n                <\/p>\r\n            <\/div>\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/div>\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\t<\/div>\n\t\t<\/div>\n\t\t\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\t\t\t<\/details>\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-8121\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"2\" tabindex=\"-1\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-8121\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> Survei Kepuasan Mahasiswa terhadap Manajemen Prodi TS 2024-2025 <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-minus\" viewbox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span>\n\t\t\t<span class='e-closed'><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-plus\" viewbox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-8121\" class=\"elementor-element elementor-element-3fe43b0 e-con-full e-flex e-con e-child\" data-id=\"3fe43b0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-8121\" class=\"elementor-element elementor-element-26b316c e-flex e-con-boxed e-con e-child\" data-id=\"26b316c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2b8247e e-n-tabs-mobile elementor-widget elementor-widget-n-tabs\" data-id=\"2b8247e\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;horizontal_scroll&quot;:&quot;disable&quot;}\" data-widget_type=\"nested-tabs.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"e-n-tabs\" data-widget-number=\"45622398\" aria-label=\"\u0412\u043a\u043b\u0430\u0434\u043a\u0438. \u041e\u0442\u043a\u0440\u044b\u0432\u0430\u0439\u0442\u0435 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u044b \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e \u043a\u043b\u0430\u0432\u0438\u0448 Enter \u0438\u043b\u0438 Space, \u0437\u0430\u043a\u0440\u044b\u0432\u0430\u0439\u0442\u0435 \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e Escape \u0438 \u043f\u0435\u0440\u0435\u043c\u0435\u0449\u0430\u0439\u0442\u0435\u0441\u044c \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e \u043a\u043b\u0430\u0432\u0438\u0448 \u0441\u043e \u0441\u0442\u0440\u0435\u043b\u043a\u0430\u043c\u0438.\">\n\t\t\t<div class=\"e-n-tabs-heading\" role=\"tablist\">\n\t\t\t\t\t<button id=\"e-n-tab-title-456223981\" data-tab-title-id=\"e-n-tab-title-456223981\" class=\"e-n-tab-title\" aria-selected=\"true\" data-tab-index=\"1\" role=\"tab\" tabindex=\"0\" aria-controls=\"e-n-tab-content-456223981\" style=\"--n-tabs-title-order: 1;\">\n\t\t\t\t\t\t<span class=\"e-n-tab-title-text\">\n\t\t\t\tPertanyaan Survei\t\t\t<\/span>\n\t\t<\/button>\n\t\t\t\t<button id=\"e-n-tab-title-456223982\" data-tab-title-id=\"e-n-tab-title-456223982\" class=\"e-n-tab-title\" aria-selected=\"false\" data-tab-index=\"2\" role=\"tab\" tabindex=\"-1\" aria-controls=\"e-n-tab-content-456223982\" style=\"--n-tabs-title-order: 2;\">\n\t\t\t\t\t\t<span class=\"e-n-tab-title-text\">\n\t\t\t\tKepuasan Mahasiswa terhadap Kinerja Manajemen Prodi\t\t\t<\/span>\n\t\t<\/button>\n\t\t\t\t<button id=\"e-n-tab-title-456223983\" data-tab-title-id=\"e-n-tab-title-456223983\" class=\"e-n-tab-title\" aria-selected=\"false\" data-tab-index=\"3\" role=\"tab\" tabindex=\"-1\" aria-controls=\"e-n-tab-content-456223983\" style=\"--n-tabs-title-order: 3;\">\n\t\t\t\t\t\t<span class=\"e-n-tab-title-text\">\n\t\t\t\tRencana Tindak Lanjut\t\t\t<\/span>\n\t\t<\/button>\n\t\t\t\t\t<\/div>\n\t\t\t<div class=\"e-n-tabs-content\">\n\t\t\t\t<div role=\"region tabpanel\" aria-labelledby=\"e-n-accordion-item-8121 e-n-tab-title-456223981\" id=\"e-n-tab-content-456223981\" data-tab-index=\"1\" style=\"--n-tabs-title-order: 1;\" class=\"e-active elementor-element elementor-element-218aa0b e-con-full e-flex e-con e-child\" data-id=\"218aa0b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c6e5f2f elementor-widget elementor-widget-html\" data-id=\"c6e5f2f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- Load Font Awesome 6 & Google Fonts -->\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@600;700;800;900&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n.survey-table-wrapper {\r\n    width: 100%;\r\n    max-width: 1050px;\r\n    margin: 30px auto;\r\n    background: #ffffff;\r\n    border-radius: 22px;\r\n    padding: 32px 28px;\r\n    box-shadow: 0 12px 35px rgba(249, 115, 22, 0.1);\r\n    border: 1.5px solid #ffedd5;\r\n    box-sizing: border-box;\r\n    font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\r\n}\r\n\r\n.survey-table-wrapper * {\r\n    box-sizing: border-box;\r\n}\r\n\r\n\/* HEADER *\/\r\n.survey-header {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    border-bottom: 2px solid #fed7aa;\r\n    padding-bottom: 20px;\r\n    margin-bottom: 26px;\r\n    flex-wrap: wrap;\r\n    gap: 14px;\r\n}\r\n\r\n.survey-title-box h2 {\r\n    font-size: 21px;\r\n    font-weight: 900;\r\n    color: #1e293b;\r\n    margin: 0;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n}\r\n\r\n.survey-title-box h2 i {\r\n    color: #ea580c;\r\n}\r\n\r\n.survey-title-box p {\r\n    font-size: 13.5px;\r\n    font-weight: 600;\r\n    color: #78350f;\r\n    margin: 5px 0 0 0;\r\n}\r\n\r\n.survey-badge {\r\n    background: linear-gradient(135deg, #f97316 0%, #d97706 50%, #b45309 100%);\r\n    color: #ffffff;\r\n    padding: 8px 18px;\r\n    border-radius: 30px;\r\n    font-size: 12.5px;\r\n    font-weight: 800;\r\n    letter-spacing: 0.5px;\r\n    box-shadow: 0 4px 14px rgba(234, 88, 12, 0.3);\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 6px;\r\n}\r\n\r\n\/* TABEL RESPONSIVE CONTAINER *\/\r\n.table-responsive-box {\r\n    width: 100%;\r\n    overflow-x: auto;\r\n    border-radius: 16px;\r\n    border: 1px solid #fed7aa;\r\n    background: #ffffff;\r\n    box-shadow: 0 4px 16px rgba(255, 145, 77, 0.05);\r\n}\r\n\r\n\/* TABEL UTAMA *\/\r\n.survey-custom-table {\r\n    width: 100%;\r\n    border-collapse: collapse;\r\n    text-align: left;\r\n    min-width: 650px;\r\n}\r\n\r\n\/* HEADER TABEL *\/\r\n.survey-custom-table thead tr {\r\n    background: linear-gradient(135deg, #f97316 0%, #ea580c 50%, #d97706 100%);\r\n    color: #ffffff;\r\n}\r\n\r\n.survey-custom-table th {\r\n    padding: 16px 20px;\r\n    font-size: 13.5px;\r\n    font-weight: 800;\r\n    text-transform: uppercase;\r\n    letter-spacing: 0.8px;\r\n    border: none;\r\n}\r\n\r\n.survey-custom-table th:first-child {\r\n    border-top-left-radius: 14px;\r\n}\r\n\r\n.survey-custom-table th:last-child {\r\n    border-top-right-radius: 14px;\r\n}\r\n\r\n\/* BODY TABEL *\/\r\n.survey-custom-table tbody tr {\r\n    border-bottom: 1px solid #fed7aa;\r\n    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n    background: #ffffff;\r\n}\r\n\r\n.survey-custom-table tbody tr:last-child {\r\n    border-bottom: none;\r\n}\r\n\r\n.survey-custom-table tbody tr:hover {\r\n    background: #fff7ed;\r\n    transform: scale(1.002);\r\n}\r\n\r\n.survey-custom-table td {\r\n    padding: 18px 20px;\r\n    vertical-align: middle;\r\n    font-size: 13.5px;\r\n    font-weight: 600;\r\n    color: #334155;\r\n    line-height: 1.6;\r\n}\r\n\r\n\/* KOLOM KATEGORI \/ INDIKATOR *\/\r\n.cat-badge {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    font-size: 14px;\r\n    font-weight: 800;\r\n    color: #9a3412;\r\n}\r\n\r\n.cat-letter {\r\n    width: 28px;\r\n    height: 28px;\r\n    border-radius: 8px;\r\n    background: linear-gradient(135deg, #ffedd5 0%, #fed7aa 100%);\r\n    color: #ea580c;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    font-size: 13px;\r\n    font-weight: 900;\r\n    box-shadow: 0 2px 6px rgba(234, 88, 12, 0.15);\r\n    flex-shrink: 0;\r\n}\r\n\r\n.sub-tag {\r\n    display: inline-block;\r\n    background: #fff7ed;\r\n    border: 1px solid #ffedd5;\r\n    padding: 5px 12px;\r\n    border-radius: 8px;\r\n    font-size: 12.5px;\r\n    font-weight: 700;\r\n    color: #ea580c;\r\n}\r\n\r\n\/* PERTANYAAN ITEM *\/\r\n.question-item {\r\n    display: flex;\r\n    align-items: flex-start;\r\n    gap: 12px;\r\n}\r\n\r\n.q-number {\r\n    width: 24px;\r\n    height: 24px;\r\n    border-radius: 50%;\r\n    background: #ffedd5;\r\n    color: #c2410c;\r\n    font-size: 11.5px;\r\n    font-weight: 800;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    flex-shrink: 0;\r\n    margin-top: 2px;\r\n}\r\n\r\n.q-text {\r\n    flex: 1;\r\n    font-weight: 600;\r\n    color: #1e293b;\r\n}\r\n\r\n\/* RESPONSIVE *\/\r\n@media (max-width: 768px) {\r\n    .survey-table-wrapper {\r\n        padding: 22px 16px;\r\n    }\r\n    .survey-header {\r\n        flex-direction: column;\r\n        align-items: flex-start;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<div class=\"survey-table-wrapper\">\r\n\r\n    <!-- HEADER MENU -->\r\n    <div class=\"survey-header\">\r\n        <div class=\"survey-title-box\">\r\n            <h2><i class=\"fa-solid fa-clipboard-list\"><\/i> Instrumen Evaluasi Kepuasan<\/h2>\r\n            <p>Daftar Indikator dan Butir Pertanyaan Survei Layanan Program Studi<\/p>\r\n        <\/div>\r\n        <div class=\"survey-badge\">\r\n            <i class=\"fa-solid fa-sliders\"><\/i> 5 Dimensi Layanan\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- TABEL MENU PERTANYAAN -->\r\n    <div class=\"table-responsive-box\">\r\n        <table class=\"survey-custom-table\">\r\n            <thead>\r\n                <tr>\r\n                    <th style=\"width: 28%;\">Kategori \/ Dimensi<\/th>\r\n                    <th style=\"width: 20%;\">Indikator<\/th>\r\n                    <th style=\"width: 52%;\">Butir Pertanyaan<\/th>\r\n                <\/tr>\r\n            <\/thead>\r\n            <tbody>\r\n                <!-- A. KEANDALAN -->\r\n                <tr>\r\n                    <td>\r\n                        <div class=\"cat-badge\">\r\n                            <span class=\"cat-letter\">A<\/span>\r\n                            <div>\r\n                                <span>Keandalan<\/span><br>\r\n                                <small style=\"font-weight: 600; color: #94a3b8; font-style: italic;\">(Reliability)<\/small>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/td>\r\n                    <td>\r\n                        <span class=\"sub-tag\">Keandalan<\/span>\r\n                    <\/td>\r\n                    <td>\r\n                        <div class=\"question-item\">\r\n                            <span class=\"q-number\">1<\/span>\r\n                            <span class=\"q-text\">Pengelola pembelajaran memberikan layanan secara efektif dan efisien.<\/span>\r\n                        <\/div>\r\n                    <\/td>\r\n                <\/tr>\r\n\r\n                <!-- B. DAYA TANGGAP -->\r\n                <tr>\r\n                    <td>\r\n                        <div class=\"cat-badge\">\r\n                            <span class=\"cat-letter\">B<\/span>\r\n                            <div>\r\n                                <span>Daya Tanggap<\/span><br>\r\n                                <small style=\"font-weight: 600; color: #94a3b8; font-style: italic;\">(Responsiveness)<\/small>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/td>\r\n                    <td>\r\n                        <span class=\"sub-tag\">Daya Tanggap<\/span>\r\n                    <\/td>\r\n                    <td>\r\n                        <div class=\"question-item\">\r\n                            <span class=\"q-number\">2<\/span>\r\n                            <span class=\"q-text\">Pengelola program studi membantu permasalahan secara cepat dan tanggap.<\/span>\r\n                        <\/div>\r\n                    <\/td>\r\n                <\/tr>\r\n\r\n                <!-- C. KEPASTIAN -->\r\n                <tr>\r\n                    <td>\r\n                        <div class=\"cat-badge\">\r\n                            <span class=\"cat-letter\">C<\/span>\r\n                            <div>\r\n                                <span>Kepastian<\/span><br>\r\n                                <small style=\"font-weight: 600; color: #94a3b8; font-style: italic;\">(Assurance)<\/small>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/td>\r\n                    <td>\r\n                        <span class=\"sub-tag\">Kepastian<\/span>\r\n                    <\/td>\r\n                    <td>\r\n                        <div class=\"question-item\">\r\n                            <span class=\"q-number\">3<\/span>\r\n                            <span class=\"q-text\">Ketua\/Sekretaris program studi membantu menyelesaikan permasalahan mahasiswa sesuai dengan panduan akademik.<\/span>\r\n                        <\/div>\r\n                    <\/td>\r\n                <\/tr>\r\n\r\n                <!-- D. EMPATI (BARIS 1) -->\r\n                <tr>\r\n                    <td rowspan=\"2\" style=\"border-bottom: 1px solid #fed7aa; background: #fffdfa;\">\r\n                        <div class=\"cat-badge\">\r\n                            <span class=\"cat-letter\">D<\/span>\r\n                            <div>\r\n                                <span>Empati<\/span><br>\r\n                                <small style=\"font-weight: 600; color: #94a3b8; font-style: italic;\">(Empathy)<\/small>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/td>\r\n                    <td>\r\n                        <span class=\"sub-tag\">Empati 1<\/span>\r\n                    <\/td>\r\n                    <td>\r\n                        <div class=\"question-item\">\r\n                            <span class=\"q-number\">4<\/span>\r\n                            <span class=\"q-text\">Ketua\/Sekretaris program studi memantau dan mengevaluasi proses akademik dan non akademik mahasiswa.<\/span>\r\n                        <\/div>\r\n                    <\/td>\r\n                <\/tr>\r\n\r\n                <!-- D. EMPATI (BARIS 2) -->\r\n                <tr>\r\n                    <td>\r\n                        <span class=\"sub-tag\">Empati 2<\/span>\r\n                    <\/td>\r\n                    <td>\r\n                        <div class=\"question-item\">\r\n                            <span class=\"q-number\">5<\/span>\r\n                            <span class=\"q-text\">Ketua\/Sekretaris prodi melakukan pendampingan pada mahasiswa yang memiliki permasalahan akademik dan non akademik.<\/span>\r\n                        <\/div>\r\n                    <\/td>\r\n                <\/tr>\r\n\r\n                <!-- E. TRANSPARANSI -->\r\n                <tr>\r\n                    <td>\r\n                        <div class=\"cat-badge\">\r\n                            <span class=\"cat-letter\">E<\/span>\r\n                            <div>\r\n                                <span>Transparansi<\/span><br>\r\n                                <small style=\"font-weight: 600; color: #94a3b8; font-style: italic;\">(Transparency)<\/small>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/td>\r\n                    <td>\r\n                        <span class=\"sub-tag\">Transparansi<\/span>\r\n                    <\/td>\r\n                    <td>\r\n                        <div class=\"question-item\">\r\n                            <span class=\"q-number\">6<\/span>\r\n                            <span class=\"q-text\">Ketua\/Sekretaris prodi memberikan keterbukaan dan kemudahan akses informasi akademik.<\/span>\r\n                        <\/div>\r\n                    <\/td>\r\n                <\/tr>\r\n            <\/tbody>\r\n        <\/table>\r\n    <\/div>\r\n\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div role=\"region tabpanel\" aria-labelledby=\"e-n-accordion-item-8121 e-n-tab-title-456223982\" id=\"e-n-tab-content-456223982\" data-tab-index=\"2\" style=\"--n-tabs-title-order: 2;\" class=\"elementor-element elementor-element-db42429 e-con-full e-flex e-con e-child\" data-id=\"db42429\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-90448a1 elementor-widget elementor-widget-html\" data-id=\"90448a1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- Load Font Awesome 6 & Google Fonts -->\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@600;700;800;900&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n.satisfaction-v-container {\r\n    width: 100%;\r\n    max-width: 1050px;\r\n    margin: 30px auto;\r\n    background: #ffffff;\r\n    border-radius: 22px;\r\n    padding: 34px 28px;\r\n    box-shadow: 0 12px 35px rgba(249, 115, 22, 0.1);\r\n    border: 1.5px solid #ffedd5;\r\n    box-sizing: border-box;\r\n    font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\r\n}\r\n\r\n.satisfaction-v-container * {\r\n    box-sizing: border-box;\r\n}\r\n\r\n\/* HEADER *\/\r\n.satisfaction-header {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    border-bottom: 2px solid #fed7aa;\r\n    padding-bottom: 18px;\r\n    margin-bottom: 28px;\r\n    flex-wrap: wrap;\r\n    gap: 12px;\r\n}\r\n\r\n.satisfaction-title-box h2 {\r\n    font-size: 20px;\r\n    font-weight: 800;\r\n    color: #1e293b;\r\n    margin: 0;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n}\r\n\r\n.satisfaction-title-box h2 i {\r\n    color: #ea580c;\r\n}\r\n\r\n.satisfaction-title-box p {\r\n    font-size: 13px;\r\n    font-weight: 600;\r\n    color: #78350f;\r\n    margin: 4px 0 0 0;\r\n}\r\n\r\n.satisfaction-badge-top {\r\n    background: linear-gradient(135deg, #f97316 0%, #d97706 50%, #b45309 100%);\r\n    color: #ffffff;\r\n    padding: 8px 18px;\r\n    border-radius: 30px;\r\n    font-size: 13px;\r\n    font-weight: 800;\r\n    box-shadow: 0 4px 14px rgba(234, 88, 12, 0.3);\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 6px;\r\n}\r\n\r\n\/* AREA GRAFIK BATANG VERTIKAL *\/\r\n.satisfaction-chart-wrapper {\r\n    display: flex;\r\n    align-items: flex-end;\r\n    justify-content: space-between;\r\n    height: 320px;\r\n    padding: 25px 15px 15px 15px;\r\n    border-bottom: 2px solid #fed7aa;\r\n    background: #fffaf5;\r\n    border-radius: 16px 16px 0 0;\r\n    gap: 10px;\r\n    position: relative;\r\n}\r\n\r\n\/* ITEM KOLOM BATANG *\/\r\n.satisfaction-bar-item {\r\n    flex: 1;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    height: 100%;\r\n    justify-content: flex-end;\r\n    gap: 8px;\r\n}\r\n\r\n\/* NILAI ANGKA INDEKS DI ATAS BATANG *\/\r\n.satisfaction-score-box {\r\n    text-align: center;\r\n    margin-bottom: 4px;\r\n}\r\n\r\n.satisfaction-score {\r\n    font-size: 16px;\r\n    font-weight: 900;\r\n    color: #c2410c;\r\n    line-height: 1;\r\n}\r\n\r\n.satisfaction-score-max {\r\n    font-size: 10.5px;\r\n    font-weight: 700;\r\n    color: #94a3b8;\r\n    display: block;\r\n    margin-top: 2px;\r\n}\r\n\r\n\/* BATANG TRACK & FILL *\/\r\n.satisfaction-track {\r\n    width: 100%;\r\n    max-width: 52px;\r\n    height: 100%;\r\n    display: flex;\r\n    align-items: flex-end;\r\n}\r\n\r\n.satisfaction-fill {\r\n    width: 100%;\r\n    height: 0%;\r\n    border-radius: 10px 10px 3px 3px;\r\n    background: linear-gradient(180deg, #ffd700 0%, #ff914d 50%, #ea580c 100%);\r\n    box-shadow: 0 4px 12px rgba(234, 88, 12, 0.3);\r\n    transition: height 1.8s cubic-bezier(0.2, 0.8, 0.2, 1);\r\n    cursor: pointer;\r\n    position: relative;\r\n}\r\n\r\n.satisfaction-bar-item.ikm-item .satisfaction-fill {\r\n    background: linear-gradient(180deg, #fff275 0%, #f59e0b 40%, #b45309 100%);\r\n    box-shadow: 0 4px 16px rgba(217, 119, 6, 0.45);\r\n    border: 1.5px solid #ffffff;\r\n}\r\n\r\n.satisfaction-bar-item:hover .satisfaction-fill {\r\n    transform: scaleY(1.02);\r\n    box-shadow: 0 8px 22px rgba(234, 88, 12, 0.45);\r\n}\r\n\r\n\/* LABEL & KETERANGAN SUMBU X *\/\r\n.satisfaction-label-group {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    gap: 5px;\r\n    margin-top: 10px;\r\n    text-align: center;\r\n}\r\n\r\n.satisfaction-aspek-name {\r\n    font-size: 12.5px;\r\n    font-weight: 800;\r\n    color: #1e293b;\r\n    line-height: 1.2;\r\n}\r\n\r\n.satisfaction-status-badge {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 4px;\r\n    background: #fff7ed;\r\n    color: #c2410c;\r\n    border: 1px solid #ffedd5;\r\n    padding: 3px 8px;\r\n    border-radius: 20px;\r\n    font-size: 10px;\r\n    font-weight: 800;\r\n    text-transform: uppercase;\r\n    letter-spacing: 0.4px;\r\n    white-space: nowrap;\r\n}\r\n\r\n.satisfaction-bar-item.ikm-item .satisfaction-status-badge {\r\n    background: #fef3c7;\r\n    color: #92400e;\r\n    border-color: #fcd34d;\r\n    box-shadow: 0 2px 6px rgba(217, 119, 6, 0.15);\r\n}\r\n\r\n\/* RESPONSIVE *\/\r\n@media (max-width: 800px) {\r\n    .satisfaction-chart-wrapper {\r\n        height: 270px;\r\n        gap: 6px;\r\n        padding: 15px 8px 10px 8px;\r\n    }\r\n    .satisfaction-score {\r\n        font-size: 13px;\r\n    }\r\n    .satisfaction-aspek-name {\r\n        font-size: 10.5px;\r\n    }\r\n    .satisfaction-status-badge {\r\n        font-size: 8.5px;\r\n        padding: 2px 5px;\r\n    }\r\n}\r\n\r\n@media (max-width: 600px) {\r\n    .satisfaction-v-container {\r\n        padding: 20px 12px;\r\n    }\r\n    .satisfaction-header {\r\n        flex-direction: column;\r\n        align-items: flex-start;\r\n    }\r\n    .satisfaction-chart-wrapper {\r\n        overflow-x: auto;\r\n        min-width: 100%;\r\n    }\r\n    .satisfaction-bar-item {\r\n        min-width: 70px;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<div class=\"satisfaction-v-container\">\r\n\r\n    <!-- HEADER GRAFIK -->\r\n    <div class=\"satisfaction-header\">\r\n        <div class=\"satisfaction-title-box\">\r\n            <h2><i class=\"fa-solid fa-chart-column\"><\/i> Kepuasan Mahasiswa terhadap Manajemen Prodi<\/h2>\r\n            <p>Indeks Kepuasan Berdasarkan Dimensi Pelayanan &amp; Tata Kelola<\/p>\r\n        <\/div>\r\n        <div class=\"satisfaction-badge-top\">\r\n            <i class=\"fa-solid fa-star\"><\/i> Skala Maksimal: 4.00\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- AREA BATANG VERTIKAL (Proporsional dari Skala 4.00) -->\r\n    <div class=\"satisfaction-chart-wrapper\">\r\n\r\n        <!-- 1. KEANDALAN: 3.70 (92.5%) -->\r\n        <div class=\"satisfaction-bar-item\">\r\n            <div class=\"satisfaction-score-box\">\r\n                <span class=\"satisfaction-score mhs-score-counter\" data-target=\"3.70\">0.00<\/span>\r\n                <span class=\"satisfaction-score-max\">\/4.0<\/span>\r\n            <\/div>\r\n            <div class=\"satisfaction-track\">\r\n                <div class=\"satisfaction-fill\" data-progress=\"92.5%\"><\/div>\r\n            <\/div>\r\n            <div class=\"satisfaction-label-group\">\r\n                <span class=\"satisfaction-aspek-name\">Keandalan<\/span>\r\n                <span class=\"satisfaction-status-badge\"><i class=\"fa-solid fa-circle-check\"><\/i> Sangat Puas<\/span>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- 2. DAYA TANGGAP: 3.70 (92.5%) -->\r\n        <div class=\"satisfaction-bar-item\">\r\n            <div class=\"satisfaction-score-box\">\r\n                <span class=\"satisfaction-score mhs-score-counter\" data-target=\"3.70\">0.00<\/span>\r\n                <span class=\"satisfaction-score-max\">\/4.0<\/span>\r\n            <\/div>\r\n            <div class=\"satisfaction-track\">\r\n                <div class=\"satisfaction-fill\" data-progress=\"92.5%\"><\/div>\r\n            <\/div>\r\n            <div class=\"satisfaction-label-group\">\r\n                <span class=\"satisfaction-aspek-name\">Daya Tanggap<\/span>\r\n                <span class=\"satisfaction-status-badge\"><i class=\"fa-solid fa-circle-check\"><\/i> Sangat Puas<\/span>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- 3. KEPASTIAN: 3.57 (89.25%) -->\r\n        <div class=\"satisfaction-bar-item\">\r\n            <div class=\"satisfaction-score-box\">\r\n                <span class=\"satisfaction-score mhs-score-counter\" data-target=\"3.57\">0.00<\/span>\r\n                <span class=\"satisfaction-score-max\">\/4.0<\/span>\r\n            <\/div>\r\n            <div class=\"satisfaction-track\">\r\n                <div class=\"satisfaction-fill\" data-progress=\"89.25%\"><\/div>\r\n            <\/div>\r\n            <div class=\"satisfaction-label-group\">\r\n                <span class=\"satisfaction-aspek-name\">Kepastian<\/span>\r\n                <span class=\"satisfaction-status-badge\"><i class=\"fa-solid fa-circle-check\"><\/i> Sangat Puas<\/span>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- 4. EMPATI 1: 3.57 (89.25%) -->\r\n        <div class=\"satisfaction-bar-item\">\r\n            <div class=\"satisfaction-score-box\">\r\n                <span class=\"satisfaction-score mhs-score-counter\" data-target=\"3.57\">0.00<\/span>\r\n                <span class=\"satisfaction-score-max\">\/4.0<\/span>\r\n            <\/div>\r\n            <div class=\"satisfaction-track\">\r\n                <div class=\"satisfaction-fill\" data-progress=\"89.25%\"><\/div>\r\n            <\/div>\r\n            <div class=\"satisfaction-label-group\">\r\n                <span class=\"satisfaction-aspek-name\">Empati 1<\/span>\r\n                <span class=\"satisfaction-status-badge\"><i class=\"fa-solid fa-circle-check\"><\/i> Sangat Puas<\/span>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- 5. EMPATI 2: 3.60 (90.0%) -->\r\n        <div class=\"satisfaction-bar-item\">\r\n            <div class=\"satisfaction-score-box\">\r\n                <span class=\"satisfaction-score mhs-score-counter\" data-target=\"3.60\">0.00<\/span>\r\n                <span class=\"satisfaction-score-max\">\/4.0<\/span>\r\n            <\/div>\r\n            <div class=\"satisfaction-track\">\r\n                <div class=\"satisfaction-fill\" data-progress=\"90.0%\"><\/div>\r\n            <\/div>\r\n            <div class=\"satisfaction-label-group\">\r\n                <span class=\"satisfaction-aspek-name\">Empati 2<\/span>\r\n                <span class=\"satisfaction-status-badge\"><i class=\"fa-solid fa-circle-check\"><\/i> Sangat Puas<\/span>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- 6. TRANSPARANSI: 3.60 (90.0%) -->\r\n        <div class=\"satisfaction-bar-item\">\r\n            <div class=\"satisfaction-score-box\">\r\n                <span class=\"satisfaction-score mhs-score-counter\" data-target=\"3.60\">0.00<\/span>\r\n                <span class=\"satisfaction-score-max\">\/4.0<\/span>\r\n            <\/div>\r\n            <div class=\"satisfaction-track\">\r\n                <div class=\"satisfaction-fill\" data-progress=\"90.0%\"><\/div>\r\n            <\/div>\r\n            <div class=\"satisfaction-label-group\">\r\n                <span class=\"satisfaction-aspek-name\">Transparansi<\/span>\r\n                <span class=\"satisfaction-status-badge\"><i class=\"fa-solid fa-circle-check\"><\/i> Sangat Puas<\/span>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- 7. IKM (RATA-RATA): 3.62 (90.5%) -->\r\n        <div class=\"satisfaction-bar-item ikm-item\">\r\n            <div class=\"satisfaction-score-box\">\r\n                <span class=\"satisfaction-score mhs-score-counter\" data-target=\"3.62\" style=\"color: #9a3412;\">0.00<\/span>\r\n                <span class=\"satisfaction-score-max\">\/4.0<\/span>\r\n            <\/div>\r\n            <div class=\"satisfaction-track\">\r\n                <div class=\"satisfaction-fill\" data-progress=\"90.5%\"><\/div>\r\n            <\/div>\r\n            <div class=\"satisfaction-label-group\">\r\n                <span class=\"satisfaction-aspek-name\" style=\"color: #9a3412;\">IKM Total<\/span>\r\n                <span class=\"satisfaction-status-badge\"><i class=\"fa-solid fa-star\"><\/i> Sangat Puas<\/span>\r\n            <\/div>\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/div>\r\n\r\n<!-- JAVASCRIPT ANIMASI VERTIKAL DARI NILAI 0 -->\r\n<script>\r\n(function() {\r\n    function initSatisfactionChartAnimation() {\r\n        const duration = 1800; \/\/ Durasi animasi 1.8 detik\r\n\r\n        \/\/ 1. Animasi Tinggi Batang Vertikal Naik dari 0%\r\n        const bars = document.querySelectorAll('.satisfaction-fill');\r\n        bars.forEach(bar => {\r\n            const targetHeight = bar.getAttribute('data-progress');\r\n            setTimeout(() => {\r\n                bar.style.height = targetHeight;\r\n            }, 100);\r\n        });\r\n\r\n        \/\/ 2. Animasi Angka Bergerak dari 0.00 ke Nilai Target\r\n        const counters = document.querySelectorAll('.mhs-score-counter');\r\n        counters.forEach(counter => {\r\n            const target = parseFloat(counter.getAttribute('data-target'));\r\n            let startTime = null;\r\n\r\n            function animateCount(timestamp) {\r\n                if (!startTime) startTime = timestamp;\r\n                const elapsed = timestamp - startTime;\r\n                const progress = Math.min(elapsed \/ duration, 1);\r\n                \r\n                \/\/ Kurva percepatan easeOutQuad\r\n                const easeProgress = progress * (2 - progress);\r\n                const currentVal = (easeProgress * target).toFixed(2);\r\n                \r\n                counter.textContent = currentVal;\r\n\r\n                if (progress < 1) {\r\n                    window.requestAnimationFrame(animateCount);\r\n                } else {\r\n                    counter.textContent = target.toFixed(2);\r\n                }\r\n            }\r\n\r\n            window.requestAnimationFrame(animateCount);\r\n        });\r\n    }\r\n\r\n    if (document.readyState === 'loading') {\r\n        document.addEventListener('DOMContentLoaded', initSatisfactionChartAnimation);\r\n    } else {\r\n        initSatisfactionChartAnimation();\r\n    }\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div role=\"region tabpanel\" aria-labelledby=\"e-n-accordion-item-8121 e-n-tab-title-456223983\" id=\"e-n-tab-content-456223983\" data-tab-index=\"3\" style=\"--n-tabs-title-order: 3;\" class=\"elementor-element elementor-element-8aea89c e-flex e-con-boxed e-con e-child\" data-id=\"8aea89c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-07d3576 elementor-widget elementor-widget-html\" data-id=\"07d3576\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- Load Font Awesome 6 & Google Fonts -->\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@600;700;800;900&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n.rtl-mhs-container {\r\n    width: 100%;\r\n    max-width: 980px;\r\n    margin: 30px auto;\r\n    background: #ffffff;\r\n    border-radius: 22px;\r\n    padding: 35px 30px;\r\n    box-shadow: 0 12px 35px rgba(249, 115, 22, 0.1);\r\n    border: 1.5px solid #ffedd5;\r\n    box-sizing: border-box;\r\n    font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\r\n}\r\n\r\n.rtl-mhs-container * {\r\n    box-sizing: border-box;\r\n}\r\n\r\n\/* HEADER *\/\r\n.rtl-mhs-header {\r\n    border-bottom: 2px solid #fed7aa;\r\n    padding-bottom: 20px;\r\n    margin-bottom: 28px;\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    flex-wrap: wrap;\r\n    gap: 15px;\r\n}\r\n\r\n.rtl-mhs-title-box h2 {\r\n    font-size: 21px;\r\n    font-weight: 900;\r\n    color: #1e293b;\r\n    margin: 0;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n}\r\n\r\n.rtl-mhs-title-box h2 i {\r\n    color: #ea580c;\r\n}\r\n\r\n.rtl-mhs-title-box p {\r\n    font-size: 13px;\r\n    font-weight: 600;\r\n    color: #78350f;\r\n    margin: 5px 0 0 0;\r\n}\r\n\r\n.rtl-mhs-badge {\r\n    background: linear-gradient(135deg, #f97316 0%, #d97706 50%, #b45309 100%);\r\n    color: #ffffff;\r\n    padding: 8px 18px;\r\n    border-radius: 30px;\r\n    font-size: 12.5px;\r\n    font-weight: 800;\r\n    letter-spacing: 0.5px;\r\n    box-shadow: 0 4px 14px rgba(234, 88, 12, 0.3);\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 6px;\r\n}\r\n\r\n\/* GRID RTL *\/\r\n.rtl-mhs-grid {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 18px;\r\n}\r\n\r\n\/* KARTU ITEM *\/\r\n.rtl-mhs-card {\r\n    background: #fffaf5;\r\n    border: 1px solid #ffedd5;\r\n    border-radius: 16px;\r\n    padding: 22px;\r\n    display: flex;\r\n    gap: 20px;\r\n    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n    position: relative;\r\n    overflow: hidden;\r\n}\r\n\r\n.rtl-mhs-card::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 5px;\r\n    height: 100%;\r\n    background: linear-gradient(180deg, #f97316 0%, #f59e0b 100%);\r\n}\r\n\r\n.rtl-mhs-card:hover {\r\n    transform: translateY(-3px);\r\n    background: #ffffff;\r\n    border-color: #fdba74;\r\n    box-shadow: 0 10px 24px rgba(249, 115, 22, 0.12);\r\n}\r\n\r\n\/* ICON BADGE *\/\r\n.rtl-mhs-icon-box {\r\n    width: 52px;\r\n    height: 52px;\r\n    border-radius: 14px;\r\n    background: linear-gradient(135deg, #fff7ed 0%, #ffedd5 100%);\r\n    border: 1.5px solid #fed7aa;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    font-size: 22px;\r\n    color: #ea580c;\r\n    flex-shrink: 0;\r\n    box-shadow: 0 4px 10px rgba(234, 88, 12, 0.1);\r\n}\r\n\r\n\/* CONTENT *\/\r\n.rtl-mhs-content {\r\n    flex: 1;\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 6px;\r\n}\r\n\r\n.rtl-mhs-category {\r\n    font-size: 11px;\r\n    font-weight: 800;\r\n    text-transform: uppercase;\r\n    letter-spacing: 1px;\r\n    color: #ea580c;\r\n}\r\n\r\n.rtl-mhs-heading {\r\n    font-size: 16px;\r\n    font-weight: 800;\r\n    color: #1e293b;\r\n    margin: 0;\r\n}\r\n\r\n.rtl-mhs-desc {\r\n    font-size: 13.5px;\r\n    font-weight: 600;\r\n    color: #475569;\r\n    line-height: 1.6;\r\n    margin: 0;\r\n}\r\n\r\n.rtl-mhs-desc strong {\r\n    color: #9a3412;\r\n}\r\n\r\n\/* RESPONSIVE *\/\r\n@media (max-width: 768px) {\r\n    .rtl-mhs-container {\r\n        padding: 24px 18px;\r\n    }\r\n    .rtl-mhs-header {\r\n        flex-direction: column;\r\n        align-items: flex-start;\r\n    }\r\n    .rtl-mhs-card {\r\n        flex-direction: column;\r\n        gap: 14px;\r\n        padding: 18px;\r\n    }\r\n    .rtl-mhs-icon-box {\r\n        width: 44px;\r\n        height: 44px;\r\n        font-size: 18px;\r\n    }\r\n    .rtl-mhs-heading {\r\n        font-size: 15px;\r\n    }\r\n    .rtl-mhs-desc {\r\n        font-size: 12.5px;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<div class=\"rtl-mhs-container\">\r\n\r\n    <!-- HEADER -->\r\n    <div class=\"rtl-mhs-header\">\r\n        <div class=\"rtl-mhs-title-box\">\r\n            <h2><i class=\"fa-solid fa-clipboard-check\"><\/i> Rencana Tindak Lanjut (RTL) Manajemen Prodi<\/h2>\r\n            <p>Sintesis Konstruktif Hasil Evaluasi Kepuasan Mahasiswa &bull; Program Studi Teknik Sipil<\/p>\r\n        <\/div>\r\n        <div class=\"rtl-mhs-badge\">\r\n            <i class=\"fa-solid fa-chart-line\"><\/i> Continuous Quality Improvement\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- GRID PROGRAM TINDAK LANJUT -->\r\n    <div class=\"rtl-mhs-grid\">\r\n\r\n        <!-- 1. RESTRUKTURISASI & INTEGRASI KURIKULUM -->\r\n        <div class=\"rtl-mhs-card\">\r\n            <div class=\"rtl-mhs-icon-box\">\r\n                <i class=\"fa-solid fa-book-bookmark\"><\/i>\r\n            <\/div>\r\n            <div class=\"rtl-mhs-content\">\r\n                <span class=\"rtl-mhs-category\">Pilar 01 &bull; Kurikulum &amp; Distribusi SKS<\/span>\r\n                <h3 class=\"rtl-mhs-heading\">Penyelarasan Proporsional dan Pemetaan Beban SKS Keilmuan<\/h3>\r\n                <p class=\"rtl-mhs-desc\">\r\n                    Melakukan <strong>evaluasi dan rekonfigurasi sebaran mata kuliah bertahap<\/strong> antara muatan universitas dan mata kuliah keahlian teknik sipil sejak semester awal, guna memastikan transisi keilmuan berjalan terstruktur, terfokus, dan kontekstual terhadap penguasaan kompetensi inti keteknikan.\r\n                <\/p>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- 2. PEMERATAAN KOMPETENSI SOFTWARE & DIGITALISASI -->\r\n        <div class=\"rtl-mhs-card\">\r\n            <div class=\"rtl-mhs-icon-box\">\r\n                <i class=\"fa-solid fa-laptop-code\"><\/i>\r\n            <\/div>\r\n            <div class=\"rtl-mhs-content\">\r\n                <span class=\"rtl-mhs-category\">Pilar 02 &bull; Digital Engineering Competency<\/span>\r\n                <h3 class=\"rtl-mhs-heading\">Standardisasi &amp; Matrikulasi Penguasaan Perangkat Lunak Antar-Angkatan<\/h3>\r\n                <p class=\"rtl-mhs-desc\">\r\n                    Menyelenggarakan <strong>program matrikulasi dan pelatihan komputasi rekayasa sipil (*engineering software*) berkelanjutan<\/strong> untuk seluruh angkatan, sehingga terwujud kesetaraan keahlian teknologi digital, pemodelan struktur, dan instrumentasi modern di seluruh jenjang mahasiswa.\r\n                <\/p>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- 3. TRANSPARANSI INFORMASI & TATA KELOLA AKADEMIK -->\r\n        <div class=\"rtl-mhs-card\">\r\n            <div class=\"rtl-mhs-icon-box\">\r\n                <i class=\"fa-solid fa-bullhorn\"><\/i>\r\n            <\/div>\r\n            <div class=\"rtl-mhs-content\">\r\n                <span class=\"rtl-mhs-category\">Pilar 03 &bull; Transparansi &amp; Komunikasi Publik<\/span>\r\n                <h3 class=\"rtl-mhs-heading\">Penguatan Kanal Informasi Terpadu &amp; Sosialisasi Kebijakan Akademik<\/h3>\r\n                <p class=\"rtl-mhs-desc\">\r\n                    Mengembangkan <strong>pusat informasi digital yang transparan dan *real-time*<\/strong> terkait agenda kerja prodi, kalender kegiatan akademik, serta diseminasi pemahaman komprehensif mengenai struktur beban SKS dan regulasi akademik kepada mahasiswa.\r\n                <\/p>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- 4. PENDAMPINGAN, ADVOKASI & KESEJAHTERAAN MAHASISWA -->\r\n        <div class=\"rtl-mhs-card\">\r\n            <div class=\"rtl-mhs-icon-box\">\r\n                <i class=\"fa-solid fa-handshake-angle\"><\/i>\r\n            <\/div>\r\n            <div class=\"rtl-mhs-content\">\r\n                <span class=\"rtl-mhs-category\">Pilar 04 &bull; Advokasi &amp; Student Well-being<\/span>\r\n                <h3 class=\"rtl-mhs-heading\">Optimalisasi Layanan Konseling Akademik &amp; Fasilitasi Finansial<\/h3>\r\n                <p class=\"rtl-mhs-desc\">\r\n                    Mempererat <strong>hubungan kolegial yang inklusif antara pengelola prodi dan mahasiswa<\/strong> melalui penguatan bimbingan akademik intensif, serta menyediakan pendampingan aktif dalam mengakses informasi beasiswa dan mekanisme penyesuaian biaya pendidikan (UKT).\r\n                <\/p>\r\n            <\/div>\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/div>\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\t<\/div>\n\t\t<\/div>\n\t\t\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\t\t\t<\/details>\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-8122\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"3\" tabindex=\"-1\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-8122\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> Survei Mahasiswa thd Visi Misi, Roadmap Penelitian dan Pengabdian TS Tahun 2024-2025 <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-minus\" viewbox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span>\n\t\t\t<span class='e-closed'><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-plus\" viewbox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-8122\" class=\"elementor-element elementor-element-738e414 e-con-full e-flex e-con e-child\" data-id=\"738e414\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-8122\" class=\"elementor-element elementor-element-b093cef e-flex e-con-boxed e-con e-child\" data-id=\"b093cef\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a4ecf95 e-n-tabs-mobile elementor-widget elementor-widget-n-tabs\" data-id=\"a4ecf95\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;horizontal_scroll&quot;:&quot;disable&quot;}\" data-widget_type=\"nested-tabs.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"e-n-tabs\" data-widget-number=\"172937109\" aria-label=\"\u0412\u043a\u043b\u0430\u0434\u043a\u0438. \u041e\u0442\u043a\u0440\u044b\u0432\u0430\u0439\u0442\u0435 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u044b \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e \u043a\u043b\u0430\u0432\u0438\u0448 Enter \u0438\u043b\u0438 Space, \u0437\u0430\u043a\u0440\u044b\u0432\u0430\u0439\u0442\u0435 \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e Escape \u0438 \u043f\u0435\u0440\u0435\u043c\u0435\u0449\u0430\u0439\u0442\u0435\u0441\u044c \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e \u043a\u043b\u0430\u0432\u0438\u0448 \u0441\u043e \u0441\u0442\u0440\u0435\u043b\u043a\u0430\u043c\u0438.\">\n\t\t\t<div class=\"e-n-tabs-heading\" role=\"tablist\">\n\t\t\t\t\t<button id=\"e-n-tab-title-1729371091\" data-tab-title-id=\"e-n-tab-title-1729371091\" class=\"e-n-tab-title\" aria-selected=\"true\" data-tab-index=\"1\" role=\"tab\" tabindex=\"0\" aria-controls=\"e-n-tab-content-1729371091\" style=\"--n-tabs-title-order: 1;\">\n\t\t\t\t\t\t<span class=\"e-n-tab-title-text\">\n\t\t\t\tPertanyaan Survei\t\t\t<\/span>\n\t\t<\/button>\n\t\t\t\t<button id=\"e-n-tab-title-1729371092\" data-tab-title-id=\"e-n-tab-title-1729371092\" class=\"e-n-tab-title\" aria-selected=\"false\" data-tab-index=\"2\" role=\"tab\" tabindex=\"-1\" aria-controls=\"e-n-tab-content-1729371092\" style=\"--n-tabs-title-order: 2;\">\n\t\t\t\t\t\t<span class=\"e-n-tab-title-text\">\n\t\t\t\tVisi Misi Prodi\t\t\t<\/span>\n\t\t<\/button>\n\t\t\t\t<button id=\"e-n-tab-title-1729371093\" data-tab-title-id=\"e-n-tab-title-1729371093\" class=\"e-n-tab-title\" aria-selected=\"false\" data-tab-index=\"3\" role=\"tab\" tabindex=\"-1\" aria-controls=\"e-n-tab-content-1729371093\" style=\"--n-tabs-title-order: 3;\">\n\t\t\t\t\t\t<span class=\"e-n-tab-title-text\">\n\t\t\t\tRoadmap Penelitian dan Pengabdian\t\t\t<\/span>\n\t\t<\/button>\n\t\t\t\t<button id=\"e-n-tab-title-1729371094\" data-tab-title-id=\"e-n-tab-title-1729371094\" class=\"e-n-tab-title\" aria-selected=\"false\" data-tab-index=\"4\" role=\"tab\" tabindex=\"-1\" aria-controls=\"e-n-tab-content-1729371094\" style=\"--n-tabs-title-order: 4;\">\n\t\t\t\t\t\t<span class=\"e-n-tab-title-text\">\n\t\t\t\tRTL\t\t\t<\/span>\n\t\t<\/button>\n\t\t\t\t\t<\/div>\n\t\t\t<div class=\"e-n-tabs-content\">\n\t\t\t\t<div role=\"region tabpanel\" aria-labelledby=\"e-n-accordion-item-8122 e-n-tab-title-1729371091\" id=\"e-n-tab-content-1729371091\" data-tab-index=\"1\" style=\"--n-tabs-title-order: 1;\" class=\"e-active elementor-element elementor-element-3c4235a e-con-full e-flex e-con e-child\" data-id=\"3c4235a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-680d662 elementor-widget elementor-widget-html\" data-id=\"680d662\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@600;700;800;900&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n.survey-master-container {\r\n    width: 100%;\r\n    max-width: 1050px;\r\n    margin: 30px auto;\r\n    background: #ffffff;\r\n    border-radius: 22px;\r\n    padding: 34px 28px;\r\n    box-shadow: 0 12px 35px rgba(249, 115, 22, 0.1);\r\n    border: 1.5px solid #ffedd5;\r\n    box-sizing: border-box;\r\n    font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\r\n}\r\n\r\n.survey-master-container * {\r\n    box-sizing: border-box;\r\n}\r\n\r\n\/* HEADER MENU *\/\r\n.survey-master-header {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    border-bottom: 2px solid #fed7aa;\r\n    padding-bottom: 20px;\r\n    margin-bottom: 28px;\r\n    flex-wrap: wrap;\r\n    gap: 14px;\r\n}\r\n\r\n.survey-header-title h2 {\r\n    font-size: 21px;\r\n    font-weight: 900;\r\n    color: #1e293b;\r\n    margin: 0;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n}\r\n\r\n.survey-header-title h2 i {\r\n    color: #ea580c;\r\n}\r\n\r\n.survey-header-title p {\r\n    font-size: 13.5px;\r\n    font-weight: 600;\r\n    color: #78350f;\r\n    margin: 5px 0 0 0;\r\n}\r\n\r\n.survey-header-badge {\r\n    background: linear-gradient(135deg, #f97316 0%, #d97706 50%, #b45309 100%);\r\n    color: #ffffff;\r\n    padding: 8px 18px;\r\n    border-radius: 30px;\r\n    font-size: 12.5px;\r\n    font-weight: 800;\r\n    letter-spacing: 0.5px;\r\n    box-shadow: 0 4px 14px rgba(234, 88, 12, 0.3);\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 6px;\r\n}\r\n\r\n\/* SECTION CARD *\/\r\n.survey-block {\r\n    margin-bottom: 28px;\r\n}\r\n\r\n.survey-block:last-child {\r\n    margin-bottom: 0;\r\n}\r\n\r\n.survey-block-title {\r\n    font-size: 15.5px;\r\n    font-weight: 800;\r\n    color: #9a3412;\r\n    margin-bottom: 12px;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n}\r\n\r\n.survey-block-title i {\r\n    color: #ea580c;\r\n    font-size: 17px;\r\n}\r\n\r\n\/* TABEL WRAPPER *\/\r\n.table-responsive-box {\r\n    width: 100%;\r\n    overflow-x: auto;\r\n    border-radius: 16px;\r\n    border: 1px solid #fed7aa;\r\n    background: #ffffff;\r\n    box-shadow: 0 4px 16px rgba(255, 145, 77, 0.05);\r\n}\r\n\r\n\/* TABEL STYLING *\/\r\n.survey-table {\r\n    width: 100%;\r\n    border-collapse: collapse;\r\n    text-align: left;\r\n    min-width: 600px;\r\n}\r\n\r\n.survey-table thead tr {\r\n    background: linear-gradient(135deg, #f97316 0%, #ea580c 50%, #d97706 100%);\r\n    color: #ffffff;\r\n}\r\n\r\n.survey-table th {\r\n    padding: 15px 18px;\r\n    font-size: 13px;\r\n    font-weight: 800;\r\n    text-transform: uppercase;\r\n    letter-spacing: 0.8px;\r\n    border: none;\r\n}\r\n\r\n.survey-table th:first-child {\r\n    border-top-left-radius: 14px;\r\n    text-align: center;\r\n}\r\n\r\n.survey-table th:last-child {\r\n    border-top-right-radius: 14px;\r\n}\r\n\r\n.survey-table tbody tr {\r\n    border-bottom: 1px solid #fed7aa;\r\n    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n    background: #ffffff;\r\n}\r\n\r\n.survey-table tbody tr:last-child {\r\n    border-bottom: none;\r\n}\r\n\r\n.survey-table tbody tr:hover {\r\n    background: #fff7ed;\r\n    transform: translateX(4px);\r\n}\r\n\r\n.survey-table td {\r\n    padding: 16px 18px;\r\n    vertical-align: middle;\r\n    font-size: 13.5px;\r\n    font-weight: 600;\r\n    color: #334155;\r\n    line-height: 1.6;\r\n}\r\n\r\n\/* BADGE NOMOR *\/\r\n.row-number {\r\n    width: 32px;\r\n    height: 32px;\r\n    border-radius: 50%;\r\n    background: linear-gradient(135deg, #ffedd5 0%, #fed7aa 100%);\r\n    color: #c2410c;\r\n    font-size: 13px;\r\n    font-weight: 900;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    box-shadow: 0 2px 6px rgba(234, 88, 12, 0.15);\r\n}\r\n\r\n\/* BADGE ASPEK *\/\r\n.aspek-badge {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 6px;\r\n    background: #fff7ed;\r\n    border: 1px solid #fed7aa;\r\n    padding: 6px 14px;\r\n    border-radius: 8px;\r\n    font-size: 13px;\r\n    font-weight: 800;\r\n    color: #c2410c;\r\n    box-shadow: 0 2px 6px rgba(249, 115, 22, 0.05);\r\n}\r\n\r\n.aspek-badge i {\r\n    color: #ea580c;\r\n}\r\n\r\n\/* PERTANYAAN *\/\r\n.question-text {\r\n    font-weight: 600;\r\n    color: #1e293b;\r\n}\r\n\r\n\/* RESPONSIVE *\/\r\n@media (max-width: 768px) {\r\n    .survey-master-container {\r\n        padding: 22px 16px;\r\n    }\r\n    .survey-master-header {\r\n        flex-direction: column;\r\n        align-items: flex-start;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<div class=\"survey-master-container\">\r\n\r\n    <div class=\"survey-master-header\">\r\n        <div class=\"survey-header-title\">\r\n            <h2><i class=\"fa-solid fa-square-poll-vertical\"><\/i> Instrumen Survei Evaluasi Akademik<\/h2>\r\n            <p>Daftar Butir Pertanyaan Survei Visi Misi &amp; Roadmap Penelitian\/Pengabdian Program Studi<\/p>\r\n        <\/div>\r\n        <div class=\"survey-header-badge\">\r\n            <i class=\"fa-solid fa-list-check\"><\/i> Prodi Teknik Sipil\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"survey-block\">\r\n        <div class=\"survey-block-title\">\r\n            <i class=\"fa-solid fa-bullseye\"><\/i>\r\n            <span>1. Survei Pemahaman &amp; Implementasi Visi Misi Prodi Teknik Sipil<\/span>\r\n        <\/div>\r\n        <div class=\"table-responsive-box\">\r\n            <table class=\"survey-table\">\r\n                <thead>\r\n                    <tr>\r\n                        <th style=\"width: 10%; text-align: center;\">No<\/th>\r\n                        <th style=\"width: 25%;\">Aspek Visi Misi<\/th>\r\n                        <th style=\"width: 65%;\">Butir Pertanyaan<\/th>\r\n                    <\/tr>\r\n                <\/thead>\r\n                <tbody>\r\n                    <tr>\r\n                        <td style=\"text-align: center;\">\r\n                            <span class=\"row-number\">1<\/span>\r\n                        <\/td>\r\n                        <td>\r\n                            <span class=\"aspek-badge\"><i class=\"fa-solid fa-brain\"><\/i> Pemahaman<\/span>\r\n                        <\/td>\r\n                        <td>\r\n                            <span class=\"question-text\">Visi dan misi Prodi Teknik SIPIL bisa dipahami oleh mahasiswa.<\/span>\r\n                        <\/td>\r\n                    <\/tr>\r\n                    <tr>\r\n                        <td style=\"text-align: center;\">\r\n                            <span class=\"row-number\">2<\/span>\r\n                        <\/td>\r\n                        <td>\r\n                            <span class=\"aspek-badge\"><i class=\"fa-solid fa-arrows-to-dot\"><\/i> Relevansi<\/span>\r\n                        <\/td>\r\n                        <td>\r\n                            <span class=\"question-text\">Visi dan misi Prodi Teknik SIPIL sesuai dengan kebutuhan mahasiswa di masa yang akan datang.<\/span>\r\n                        <\/td>\r\n                    <\/tr>\r\n                    <tr>\r\n                        <td style=\"text-align: center;\">\r\n                            <span class=\"row-number\">3<\/span>\r\n                        <\/td>\r\n                        <td>\r\n                            <span class=\"aspek-badge\"><i class=\"fa-solid fa-gears\"><\/i> Implementasi<\/span>\r\n                        <\/td>\r\n                        <td>\r\n                            <span class=\"question-text\">Visi dan misi Prodi tercermin pada Kurikulum dan proses pembelajaran.<\/span>\r\n                        <\/td>\r\n                    <\/tr>\r\n                <\/tbody>\r\n            <\/table>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"survey-block\">\r\n        <div class=\"survey-block-title\">\r\n            <i class=\"fa-solid fa-flask-vial\"><\/i>\r\n            <span>2. Survei Roadmap Penelitian dan Pengabdian kepada Masyarakat<\/span>\r\n        <\/div>\r\n        <div class=\"table-responsive-box\">\r\n            <table class=\"survey-table\">\r\n                <thead>\r\n                    <tr>\r\n                        <th style=\"width: 10%; text-align: center;\">No<\/th>\r\n                        <th style=\"width: 25%;\">Aspek<\/th>\r\n                        <th style=\"width: 65%;\">Butir Pertanyaan<\/th>\r\n                    <\/tr>\r\n                <\/thead>\r\n                <tbody>\r\n                    <tr>\r\n                        <td style=\"text-align: center;\">\r\n                            <span class=\"row-number\">1<\/span>\r\n                        <\/td>\r\n                        <td>\r\n                            <span class=\"aspek-badge\"><i class=\"fa-solid fa-circle-check\"><\/i> Kesesuaian<\/span>\r\n                        <\/td>\r\n                        <td>\r\n                            <span class=\"question-text\">Roadmap penelitian dan pengabdian masyarakat prodi sudah sesuai dengan keilmuan program studi.<\/span>\r\n                        <\/td>\r\n                    <\/tr>\r\n                    <tr>\r\n                        <td style=\"text-align: center;\">\r\n                            <span class=\"row-number\">2<\/span>\r\n                        <\/td>\r\n                        <td>\r\n                            <span class=\"aspek-badge\"><i class=\"fa-solid fa-person-digging\"><\/i> Pelaksanaan<\/span>\r\n                        <\/td>\r\n                        <td>\r\n                            <span class=\"question-text\">Mahasiswa prodi telah melakukan penelitian dan pengabdian sesuai dengan roadmap.<\/span>\r\n                        <\/td>\r\n                    <\/tr>\r\n                    <tr>\r\n                        <td style=\"text-align: center;\">\r\n                            <span class=\"row-number\">3<\/span>\r\n                        <\/td>\r\n                        <td>\r\n                            <span class=\"aspek-badge\"><i class=\"fa-solid fa-book-bookmark\"><\/i> Pemanfaatan<\/span>\r\n                        <\/td>\r\n                        <td>\r\n                            <span class=\"question-text\">Artikel jurnal \/ laporan Kegiatan penelitian dan Pengabdian digunakan sebagai rujukan perkuliahan dan tugas akhir mahasiswa.<\/span>\r\n                        <\/td>\r\n                    <\/tr>\r\n                <\/tbody>\r\n            <\/table>\r\n        <\/div>\r\n    <\/div>\r\n\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div role=\"region tabpanel\" aria-labelledby=\"e-n-accordion-item-8122 e-n-tab-title-1729371092\" id=\"e-n-tab-content-1729371092\" data-tab-index=\"2\" style=\"--n-tabs-title-order: 2;\" class=\"elementor-element elementor-element-489aa48 e-con-full e-flex e-con e-child\" data-id=\"489aa48\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ed7a1ce elementor-widget elementor-widget-html\" data-id=\"ed7a1ce\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- Load Font Awesome 6 & Google Fonts -->\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@600;700;800;900&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n.vismis-mhs-container {\r\n    width: 100%;\r\n    max-width: 920px;\r\n    margin: 30px auto;\r\n    background: #ffffff;\r\n    border-radius: 22px;\r\n    padding: 34px 28px;\r\n    box-shadow: 0 12px 35px rgba(249, 115, 22, 0.1);\r\n    border: 1.5px solid #ffedd5;\r\n    box-sizing: border-box;\r\n    font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\r\n}\r\n\r\n.vismis-mhs-container * {\r\n    box-sizing: border-box;\r\n}\r\n\r\n\/* HEADER *\/\r\n.vismis-mhs-header {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    border-bottom: 2px solid #fed7aa;\r\n    padding-bottom: 18px;\r\n    margin-bottom: 28px;\r\n    flex-wrap: wrap;\r\n    gap: 12px;\r\n}\r\n\r\n.vismis-mhs-title-box h2 {\r\n    font-size: 20px;\r\n    font-weight: 800;\r\n    color: #1e293b;\r\n    margin: 0;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n}\r\n\r\n.vismis-mhs-title-box h2 i {\r\n    color: #ea580c;\r\n}\r\n\r\n.vismis-mhs-title-box p {\r\n    font-size: 13px;\r\n    font-weight: 600;\r\n    color: #78350f;\r\n    margin: 4px 0 0 0;\r\n}\r\n\r\n.vismis-mhs-badge-top {\r\n    background: linear-gradient(135deg, #f97316 0%, #d97706 50%, #b45309 100%);\r\n    color: #ffffff;\r\n    padding: 8px 18px;\r\n    border-radius: 30px;\r\n    font-size: 13px;\r\n    font-weight: 800;\r\n    box-shadow: 0 4px 14px rgba(234, 88, 12, 0.3);\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 6px;\r\n}\r\n\r\n\/* AREA GRAFIK BATANG VERTIKAL *\/\r\n.vismis-mhs-chart-wrapper {\r\n    display: flex;\r\n    align-items: flex-end;\r\n    justify-content: space-between;\r\n    height: 320px;\r\n    padding: 25px 20px 15px 20px;\r\n    border-bottom: 2px solid #fed7aa;\r\n    background: #fffaf5;\r\n    border-radius: 16px 16px 0 0;\r\n    gap: 16px;\r\n    position: relative;\r\n}\r\n\r\n\/* ITEM KOLOM BATANG *\/\r\n.vismis-mhs-bar-item {\r\n    flex: 1;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    height: 100%;\r\n    justify-content: flex-end;\r\n    gap: 8px;\r\n}\r\n\r\n\/* NILAI ANGKA INDEKS DI ATAS BATANG *\/\r\n.vismis-mhs-score-box {\r\n    text-align: center;\r\n    margin-bottom: 4px;\r\n}\r\n\r\n.vismis-mhs-score {\r\n    font-size: 17px;\r\n    font-weight: 900;\r\n    color: #c2410c;\r\n    line-height: 1;\r\n}\r\n\r\n.vismis-mhs-score-max {\r\n    font-size: 11px;\r\n    font-weight: 700;\r\n    color: #94a3b8;\r\n    display: block;\r\n    margin-top: 2px;\r\n}\r\n\r\n\/* BATANG TRACK & FILL *\/\r\n.vismis-mhs-track {\r\n    width: 100%;\r\n    max-width: 58px;\r\n    height: 100%;\r\n    display: flex;\r\n    align-items: flex-end;\r\n}\r\n\r\n.vismis-mhs-fill {\r\n    width: 100%;\r\n    height: 0%;\r\n    border-radius: 10px 10px 3px 3px;\r\n    background: linear-gradient(180deg, #ffd700 0%, #ff914d 50%, #ea580c 100%);\r\n    box-shadow: 0 4px 12px rgba(234, 88, 12, 0.3);\r\n    transition: height 1.8s cubic-bezier(0.2, 0.8, 0.2, 1);\r\n    cursor: pointer;\r\n    position: relative;\r\n}\r\n\r\n.vismis-mhs-bar-item.ikm-item .vismis-mhs-fill {\r\n    background: linear-gradient(180deg, #fff275 0%, #f59e0b 40%, #b45309 100%);\r\n    box-shadow: 0 4px 16px rgba(217, 119, 6, 0.45);\r\n    border: 1.5px solid #ffffff;\r\n}\r\n\r\n.vismis-mhs-bar-item:hover .vismis-mhs-fill {\r\n    transform: scaleY(1.02);\r\n    box-shadow: 0 8px 22px rgba(234, 88, 12, 0.45);\r\n}\r\n\r\n\/* LABEL & KETERANGAN SUMBU X *\/\r\n.vismis-mhs-label-group {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    gap: 6px;\r\n    margin-top: 10px;\r\n    text-align: center;\r\n}\r\n\r\n.vismis-mhs-aspek-name {\r\n    font-size: 13.5px;\r\n    font-weight: 800;\r\n    color: #1e293b;\r\n}\r\n\r\n.vismis-mhs-status-badge {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 4px;\r\n    background: #fff7ed;\r\n    color: #c2410c;\r\n    border: 1px solid #ffedd5;\r\n    padding: 3px 10px;\r\n    border-radius: 20px;\r\n    font-size: 10.5px;\r\n    font-weight: 800;\r\n    text-transform: uppercase;\r\n    letter-spacing: 0.5px;\r\n    white-space: nowrap;\r\n}\r\n\r\n.vismis-mhs-bar-item.ikm-item .vismis-mhs-status-badge {\r\n    background: #fef3c7;\r\n    color: #92400e;\r\n    border-color: #fcd34d;\r\n    box-shadow: 0 2px 6px rgba(217, 119, 6, 0.15);\r\n}\r\n\r\n\/* RESPONSIVE *\/\r\n@media (max-width: 650px) {\r\n    .vismis-mhs-container {\r\n        padding: 20px 15px;\r\n    }\r\n    .vismis-mhs-header {\r\n        flex-direction: column;\r\n        align-items: flex-start;\r\n    }\r\n    .vismis-mhs-chart-wrapper {\r\n        height: 260px;\r\n        gap: 8px;\r\n        padding: 15px 10px 10px 10px;\r\n    }\r\n    .vismis-mhs-score {\r\n        font-size: 14px;\r\n    }\r\n    .vismis-mhs-score-max {\r\n        font-size: 9.5px;\r\n    }\r\n    .vismis-mhs-aspek-name {\r\n        font-size: 11.5px;\r\n    }\r\n    .vismis-mhs-status-badge {\r\n        font-size: 9px;\r\n        padding: 2px 6px;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<div class=\"vismis-mhs-container\">\r\n\r\n    <!-- HEADER GRAFIK -->\r\n    <div class=\"vismis-mhs-header\">\r\n        <div class=\"vismis-mhs-title-box\">\r\n            <h2><i class=\"fa-solid fa-chart-column\"><\/i> Kepuasan Mahasiswa terhadap Visi Misi Prodi<\/h2>\r\n            <p>Grafik Vertikal Hasil Pengukuran Nilai Indeks &amp; Tingkat Kepuasan<\/p>\r\n        <\/div>\r\n        <div class=\"vismis-mhs-badge-top\">\r\n            <i class=\"fa-solid fa-star\"><\/i> Skala Maksimal: 4.00\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- AREA BATANG VERTIKAL (Proporsional dari Skala 4.00) -->\r\n    <div class=\"vismis-mhs-chart-wrapper\">\r\n\r\n        <!-- 1. PEMAHAMAN: 3.77 (94.25%) -->\r\n        <div class=\"vismis-mhs-bar-item\">\r\n            <div class=\"vismis-mhs-score-box\">\r\n                <span class=\"vismis-mhs-score score-counter-vm\" data-target=\"3.77\">0.00<\/span>\r\n                <span class=\"vismis-mhs-score-max\">\/4.0<\/span>\r\n            <\/div>\r\n            <div class=\"vismis-mhs-track\">\r\n                <div class=\"vismis-mhs-fill\" data-progress=\"94.25%\"><\/div>\r\n            <\/div>\r\n            <div class=\"vismis-mhs-label-group\">\r\n                <span class=\"vismis-mhs-aspek-name\">Pemahaman<\/span>\r\n                <span class=\"vismis-mhs-status-badge\"><i class=\"fa-solid fa-circle-check\"><\/i> Sangat Puas<\/span>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- 2. RELEVANSI: 3.67 (91.75%) -->\r\n        <div class=\"vismis-mhs-bar-item\">\r\n            <div class=\"vismis-mhs-score-box\">\r\n                <span class=\"vismis-mhs-score score-counter-vm\" data-target=\"3.67\">0.00<\/span>\r\n                <span class=\"vismis-mhs-score-max\">\/4.0<\/span>\r\n            <\/div>\r\n            <div class=\"vismis-mhs-track\">\r\n                <div class=\"vismis-mhs-fill\" data-progress=\"91.75%\"><\/div>\r\n            <\/div>\r\n            <div class=\"vismis-mhs-label-group\">\r\n                <span class=\"vismis-mhs-aspek-name\">Relevansi<\/span>\r\n                <span class=\"vismis-mhs-status-badge\"><i class=\"fa-solid fa-circle-check\"><\/i> Sangat Puas<\/span>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- 3. IMPLEMENTASI: 3.63 (90.75%) -->\r\n        <div class=\"vismis-mhs-bar-item\">\r\n            <div class=\"vismis-mhs-score-box\">\r\n                <span class=\"vismis-mhs-score score-counter-vm\" data-target=\"3.63\">0.00<\/span>\r\n                <span class=\"vismis-mhs-score-max\">\/4.0<\/span>\r\n            <\/div>\r\n            <div class=\"vismis-mhs-track\">\r\n                <div class=\"vismis-mhs-fill\" data-progress=\"90.75%\"><\/div>\r\n            <\/div>\r\n            <div class=\"vismis-mhs-label-group\">\r\n                <span class=\"vismis-mhs-aspek-name\">Implementasi<\/span>\r\n                <span class=\"vismis-mhs-status-badge\"><i class=\"fa-solid fa-circle-check\"><\/i> Sangat Puas<\/span>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- 4. IKM (RATA-RATA): 3.69 (92.25%) -->\r\n        <div class=\"vismis-mhs-bar-item ikm-item\">\r\n            <div class=\"vismis-mhs-score-box\">\r\n                <span class=\"vismis-mhs-score score-counter-vm\" data-target=\"3.69\" style=\"color: #9a3412;\">0.00<\/span>\r\n                <span class=\"vismis-mhs-score-max\">\/4.0<\/span>\r\n            <\/div>\r\n            <div class=\"vismis-mhs-track\">\r\n                <div class=\"vismis-mhs-fill\" data-progress=\"92.25%\"><\/div>\r\n            <\/div>\r\n            <div class=\"vismis-mhs-label-group\">\r\n                <span class=\"vismis-mhs-aspek-name\" style=\"color: #9a3412;\">IKM Total<\/span>\r\n                <span class=\"vismis-mhs-status-badge\"><i class=\"fa-solid fa-star\"><\/i> Sangat Puas<\/span>\r\n            <\/div>\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/div>\r\n\r\n<!-- JAVASCRIPT ANIMASI VERTIKAL DARI NILAI 0 -->\r\n<script>\r\n(function() {\r\n    function initVisiMisiMhsAnimation() {\r\n        const duration = 1800; \/\/ Durasi animasi 1.8 detik\r\n\r\n        \/\/ 1. Animasi Batang Vertikal Naik dari 0%\r\n        const bars = document.querySelectorAll('.vismis-mhs-fill');\r\n        bars.forEach(bar => {\r\n            const targetHeight = bar.getAttribute('data-progress');\r\n            setTimeout(() => {\r\n                bar.style.height = targetHeight;\r\n            }, 100);\r\n        });\r\n\r\n        \/\/ 2. Animasi Angka Bergerak dari 0.00 ke Target\r\n        const counters = document.querySelectorAll('.score-counter-vm');\r\n        counters.forEach(counter => {\r\n            const target = parseFloat(counter.getAttribute('data-target'));\r\n            let startTime = null;\r\n\r\n            function animateCount(timestamp) {\r\n                if (!startTime) startTime = timestamp;\r\n                const elapsed = timestamp - startTime;\r\n                const progress = Math.min(elapsed \/ duration, 1);\r\n                \r\n                \/\/ Kurva percepatan easeOutQuad\r\n                const easeProgress = progress * (2 - progress);\r\n                const currentVal = (easeProgress * target).toFixed(2);\r\n                \r\n                counter.textContent = currentVal;\r\n\r\n                if (progress < 1) {\r\n                    window.requestAnimationFrame(animateCount);\r\n                } else {\r\n                    counter.textContent = target.toFixed(2);\r\n                }\r\n            }\r\n\r\n            window.requestAnimationFrame(animateCount);\r\n        });\r\n    }\r\n\r\n    if (document.readyState === 'loading') {\r\n        document.addEventListener('DOMContentLoaded', initVisiMisiMhsAnimation);\r\n    } else {\r\n        initVisiMisiMhsAnimation();\r\n    }\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div role=\"region tabpanel\" aria-labelledby=\"e-n-accordion-item-8122 e-n-tab-title-1729371093\" id=\"e-n-tab-content-1729371093\" data-tab-index=\"3\" style=\"--n-tabs-title-order: 3;\" class=\"elementor-element elementor-element-627b2c7 e-flex e-con-boxed e-con e-child\" data-id=\"627b2c7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-47ad5dc elementor-widget elementor-widget-html\" data-id=\"47ad5dc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@600;700;800;900&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n.roadmap-satisfaction-container {\r\n    width: 100%;\r\n    max-width: 920px;\r\n    margin: 30px auto;\r\n    background: #ffffff;\r\n    border-radius: 22px;\r\n    padding: 34px 28px;\r\n    box-shadow: 0 12px 35px rgba(249, 115, 22, 0.1);\r\n    border: 1.5px solid #ffedd5;\r\n    box-sizing: border-box;\r\n    font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\r\n}\r\n\r\n.roadmap-satisfaction-container * {\r\n    box-sizing: border-box;\r\n}\r\n\r\n\/* HEADER *\/\r\n.roadmap-header {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    border-bottom: 2px solid #fed7aa;\r\n    padding-bottom: 18px;\r\n    margin-bottom: 28px;\r\n    flex-wrap: wrap;\r\n    gap: 12px;\r\n}\r\n\r\n.roadmap-title-box h2 {\r\n    font-size: 20px;\r\n    font-weight: 800;\r\n    color: #1e293b;\r\n    margin: 0;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n}\r\n\r\n.roadmap-title-box h2 i {\r\n    color: #ea580c;\r\n}\r\n\r\n.roadmap-title-box p {\r\n    font-size: 13px;\r\n    font-weight: 600;\r\n    color: #78350f;\r\n    margin: 4px 0 0 0;\r\n}\r\n\r\n.roadmap-badge-top {\r\n    background: linear-gradient(135deg, #f97316 0%, #d97706 50%, #b45309 100%);\r\n    color: #ffffff;\r\n    padding: 8px 18px;\r\n    border-radius: 30px;\r\n    font-size: 13px;\r\n    font-weight: 800;\r\n    box-shadow: 0 4px 14px rgba(234, 88, 12, 0.3);\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 6px;\r\n}\r\n\r\n\/* AREA GRAFIK BATANG VERTIKAL *\/\r\n.roadmap-chart-wrapper {\r\n    display: flex;\r\n    align-items: flex-end;\r\n    justify-content: space-between;\r\n    height: 320px;\r\n    padding: 25px 20px 15px 20px;\r\n    border-bottom: 2px solid #fed7aa;\r\n    background: #fffaf5;\r\n    border-radius: 16px 16px 0 0;\r\n    gap: 16px;\r\n    position: relative;\r\n}\r\n\r\n\/* ITEM KOLOM BATANG *\/\r\n.roadmap-bar-item {\r\n    flex: 1;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    height: 100%;\r\n    justify-content: flex-end;\r\n    gap: 8px;\r\n}\r\n\r\n\/* NILAI ANGKA INDEKS DI ATAS BATANG *\/\r\n.roadmap-score-box {\r\n    text-align: center;\r\n    margin-bottom: 4px;\r\n}\r\n\r\n.roadmap-score {\r\n    font-size: 17px;\r\n    font-weight: 900;\r\n    color: #c2410c;\r\n    line-height: 1;\r\n}\r\n\r\n.roadmap-score-max {\r\n    font-size: 11px;\r\n    font-weight: 700;\r\n    color: #94a3b8;\r\n    display: block;\r\n    margin-top: 2px;\r\n}\r\n\r\n\/* BATANG TRACK & FILL *\/\r\n.roadmap-track {\r\n    width: 100%;\r\n    max-width: 58px;\r\n    height: 100%;\r\n    display: flex;\r\n    align-items: flex-end;\r\n}\r\n\r\n.roadmap-fill {\r\n    width: 100%;\r\n    height: 0%;\r\n    border-radius: 10px 10px 3px 3px;\r\n    background: linear-gradient(180deg, #ffd700 0%, #ff914d 50%, #ea580c 100%);\r\n    box-shadow: 0 4px 12px rgba(234, 88, 12, 0.3);\r\n    transition: height 1.8s cubic-bezier(0.2, 0.8, 0.2, 1);\r\n    cursor: pointer;\r\n    position: relative;\r\n}\r\n\r\n.roadmap-bar-item.ikm-item .roadmap-fill {\r\n    background: linear-gradient(180deg, #fff275 0%, #f59e0b 40%, #b45309 100%);\r\n    box-shadow: 0 4px 16px rgba(217, 119, 6, 0.45);\r\n    border: 1.5px solid #ffffff;\r\n}\r\n\r\n.roadmap-bar-item:hover .roadmap-fill {\r\n    transform: scaleY(1.02);\r\n    box-shadow: 0 8px 22px rgba(234, 88, 12, 0.45);\r\n}\r\n\r\n\/* LABEL & KETERANGAN SUMBU X *\/\r\n.roadmap-label-group {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    gap: 6px;\r\n    margin-top: 10px;\r\n    text-align: center;\r\n}\r\n\r\n.roadmap-aspek-name {\r\n    font-size: 13.5px;\r\n    font-weight: 800;\r\n    color: #1e293b;\r\n}\r\n\r\n.roadmap-status-badge {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 4px;\r\n    background: #fff7ed;\r\n    color: #c2410c;\r\n    border: 1px solid #ffedd5;\r\n    padding: 3px 10px;\r\n    border-radius: 20px;\r\n    font-size: 10.5px;\r\n    font-weight: 800;\r\n    text-transform: uppercase;\r\n    letter-spacing: 0.5px;\r\n    white-space: nowrap;\r\n}\r\n\r\n.roadmap-bar-item.ikm-item .roadmap-status-badge {\r\n    background: #fef3c7;\r\n    color: #92400e;\r\n    border-color: #fcd34d;\r\n    box-shadow: 0 2px 6px rgba(217, 119, 6, 0.15);\r\n}\r\n\r\n\/* RESPONSIVE *\/\r\n@media (max-width: 650px) {\r\n    .roadmap-satisfaction-container {\r\n        padding: 20px 15px;\r\n    }\r\n    .roadmap-header {\r\n        flex-direction: column;\r\n        align-items: flex-start;\r\n    }\r\n    .roadmap-chart-wrapper {\r\n        height: 260px;\r\n        gap: 8px;\r\n        padding: 15px 10px 10px 10px;\r\n    }\r\n    .roadmap-score {\r\n        font-size: 14px;\r\n    }\r\n    .roadmap-score-max {\r\n        font-size: 9.5px;\r\n    }\r\n    .roadmap-aspek-name {\r\n        font-size: 11.5px;\r\n    }\r\n    .roadmap-status-badge {\r\n        font-size: 9px;\r\n        padding: 2px 6px;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<div class=\"roadmap-satisfaction-container\">\r\n\r\n    <div class=\"roadmap-header\">\r\n        <div class=\"roadmap-title-box\">\r\n            <h2><i class=\"fa-solid fa-chart-column\"><\/i> Kepuasan terhadap Roadmap Penelitian &amp; Pengabdian<\/h2>\r\n            <p>Grafik Vertikal Pengukuran Nilai Indeks &amp; Tingkat Kepuasan Mahasiswa<\/p>\r\n        <\/div>\r\n        <div class=\"roadmap-badge-top\">\r\n            <i class=\"fa-solid fa-star\"><\/i> Skala Maksimal: 4.00\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"roadmap-chart-wrapper\">\r\n\r\n        <div class=\"roadmap-bar-item\">\r\n            <div class=\"roadmap-score-box\">\r\n                <span class=\"roadmap-score score-counter-rm\" data-target=\"3.50\">0.00<\/span>\r\n                <span class=\"roadmap-score-max\">\/4.0<\/span>\r\n            <\/div>\r\n            <div class=\"roadmap-track\">\r\n                <div class=\"roadmap-fill\" data-progress=\"87.5%\"><\/div>\r\n            <\/div>\r\n            <div class=\"roadmap-label-group\">\r\n                <span class=\"roadmap-aspek-name\">Kesesuaian<\/span>\r\n                <span class=\"roadmap-status-badge\"><i class=\"fa-solid fa-circle-check\"><\/i> Sangat Puas<\/span>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"roadmap-bar-item\">\r\n            <div class=\"roadmap-score-box\">\r\n                <span class=\"roadmap-score score-counter-rm\" data-target=\"3.30\">0.00<\/span>\r\n                <span class=\"roadmap-score-max\">\/4.0<\/span>\r\n            <\/div>\r\n            <div class=\"roadmap-track\">\r\n                <div class=\"roadmap-fill\" data-progress=\"82.5%\"><\/div>\r\n            <\/div>\r\n            <div class=\"roadmap-label-group\">\r\n                <span class=\"roadmap-aspek-name\">Pelaksanaan<\/span>\r\n                <span class=\"roadmap-status-badge\"><i class=\"fa-solid fa-circle-check\"><\/i> Sangat Puas<\/span>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"roadmap-bar-item\">\r\n            <div class=\"roadmap-score-box\">\r\n                <span class=\"roadmap-score score-counter-rm\" data-target=\"3.43\">0.00<\/span>\r\n                <span class=\"roadmap-score-max\">\/4.0<\/span>\r\n            <\/div>\r\n            <div class=\"roadmap-track\">\r\n                <div class=\"roadmap-fill\" data-progress=\"85.75%\"><\/div>\r\n            <\/div>\r\n            <div class=\"roadmap-label-group\">\r\n                <span class=\"roadmap-aspek-name\">Pemanfaatan<\/span>\r\n                <span class=\"roadmap-status-badge\"><i class=\"fa-solid fa-circle-check\"><\/i> Sangat Puas<\/span>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"roadmap-bar-item ikm-item\">\r\n            <div class=\"roadmap-score-box\">\r\n                <span class=\"roadmap-score score-counter-rm\" data-target=\"3.41\" style=\"color: #9a3412;\">0.00<\/span>\r\n                <span class=\"roadmap-score-max\">\/4.0<\/span>\r\n            <\/div>\r\n            <div class=\"roadmap-track\">\r\n                <div class=\"roadmap-fill\" data-progress=\"85.25%\"><\/div>\r\n            <\/div>\r\n            <div class=\"roadmap-label-group\">\r\n                <span class=\"roadmap-aspek-name\" style=\"color: #9a3412;\">IKM Total<\/span>\r\n                <span class=\"roadmap-status-badge\"><i class=\"fa-solid fa-star\"><\/i> Sangat Puas<\/span>\r\n            <\/div>\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/div>\r\n\r\n<script>\r\n(function() {\r\n    function initRoadmapChartAnimation() {\r\n        const duration = 1800; \/\/ Durasi animasi 1.8 detik\r\n\r\n        \/\/ 1. Animasi Batang Vertikal Naik dari 0%\r\n        const bars = document.querySelectorAll('.roadmap-fill');\r\n        bars.forEach(bar => {\r\n            const targetHeight = bar.getAttribute('data-progress');\r\n            setTimeout(() => {\r\n                bar.style.height = targetHeight;\r\n            }, 100);\r\n        });\r\n\r\n        \/\/ 2. Animasi Angka Bergerak dari 0.00 ke Target\r\n        const counters = document.querySelectorAll('.score-counter-rm');\r\n        counters.forEach(counter => {\r\n            const target = parseFloat(counter.getAttribute('data-target'));\r\n            let startTime = null;\r\n\r\n            function animateCount(timestamp) {\r\n                if (!startTime) startTime = timestamp;\r\n                const elapsed = timestamp - startTime;\r\n                const progress = Math.min(elapsed \/ duration, 1);\r\n                \r\n                \/\/ Kurva percepatan easeOutQuad\r\n                const easeProgress = progress * (2 - progress);\r\n                const currentVal = (easeProgress * target).toFixed(2);\r\n                \r\n                counter.textContent = currentVal;\r\n\r\n                if (progress < 1) {\r\n                    window.requestAnimationFrame(animateCount);\r\n                } else {\r\n                    counter.textContent = target.toFixed(2);\r\n                }\r\n            }\r\n\r\n            window.requestAnimationFrame(animateCount);\r\n        });\r\n    }\r\n\r\n    if (document.readyState === 'loading') {\r\n        document.addEventListener('DOMContentLoaded', initRoadmapChartAnimation);\r\n    } else {\r\n        initRoadmapChartAnimation();\r\n    }\r\n})();\r\n<\/script>\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<div role=\"region tabpanel\" aria-labelledby=\"e-n-accordion-item-8122 e-n-tab-title-1729371094\" id=\"e-n-tab-content-1729371094\" data-tab-index=\"4\" style=\"--n-tabs-title-order: 4;\" class=\"elementor-element elementor-element-679c391 e-flex e-con-boxed e-con e-child\" data-id=\"679c391\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1065887 elementor-widget elementor-widget-html\" data-id=\"1065887\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@600;700;800;900&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n.rtl-research-container {\r\n    width: 100%;\r\n    max-width: 980px;\r\n    margin: 30px auto;\r\n    background: #ffffff;\r\n    border-radius: 22px;\r\n    padding: 35px 30px;\r\n    box-shadow: 0 12px 35px rgba(249, 115, 22, 0.1);\r\n    border: 1.5px solid #ffedd5;\r\n    box-sizing: border-box;\r\n    font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\r\n}\r\n\r\n.rtl-research-container * {\r\n    box-sizing: border-box;\r\n}\r\n\r\n\/* HEADER *\/\r\n.rtl-research-header {\r\n    border-bottom: 2px solid #fed7aa;\r\n    padding-bottom: 20px;\r\n    margin-bottom: 28px;\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    flex-wrap: wrap;\r\n    gap: 15px;\r\n}\r\n\r\n.rtl-research-title-box h2 {\r\n    font-size: 21px;\r\n    font-weight: 900;\r\n    color: #1e293b;\r\n    margin: 0;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n}\r\n\r\n.rtl-research-title-box h2 i {\r\n    color: #ea580c;\r\n}\r\n\r\n.rtl-research-title-box p {\r\n    font-size: 13px;\r\n    font-weight: 600;\r\n    color: #78350f;\r\n    margin: 5px 0 0 0;\r\n}\r\n\r\n.rtl-research-badge {\r\n    background: linear-gradient(135deg, #f97316 0%, #d97706 50%, #b45309 100%);\r\n    color: #ffffff;\r\n    padding: 8px 18px;\r\n    border-radius: 30px;\r\n    font-size: 12.5px;\r\n    font-weight: 800;\r\n    letter-spacing: 0.5px;\r\n    box-shadow: 0 4px 14px rgba(234, 88, 12, 0.3);\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 6px;\r\n}\r\n\r\n\/* GRID RTL *\/\r\n.rtl-research-grid {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 18px;\r\n}\r\n\r\n\/* KARTU ITEM *\/\r\n.rtl-research-card {\r\n    background: #fffaf5;\r\n    border: 1px solid #ffedd5;\r\n    border-radius: 16px;\r\n    padding: 22px;\r\n    display: flex;\r\n    gap: 20px;\r\n    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n    position: relative;\r\n    overflow: hidden;\r\n}\r\n\r\n.rtl-research-card::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 5px;\r\n    height: 100%;\r\n    background: linear-gradient(180deg, #f97316 0%, #f59e0b 100%);\r\n}\r\n\r\n.rtl-research-card:hover {\r\n    transform: translateY(-3px);\r\n    background: #ffffff;\r\n    border-color: #fdba74;\r\n    box-shadow: 0 10px 24px rgba(249, 115, 22, 0.12);\r\n}\r\n\r\n\/* ICON BADGE *\/\r\n.rtl-research-icon-box {\r\n    width: 52px;\r\n    height: 52px;\r\n    border-radius: 14px;\r\n    background: linear-gradient(135deg, #fff7ed 0%, #ffedd5 100%);\r\n    border: 1.5px solid #fed7aa;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    font-size: 22px;\r\n    color: #ea580c;\r\n    flex-shrink: 0;\r\n    box-shadow: 0 4px 10px rgba(234, 88, 12, 0.1);\r\n}\r\n\r\n\/* CONTENT *\/\r\n.rtl-research-content {\r\n    flex: 1;\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 6px;\r\n}\r\n\r\n.rtl-research-category {\r\n    font-size: 11px;\r\n    font-weight: 800;\r\n    text-transform: uppercase;\r\n    letter-spacing: 1px;\r\n    color: #ea580c;\r\n}\r\n\r\n.rtl-research-heading {\r\n    font-size: 16px;\r\n    font-weight: 800;\r\n    color: #1e293b;\r\n    margin: 0;\r\n}\r\n\r\n.rtl-research-desc {\r\n    font-size: 13.5px;\r\n    font-weight: 600;\r\n    color: #475569;\r\n    line-height: 1.6;\r\n    margin: 0;\r\n}\r\n\r\n.rtl-research-desc strong {\r\n    color: #9a3412;\r\n}\r\n\r\n\/* RESPONSIVE *\/\r\n@media (max-width: 768px) {\r\n    .rtl-research-container {\r\n        padding: 24px 18px;\r\n    }\r\n    .rtl-research-header {\r\n        flex-direction: column;\r\n        align-items: flex-start;\r\n    }\r\n    .rtl-research-card {\r\n        flex-direction: column;\r\n        gap: 14px;\r\n        padding: 18px;\r\n    }\r\n    .rtl-research-icon-box {\r\n        width: 44px;\r\n        height: 44px;\r\n        font-size: 18px;\r\n    }\r\n    .rtl-research-heading {\r\n        font-size: 15px;\r\n    }\r\n    .rtl-research-desc {\r\n        font-size: 12.5px;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<div class=\"rtl-research-container\">\r\n\r\n    <div class=\"rtl-research-header\">\r\n        <div class=\"rtl-research-title-box\">\r\n            <h2><i class=\"fa-solid fa-flask-vial\"><\/i> Rencana Tindak Lanjut (RTL) Riset &amp; Pengabdian<\/h2>\r\n            <p>Penguatan Implementasi Roadmap Penelitian &amp; PkM Berbasis Keunggulan Laboratorium<\/p>\r\n        <\/div>\r\n        <div class=\"rtl-research-badge\">\r\n            <i class=\"fa-solid fa-microscope\"><\/i> Research &amp; Lab Advancement\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"rtl-research-grid\">\r\n\r\n        <div class=\"rtl-research-card\">\r\n            <div class=\"rtl-research-icon-box\">\r\n                <i class=\"fa-solid fa-screwdriver-wrench\"><\/i>\r\n            <\/div>\r\n            <div class=\"rtl-research-content\">\r\n                <span class=\"rtl-research-category\">Pilar 01 &bull; Infrastruktur Laboratorium<\/span>\r\n                <h3 class=\"rtl-research-heading\">Akselerasi Modernisasi Fasilitas &amp; Instrumentasi Pengujian<\/h3>\r\n                <p class=\"rtl-research-desc\">\r\n                    Melakukan <strong>peningkatan dan pemutakhiran sarana pengujian laboratorium keteknikan<\/strong> (Struktur, Geoteknik, Hidrologi, dan Transportasi) secara bertahap guna menyediakan lingkungan eksperimental yang presisi dan optimal dalam mendukung eksekusi roadmap penelitian dosen dan mahasiswa.\r\n                <\/p>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"rtl-research-card\">\r\n            <div class=\"rtl-research-icon-box\">\r\n                <i class=\"fa-solid fa-seedling\"><\/i>\r\n            <\/div>\r\n            <div class=\"rtl-research-content\">\r\n                <span class=\"rtl-research-category\">Pilar 02 &bull; Akselerasi Program Studi Berkembang<\/span>\r\n                <h3 class=\"rtl-research-heading\">Penguatan Ekosistem Riset Adaptif pada Fase Pertumbuhan Prodi<\/h3>\r\n                <p class=\"rtl-research-desc\">\r\n                    Memanfaatkan dinamika positif dan fleksibilitas program studi baru untuk <strong>membangun kultur riset kolaboratif yang terarah<\/strong>, memastikan setiap tahapan roadmap berjalan adaptif, terukur, dan memiliki daya saing akademis sejak fase awal.\r\n                <\/p>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"rtl-research-card\">\r\n            <div class=\"rtl-research-icon-box\">\r\n                <i class=\"fa-solid fa-diagram-project\"><\/i>\r\n            <\/div>\r\n            <div class=\"rtl-research-content\">\r\n                <span class=\"rtl-research-category\">Pilar 03 &bull; Diseminasi &amp; Literasi Riset<\/span>\r\n                <h3 class=\"rtl-research-heading\">Peningkatan Literasi &amp; Penerapan Roadmap dalam Pembelajaran<\/h3>\r\n                <p class=\"rtl-research-desc\">\r\n                    Mengoptimalkan <strong>sosialisasi tema-tema riset unggulan yang mudah dipahami dan aplikatif<\/strong>, sehingga mahasiswa dapat secara mandiri mengintegrasikan fokus roadmap ke dalam topik tugas akhir, publikasi ilmiah, dan proyek pengabdian masyarakat.\r\n                <\/p>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"rtl-research-card\">\r\n            <div class=\"rtl-research-icon-box\">\r\n                <i class=\"fa-solid fa-award\"><\/i>\r\n            <\/div>\r\n            <div class=\"rtl-research-content\">\r\n                <span class=\"rtl-research-category\">Pilar 04 &bull; Sinergi &amp; Iklim Akademik<\/span>\r\n                <h3 class=\"rtl-research-heading\">Pemberdayaan Iklim Akademik &amp; Hibah Riset Kolaboratif<\/h3>\r\n                <p class=\"rtl-research-desc\">\r\n                    Mendorong <strong>antusiasme civitas akademika melalui skema kemitraan riset terapan<\/strong> dengan industri konstruksi dan pendanaan hibah kompetitif, guna menghasilkan luaran riset yang aplikatif dan berdampak nyata bagi pembangunan berkelanjutan.\r\n                <\/p>\r\n            <\/div>\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/div>\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\t<\/div>\n\t\t<\/div>\n\t\t\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\t\t\t<\/details>\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-8123\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"4\" tabindex=\"-1\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-8123\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> Survey Kinerja Dosen TS Semester Ganjil 2024-2025 <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-minus\" viewbox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span>\n\t\t\t<span class='e-closed'><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-plus\" viewbox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-8123\" class=\"elementor-element elementor-element-4e66964 e-flex e-con-boxed e-con e-child\" data-id=\"4e66964\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-8123\" class=\"elementor-element elementor-element-d636323 e-con-full e-flex e-con e-child\" data-id=\"d636323\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4fe5ad9 e-n-tabs-mobile elementor-widget elementor-widget-n-tabs\" data-id=\"4fe5ad9\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;horizontal_scroll&quot;:&quot;disable&quot;}\" data-widget_type=\"nested-tabs.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"e-n-tabs\" data-widget-number=\"83778265\" aria-label=\"\u0412\u043a\u043b\u0430\u0434\u043a\u0438. \u041e\u0442\u043a\u0440\u044b\u0432\u0430\u0439\u0442\u0435 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u044b \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e \u043a\u043b\u0430\u0432\u0438\u0448 Enter \u0438\u043b\u0438 Space, \u0437\u0430\u043a\u0440\u044b\u0432\u0430\u0439\u0442\u0435 \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e Escape \u0438 \u043f\u0435\u0440\u0435\u043c\u0435\u0449\u0430\u0439\u0442\u0435\u0441\u044c \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e \u043a\u043b\u0430\u0432\u0438\u0448 \u0441\u043e \u0441\u0442\u0440\u0435\u043b\u043a\u0430\u043c\u0438.\">\n\t\t\t<div class=\"e-n-tabs-heading\" role=\"tablist\">\n\t\t\t\t\t<button id=\"e-n-tab-title-837782651\" data-tab-title-id=\"e-n-tab-title-837782651\" class=\"e-n-tab-title\" aria-selected=\"true\" data-tab-index=\"1\" role=\"tab\" tabindex=\"0\" aria-controls=\"e-n-tab-content-837782651\" style=\"--n-tabs-title-order: 1;\">\n\t\t\t\t\t\t<span class=\"e-n-tab-title-text\">\n\t\t\t\tPertanyaan Survei\t\t\t<\/span>\n\t\t<\/button>\n\t\t\t\t<button id=\"e-n-tab-title-837782652\" data-tab-title-id=\"e-n-tab-title-837782652\" class=\"e-n-tab-title\" aria-selected=\"false\" data-tab-index=\"2\" role=\"tab\" tabindex=\"-1\" aria-controls=\"e-n-tab-content-837782652\" style=\"--n-tabs-title-order: 2;\">\n\t\t\t\t\t\t<span class=\"e-n-tab-title-text\">\n\t\t\t\tHasil Indek kinerja per Aspek Penilaian\t\t\t<\/span>\n\t\t<\/button>\n\t\t\t\t<button id=\"e-n-tab-title-837782653\" data-tab-title-id=\"e-n-tab-title-837782653\" class=\"e-n-tab-title\" aria-selected=\"false\" data-tab-index=\"3\" role=\"tab\" tabindex=\"-1\" aria-controls=\"e-n-tab-content-837782653\" style=\"--n-tabs-title-order: 3;\">\n\t\t\t\t\t\t<span class=\"e-n-tab-title-text\">\n\t\t\t\tRencana Tindak Lanjut\t\t\t<\/span>\n\t\t<\/button>\n\t\t\t\t\t<\/div>\n\t\t\t<div class=\"e-n-tabs-content\">\n\t\t\t\t<div role=\"region tabpanel\" aria-labelledby=\"e-n-accordion-item-8123 e-n-tab-title-837782651\" id=\"e-n-tab-content-837782651\" data-tab-index=\"1\" style=\"--n-tabs-title-order: 1;\" class=\"e-active elementor-element elementor-element-dea4502 e-con-full e-flex e-con e-child\" data-id=\"dea4502\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-86d748c elementor-widget elementor-widget-html\" data-id=\"86d748c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@600;700;800;900&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n.survey-eval-container {\r\n    width: 100%;\r\n    max-width: 1050px;\r\n    margin: 30px auto;\r\n    background: #ffffff;\r\n    border-radius: 22px;\r\n    padding: 34px 28px;\r\n    box-shadow: 0 12px 35px rgba(249, 115, 22, 0.1);\r\n    border: 1.5px solid #ffedd5;\r\n    box-sizing: border-box;\r\n    font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\r\n}\r\n\r\n.survey-eval-container * {\r\n    box-sizing: border-box;\r\n}\r\n\r\n\/* HEADER MENU *\/\r\n.survey-eval-header {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    border-bottom: 2px solid #fed7aa;\r\n    padding-bottom: 20px;\r\n    margin-bottom: 28px;\r\n    flex-wrap: wrap;\r\n    gap: 14px;\r\n}\r\n\r\n.survey-eval-title h2 {\r\n    font-size: 21px;\r\n    font-weight: 900;\r\n    color: #1e293b;\r\n    margin: 0;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n}\r\n\r\n.survey-eval-title h2 i {\r\n    color: #ea580c;\r\n}\r\n\r\n.survey-eval-title p {\r\n    font-size: 13.5px;\r\n    font-weight: 600;\r\n    color: #78350f;\r\n    margin: 5px 0 0 0;\r\n}\r\n\r\n.survey-eval-badge {\r\n    background: linear-gradient(135deg, #f97316 0%, #d97706 50%, #b45309 100%);\r\n    color: #ffffff;\r\n    padding: 8px 18px;\r\n    border-radius: 30px;\r\n    font-size: 12.5px;\r\n    font-weight: 800;\r\n    letter-spacing: 0.5px;\r\n    box-shadow: 0 4px 14px rgba(234, 88, 12, 0.3);\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 6px;\r\n}\r\n\r\n\/* TABEL RESPONSIVE CONTAINER *\/\r\n.table-responsive-box {\r\n    width: 100%;\r\n    overflow-x: auto;\r\n    border-radius: 16px;\r\n    border: 1px solid #fed7aa;\r\n    background: #ffffff;\r\n    box-shadow: 0 4px 16px rgba(255, 145, 77, 0.05);\r\n}\r\n\r\n\/* TABEL UTAMA *\/\r\n.survey-custom-table {\r\n    width: 100%;\r\n    border-collapse: collapse;\r\n    text-align: left;\r\n    min-width: 650px;\r\n}\r\n\r\n\/* HEADER TABEL *\/\r\n.survey-custom-table thead tr {\r\n    background: linear-gradient(135deg, #f97316 0%, #ea580c 50%, #d97706 100%);\r\n    color: #ffffff;\r\n}\r\n\r\n.survey-custom-table th {\r\n    padding: 16px 20px;\r\n    font-size: 13.5px;\r\n    font-weight: 800;\r\n    text-transform: uppercase;\r\n    letter-spacing: 0.8px;\r\n    border: none;\r\n}\r\n\r\n.survey-custom-table th:first-child {\r\n    border-top-left-radius: 14px;\r\n    text-align: center;\r\n}\r\n\r\n.survey-custom-table th:last-child {\r\n    border-top-right-radius: 14px;\r\n}\r\n\r\n\/* BODY TABEL *\/\r\n.survey-custom-table tbody tr {\r\n    border-bottom: 1px solid #fed7aa;\r\n    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n    background: #ffffff;\r\n}\r\n\r\n.survey-custom-table tbody tr:last-child {\r\n    border-bottom: none;\r\n}\r\n\r\n.survey-custom-table tbody tr:hover {\r\n    background: #fff7ed;\r\n    transform: scale(1.002);\r\n}\r\n\r\n.survey-custom-table td {\r\n    padding: 18px 20px;\r\n    vertical-align: middle;\r\n    font-size: 13.5px;\r\n    font-weight: 600;\r\n    color: #334155;\r\n    line-height: 1.6;\r\n}\r\n\r\n\/* BADGE NOMOR *\/\r\n.row-number {\r\n    width: 32px;\r\n    height: 32px;\r\n    border-radius: 50%;\r\n    background: linear-gradient(135deg, #ffedd5 0%, #fed7aa 100%);\r\n    color: #c2410c;\r\n    font-size: 13px;\r\n    font-weight: 900;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    box-shadow: 0 2px 6px rgba(234, 88, 12, 0.15);\r\n}\r\n\r\n\/* BADGE KATEGORI \/ ASPEK *\/\r\n.aspek-badge-box {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    background: #fff7ed;\r\n    border: 1px solid #fed7aa;\r\n    padding: 8px 14px;\r\n    border-radius: 10px;\r\n    font-size: 13.5px;\r\n    font-weight: 800;\r\n    color: #9a3412;\r\n    box-shadow: 0 2px 6px rgba(249, 115, 22, 0.05);\r\n}\r\n\r\n.aspek-badge-box i {\r\n    color: #ea580c;\r\n    font-size: 15px;\r\n}\r\n\r\n\/* PERTANYAAN ITEM *\/\r\n.question-item {\r\n    display: flex;\r\n    align-items: flex-start;\r\n    gap: 12px;\r\n}\r\n\r\n.q-bullet {\r\n    width: 24px;\r\n    height: 24px;\r\n    border-radius: 50%;\r\n    background: #ffedd5;\r\n    color: #c2410c;\r\n    font-size: 11.5px;\r\n    font-weight: 800;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    flex-shrink: 0;\r\n    margin-top: 2px;\r\n}\r\n\r\n.q-text {\r\n    flex: 1;\r\n    font-weight: 600;\r\n    color: #1e293b;\r\n}\r\n\r\n\/* RESPONSIVE *\/\r\n@media (max-width: 768px) {\r\n    .survey-eval-container {\r\n        padding: 22px 16px;\r\n    }\r\n    .survey-eval-header {\r\n        flex-direction: column;\r\n        align-items: flex-start;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<div class=\"survey-eval-container\">\r\n\r\n    <div class=\"survey-eval-header\">\r\n        <div class=\"survey-eval-title\">\r\n            <h2><i class=\"fa-solid fa-clipboard-check\"><\/i> Instrumen Survei Evaluasi Pembelajaran<\/h2>\r\n            <p>Daftar Aspek dan Butir Pertanyaan Pemantauan Proses Perkuliahan &amp; KBM<\/p>\r\n        <\/div>\r\n        <div class=\"survey-eval-badge\">\r\n            <i class=\"fa-solid fa-graduation-cap\"><\/i> Penjaminan Mutu Akademik\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"table-responsive-box\">\r\n        <table class=\"survey-custom-table\">\r\n            <thead>\r\n                <tr>\r\n                    <th style=\"width: 10%; text-align: center;\">No<\/th>\r\n                    <th style=\"width: 32%;\">Kategori \/ Aspek<\/th>\r\n                    <th style=\"width: 58%;\">Butir Pertanyaan<\/th>\r\n                <\/tr>\r\n            <\/thead>\r\n            <tbody>\r\n                <tr>\r\n                    <td style=\"text-align: center;\">\r\n                        <span class=\"row-number\">1<\/span>\r\n                    <\/td>\r\n                    <td>\r\n                        <div class=\"aspek-badge-box\">\r\n                            <i class=\"fa-solid fa-list-check\"><\/i>\r\n                            <span>Kesesuaian Pembelajaran<\/span>\r\n                        <\/div>\r\n                    <\/td>\r\n                    <td>\r\n                        <div class=\"question-item\">\r\n                            <span class=\"q-bullet\"><i class=\"fa-solid fa-angle-right\"><\/i><\/span>\r\n                            <span class=\"q-text\">Jumlah pertemuan KBM, tugas terstruktur dan praktikum dalam satu semester.<\/span>\r\n                        <\/div>\r\n                    <\/td>\r\n                <\/tr>\r\n\r\n                <tr>\r\n                    <td rowspan=\"2\" style=\"text-align: center; border-bottom: 1px solid #fed7aa; background: #fffdfa;\">\r\n                        <span class=\"row-number\">2<\/span>\r\n                    <\/td>\r\n                    <td rowspan=\"2\" style=\"border-bottom: 1px solid #fed7aa; background: #fffdfa;\">\r\n                        <div class=\"aspek-badge-box\">\r\n                            <i class=\"fa-solid fa-clock-rotate-left\"><\/i>\r\n                            <span>Ketepatan Pelaksanaan Pembelajaran<\/span>\r\n                        <\/div>\r\n                    <\/td>\r\n                    <td>\r\n                        <div class=\"question-item\">\r\n                            <span class=\"q-bullet\">A<\/span>\r\n                            <span class=\"q-text\">Ketepatan waktu memulai perkuliahan.<\/span>\r\n                        <\/div>\r\n                    <\/td>\r\n                <\/tr>\r\n\r\n                <tr>\r\n                    <td>\r\n                        <div class=\"question-item\">\r\n                            <span class=\"q-bullet\">B<\/span>\r\n                            <span class=\"q-text\">Ketercapaian materi sesuai RPS \/ <em>lesson plan<\/em>.<\/span>\r\n                        <\/div>\r\n                    <\/td>\r\n                <\/tr>\r\n            <\/tbody>\r\n        <\/table>\r\n    <\/div>\r\n\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div role=\"region tabpanel\" aria-labelledby=\"e-n-accordion-item-8123 e-n-tab-title-837782652\" id=\"e-n-tab-content-837782652\" data-tab-index=\"2\" style=\"--n-tabs-title-order: 2;\" class=\"elementor-element elementor-element-806683e e-con-full e-flex e-con e-child\" data-id=\"806683e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9888e13 elementor-widget elementor-widget-html\" data-id=\"9888e13\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- Load Font Awesome 6 & Google Fonts -->\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@600;700;800;900&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n.tendik-satisfaction-container {\r\n    width: 100%;\r\n    max-width: 920px;\r\n    margin: 30px auto;\r\n    background: #ffffff;\r\n    border-radius: 22px;\r\n    padding: 34px 28px;\r\n    box-shadow: 0 12px 35px rgba(249, 115, 22, 0.1);\r\n    border: 1.5px solid #ffedd5;\r\n    box-sizing: border-box;\r\n    font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\r\n}\r\n\r\n.tendik-satisfaction-container * {\r\n    box-sizing: border-box;\r\n}\r\n\r\n\/* HEADER *\/\r\n.tendik-header {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    border-bottom: 2px solid #fed7aa;\r\n    padding-bottom: 18px;\r\n    margin-bottom: 28px;\r\n    flex-wrap: wrap;\r\n    gap: 12px;\r\n}\r\n\r\n.tendik-title-box h2 {\r\n    font-size: 20px;\r\n    font-weight: 800;\r\n    color: #1e293b;\r\n    margin: 0;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n}\r\n\r\n.tendik-title-box h2 i {\r\n    color: #ea580c;\r\n}\r\n\r\n.tendik-title-box p {\r\n    font-size: 13px;\r\n    font-weight: 600;\r\n    color: #78350f;\r\n    margin: 4px 0 0 0;\r\n}\r\n\r\n.tendik-badge-top {\r\n    background: linear-gradient(135deg, #f97316 0%, #d97706 50%, #b45309 100%);\r\n    color: #ffffff;\r\n    padding: 8px 18px;\r\n    border-radius: 30px;\r\n    font-size: 13px;\r\n    font-weight: 800;\r\n    box-shadow: 0 4px 14px rgba(234, 88, 12, 0.3);\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 6px;\r\n}\r\n\r\n\/* AREA GRAFIK BATANG VERTIKAL *\/\r\n.tendik-chart-wrapper {\r\n    display: flex;\r\n    align-items: flex-end;\r\n    justify-content: space-between;\r\n    height: 320px;\r\n    padding: 25px 20px 15px 20px;\r\n    border-bottom: 2px solid #fed7aa;\r\n    background: #fffaf5;\r\n    border-radius: 16px 16px 0 0;\r\n    gap: 16px;\r\n    position: relative;\r\n}\r\n\r\n\/* ITEM KOLOM BATANG *\/\r\n.tendik-bar-item {\r\n    flex: 1;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    height: 100%;\r\n    justify-content: flex-end;\r\n    gap: 8px;\r\n}\r\n\r\n\/* NILAI ANGKA INDEKS DI ATAS BATANG *\/\r\n.tendik-score-box {\r\n    text-align: center;\r\n    margin-bottom: 4px;\r\n}\r\n\r\n.tendik-score {\r\n    font-size: 17px;\r\n    font-weight: 900;\r\n    color: #c2410c;\r\n    line-height: 1;\r\n}\r\n\r\n.tendik-score-max {\r\n    font-size: 11px;\r\n    font-weight: 700;\r\n    color: #94a3b8;\r\n    display: block;\r\n    margin-top: 2px;\r\n}\r\n\r\n\/* BATANG TRACK & FILL *\/\r\n.tendik-track {\r\n    width: 100%;\r\n    max-width: 58px;\r\n    height: 100%;\r\n    display: flex;\r\n    align-items: flex-end;\r\n}\r\n\r\n.tendik-fill {\r\n    width: 100%;\r\n    height: 0%;\r\n    border-radius: 10px 10px 3px 3px;\r\n    background: linear-gradient(180deg, #ffd700 0%, #ff914d 50%, #ea580c 100%);\r\n    box-shadow: 0 4px 12px rgba(234, 88, 12, 0.3);\r\n    transition: height 1.8s cubic-bezier(0.2, 0.8, 0.2, 1);\r\n    cursor: pointer;\r\n    position: relative;\r\n}\r\n\r\n.tendik-bar-item.avg-item .tendik-fill {\r\n    background: linear-gradient(180deg, #fff275 0%, #f59e0b 40%, #b45309 100%);\r\n    box-shadow: 0 4px 16px rgba(217, 119, 6, 0.45);\r\n    border: 1.5px solid #ffffff;\r\n}\r\n\r\n.tendik-bar-item:hover .tendik-fill {\r\n    transform: scaleY(1.02);\r\n    box-shadow: 0 8px 22px rgba(234, 88, 12, 0.45);\r\n}\r\n\r\n\/* LABEL & KETERANGAN SUMBU X *\/\r\n.tendik-label-group {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    gap: 6px;\r\n    margin-top: 10px;\r\n    text-align: center;\r\n}\r\n\r\n.tendik-aspek-name {\r\n    font-size: 13px;\r\n    font-weight: 800;\r\n    color: #1e293b;\r\n    line-height: 1.2;\r\n}\r\n\r\n.tendik-status-badge {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 4px;\r\n    background: #fff7ed;\r\n    color: #c2410c;\r\n    border: 1px solid #ffedd5;\r\n    padding: 3px 10px;\r\n    border-radius: 20px;\r\n    font-size: 10.5px;\r\n    font-weight: 800;\r\n    text-transform: uppercase;\r\n    letter-spacing: 0.5px;\r\n    white-space: nowrap;\r\n}\r\n\r\n.tendik-bar-item.avg-item .tendik-status-badge {\r\n    background: #fef3c7;\r\n    color: #92400e;\r\n    border-color: #fcd34d;\r\n    box-shadow: 0 2px 6px rgba(217, 119, 6, 0.15);\r\n}\r\n\r\n\/* RESPONSIVE *\/\r\n@media (max-width: 650px) {\r\n    .tendik-satisfaction-container {\r\n        padding: 20px 15px;\r\n    }\r\n    .tendik-header {\r\n        flex-direction: column;\r\n        align-items: flex-start;\r\n    }\r\n    .tendik-chart-wrapper {\r\n        height: 260px;\r\n        gap: 8px;\r\n        padding: 15px 8px 10px 8px;\r\n    }\r\n    .tendik-score {\r\n        font-size: 14px;\r\n    }\r\n    .tendik-score-max {\r\n        font-size: 9.5px;\r\n    }\r\n    .tendik-aspek-name {\r\n        font-size: 11px;\r\n    }\r\n    .tendik-status-badge {\r\n        font-size: 9px;\r\n        padding: 2px 6px;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<div class=\"tendik-satisfaction-container\">\r\n\r\n    <!-- HEADER GRAFIK -->\r\n    <div class=\"tendik-header\">\r\n        <div class=\"tendik-title-box\">\r\n            <h2><i class=\"fa-solid fa-chart-column\"><\/i> Kepuasan Dosen &amp; Tenaga Pendidik<\/h2>\r\n            <p>Grafik Indeks Kepuasan &amp; Tingkat Kriteria terhadap Pelaksanaan Pembelajaran<\/p>\r\n        <\/div>\r\n        <div class=\"tendik-badge-top\">\r\n            <i class=\"fa-solid fa-star\"><\/i> Skala Maksimal: 4.00\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- AREA BATANG VERTIKAL (Proporsional dari Skala 4.00) -->\r\n    <div class=\"tendik-chart-wrapper\">\r\n\r\n        <!-- 1. KESESUAIAN PEMBELAJARAN: 3.67 (91.75%) -->\r\n        <div class=\"tendik-bar-item\">\r\n            <div class=\"tendik-score-box\">\r\n                <span class=\"tendik-score score-counter-tendik\" data-target=\"3.67\">0.00<\/span>\r\n                <span class=\"tendik-score-max\">\/4.0<\/span>\r\n            <\/div>\r\n            <div class=\"tendik-track\">\r\n                <div class=\"tendik-fill\" data-progress=\"91.75%\"><\/div>\r\n            <\/div>\r\n            <div class=\"tendik-label-group\">\r\n                <span class=\"tendik-aspek-name\">Kesesuaian Pembelajaran<\/span>\r\n                <span class=\"tendik-status-badge\"><i class=\"fa-solid fa-circle-check\"><\/i> Sangat Baik<\/span>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- 2. KETEPATAN: 4.00 (100.0%) -->\r\n        <div class=\"tendik-bar-item\">\r\n            <div class=\"tendik-score-box\">\r\n                <span class=\"tendik-score score-counter-tendik\" data-target=\"4.00\">0.00<\/span>\r\n                <span class=\"tendik-score-max\">\/4.0<\/span>\r\n            <\/div>\r\n            <div class=\"tendik-track\">\r\n                <div class=\"tendik-fill\" data-progress=\"100.0%\"><\/div>\r\n            <\/div>\r\n            <div class=\"tendik-label-group\">\r\n                <span class=\"tendik-aspek-name\">Ketepatan<\/span>\r\n                <span class=\"tendik-status-badge\"><i class=\"fa-solid fa-circle-check\"><\/i> Sangat Baik<\/span>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- 3. KETERCAPAIAN: 4.00 (100.0%) -->\r\n        <div class=\"tendik-bar-item\">\r\n            <div class=\"tendik-score-box\">\r\n                <span class=\"tendik-score score-counter-tendik\" data-target=\"4.00\">0.00<\/span>\r\n                <span class=\"tendik-score-max\">\/4.0<\/span>\r\n            <\/div>\r\n            <div class=\"tendik-track\">\r\n                <div class=\"tendik-fill\" data-progress=\"100.0%\"><\/div>\r\n            <\/div>\r\n            <div class=\"tendik-label-group\">\r\n                <span class=\"tendik-aspek-name\">Ketercapaian<\/span>\r\n                <span class=\"tendik-status-badge\"><i class=\"fa-solid fa-circle-check\"><\/i> Sangat Baik<\/span>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- 4. RATA-RATA TOTAL: 3.89 (97.25%) -->\r\n        <div class=\"tendik-bar-item avg-item\">\r\n            <div class=\"tendik-score-box\">\r\n                <span class=\"tendik-score score-counter-tendik\" data-target=\"3.89\" style=\"color: #9a3412;\">0.00<\/span>\r\n                <span class=\"tendik-score-max\">\/4.0<\/span>\r\n            <\/div>\r\n            <div class=\"tendik-track\">\r\n                <div class=\"tendik-fill\" data-progress=\"97.25%\"><\/div>\r\n            <\/div>\r\n            <div class=\"tendik-label-group\">\r\n                <span class=\"tendik-aspek-name\" style=\"color: #9a3412;\">Rata-rata<\/span>\r\n                <span class=\"tendik-status-badge\"><i class=\"fa-solid fa-star\"><\/i> Sangat Baik<\/span>\r\n            <\/div>\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/div>\r\n\r\n<!-- JAVASCRIPT ANIMASI VERTIKAL DARI NILAI 0 -->\r\n<script>\r\n(function() {\r\n    function initTendikChartAnimation() {\r\n        const duration = 1800; \/\/ Durasi animasi 1.8 detik\r\n\r\n        \/\/ 1. Animasi Batang Vertikal Naik dari 0%\r\n        const bars = document.querySelectorAll('.tendik-fill');\r\n        bars.forEach(bar => {\r\n            const targetHeight = bar.getAttribute('data-progress');\r\n            setTimeout(() => {\r\n                bar.style.height = targetHeight;\r\n            }, 100);\r\n        });\r\n\r\n        \/\/ 2. Animasi Angka Bergerak dari 0.00 ke Target\r\n        const counters = document.querySelectorAll('.score-counter-tendik');\r\n        counters.forEach(counter => {\r\n            const target = parseFloat(counter.getAttribute('data-target'));\r\n            let startTime = null;\r\n\r\n            function animateCount(timestamp) {\r\n                if (!startTime) startTime = timestamp;\r\n                const elapsed = timestamp - startTime;\r\n                const progress = Math.min(elapsed \/ duration, 1);\r\n                \r\n                \/\/ Kurva percepatan easeOutQuad\r\n                const easeProgress = progress * (2 - progress);\r\n                const currentVal = (easeProgress * target).toFixed(2);\r\n                \r\n                counter.textContent = currentVal;\r\n\r\n                if (progress < 1) {\r\n                    window.requestAnimationFrame(animateCount);\r\n                } else {\r\n                    counter.textContent = target.toFixed(2);\r\n                }\r\n            }\r\n\r\n            window.requestAnimationFrame(animateCount);\r\n        });\r\n    }\r\n\r\n    if (document.readyState === 'loading') {\r\n        document.addEventListener('DOMContentLoaded', initTendikChartAnimation);\r\n    } else {\r\n        initTendikChartAnimation();\r\n    }\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div role=\"region tabpanel\" aria-labelledby=\"e-n-accordion-item-8123 e-n-tab-title-837782653\" id=\"e-n-tab-content-837782653\" data-tab-index=\"3\" style=\"--n-tabs-title-order: 3;\" class=\"elementor-element elementor-element-33fdb54 e-flex e-con-boxed e-con e-child\" data-id=\"33fdb54\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3872926 elementor-widget elementor-widget-html\" data-id=\"3872926\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- Load Font Awesome 6 & Google Fonts -->\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@600;700;800;900&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n.rtl-eval-container {\r\n    width: 100%;\r\n    max-width: 980px;\r\n    margin: 30px auto;\r\n    background: #ffffff;\r\n    border-radius: 22px;\r\n    padding: 35px 30px;\r\n    box-shadow: 0 12px 35px rgba(249, 115, 22, 0.1);\r\n    border: 1.5px solid #ffedd5;\r\n    box-sizing: border-box;\r\n    font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\r\n}\r\n\r\n.rtl-eval-container * {\r\n    box-sizing: border-box;\r\n}\r\n\r\n\/* HEADER *\/\r\n.rtl-eval-header {\r\n    border-bottom: 2px solid #fed7aa;\r\n    padding-bottom: 20px;\r\n    margin-bottom: 28px;\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    flex-wrap: wrap;\r\n    gap: 15px;\r\n}\r\n\r\n.rtl-eval-title-box h2 {\r\n    font-size: 21px;\r\n    font-weight: 900;\r\n    color: #1e293b;\r\n    margin: 0;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n}\r\n\r\n.rtl-eval-title-box h2 i {\r\n    color: #ea580c;\r\n}\r\n\r\n.rtl-eval-title-box p {\r\n    font-size: 13px;\r\n    font-weight: 600;\r\n    color: #78350f;\r\n    margin: 5px 0 0 0;\r\n}\r\n\r\n.rtl-eval-badge {\r\n    background: linear-gradient(135deg, #f97316 0%, #d97706 50%, #b45309 100%);\r\n    color: #ffffff;\r\n    padding: 8px 18px;\r\n    border-radius: 30px;\r\n    font-size: 12.5px;\r\n    font-weight: 800;\r\n    letter-spacing: 0.5px;\r\n    box-shadow: 0 4px 14px rgba(234, 88, 12, 0.3);\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 6px;\r\n}\r\n\r\n\/* GRID RTL *\/\r\n.rtl-eval-grid {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 18px;\r\n}\r\n\r\n\/* KARTU ITEM *\/\r\n.rtl-eval-card {\r\n    background: #fffaf5;\r\n    border: 1px solid #ffedd5;\r\n    border-radius: 16px;\r\n    padding: 22px;\r\n    display: flex;\r\n    gap: 20px;\r\n    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n    position: relative;\r\n    overflow: hidden;\r\n}\r\n\r\n.rtl-eval-card::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 5px;\r\n    height: 100%;\r\n    background: linear-gradient(180deg, #f97316 0%, #f59e0b 100%);\r\n}\r\n\r\n.rtl-eval-card:hover {\r\n    transform: translateY(-3px);\r\n    background: #ffffff;\r\n    border-color: #fdba74;\r\n    box-shadow: 0 10px 24px rgba(249, 115, 22, 0.12);\r\n}\r\n\r\n\/* ICON BADGE *\/\r\n.rtl-eval-icon-box {\r\n    width: 52px;\r\n    height: 52px;\r\n    border-radius: 14px;\r\n    background: linear-gradient(135deg, #fff7ed 0%, #ffedd5 100%);\r\n    border: 1.5px solid #fed7aa;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    font-size: 22px;\r\n    color: #ea580c;\r\n    flex-shrink: 0;\r\n    box-shadow: 0 4px 10px rgba(234, 88, 12, 0.1);\r\n}\r\n\r\n\/* CONTENT *\/\r\n.rtl-eval-content {\r\n    flex: 1;\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 6px;\r\n}\r\n\r\n.rtl-eval-category {\r\n    font-size: 11px;\r\n    font-weight: 800;\r\n    text-transform: uppercase;\r\n    letter-spacing: 1px;\r\n    color: #ea580c;\r\n}\r\n\r\n.rtl-eval-heading {\r\n    font-size: 16px;\r\n    font-weight: 800;\r\n    color: #1e293b;\r\n    margin: 0;\r\n}\r\n\r\n.rtl-eval-desc {\r\n    font-size: 13.5px;\r\n    font-weight: 600;\r\n    color: #475569;\r\n    line-height: 1.6;\r\n    margin: 0;\r\n}\r\n\r\n.rtl-eval-desc strong {\r\n    color: #9a3412;\r\n}\r\n\r\n\/* RESPONSIVE *\/\r\n@media (max-width: 768px) {\r\n    .rtl-eval-container {\r\n        padding: 24px 18px;\r\n    }\r\n    .rtl-eval-header {\r\n        flex-direction: column;\r\n        align-items: flex-start;\r\n    }\r\n    .rtl-eval-card {\r\n        flex-direction: column;\r\n        gap: 14px;\r\n        padding: 18px;\r\n    }\r\n    .rtl-eval-icon-box {\r\n        width: 44px;\r\n        height: 44px;\r\n        font-size: 18px;\r\n    }\r\n    .rtl-eval-heading {\r\n        font-size: 15px;\r\n    }\r\n    .rtl-eval-desc {\r\n        font-size: 12.5px;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<div class=\"rtl-eval-container\">\r\n\r\n    <!-- HEADER -->\r\n    <div class=\"rtl-eval-header\">\r\n        <div class=\"rtl-eval-title-box\">\r\n            <h2><i class=\"fa-solid fa-user-check\"><\/i> Rencana Tindak Lanjut (RTL) Kinerja Dosen<\/h2>\r\n            <p>Penguatan Mutu Pembelajaran &amp; Tata Kelola Evaluasi &bull; Program Studi Teknik Sipil UIN Maulana Malik Ibrahim Malang<\/p>\r\n        <\/div>\r\n        <div class=\"rtl-eval-badge\">\r\n            <i class=\"fa-solid fa-certificate\"><\/i> Academic Quality Assurance\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- GRID PROGRAM TINDAK LANJUT -->\r\n    <div class=\"rtl-eval-grid\">\r\n\r\n        <!-- 1. OPTIMALISASI PARTISIPASI & REPRESENTASI DATA -->\r\n        <div class=\"rtl-eval-card\">\r\n            <div class=\"rtl-eval-icon-box\">\r\n                <i class=\"fa-solid fa-users-viewfinder\"><\/i>\r\n            <\/div>\r\n            <div class=\"rtl-eval-content\">\r\n                <span class=\"rtl-eval-category\">Pilar 01 &bull; Partisipasi Responden<\/span>\r\n                <h3 class=\"rtl-eval-heading\">Peningkatan Inklusivitas &amp; Tingkat Keterisian Survei Pembelajaran<\/h3>\r\n                <p class=\"rtl-eval-desc\">\r\n                    Mengoptimalkan <strong>sosialisasi berkala dan kemudahan akses instrumen evaluasi<\/strong> guna memastikan tingkat partisipasi mahasiswa mencapai keterwakilan menyeluruh bagi seluruh dosen pengampu mata kuliah di lingkungan Program Studi Teknik Sipil.\r\n                <\/p>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- 2. PENJAMINAN INTEGRITAS & AKURASI DATA -->\r\n        <div class=\"rtl-eval-card\">\r\n            <div class=\"rtl-eval-icon-box\">\r\n                <i class=\"fa-solid fa-shield-halved\"><\/i>\r\n            <\/div>\r\n            <div class=\"rtl-eval-content\">\r\n                <span class=\"rtl-eval-category\">Pilar 02 &bull; Validasi &amp; Integritas Data<\/span>\r\n                <h3 class=\"rtl-eval-heading\">Standardisasi Protokol Validasi Data Hasil Evaluasi Akademik<\/h3>\r\n                <p class=\"rtl-eval-desc\">\r\n                    Menerapkan <strong>tahapan verifikasi dan validasi data terstruktur<\/strong> sebelum proses pengolahan, guna menjamin reliabilitas, objektivitas, serta integritas informasi kinerja akademik sebagai landasan pengambilan keputusan strategis prodi.\r\n                <\/p>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- 3. PENGUATAN TATA KELOLA & AKUNTABILITAS KBM -->\r\n        <div class=\"rtl-eval-card\">\r\n            <div class=\"rtl-eval-icon-box\">\r\n                <i class=\"fa-solid fa-book-journal-whills\"><\/i>\r\n            <\/div>\r\n            <div class=\"rtl-eval-content\">\r\n                <span class=\"rtl-eval-category\">Pilar 03 &bull; Monitoring &amp; Evaluasi KBM<\/span>\r\n                <h3 class=\"rtl-eval-heading\">Optimalisasi Monitoring Perkuliahan Melalui Presensi &amp; Jurnal Digital<\/h3>\r\n                <p class=\"rtl-eval-desc\">\r\n                    Memperkuat <strong>pendampingan dan pemantauan ketercapaian materi secara berkala<\/strong> berbasis jurnal perkuliahan terintegrasi, guna memastikan kesesuaian capaian pembelajaran (RPS) serta ketepatan alokasi waktu perkuliahan secara berkelanjutan.\r\n                <\/p>\r\n            <\/div>\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/div>\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\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\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\t<\/details>\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-8124\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"5\" tabindex=\"-1\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-8124\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> Survey Kinerja Dosen TS Semester Genap 2024-2025 <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-minus\" viewbox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span>\n\t\t\t<span class='e-closed'><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-plus\" viewbox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-8124\" class=\"elementor-element elementor-element-a364caa e-flex e-con-boxed e-con e-child\" data-id=\"a364caa\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-8124\" class=\"elementor-element elementor-element-0fb6de3 e-con-full e-flex e-con e-child\" data-id=\"0fb6de3\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-96ad821 e-n-tabs-mobile elementor-widget elementor-widget-n-tabs\" data-id=\"96ad821\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;horizontal_scroll&quot;:&quot;disable&quot;}\" data-widget_type=\"nested-tabs.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"e-n-tabs\" data-widget-number=\"157997089\" aria-label=\"\u0412\u043a\u043b\u0430\u0434\u043a\u0438. \u041e\u0442\u043a\u0440\u044b\u0432\u0430\u0439\u0442\u0435 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u044b \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e \u043a\u043b\u0430\u0432\u0438\u0448 Enter \u0438\u043b\u0438 Space, \u0437\u0430\u043a\u0440\u044b\u0432\u0430\u0439\u0442\u0435 \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e Escape \u0438 \u043f\u0435\u0440\u0435\u043c\u0435\u0449\u0430\u0439\u0442\u0435\u0441\u044c \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e \u043a\u043b\u0430\u0432\u0438\u0448 \u0441\u043e \u0441\u0442\u0440\u0435\u043b\u043a\u0430\u043c\u0438.\">\n\t\t\t<div class=\"e-n-tabs-heading\" role=\"tablist\">\n\t\t\t\t\t<button id=\"e-n-tab-title-1579970891\" data-tab-title-id=\"e-n-tab-title-1579970891\" class=\"e-n-tab-title\" aria-selected=\"true\" data-tab-index=\"1\" role=\"tab\" tabindex=\"0\" aria-controls=\"e-n-tab-content-1579970891\" style=\"--n-tabs-title-order: 1;\">\n\t\t\t\t\t\t<span class=\"e-n-tab-title-text\">\n\t\t\t\tPertanyaan Survei\t\t\t<\/span>\n\t\t<\/button>\n\t\t\t\t<button id=\"e-n-tab-title-1579970892\" data-tab-title-id=\"e-n-tab-title-1579970892\" class=\"e-n-tab-title\" aria-selected=\"false\" data-tab-index=\"2\" role=\"tab\" tabindex=\"-1\" aria-controls=\"e-n-tab-content-1579970892\" style=\"--n-tabs-title-order: 2;\">\n\t\t\t\t\t\t<span class=\"e-n-tab-title-text\">\n\t\t\t\tHasil Indek kinerja per Aspek Penilaian\t\t\t<\/span>\n\t\t<\/button>\n\t\t\t\t<button id=\"e-n-tab-title-1579970893\" data-tab-title-id=\"e-n-tab-title-1579970893\" class=\"e-n-tab-title\" aria-selected=\"false\" data-tab-index=\"3\" role=\"tab\" tabindex=\"-1\" aria-controls=\"e-n-tab-content-1579970893\" style=\"--n-tabs-title-order: 3;\">\n\t\t\t\t\t\t<span class=\"e-n-tab-title-text\">\n\t\t\t\tRencana Tindak Lanjut\t\t\t<\/span>\n\t\t<\/button>\n\t\t\t\t\t<\/div>\n\t\t\t<div class=\"e-n-tabs-content\">\n\t\t\t\t<div role=\"region tabpanel\" aria-labelledby=\"e-n-accordion-item-8124 e-n-tab-title-1579970891\" id=\"e-n-tab-content-1579970891\" data-tab-index=\"1\" style=\"--n-tabs-title-order: 1;\" class=\"e-active elementor-element elementor-element-a9dfc0c e-con-full e-flex e-con e-child\" data-id=\"a9dfc0c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-236de10 elementor-widget elementor-widget-html\" data-id=\"236de10\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- Load Font Awesome 6 & Google Fonts -->\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@600;700;800;900&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n.survey-kbm-container {\r\n    width: 100%;\r\n    max-width: 1050px;\r\n    margin: 30px auto;\r\n    background: #ffffff;\r\n    border-radius: 22px;\r\n    padding: 34px 28px;\r\n    box-shadow: 0 12px 35px rgba(249, 115, 22, 0.1);\r\n    border: 1.5px solid #ffedd5;\r\n    box-sizing: border-box;\r\n    font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\r\n}\r\n\r\n.survey-kbm-container * {\r\n    box-sizing: border-box;\r\n}\r\n\r\n\/* HEADER MENU *\/\r\n.survey-kbm-header {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    border-bottom: 2px solid #fed7aa;\r\n    padding-bottom: 20px;\r\n    margin-bottom: 28px;\r\n    flex-wrap: wrap;\r\n    gap: 14px;\r\n}\r\n\r\n.survey-kbm-title h2 {\r\n    font-size: 21px;\r\n    font-weight: 900;\r\n    color: #1e293b;\r\n    margin: 0;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n}\r\n\r\n.survey-kbm-title h2 i {\r\n    color: #ea580c;\r\n}\r\n\r\n.survey-kbm-title p {\r\n    font-size: 13.5px;\r\n    font-weight: 600;\r\n    color: #78350f;\r\n    margin: 5px 0 0 0;\r\n}\r\n\r\n.survey-kbm-badge {\r\n    background: linear-gradient(135deg, #f97316 0%, #d97706 50%, #b45309 100%);\r\n    color: #ffffff;\r\n    padding: 8px 18px;\r\n    border-radius: 30px;\r\n    font-size: 12.5px;\r\n    font-weight: 800;\r\n    letter-spacing: 0.5px;\r\n    box-shadow: 0 4px 14px rgba(234, 88, 12, 0.3);\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 6px;\r\n}\r\n\r\n\/* TABEL RESPONSIVE CONTAINER *\/\r\n.table-responsive-box {\r\n    width: 100%;\r\n    overflow-x: auto;\r\n    border-radius: 16px;\r\n    border: 1px solid #fed7aa;\r\n    background: #ffffff;\r\n    box-shadow: 0 4px 16px rgba(255, 145, 77, 0.05);\r\n}\r\n\r\n\/* TABEL UTAMA *\/\r\n.survey-custom-table {\r\n    width: 100%;\r\n    border-collapse: collapse;\r\n    text-align: left;\r\n    min-width: 650px;\r\n}\r\n\r\n\/* HEADER TABEL *\/\r\n.survey-custom-table thead tr {\r\n    background: linear-gradient(135deg, #f97316 0%, #ea580c 50%, #d97706 100%);\r\n    color: #ffffff;\r\n}\r\n\r\n.survey-custom-table th {\r\n    padding: 16px 20px;\r\n    font-size: 13.5px;\r\n    font-weight: 800;\r\n    text-transform: uppercase;\r\n    letter-spacing: 0.8px;\r\n    border: none;\r\n}\r\n\r\n.survey-custom-table th:first-child {\r\n    border-top-left-radius: 14px;\r\n    text-align: center;\r\n}\r\n\r\n.survey-custom-table th:last-child {\r\n    border-top-right-radius: 14px;\r\n}\r\n\r\n\/* BODY TABEL *\/\r\n.survey-custom-table tbody tr {\r\n    border-bottom: 1px solid #fed7aa;\r\n    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n    background: #ffffff;\r\n}\r\n\r\n.survey-custom-table tbody tr:last-child {\r\n    border-bottom: none;\r\n}\r\n\r\n.survey-custom-table tbody tr:hover {\r\n    background: #fff7ed;\r\n    transform: scale(1.002);\r\n}\r\n\r\n.survey-custom-table td {\r\n    padding: 18px 20px;\r\n    vertical-align: middle;\r\n    font-size: 13.5px;\r\n    font-weight: 600;\r\n    color: #334155;\r\n    line-height: 1.6;\r\n}\r\n\r\n\/* BADGE NOMOR *\/\r\n.row-number {\r\n    width: 34px;\r\n    height: 34px;\r\n    border-radius: 50%;\r\n    background: linear-gradient(135deg, #ffedd5 0%, #fed7aa 100%);\r\n    color: #c2410c;\r\n    font-size: 13.5px;\r\n    font-weight: 900;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    box-shadow: 0 2px 6px rgba(234, 88, 12, 0.15);\r\n}\r\n\r\n\/* BADGE KATEGORI \/ ASPEK *\/\r\n.aspek-badge-box {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    background: #fff7ed;\r\n    border: 1px solid #fed7aa;\r\n    padding: 8px 14px;\r\n    border-radius: 10px;\r\n    font-size: 13.5px;\r\n    font-weight: 800;\r\n    color: #9a3412;\r\n    box-shadow: 0 2px 6px rgba(249, 115, 22, 0.05);\r\n}\r\n\r\n.aspek-badge-box i {\r\n    color: #ea580c;\r\n    font-size: 15px;\r\n}\r\n\r\n\/* PERTANYAAN ITEM *\/\r\n.question-item {\r\n    display: flex;\r\n    align-items: flex-start;\r\n    gap: 12px;\r\n}\r\n\r\n.q-bullet {\r\n    width: 24px;\r\n    height: 24px;\r\n    border-radius: 50%;\r\n    background: #ffedd5;\r\n    color: #c2410c;\r\n    font-size: 11.5px;\r\n    font-weight: 800;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    flex-shrink: 0;\r\n    margin-top: 2px;\r\n}\r\n\r\n.q-text {\r\n    flex: 1;\r\n    font-weight: 600;\r\n    color: #1e293b;\r\n}\r\n\r\n\/* RESPONSIVE *\/\r\n@media (max-width: 768px) {\r\n    .survey-kbm-container {\r\n        padding: 22px 16px;\r\n    }\r\n    .survey-kbm-header {\r\n        flex-direction: column;\r\n        align-items: flex-start;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<div class=\"survey-kbm-container\">\r\n\r\n    <!-- HEADER MENU -->\r\n    <div class=\"survey-kbm-header\">\r\n        <div class=\"survey-kbm-title\">\r\n            <h2><i class=\"fa-solid fa-list-check\"><\/i> Menu Pertanyaan Survei Pembelajaran<\/h2>\r\n            <p>Daftar Aspek dan Butir Evaluasi Keterlaksanaan KBM, Praktikum, &amp; Ketepatan RPS<\/p>\r\n        <\/div>\r\n        <div class=\"survey-kbm-badge\">\r\n            <i class=\"fa-solid fa-chalkboard-user\"><\/i> Evaluasi Proses KBM\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- TABEL MENU PERTANYAAN -->\r\n    <div class=\"table-responsive-box\">\r\n        <table class=\"survey-custom-table\">\r\n            <thead>\r\n                <tr>\r\n                    <th style=\"width: 10%; text-align: center;\">No<\/th>\r\n                    <th style=\"width: 32%;\">Kategori \/ Aspek<\/th>\r\n                    <th style=\"width: 58%;\">Pertanyaan<\/th>\r\n                <\/tr>\r\n            <\/thead>\r\n            <tbody>\r\n                <!-- 1. KESESUAIAN PEMBELAJARAN -->\r\n                <tr>\r\n                    <td style=\"text-align: center;\">\r\n                        <span class=\"row-number\">1<\/span>\r\n                    <\/td>\r\n                    <td>\r\n                        <div class=\"aspek-badge-box\">\r\n                            <i class=\"fa-solid fa-calendar-check\"><\/i>\r\n                            <span>Kesesuaian Pembelajaran<\/span>\r\n                        <\/div>\r\n                    <\/td>\r\n                    <td>\r\n                        <div class=\"question-item\">\r\n                            <span class=\"q-bullet\"><i class=\"fa-solid fa-circle-dot\"><\/i><\/span>\r\n                            <span class=\"q-text\">Jumlah pertemuan KBM, tugas terstruktur dan praktikum dalam satu semester<\/span>\r\n                        <\/div>\r\n                    <\/td>\r\n                <\/tr>\r\n\r\n                <!-- 2. KETEPATAN PELAKSANAAN PEMBELAJARAN (BARIS 1) -->\r\n                <tr>\r\n                    <td rowspan=\"2\" style=\"text-align: center; border-bottom: 1px solid #fed7aa; background: #fffdfa;\">\r\n                        <span class=\"row-number\">2<\/span>\r\n                    <\/td>\r\n                    <td rowspan=\"2\" style=\"border-bottom: 1px solid #fed7aa; background: #fffdfa;\">\r\n                        <div class=\"aspek-badge-box\">\r\n                            <i class=\"fa-solid fa-clock-rotate-left\"><\/i>\r\n                            <span>Ketepatan pelaksanaan pembelajaran<\/span>\r\n                        <\/div>\r\n                    <\/td>\r\n                    <td>\r\n                        <div class=\"question-item\">\r\n                            <span class=\"q-bullet\">A<\/span>\r\n                            <span class=\"q-text\">Ketepatan Waktu Memulai Perkuliahan<\/span>\r\n                        <\/div>\r\n                    <\/td>\r\n                <\/tr>\r\n\r\n                <!-- 2. KETEPATAN PELAKSANAAN PEMBELAJARAN (BARIS 2) -->\r\n                <tr>\r\n                    <td>\r\n                        <div class=\"question-item\">\r\n                            <span class=\"q-bullet\">B<\/span>\r\n                            <span class=\"q-text\">Ketercapaian materi sesuai RPS\/lesson plan<\/span>\r\n                        <\/div>\r\n                    <\/td>\r\n                <\/tr>\r\n            <\/tbody>\r\n        <\/table>\r\n    <\/div>\r\n\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div role=\"region tabpanel\" aria-labelledby=\"e-n-accordion-item-8124 e-n-tab-title-1579970892\" id=\"e-n-tab-content-1579970892\" data-tab-index=\"2\" style=\"--n-tabs-title-order: 2;\" class=\"elementor-element elementor-element-de238ed e-con-full e-flex e-con e-child\" data-id=\"de238ed\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3a30113 elementor-widget elementor-widget-html\" data-id=\"3a30113\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- Load Font Awesome 6 & Google Fonts -->\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@600;700;800;900&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n.tendik-v2-container {\r\n    width: 100%;\r\n    max-width: 920px;\r\n    margin: 30px auto;\r\n    background: #ffffff;\r\n    border-radius: 22px;\r\n    padding: 34px 28px;\r\n    box-shadow: 0 12px 35px rgba(249, 115, 22, 0.1);\r\n    border: 1.5px solid #ffedd5;\r\n    box-sizing: border-box;\r\n    font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\r\n}\r\n\r\n.tendik-v2-container * {\r\n    box-sizing: border-box;\r\n}\r\n\r\n\/* HEADER *\/\r\n.tendik-v2-header {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    border-bottom: 2px solid #fed7aa;\r\n    padding-bottom: 18px;\r\n    margin-bottom: 28px;\r\n    flex-wrap: wrap;\r\n    gap: 12px;\r\n}\r\n\r\n.tendik-v2-title-box h2 {\r\n    font-size: 20px;\r\n    font-weight: 800;\r\n    color: #1e293b;\r\n    margin: 0;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n}\r\n\r\n.tendik-v2-title-box h2 i {\r\n    color: #ea580c;\r\n}\r\n\r\n.tendik-v2-title-box p {\r\n    font-size: 13px;\r\n    font-weight: 600;\r\n    color: #78350f;\r\n    margin: 4px 0 0 0;\r\n}\r\n\r\n.tendik-v2-badge-top {\r\n    background: linear-gradient(135deg, #f97316 0%, #d97706 50%, #b45309 100%);\r\n    color: #ffffff;\r\n    padding: 8px 18px;\r\n    border-radius: 30px;\r\n    font-size: 13px;\r\n    font-weight: 800;\r\n    box-shadow: 0 4px 14px rgba(234, 88, 12, 0.3);\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 6px;\r\n}\r\n\r\n\/* AREA GRAFIK BATANG VERTIKAL *\/\r\n.tendik-v2-chart-wrapper {\r\n    display: flex;\r\n    align-items: flex-end;\r\n    justify-content: space-between;\r\n    height: 320px;\r\n    padding: 25px 20px 15px 20px;\r\n    border-bottom: 2px solid #fed7aa;\r\n    background: #fffaf5;\r\n    border-radius: 16px 16px 0 0;\r\n    gap: 16px;\r\n    position: relative;\r\n}\r\n\r\n\/* ITEM KOLOM BATANG *\/\r\n.tendik-v2-bar-item {\r\n    flex: 1;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    height: 100%;\r\n    justify-content: flex-end;\r\n    gap: 8px;\r\n}\r\n\r\n\/* NILAI ANGKA INDEKS DI ATAS BATANG *\/\r\n.tendik-v2-score-box {\r\n    text-align: center;\r\n    margin-bottom: 4px;\r\n}\r\n\r\n.tendik-v2-score {\r\n    font-size: 17px;\r\n    font-weight: 900;\r\n    color: #c2410c;\r\n    line-height: 1;\r\n}\r\n\r\n.tendik-v2-score-max {\r\n    font-size: 11px;\r\n    font-weight: 700;\r\n    color: #94a3b8;\r\n    display: block;\r\n    margin-top: 2px;\r\n}\r\n\r\n\/* BATANG TRACK & FILL *\/\r\n.tendik-v2-track {\r\n    width: 100%;\r\n    max-width: 58px;\r\n    height: 100%;\r\n    display: flex;\r\n    align-items: flex-end;\r\n}\r\n\r\n.tendik-v2-fill {\r\n    width: 100%;\r\n    height: 0%;\r\n    border-radius: 10px 10px 3px 3px;\r\n    background: linear-gradient(180deg, #ffd700 0%, #ff914d 50%, #ea580c 100%);\r\n    box-shadow: 0 4px 12px rgba(234, 88, 12, 0.3);\r\n    transition: height 1.8s cubic-bezier(0.2, 0.8, 0.2, 1);\r\n    cursor: pointer;\r\n    position: relative;\r\n}\r\n\r\n.tendik-v2-bar-item.avg-item .tendik-v2-fill {\r\n    background: linear-gradient(180deg, #fff275 0%, #f59e0b 40%, #b45309 100%);\r\n    box-shadow: 0 4px 16px rgba(217, 119, 6, 0.45);\r\n    border: 1.5px solid #ffffff;\r\n}\r\n\r\n.tendik-v2-bar-item:hover .tendik-v2-fill {\r\n    transform: scaleY(1.02);\r\n    box-shadow: 0 8px 22px rgba(234, 88, 12, 0.45);\r\n}\r\n\r\n\/* LABEL & KETERANGAN SUMBU X *\/\r\n.tendik-v2-label-group {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    gap: 6px;\r\n    margin-top: 10px;\r\n    text-align: center;\r\n}\r\n\r\n.tendik-v2-aspek-name {\r\n    font-size: 13px;\r\n    font-weight: 800;\r\n    color: #1e293b;\r\n    line-height: 1.2;\r\n}\r\n\r\n.tendik-v2-status-badge {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 4px;\r\n    background: #fff7ed;\r\n    color: #c2410c;\r\n    border: 1px solid #ffedd5;\r\n    padding: 3px 10px;\r\n    border-radius: 20px;\r\n    font-size: 10.5px;\r\n    font-weight: 800;\r\n    text-transform: uppercase;\r\n    letter-spacing: 0.5px;\r\n    white-space: nowrap;\r\n}\r\n\r\n.tendik-v2-bar-item.avg-item .tendik-v2-status-badge {\r\n    background: #fef3c7;\r\n    color: #92400e;\r\n    border-color: #fcd34d;\r\n    box-shadow: 0 2px 6px rgba(217, 119, 6, 0.15);\r\n}\r\n\r\n\/* RESPONSIVE *\/\r\n@media (max-width: 650px) {\r\n    .tendik-v2-container {\r\n        padding: 20px 15px;\r\n    }\r\n    .tendik-v2-header {\r\n        flex-direction: column;\r\n        align-items: flex-start;\r\n    }\r\n    .tendik-v2-chart-wrapper {\r\n        height: 260px;\r\n        gap: 8px;\r\n        padding: 15px 8px 10px 8px;\r\n    }\r\n    .tendik-v2-score {\r\n        font-size: 14px;\r\n    }\r\n    .tendik-v2-score-max {\r\n        font-size: 9.5px;\r\n    }\r\n    .tendik-v2-aspek-name {\r\n        font-size: 11px;\r\n    }\r\n    .tendik-v2-status-badge {\r\n        font-size: 9px;\r\n        padding: 2px 6px;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<div class=\"tendik-v2-container\">\r\n\r\n    <!-- HEADER GRAFIK -->\r\n    <div class=\"tendik-v2-header\">\r\n        <div class=\"tendik-v2-title-box\">\r\n            <h2><i class=\"fa-solid fa-chart-column\"><\/i> Kepuasan Dosen &amp; Tenaga Pendidik<\/h2>\r\n            <p>Grafik Vertikal Indeks Kepuasan &amp; Tingkat Kriteria terhadap Aspek Pembelajaran<\/p>\r\n        <\/div>\r\n        <div class=\"tendik-v2-badge-top\">\r\n            <i class=\"fa-solid fa-star\"><\/i> Skala Maksimal: 4.00\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- AREA BATANG VERTIKAL (Skala 4.00; 3.80 = 95.0%) -->\r\n    <div class=\"tendik-v2-chart-wrapper\">\r\n\r\n        <!-- 1. KESESUAIAN PEMBELAJARAN: 3.80 (95.0%) -->\r\n        <div class=\"tendik-v2-bar-item\">\r\n            <div class=\"tendik-v2-score-box\">\r\n                <span class=\"tendik-v2-score score-counter-tendik-v2\" data-target=\"3.80\">0.00<\/span>\r\n                <span class=\"tendik-v2-score-max\">\/4.0<\/span>\r\n            <\/div>\r\n            <div class=\"tendik-v2-track\">\r\n                <div class=\"tendik-v2-fill\" data-progress=\"95.0%\"><\/div>\r\n            <\/div>\r\n            <div class=\"tendik-v2-label-group\">\r\n                <span class=\"tendik-v2-aspek-name\">Kesesuaian Pembelajaran<\/span>\r\n                <span class=\"tendik-v2-status-badge\"><i class=\"fa-solid fa-circle-check\"><\/i> Sangat Baik<\/span>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- 2. KETEPATAN: 3.80 (95.0%) -->\r\n        <div class=\"tendik-v2-bar-item\">\r\n            <div class=\"tendik-v2-score-box\">\r\n                <span class=\"tendik-v2-score score-counter-tendik-v2\" data-target=\"3.80\">0.00<\/span>\r\n                <span class=\"tendik-v2-score-max\">\/4.0<\/span>\r\n            <\/div>\r\n            <div class=\"tendik-v2-track\">\r\n                <div class=\"tendik-v2-fill\" data-progress=\"95.0%\"><\/div>\r\n            <\/div>\r\n            <div class=\"tendik-v2-label-group\">\r\n                <span class=\"tendik-v2-aspek-name\">Ketepatan<\/span>\r\n                <span class=\"tendik-v2-status-badge\"><i class=\"fa-solid fa-circle-check\"><\/i> Sangat Baik<\/span>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- 3. KETERCAPAIAN: 3.80 (95.0%) -->\r\n        <div class=\"tendik-v2-bar-item\">\r\n            <div class=\"tendik-v2-score-box\">\r\n                <span class=\"tendik-v2-score score-counter-tendik-v2\" data-target=\"3.80\">0.00<\/span>\r\n                <span class=\"tendik-v2-score-max\">\/4.0<\/span>\r\n            <\/div>\r\n            <div class=\"tendik-v2-track\">\r\n                <div class=\"tendik-v2-fill\" data-progress=\"95.0%\"><\/div>\r\n            <\/div>\r\n            <div class=\"tendik-v2-label-group\">\r\n                <span class=\"tendik-v2-aspek-name\">Ketercapaian<\/span>\r\n                <span class=\"tendik-v2-status-badge\"><i class=\"fa-solid fa-circle-check\"><\/i> Sangat Baik<\/span>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- 4. RATA-RATA: 3.80 (95.0%) -->\r\n        <div class=\"tendik-v2-bar-item avg-item\">\r\n            <div class=\"tendik-v2-score-box\">\r\n                <span class=\"tendik-v2-score score-counter-tendik-v2\" data-target=\"3.80\" style=\"color: #9a3412;\">0.00<\/span>\r\n                <span class=\"tendik-v2-score-max\">\/4.0<\/span>\r\n            <\/div>\r\n            <div class=\"tendik-v2-track\">\r\n                <div class=\"tendik-v2-fill\" data-progress=\"95.0%\"><\/div>\r\n            <\/div>\r\n            <div class=\"tendik-v2-label-group\">\r\n                <span class=\"tendik-v2-aspek-name\" style=\"color: #9a3412;\">Rata-rata<\/span>\r\n                <span class=\"tendik-v2-status-badge\"><i class=\"fa-solid fa-star\"><\/i> Sangat Baik<\/span>\r\n            <\/div>\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/div>\r\n\r\n<!-- JAVASCRIPT ANIMASI VERTIKAL DARI NILAI 0 -->\r\n<script>\r\n(function() {\r\n    function initTendikV2Animation() {\r\n        const duration = 1800; \/\/ Durasi animasi 1.8 detik\r\n\r\n        \/\/ 1. Animasi Batang Vertikal Naik dari 0%\r\n        const bars = document.querySelectorAll('.tendik-v2-fill');\r\n        bars.forEach(bar => {\r\n            const targetHeight = bar.getAttribute('data-progress');\r\n            setTimeout(() => {\r\n                bar.style.height = targetHeight;\r\n            }, 100);\r\n        });\r\n\r\n        \/\/ 2. Animasi Angka Bergerak dari 0.00 ke Target\r\n        const counters = document.querySelectorAll('.score-counter-tendik-v2');\r\n        counters.forEach(counter => {\r\n            const target = parseFloat(counter.getAttribute('data-target'));\r\n            let startTime = null;\r\n\r\n            function animateCount(timestamp) {\r\n                if (!startTime) startTime = timestamp;\r\n                const elapsed = timestamp - startTime;\r\n                const progress = Math.min(elapsed \/ duration, 1);\r\n                \r\n                \/\/ Kurva percepatan easeOutQuad\r\n                const easeProgress = progress * (2 - progress);\r\n                const currentVal = (easeProgress * target).toFixed(2);\r\n                \r\n                counter.textContent = currentVal;\r\n\r\n                if (progress < 1) {\r\n                    window.requestAnimationFrame(animateCount);\r\n                } else {\r\n                    counter.textContent = target.toFixed(2);\r\n                }\r\n            }\r\n\r\n            window.requestAnimationFrame(animateCount);\r\n        });\r\n    }\r\n\r\n    if (document.readyState === 'loading') {\r\n        document.addEventListener('DOMContentLoaded', initTendikV2Animation);\r\n    } else {\r\n        initTendikV2Animation();\r\n    }\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div role=\"region tabpanel\" aria-labelledby=\"e-n-accordion-item-8124 e-n-tab-title-1579970893\" id=\"e-n-tab-content-1579970893\" data-tab-index=\"3\" style=\"--n-tabs-title-order: 3;\" class=\"elementor-element elementor-element-d1c071d e-flex e-con-boxed e-con e-child\" data-id=\"d1c071d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3deb27d elementor-widget elementor-widget-html\" data-id=\"3deb27d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- Load Font Awesome 6 & Google Fonts -->\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@600;700;800;900&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n.rtl-eval-container {\r\n    width: 100%;\r\n    max-width: 980px;\r\n    margin: 30px auto;\r\n    background: #ffffff;\r\n    border-radius: 22px;\r\n    padding: 35px 30px;\r\n    box-shadow: 0 12px 35px rgba(249, 115, 22, 0.1);\r\n    border: 1.5px solid #ffedd5;\r\n    box-sizing: border-box;\r\n    font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\r\n}\r\n\r\n.rtl-eval-container * {\r\n    box-sizing: border-box;\r\n}\r\n\r\n\/* HEADER *\/\r\n.rtl-eval-header {\r\n    border-bottom: 2px solid #fed7aa;\r\n    padding-bottom: 20px;\r\n    margin-bottom: 28px;\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    flex-wrap: wrap;\r\n    gap: 15px;\r\n}\r\n\r\n.rtl-eval-title-box h2 {\r\n    font-size: 21px;\r\n    font-weight: 900;\r\n    color: #1e293b;\r\n    margin: 0;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n}\r\n\r\n.rtl-eval-title-box h2 i {\r\n    color: #ea580c;\r\n}\r\n\r\n.rtl-eval-title-box p {\r\n    font-size: 13px;\r\n    font-weight: 600;\r\n    color: #78350f;\r\n    margin: 5px 0 0 0;\r\n}\r\n\r\n.rtl-eval-badge {\r\n    background: linear-gradient(135deg, #f97316 0%, #d97706 50%, #b45309 100%);\r\n    color: #ffffff;\r\n    padding: 8px 18px;\r\n    border-radius: 30px;\r\n    font-size: 12.5px;\r\n    font-weight: 800;\r\n    letter-spacing: 0.5px;\r\n    box-shadow: 0 4px 14px rgba(234, 88, 12, 0.3);\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 6px;\r\n}\r\n\r\n\/* GRID RTL *\/\r\n.rtl-eval-grid {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 18px;\r\n}\r\n\r\n\/* KARTU ITEM *\/\r\n.rtl-eval-card {\r\n    background: #fffaf5;\r\n    border: 1px solid #ffedd5;\r\n    border-radius: 16px;\r\n    padding: 22px;\r\n    display: flex;\r\n    gap: 20px;\r\n    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n    position: relative;\r\n    overflow: hidden;\r\n}\r\n\r\n.rtl-eval-card::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 5px;\r\n    height: 100%;\r\n    background: linear-gradient(180deg, #f97316 0%, #f59e0b 100%);\r\n}\r\n\r\n.rtl-eval-card:hover {\r\n    transform: translateY(-3px);\r\n    background: #ffffff;\r\n    border-color: #fdba74;\r\n    box-shadow: 0 10px 24px rgba(249, 115, 22, 0.12);\r\n}\r\n\r\n\/* ICON BADGE *\/\r\n.rtl-eval-icon-box {\r\n    width: 52px;\r\n    height: 52px;\r\n    border-radius: 14px;\r\n    background: linear-gradient(135deg, #fff7ed 0%, #ffedd5 100%);\r\n    border: 1.5px solid #fed7aa;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    font-size: 22px;\r\n    color: #ea580c;\r\n    flex-shrink: 0;\r\n    box-shadow: 0 4px 10px rgba(234, 88, 12, 0.1);\r\n}\r\n\r\n\/* CONTENT *\/\r\n.rtl-eval-content {\r\n    flex: 1;\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 6px;\r\n}\r\n\r\n.rtl-eval-category {\r\n    font-size: 11px;\r\n    font-weight: 800;\r\n    text-transform: uppercase;\r\n    letter-spacing: 1px;\r\n    color: #ea580c;\r\n}\r\n\r\n.rtl-eval-heading {\r\n    font-size: 16px;\r\n    font-weight: 800;\r\n    color: #1e293b;\r\n    margin: 0;\r\n}\r\n\r\n.rtl-eval-desc {\r\n    font-size: 13.5px;\r\n    font-weight: 600;\r\n    color: #475569;\r\n    line-height: 1.6;\r\n    margin: 0;\r\n}\r\n\r\n.rtl-eval-desc strong {\r\n    color: #9a3412;\r\n}\r\n\r\n\/* RESPONSIVE *\/\r\n@media (max-width: 768px) {\r\n    .rtl-eval-container {\r\n        padding: 24px 18px;\r\n    }\r\n    .rtl-eval-header {\r\n        flex-direction: column;\r\n        align-items: flex-start;\r\n    }\r\n    .rtl-eval-card {\r\n        flex-direction: column;\r\n        gap: 14px;\r\n        padding: 18px;\r\n    }\r\n    .rtl-eval-icon-box {\r\n        width: 44px;\r\n        height: 44px;\r\n        font-size: 18px;\r\n    }\r\n    .rtl-eval-heading {\r\n        font-size: 15px;\r\n    }\r\n    .rtl-eval-desc {\r\n        font-size: 12.5px;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<div class=\"rtl-eval-container\">\r\n\r\n    <!-- HEADER -->\r\n    <div class=\"rtl-eval-header\">\r\n        <div class=\"rtl-eval-title-box\">\r\n            <h2><i class=\"fa-solid fa-chart-line\"><\/i> Rencana Tindak Lanjut (RTL) Kinerja Akademik<\/h2>\r\n            <p>Penguatan Kualitas Pembelajaran &amp; Tata Kelola Evaluasi Dosen &bull; Program Studi Teknik Sipil UIN Maulana Malik Ibrahim Malang<\/p>\r\n        <\/div>\r\n        <div class=\"rtl-eval-badge\">\r\n            <i class=\"fa-solid fa-award\"><\/i> Continuous Quality Improvement\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- GRID PROGRAM TINDAK LANJUT -->\r\n    <div class=\"rtl-eval-grid\">\r\n\r\n        <!-- 1. OPTIMALISASI PARTISIPASI MAHASISWA -->\r\n        <div class=\"rtl-eval-card\">\r\n            <div class=\"rtl-eval-icon-box\">\r\n                <i class=\"fa-solid fa-users-line\"><\/i>\r\n            <\/div>\r\n            <div class=\"rtl-eval-content\">\r\n                <span class=\"rtl-eval-category\">Pilar 01 &bull; Peningkatan Partisipasi Evaluasi<\/span>\r\n                <h3 class=\"rtl-eval-heading\">Optimalisasi Inklusivitas &amp; Keterwakilan Data Responden<\/h3>\r\n                <p class=\"rtl-eval-desc\">\r\n                    Meningkatkan <strong>jangkauan dan efektivitas sosialisasi survei kepuasan<\/strong> guna mendorong keterlibatan aktif seluruh mahasiswa, sehingga tercapai distribusi umpan balik yang komprehensif, merata, dan representatif bagi seluruh jajaran dosen pengampu.\r\n                <\/p>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- 2. STANDARDISASI & VERIFIKASI DATA -->\r\n        <div class=\"rtl-eval-card\">\r\n            <div class=\"rtl-eval-icon-box\">\r\n                <i class=\"fa-solid fa-clipboard-check\"><\/i>\r\n            <\/div>\r\n            <div class=\"rtl-eval-content\">\r\n                <span class=\"rtl-eval-category\">Pilar 02 &bull; Integritas &amp; Validitas Instrumen<\/span>\r\n                <h3 class=\"rtl-eval-heading\">Standardisasi Protokol Validasi Data Kinerja Akademik<\/h3>\r\n                <p class=\"rtl-eval-desc\">\r\n                    Menerapkan <strong>tahapan verifikasi dan validasi data secara terstruktur<\/strong> sebelum analisis statistik dilakukan, guna memastikan data yang diolah memiliki tingkat reliabilitas, objektivitas, serta akurasi tinggi sebagai dasar pengambilan kebijakan mutu program studi.\r\n                <\/p>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- 3. PENDAMPINGAN DAN MONITORING PERKULIAHAN -->\r\n        <div class=\"rtl-eval-card\">\r\n            <div class=\"rtl-eval-icon-box\">\r\n                <i class=\"fa-solid fa-book-bookmark\"><\/i>\r\n            <\/div>\r\n            <div class=\"rtl-eval-content\">\r\n                <span class=\"rtl-eval-category\">Pilar 03 &bull; Akuntabilitas &amp; Ketercapaian KBM<\/span>\r\n                <h3 class=\"rtl-eval-heading\">Penguatan Pendampingan KBM Berbasis Jurnal Perkuliahan Terintegrasi<\/h3>\r\n                <p class=\"rtl-eval-desc\">\r\n                    Memperkuat <strong>sistem monitoring dan pelaporan ketercapaian materi perkuliahan secara berkala<\/strong> melalui pencatatan jurnal KBM yang terpadu, guna menjamin kesesuaian implementasi pembelajaran terhadap RPS serta ketepatan waktu pelaksanaan perkuliahan secara berkesinambungan.\r\n                <\/p>\r\n            <\/div>\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/div>\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\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\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\t<\/details>\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-8125\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"6\" tabindex=\"-1\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-8125\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> Survey TS IKM Semester Ganjil 2024-2025 <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-minus\" viewbox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span>\n\t\t\t<span class='e-closed'><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-plus\" viewbox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-8125\" class=\"elementor-element elementor-element-801ae96 e-flex e-con-boxed e-con e-child\" data-id=\"801ae96\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-8125\" class=\"elementor-element elementor-element-eea2957 e-con-full e-flex e-con e-child\" data-id=\"eea2957\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0421f63 e-n-tabs-mobile elementor-widget elementor-widget-n-tabs\" data-id=\"0421f63\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;horizontal_scroll&quot;:&quot;disable&quot;}\" data-widget_type=\"nested-tabs.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"e-n-tabs\" data-widget-number=\"4333411\" aria-label=\"\u0412\u043a\u043b\u0430\u0434\u043a\u0438. \u041e\u0442\u043a\u0440\u044b\u0432\u0430\u0439\u0442\u0435 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u044b \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e \u043a\u043b\u0430\u0432\u0438\u0448 Enter \u0438\u043b\u0438 Space, \u0437\u0430\u043a\u0440\u044b\u0432\u0430\u0439\u0442\u0435 \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e Escape \u0438 \u043f\u0435\u0440\u0435\u043c\u0435\u0449\u0430\u0439\u0442\u0435\u0441\u044c \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e \u043a\u043b\u0430\u0432\u0438\u0448 \u0441\u043e \u0441\u0442\u0440\u0435\u043b\u043a\u0430\u043c\u0438.\">\n\t\t\t<div class=\"e-n-tabs-heading\" role=\"tablist\">\n\t\t\t\t\t<button id=\"e-n-tab-title-43334111\" data-tab-title-id=\"e-n-tab-title-43334111\" class=\"e-n-tab-title\" aria-selected=\"true\" data-tab-index=\"1\" role=\"tab\" tabindex=\"0\" aria-controls=\"e-n-tab-content-43334111\" style=\"--n-tabs-title-order: 1;\">\n\t\t\t\t\t\t<span class=\"e-n-tab-title-text\">\n\t\t\t\tPertanyaan Survei\t\t\t<\/span>\n\t\t<\/button>\n\t\t\t\t<button id=\"e-n-tab-title-43334112\" data-tab-title-id=\"e-n-tab-title-43334112\" class=\"e-n-tab-title\" aria-selected=\"false\" data-tab-index=\"2\" role=\"tab\" tabindex=\"-1\" aria-controls=\"e-n-tab-content-43334112\" style=\"--n-tabs-title-order: 2;\">\n\t\t\t\t\t\t<span class=\"e-n-tab-title-text\">\n\t\t\t\tHasil Indek kinerja per Aspek Penilaian\t\t\t<\/span>\n\t\t<\/button>\n\t\t\t\t<button id=\"e-n-tab-title-43334113\" data-tab-title-id=\"e-n-tab-title-43334113\" class=\"e-n-tab-title\" aria-selected=\"false\" data-tab-index=\"3\" role=\"tab\" tabindex=\"-1\" aria-controls=\"e-n-tab-content-43334113\" style=\"--n-tabs-title-order: 3;\">\n\t\t\t\t\t\t<span class=\"e-n-tab-title-text\">\n\t\t\t\tRencana Tindak Lanjut\t\t\t<\/span>\n\t\t<\/button>\n\t\t\t\t\t<\/div>\n\t\t\t<div class=\"e-n-tabs-content\">\n\t\t\t\t<div role=\"region tabpanel\" aria-labelledby=\"e-n-accordion-item-8125 e-n-tab-title-43334111\" id=\"e-n-tab-content-43334111\" data-tab-index=\"1\" style=\"--n-tabs-title-order: 1;\" class=\"e-active elementor-element elementor-element-4fa8182 e-con-full e-flex e-con e-child\" data-id=\"4fa8182\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4fa801b elementor-widget elementor-widget-html\" data-id=\"4fa801b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- Load Font Awesome 6 & Google Fonts -->\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@600;700;800;900&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n.survey-dosen-container {\r\n    width: 100%;\r\n    max-width: 1080px;\r\n    margin: 30px auto;\r\n    background: #ffffff;\r\n    border-radius: 22px;\r\n    padding: 34px 28px;\r\n    box-shadow: 0 12px 35px rgba(249, 115, 22, 0.1);\r\n    border: 1.5px solid #ffedd5;\r\n    box-sizing: border-box;\r\n    font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\r\n}\r\n\r\n.survey-dosen-container * {\r\n    box-sizing: border-box;\r\n}\r\n\r\n\/* HEADER MENU *\/\r\n.survey-dosen-header {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    border-bottom: 2px solid #fed7aa;\r\n    padding-bottom: 20px;\r\n    margin-bottom: 28px;\r\n    flex-wrap: wrap;\r\n    gap: 14px;\r\n}\r\n\r\n.survey-dosen-title h2 {\r\n    font-size: 21px;\r\n    font-weight: 900;\r\n    color: #1e293b;\r\n    margin: 0;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n}\r\n\r\n.survey-dosen-title h2 i {\r\n    color: #ea580c;\r\n}\r\n\r\n.survey-dosen-title p {\r\n    font-size: 13.5px;\r\n    font-weight: 600;\r\n    color: #78350f;\r\n    margin: 5px 0 0 0;\r\n}\r\n\r\n.survey-dosen-badge {\r\n    background: linear-gradient(135deg, #f97316 0%, #d97706 50%, #b45309 100%);\r\n    color: #ffffff;\r\n    padding: 8px 18px;\r\n    border-radius: 30px;\r\n    font-size: 12.5px;\r\n    font-weight: 800;\r\n    letter-spacing: 0.5px;\r\n    box-shadow: 0 4px 14px rgba(234, 88, 12, 0.3);\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 6px;\r\n}\r\n\r\n\/* TABEL RESPONSIVE CONTAINER *\/\r\n.table-responsive-box {\r\n    width: 100%;\r\n    overflow-x: auto;\r\n    border-radius: 16px;\r\n    border: 1px solid #fed7aa;\r\n    background: #ffffff;\r\n    box-shadow: 0 4px 16px rgba(255, 145, 77, 0.05);\r\n}\r\n\r\n\/* TABEL UTAMA *\/\r\n.survey-custom-table {\r\n    width: 100%;\r\n    border-collapse: collapse;\r\n    text-align: left;\r\n    min-width: 720px;\r\n}\r\n\r\n\/* HEADER TABEL *\/\r\n.survey-custom-table thead tr {\r\n    background: linear-gradient(135deg, #f97316 0%, #ea580c 50%, #d97706 100%);\r\n    color: #ffffff;\r\n}\r\n\r\n.survey-custom-table th {\r\n    padding: 16px 20px;\r\n    font-size: 13.5px;\r\n    font-weight: 800;\r\n    text-transform: uppercase;\r\n    letter-spacing: 0.8px;\r\n    border: none;\r\n}\r\n\r\n.survey-custom-table th:first-child {\r\n    border-top-left-radius: 14px;\r\n    text-align: center;\r\n}\r\n\r\n.survey-custom-table th:last-child {\r\n    border-top-right-radius: 14px;\r\n}\r\n\r\n\/* BODY TABEL & ANIMASI ROW *\/\r\n.survey-custom-table tbody tr {\r\n    border-bottom: 1px solid #fed7aa;\r\n    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n    background: #ffffff;\r\n}\r\n\r\n.survey-custom-table tbody tr:last-child {\r\n    border-bottom: none;\r\n}\r\n\r\n.survey-custom-table tbody tr:hover {\r\n    background: #fff7ed;\r\n    transform: translateX(6px);\r\n}\r\n\r\n.survey-custom-table td {\r\n    padding: 16px 20px;\r\n    vertical-align: middle;\r\n    font-size: 13.5px;\r\n    font-weight: 600;\r\n    color: #334155;\r\n    line-height: 1.6;\r\n}\r\n\r\n\/* BADGE NOMOR BULAT *\/\r\n.row-number {\r\n    width: 34px;\r\n    height: 34px;\r\n    border-radius: 50%;\r\n    background: linear-gradient(135deg, #ffedd5 0%, #fed7aa 100%);\r\n    color: #c2410c;\r\n    font-size: 13.5px;\r\n    font-weight: 900;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    box-shadow: 0 2px 6px rgba(234, 88, 12, 0.15);\r\n    margin: 0 auto;\r\n}\r\n\r\n\/* BADGE KATEGORI \/ ASPEK *\/\r\n.kategori-badge {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    background: #fff7ed;\r\n    border: 1px solid #fed7aa;\r\n    padding: 7px 14px;\r\n    border-radius: 10px;\r\n    font-size: 13px;\r\n    font-weight: 800;\r\n    color: #9a3412;\r\n    box-shadow: 0 2px 6px rgba(249, 115, 22, 0.05);\r\n    white-space: nowrap;\r\n}\r\n\r\n.kategori-badge i {\r\n    color: #ea580c;\r\n    font-size: 14px;\r\n}\r\n\r\n\/* PERTANYAAN *\/\r\n.question-content {\r\n    font-weight: 600;\r\n    color: #1e293b;\r\n    display: flex;\r\n    align-items: flex-start;\r\n    gap: 10px;\r\n}\r\n\r\n.question-bullet {\r\n    color: #f97316;\r\n    font-size: 12px;\r\n    margin-top: 5px;\r\n    flex-shrink: 0;\r\n}\r\n\r\n\/* RESPONSIVE *\/\r\n@media (max-width: 768px) {\r\n    .survey-dosen-container {\r\n        padding: 22px 16px;\r\n    }\r\n    .survey-dosen-header {\r\n        flex-direction: column;\r\n        align-items: flex-start;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<div class=\"survey-dosen-container\">\r\n\r\n    <!-- HEADER MENU -->\r\n    <div class=\"survey-dosen-header\">\r\n        <div class=\"survey-dosen-title\">\r\n            <h2><i class=\"fa-solid fa-clipboard-user\"><\/i> Instrumen Evaluasi Kinerja Mengajar Dosen<\/h2>\r\n            <p>Daftar Dimensi Kinerja, Kompetensi Pedagogik, &amp; Integrasi Nilai Ulul Albab<\/p>\r\n        <\/div>\r\n        <div class=\"survey-dosen-badge\">\r\n            <i class=\"fa-solid fa-list-check\"><\/i> 8 Butir Pertanyaan\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- TABEL MENU PERTANYAAN -->\r\n    <div class=\"table-responsive-box\">\r\n        <table class=\"survey-custom-table\">\r\n            <thead>\r\n                <tr>\r\n                    <th style=\"width: 8%; text-align: center;\">No<\/th>\r\n                    <th style=\"width: 25%;\">Kategori<\/th>\r\n                    <th style=\"width: 67%;\">Pertanyaan<\/th>\r\n                <\/tr>\r\n            <\/thead>\r\n            <tbody>\r\n                <!-- 1. KEANDALAN 1 -->\r\n                <tr>\r\n                    <td style=\"text-align: center;\">\r\n                        <span class=\"row-number\">1<\/span>\r\n                    <\/td>\r\n                    <td>\r\n                        <div class=\"kategori-badge\">\r\n                            <i class=\"fa-solid fa-book-open-reader\"><\/i>\r\n                            <span>Keandalan 1<\/span>\r\n                        <\/div>\r\n                    <\/td>\r\n                    <td>\r\n                        <div class=\"question-content\">\r\n                            <i class=\"fa-solid fa-circle-chevron-right question-bullet\"><\/i>\r\n                            <span>Dosen menguasai materi pembelajaran dengan baik dan mudah dipahami, menggunakan sumber-sumber referensi terbaru serta mengembangkan gagasan baru\/inovatif<\/span>\r\n                        <\/div>\r\n                    <\/td>\r\n                <\/tr>\r\n\r\n                <!-- 2. KEANDALAN 2 -->\r\n                <tr>\r\n                    <td style=\"text-align: center;\">\r\n                        <span class=\"row-number\">2<\/span>\r\n                    <\/td>\r\n                    <td>\r\n                        <div class=\"kategori-badge\">\r\n                            <i class=\"fa-solid fa-calendar-check\"><\/i>\r\n                            <span>Keandalan 2<\/span>\r\n                        <\/div>\r\n                    <\/td>\r\n                    <td>\r\n                        <div class=\"question-content\">\r\n                            <i class=\"fa-solid fa-circle-chevron-right question-bullet\"><\/i>\r\n                            <span>Proses perkuliahan Semester Ganjil 2024\/2025 dilakukan dengan efektif<\/span>\r\n                        <\/div>\r\n                    <\/td>\r\n                <\/tr>\r\n\r\n                <!-- 3. DAYA TANGGAP -->\r\n                <tr>\r\n                    <td style=\"text-align: center;\">\r\n                        <span class=\"row-number\">3<\/span>\r\n                    <\/td>\r\n                    <td>\r\n                        <div class=\"kategori-badge\">\r\n                            <i class=\"fa-solid fa-comments\"><\/i>\r\n                            <span>Daya Tanggap<\/span>\r\n                        <\/div>\r\n                    <\/td>\r\n                    <td>\r\n                        <div class=\"question-content\">\r\n                            <i class=\"fa-solid fa-circle-chevron-right question-bullet\"><\/i>\r\n                            <span>Dosen responsif dalam melayani, berdiskusi dan berkonsultasi untuk mendukung kemajuan capaian pembelajaran mata kuliah<\/span>\r\n                        <\/div>\r\n                    <\/td>\r\n                <\/tr>\r\n\r\n                <!-- 4. KEPASTIAN -->\r\n                <tr>\r\n                    <td style=\"text-align: center;\">\r\n                        <span class=\"row-number\">4<\/span>\r\n                    <\/td>\r\n                    <td>\r\n                        <div class=\"kategori-badge\">\r\n                            <i class=\"fa-solid fa-file-contract\"><\/i>\r\n                            <span>Kepastian<\/span>\r\n                        <\/div>\r\n                    <\/td>\r\n                    <td>\r\n                        <div class=\"question-content\">\r\n                            <i class=\"fa-solid fa-circle-chevron-right question-bullet\"><\/i>\r\n                            <span>Dosen memberikan pengajaran sesuai dengan ketentuan (Buku Pedoman Akademik, Silabus (Rencana Pembelajaran Semester), Kontrak Perkuliahan)<\/span>\r\n                        <\/div>\r\n                    <\/td>\r\n                <\/tr>\r\n\r\n                <!-- 5. TRANSPARANSI -->\r\n                <tr>\r\n                    <td style=\"text-align: center;\">\r\n                        <span class=\"row-number\">5<\/span>\r\n                    <\/td>\r\n                    <td>\r\n                        <div class=\"kategori-badge\">\r\n                            <i class=\"fa-solid fa-door-open\"><\/i>\r\n                            <span>Transparansi<\/span>\r\n                        <\/div>\r\n                    <\/td>\r\n                    <td>\r\n                        <div class=\"question-content\">\r\n                            <i class=\"fa-solid fa-circle-chevron-right question-bullet\"><\/i>\r\n                            <span>Dosen bersikap kooperatif dan terbuka dalam membantu mahasiswa memahami mata kuliahnya<\/span>\r\n                        <\/div>\r\n                    <\/td>\r\n                <\/tr>\r\n\r\n                <!-- 6. EMPATI -->\r\n                <tr>\r\n                    <td style=\"text-align: center;\">\r\n                        <span class=\"row-number\">6<\/span>\r\n                    <\/td>\r\n                    <td>\r\n                        <div class=\"kategori-badge\">\r\n                            <i class=\"fa-solid fa-hand-holding-heart\"><\/i>\r\n                            <span>Empati<\/span>\r\n                        <\/div>\r\n                    <\/td>\r\n                    <td>\r\n                        <div class=\"question-content\">\r\n                            <i class=\"fa-solid fa-circle-chevron-right question-bullet\"><\/i>\r\n                            <span>Dosen empati\/peduli terhadap permasalahan akademik dan non akademik yang dihadapi mahasiswa<\/span>\r\n                        <\/div>\r\n                    <\/td>\r\n                <\/tr>\r\n\r\n                <!-- 7. ULUL ALBAB -->\r\n                <tr>\r\n                    <td style=\"text-align: center;\">\r\n                        <span class=\"row-number\">7<\/span>\r\n                    <\/td>\r\n                    <td>\r\n                        <div class=\"kategori-badge\">\r\n                            <i class=\"fa-solid fa-mosque\"><\/i>\r\n                            <span>Ulul Albab<\/span>\r\n                        <\/div>\r\n                    <\/td>\r\n                    <td>\r\n                        <div class=\"question-content\">\r\n                            <i class=\"fa-solid fa-circle-chevron-right question-bullet\"><\/i>\r\n                            <span>Dosen mengintegrasikan Islam dan Sains dalam materi pembelajaran<\/span>\r\n                        <\/div>\r\n                    <\/td>\r\n                <\/tr>\r\n\r\n                <!-- 8. MODERASI BERAGAMA -->\r\n                <tr>\r\n                    <td style=\"text-align: center;\">\r\n                        <span class=\"row-number\">8<\/span>\r\n                    <\/td>\r\n                    <td>\r\n                        <div class=\"kategori-badge\">\r\n                            <i class=\"fa-solid fa-hands-holding-child\"><\/i>\r\n                            <span>Moderasi Beragama<\/span>\r\n                        <\/div>\r\n                    <\/td>\r\n                    <td>\r\n                        <div class=\"question-content\">\r\n                            <i class=\"fa-solid fa-circle-chevron-right question-bullet\"><\/i>\r\n                            <span>Dosen menghargai perbedaan pandangan dan pemikiran mahasiswa tanpa melihat latar belakang suku, ras dan golongan dalam proses pembelajaran<\/span>\r\n                        <\/div>\r\n                    <\/td>\r\n                <\/tr>\r\n            <\/tbody>\r\n        <\/table>\r\n    <\/div>\r\n\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div role=\"region tabpanel\" aria-labelledby=\"e-n-accordion-item-8125 e-n-tab-title-43334112\" id=\"e-n-tab-content-43334112\" data-tab-index=\"2\" style=\"--n-tabs-title-order: 2;\" class=\"elementor-element elementor-element-08121d2 e-con-full e-flex e-con e-child\" data-id=\"08121d2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1a92cc0 elementor-widget elementor-widget-html\" data-id=\"1a92cc0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- Load Font Awesome 6 & Google Fonts -->\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@600;700;800;900&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n.ikm-eval-container {\r\n    width: 100%;\r\n    max-width: 1120px;\r\n    margin: 30px auto;\r\n    background: #ffffff;\r\n    border-radius: 22px;\r\n    padding: 34px 28px;\r\n    box-shadow: 0 12px 35px rgba(249, 115, 22, 0.1);\r\n    border: 1.5px solid #ffedd5;\r\n    box-sizing: border-box;\r\n    font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\r\n}\r\n\r\n.ikm-eval-container * {\r\n    box-sizing: border-box;\r\n}\r\n\r\n\/* HEADER *\/\r\n.ikm-eval-header {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    border-bottom: 2px solid #fed7aa;\r\n    padding-bottom: 18px;\r\n    margin-bottom: 28px;\r\n    flex-wrap: wrap;\r\n    gap: 12px;\r\n}\r\n\r\n.ikm-eval-title-box h2 {\r\n    font-size: 20px;\r\n    font-weight: 800;\r\n    color: #1e293b;\r\n    margin: 0;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n}\r\n\r\n.ikm-eval-title-box h2 i {\r\n    color: #ea580c;\r\n}\r\n\r\n.ikm-eval-title-box p {\r\n    font-size: 13px;\r\n    font-weight: 600;\r\n    color: #78350f;\r\n    margin: 4px 0 0 0;\r\n}\r\n\r\n.ikm-eval-badge-top {\r\n    background: linear-gradient(135deg, #f97316 0%, #d97706 50%, #b45309 100%);\r\n    color: #ffffff;\r\n    padding: 8px 18px;\r\n    border-radius: 30px;\r\n    font-size: 13px;\r\n    font-weight: 800;\r\n    box-shadow: 0 4px 14px rgba(234, 88, 12, 0.3);\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 6px;\r\n}\r\n\r\n\/* AREA GRAFIK BATANG VERTIKAL *\/\r\n.ikm-eval-chart-wrapper {\r\n    display: flex;\r\n    align-items: flex-end;\r\n    justify-content: space-between;\r\n    height: 330px;\r\n    padding: 25px 12px 15px 12px;\r\n    border-bottom: 2px solid #fed7aa;\r\n    background: #fffaf5;\r\n    border-radius: 16px 16px 0 0;\r\n    gap: 8px;\r\n    position: relative;\r\n    overflow-x: auto;\r\n}\r\n\r\n\/* ITEM KOLOM BATANG *\/\r\n.ikm-eval-bar-item {\r\n    flex: 1;\r\n    min-width: 80px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    height: 100%;\r\n    justify-content: flex-end;\r\n    gap: 8px;\r\n}\r\n\r\n\/* NILAI ANGKA INDEKS DI ATAS BATANG *\/\r\n.ikm-eval-score-box {\r\n    text-align: center;\r\n    margin-bottom: 4px;\r\n}\r\n\r\n.ikm-eval-score {\r\n    font-size: 15.5px;\r\n    font-weight: 900;\r\n    color: #c2410c;\r\n    line-height: 1;\r\n}\r\n\r\n.ikm-eval-score-max {\r\n    font-size: 10px;\r\n    font-weight: 700;\r\n    color: #94a3b8;\r\n    display: block;\r\n    margin-top: 2px;\r\n}\r\n\r\n\/* BATANG TRACK & FILL *\/\r\n.ikm-eval-track {\r\n    width: 100%;\r\n    max-width: 48px;\r\n    height: 100%;\r\n    display: flex;\r\n    align-items: flex-end;\r\n}\r\n\r\n.ikm-eval-fill {\r\n    width: 100%;\r\n    height: 0%;\r\n    border-radius: 10px 10px 3px 3px;\r\n    background: linear-gradient(180deg, #ffd700 0%, #ff914d 50%, #ea580c 100%);\r\n    box-shadow: 0 4px 12px rgba(234, 88, 12, 0.3);\r\n    transition: height 1.8s cubic-bezier(0.2, 0.8, 0.2, 1);\r\n    cursor: pointer;\r\n    position: relative;\r\n}\r\n\r\n.ikm-eval-bar-item.avg-item .ikm-eval-fill {\r\n    background: linear-gradient(180deg, #fff275 0%, #f59e0b 40%, #b45309 100%);\r\n    box-shadow: 0 4px 16px rgba(217, 119, 6, 0.45);\r\n    border: 1.5px solid #ffffff;\r\n}\r\n\r\n.ikm-eval-bar-item:hover .ikm-eval-fill {\r\n    transform: scaleY(1.02);\r\n    box-shadow: 0 8px 22px rgba(234, 88, 12, 0.45);\r\n}\r\n\r\n\/* LABEL & KETERANGAN SUMBU X *\/\r\n.ikm-eval-label-group {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    gap: 5px;\r\n    margin-top: 10px;\r\n    text-align: center;\r\n}\r\n\r\n.ikm-eval-aspek-name {\r\n    font-size: 12px;\r\n    font-weight: 800;\r\n    color: #1e293b;\r\n    line-height: 1.25;\r\n    min-height: 28px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n}\r\n\r\n.ikm-eval-respondent-badge {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 4px;\r\n    background: #fff7ed;\r\n    color: #c2410c;\r\n    border: 1px solid #ffedd5;\r\n    padding: 3px 8px;\r\n    border-radius: 20px;\r\n    font-size: 10px;\r\n    font-weight: 800;\r\n    letter-spacing: 0.3px;\r\n    white-space: nowrap;\r\n}\r\n\r\n.ikm-eval-bar-item.avg-item .ikm-eval-respondent-badge {\r\n    background: #fef3c7;\r\n    color: #92400e;\r\n    border-color: #fcd34d;\r\n    box-shadow: 0 2px 6px rgba(217, 119, 6, 0.15);\r\n}\r\n\r\n\/* RESPONSIVE *\/\r\n@media (max-width: 900px) {\r\n    .ikm-eval-chart-wrapper {\r\n        justify-content: flex-start;\r\n        gap: 12px;\r\n    }\r\n}\r\n\r\n@media (max-width: 650px) {\r\n    .ikm-eval-container {\r\n        padding: 20px 14px;\r\n    }\r\n    .ikm-eval-header {\r\n        flex-direction: column;\r\n        align-items: flex-start;\r\n    }\r\n    .ikm-eval-chart-wrapper {\r\n        height: 270px;\r\n        padding: 15px 8px 10px 8px;\r\n    }\r\n    .ikm-eval-score {\r\n        font-size: 13px;\r\n    }\r\n    .ikm-eval-aspek-name {\r\n        font-size: 10.5px;\r\n    }\r\n    .ikm-eval-respondent-badge {\r\n        font-size: 8.5px;\r\n        padding: 2px 6px;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<div class=\"ikm-eval-container\">\r\n\r\n    <!-- HEADER GRAFIK -->\r\n    <div class=\"ikm-eval-header\">\r\n        <div class=\"ikm-eval-title-box\">\r\n            <h2><i class=\"fa-solid fa-chart-column\"><\/i> Evaluasi IKM Tiap Kriteria Kinerja Dosen<\/h2>\r\n            <p>Grafik Vertikal Nilai Indeks Kepuasan &amp; Total Responden Mahasiswa (N = 361)<\/p>\r\n        <\/div>\r\n        <div class=\"ikm-eval-badge-top\">\r\n            <i class=\"fa-solid fa-users\"><\/i> Skala Maksimal: 4.00\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- AREA BATANG VERTIKAL (Skala 4.00) -->\r\n    <div class=\"ikm-eval-chart-wrapper\">\r\n\r\n        <!-- 1. KEANDALAN 1: 3.68 (92.00%) -->\r\n        <div class=\"ikm-eval-bar-item\">\r\n            <div class=\"ikm-eval-score-box\">\r\n                <span class=\"ikm-eval-score score-counter-ikm\" data-target=\"3.68\">0.00<\/span>\r\n                <span class=\"ikm-eval-score-max\">\/4.0<\/span>\r\n            <\/div>\r\n            <div class=\"ikm-eval-track\">\r\n                <div class=\"ikm-eval-fill\" data-progress=\"92.00%\"><\/div>\r\n            <\/div>\r\n            <div class=\"ikm-eval-label-group\">\r\n                <span class=\"ikm-eval-aspek-name\">Keandalan 1<\/span>\r\n                <span class=\"ikm-eval-respondent-badge\"><i class=\"fa-solid fa-user-check\"><\/i> 361 Resp.<\/span>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- 2. KEANDALAN 2: 3.57 (89.25%) -->\r\n        <div class=\"ikm-eval-bar-item\">\r\n            <div class=\"ikm-eval-score-box\">\r\n                <span class=\"ikm-eval-score score-counter-ikm\" data-target=\"3.57\">0.00<\/span>\r\n                <span class=\"ikm-eval-score-max\">\/4.0<\/span>\r\n            <\/div>\r\n            <div class=\"ikm-eval-track\">\r\n                <div class=\"ikm-eval-fill\" data-progress=\"89.25%\"><\/div>\r\n            <\/div>\r\n            <div class=\"ikm-eval-label-group\">\r\n                <span class=\"ikm-eval-aspek-name\">Keandalan 2<\/span>\r\n                <span class=\"ikm-eval-respondent-badge\"><i class=\"fa-solid fa-user-check\"><\/i> 361 Resp.<\/span>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- 3. DAYA TANGGAP: 3.67 (91.75%) -->\r\n        <div class=\"ikm-eval-bar-item\">\r\n            <div class=\"ikm-eval-score-box\">\r\n                <span class=\"ikm-eval-score score-counter-ikm\" data-target=\"3.67\">0.00<\/span>\r\n                <span class=\"ikm-eval-score-max\">\/4.0<\/span>\r\n            <\/div>\r\n            <div class=\"ikm-eval-track\">\r\n                <div class=\"ikm-eval-fill\" data-progress=\"91.75%\"><\/div>\r\n            <\/div>\r\n            <div class=\"ikm-eval-label-group\">\r\n                <span class=\"ikm-eval-aspek-name\">Daya Tanggap<\/span>\r\n                <span class=\"ikm-eval-respondent-badge\"><i class=\"fa-solid fa-user-check\"><\/i> 361 Resp.<\/span>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- 4. KEPASTIAN: 3.65 (91.25%) -->\r\n        <div class=\"ikm-eval-bar-item\">\r\n            <div class=\"ikm-eval-score-box\">\r\n                <span class=\"ikm-eval-score score-counter-ikm\" data-target=\"3.65\">0.00<\/span>\r\n                <span class=\"ikm-eval-score-max\">\/4.0<\/span>\r\n            <\/div>\r\n            <div class=\"ikm-eval-track\">\r\n                <div class=\"ikm-eval-fill\" data-progress=\"91.25%\"><\/div>\r\n            <\/div>\r\n            <div class=\"ikm-eval-label-group\">\r\n                <span class=\"ikm-eval-aspek-name\">Kepastian<\/span>\r\n                <span class=\"ikm-eval-respondent-badge\"><i class=\"fa-solid fa-user-check\"><\/i> 361 Resp.<\/span>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- 5. TRANSPARANSI: 3.70 (92.50%) -->\r\n        <div class=\"ikm-eval-bar-item\">\r\n            <div class=\"ikm-eval-score-box\">\r\n                <span class=\"ikm-eval-score score-counter-ikm\" data-target=\"3.70\">0.00<\/span>\r\n                <span class=\"ikm-eval-score-max\">\/4.0<\/span>\r\n            <\/div>\r\n            <div class=\"ikm-eval-track\">\r\n                <div class=\"ikm-eval-fill\" data-progress=\"92.50%\"><\/div>\r\n            <\/div>\r\n            <div class=\"ikm-eval-label-group\">\r\n                <span class=\"ikm-eval-aspek-name\">Transparansi<\/span>\r\n                <span class=\"ikm-eval-respondent-badge\"><i class=\"fa-solid fa-user-check\"><\/i> 361 Resp.<\/span>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- 6. EMPATI: 3.61 (90.25%) -->\r\n        <div class=\"ikm-eval-bar-item\">\r\n            <div class=\"ikm-eval-score-box\">\r\n                <span class=\"ikm-eval-score score-counter-ikm\" data-target=\"3.61\">0.00<\/span>\r\n                <span class=\"ikm-eval-score-max\">\/4.0<\/span>\r\n            <\/div>\r\n            <div class=\"ikm-eval-track\">\r\n                <div class=\"ikm-eval-fill\" data-progress=\"90.25%\"><\/div>\r\n            <\/div>\r\n            <div class=\"ikm-eval-label-group\">\r\n                <span class=\"ikm-eval-aspek-name\">Empati<\/span>\r\n                <span class=\"ikm-eval-respondent-badge\"><i class=\"fa-solid fa-user-check\"><\/i> 361 Resp.<\/span>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- 7. ULUL ALBAB: 3.64 (91.00%) -->\r\n        <div class=\"ikm-eval-bar-item\">\r\n            <div class=\"ikm-eval-score-box\">\r\n                <span class=\"ikm-eval-score score-counter-ikm\" data-target=\"3.64\">0.00<\/span>\r\n                <span class=\"ikm-eval-score-max\">\/4.0<\/span>\r\n            <\/div>\r\n            <div class=\"ikm-eval-track\">\r\n                <div class=\"ikm-eval-fill\" data-progress=\"91.00%\"><\/div>\r\n            <\/div>\r\n            <div class=\"ikm-eval-label-group\">\r\n                <span class=\"ikm-eval-aspek-name\">Ulul Albab<\/span>\r\n                <span class=\"ikm-eval-respondent-badge\"><i class=\"fa-solid fa-user-check\"><\/i> 361 Resp.<\/span>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- 8. MODERASI BERAGAMA: 3.75 (93.75%) -->\r\n        <div class=\"ikm-eval-bar-item\">\r\n            <div class=\"ikm-eval-score-box\">\r\n                <span class=\"ikm-eval-score score-counter-ikm\" data-target=\"3.75\">0.00<\/span>\r\n                <span class=\"ikm-eval-score-max\">\/4.0<\/span>\r\n            <\/div>\r\n            <div class=\"ikm-eval-track\">\r\n                <div class=\"ikm-eval-fill\" data-progress=\"93.75%\"><\/div>\r\n            <\/div>\r\n            <div class=\"ikm-eval-label-group\">\r\n                <span class=\"ikm-eval-aspek-name\">Moderasi Beragama<\/span>\r\n                <span class=\"ikm-eval-respondent-badge\"><i class=\"fa-solid fa-user-check\"><\/i> 361 Resp.<\/span>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- 9. TOTAL RERATA: 3.66 (91.50%) -->\r\n        <div class=\"ikm-eval-bar-item avg-item\">\r\n            <div class=\"ikm-eval-score-box\">\r\n                <span class=\"ikm-eval-score score-counter-ikm\" data-target=\"3.66\" style=\"color: #9a3412;\">0.00<\/span>\r\n                <span class=\"ikm-eval-score-max\">\/4.0<\/span>\r\n            <\/div>\r\n            <div class=\"ikm-eval-track\">\r\n                <div class=\"ikm-eval-fill\" data-progress=\"91.50%\"><\/div>\r\n            <\/div>\r\n            <div class=\"ikm-eval-label-group\">\r\n                <span class=\"ikm-eval-aspek-name\" style=\"color: #9a3412;\">Total Rerata<\/span>\r\n                <span class=\"ikm-eval-respondent-badge\"><i class=\"fa-solid fa-star\"><\/i> 361 Resp.<\/span>\r\n            <\/div>\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/div>\r\n\r\n<!-- JAVASCRIPT ANIMASI VERTIKAL DARI NILAI 0 -->\r\n<script>\r\n(function() {\r\n    function initIkmEvalAnimation() {\r\n        const duration = 1800; \/\/ Durasi animasi 1.8 detik\r\n\r\n        \/\/ 1. Animasi Batang Vertikal Naik dari 0%\r\n        const bars = document.querySelectorAll('.ikm-eval-fill');\r\n        bars.forEach(bar => {\r\n            const targetHeight = bar.getAttribute('data-progress');\r\n            setTimeout(() => {\r\n                bar.style.height = targetHeight;\r\n            }, 100);\r\n        });\r\n\r\n        \/\/ 2. Animasi Angka Bergerak dari 0.00 ke Target\r\n        const counters = document.querySelectorAll('.score-counter-ikm');\r\n        counters.forEach(counter => {\r\n            const target = parseFloat(counter.getAttribute('data-target'));\r\n            let startTime = null;\r\n\r\n            function animateCount(timestamp) {\r\n                if (!startTime) startTime = timestamp;\r\n                const elapsed = timestamp - startTime;\r\n                const progress = Math.min(elapsed \/ duration, 1);\r\n                \r\n                \/\/ Kurva percepatan easeOutQuad\r\n                const easeProgress = progress * (2 - progress);\r\n                const currentVal = (easeProgress * target).toFixed(2);\r\n                \r\n                counter.textContent = currentVal;\r\n\r\n                if (progress < 1) {\r\n                    window.requestAnimationFrame(animateCount);\r\n                } else {\r\n                    counter.textContent = target.toFixed(2);\r\n                }\r\n            }\r\n\r\n            window.requestAnimationFrame(animateCount);\r\n        });\r\n    }\r\n\r\n    if (document.readyState === 'loading') {\r\n        document.addEventListener('DOMContentLoaded', initIkmEvalAnimation);\r\n    } else {\r\n        initIkmEvalAnimation();\r\n    }\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div role=\"region tabpanel\" aria-labelledby=\"e-n-accordion-item-8125 e-n-tab-title-43334113\" id=\"e-n-tab-content-43334113\" data-tab-index=\"3\" style=\"--n-tabs-title-order: 3;\" class=\"elementor-element elementor-element-a717581 e-flex e-con-boxed e-con e-child\" data-id=\"a717581\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9379840 elementor-widget elementor-widget-html\" data-id=\"9379840\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- Load Font Awesome 6 & Google Fonts -->\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@600;700;800;900&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n.rtl-pedagogik-container {\r\n    width: 100%;\r\n    max-width: 980px;\r\n    margin: 30px auto;\r\n    background: #ffffff;\r\n    border-radius: 22px;\r\n    padding: 35px 30px;\r\n    box-shadow: 0 12px 35px rgba(249, 115, 22, 0.1);\r\n    border: 1.5px solid #ffedd5;\r\n    box-sizing: border-box;\r\n    font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\r\n}\r\n\r\n.rtl-pedagogik-container * {\r\n    box-sizing: border-box;\r\n}\r\n\r\n\/* HEADER *\/\r\n.rtl-pedagogik-header {\r\n    border-bottom: 2px solid #fed7aa;\r\n    padding-bottom: 20px;\r\n    margin-bottom: 28px;\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    flex-wrap: wrap;\r\n    gap: 15px;\r\n}\r\n\r\n.rtl-pedagogik-title-box h2 {\r\n    font-size: 21px;\r\n    font-weight: 900;\r\n    color: #1e293b;\r\n    margin: 0;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n}\r\n\r\n.rtl-pedagogik-title-box h2 i {\r\n    color: #ea580c;\r\n}\r\n\r\n.rtl-pedagogik-title-box p {\r\n    font-size: 13px;\r\n    font-weight: 600;\r\n    color: #78350f;\r\n    margin: 5px 0 0 0;\r\n}\r\n\r\n.rtl-pedagogik-badge {\r\n    background: linear-gradient(135deg, #f97316 0%, #d97706 50%, #b45309 100%);\r\n    color: #ffffff;\r\n    padding: 8px 18px;\r\n    border-radius: 30px;\r\n    font-size: 12.5px;\r\n    font-weight: 800;\r\n    letter-spacing: 0.5px;\r\n    box-shadow: 0 4px 14px rgba(234, 88, 12, 0.3);\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 6px;\r\n}\r\n\r\n\/* GRID RTL *\/\r\n.rtl-pedagogik-grid {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 18px;\r\n}\r\n\r\n\/* KARTU ITEM *\/\r\n.rtl-pedagogik-card {\r\n    background: #fffaf5;\r\n    border: 1px solid #ffedd5;\r\n    border-radius: 16px;\r\n    padding: 22px;\r\n    display: flex;\r\n    gap: 20px;\r\n    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n    position: relative;\r\n    overflow: hidden;\r\n}\r\n\r\n.rtl-pedagogik-card::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 5px;\r\n    height: 100%;\r\n    background: linear-gradient(180deg, #f97316 0%, #f59e0b 100%);\r\n}\r\n\r\n.rtl-pedagogik-card:hover {\r\n    transform: translateY(-3px);\r\n    background: #ffffff;\r\n    border-color: #fdba74;\r\n    box-shadow: 0 10px 24px rgba(249, 115, 22, 0.12);\r\n}\r\n\r\n\/* ICON BADGE *\/\r\n.rtl-pedagogik-icon-box {\r\n    width: 52px;\r\n    height: 52px;\r\n    border-radius: 14px;\r\n    background: linear-gradient(135deg, #fff7ed 0%, #ffedd5 100%);\r\n    border: 1.5px solid #fed7aa;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    font-size: 22px;\r\n    color: #ea580c;\r\n    flex-shrink: 0;\r\n    box-shadow: 0 4px 10px rgba(234, 88, 12, 0.1);\r\n}\r\n\r\n\/* CONTENT *\/\r\n.rtl-pedagogik-content {\r\n    flex: 1;\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 6px;\r\n}\r\n\r\n.rtl-pedagogik-category {\r\n    font-size: 11px;\r\n    font-weight: 800;\r\n    text-transform: uppercase;\r\n    letter-spacing: 1px;\r\n    color: #ea580c;\r\n}\r\n\r\n.rtl-pedagogik-heading {\r\n    font-size: 16px;\r\n    font-weight: 800;\r\n    color: #1e293b;\r\n    margin: 0;\r\n}\r\n\r\n.rtl-pedagogik-desc {\r\n    font-size: 13.5px;\r\n    font-weight: 600;\r\n    color: #475569;\r\n    line-height: 1.6;\r\n    margin: 0;\r\n}\r\n\r\n.rtl-pedagogik-desc strong {\r\n    color: #9a3412;\r\n}\r\n\r\n\/* RESPONSIVE *\/\r\n@media (max-width: 768px) {\r\n    .rtl-pedagogik-container {\r\n        padding: 24px 18px;\r\n    }\r\n    .rtl-pedagogik-header {\r\n        flex-direction: column;\r\n        align-items: flex-start;\r\n    }\r\n    .rtl-pedagogik-card {\r\n        flex-direction: column;\r\n        gap: 14px;\r\n        padding: 18px;\r\n    }\r\n    .rtl-pedagogik-icon-box {\r\n        width: 44px;\r\n        height: 44px;\r\n        font-size: 18px;\r\n    }\r\n    .rtl-pedagogik-heading {\r\n        font-size: 15px;\r\n    }\r\n    .rtl-pedagogik-desc {\r\n        font-size: 12.5px;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<div class=\"rtl-pedagogik-container\">\r\n\r\n    <!-- HEADER -->\r\n    <div class=\"rtl-pedagogik-header\">\r\n        <div class=\"rtl-pedagogik-title-box\">\r\n            <h2><i class=\"fa-solid fa-graduation-cap\"><\/i> Rencana Tindak Lanjut (RTL) Kinerja Mengajar Dosen<\/h2>\r\n            <p>Peningkatan Mutu Pedagogik &amp; Penguatan Interaksi Akademik &bull; Program Studi Teknik Sipil<\/p>\r\n        <\/div>\r\n        <div class=\"rtl-pedagogik-badge\">\r\n            <i class=\"fa-solid fa-award\"><\/i> Continuous Quality Improvement\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- GRID PROGRAM TINDAK LANJUT -->\r\n    <div class=\"rtl-pedagogik-grid\">\r\n\r\n        <!-- 1. PRESERVASI & ESKALASI INDEKS KEPUASAN (IKM) -->\r\n        <div class=\"rtl-pedagogik-card\">\r\n            <div class=\"rtl-pedagogik-icon-box\">\r\n                <i class=\"fa-solid fa-chart-line\"><\/i>\r\n            <\/div>\r\n            <div class=\"rtl-pedagogik-content\">\r\n                <span class=\"rtl-pedagogik-category\">Pilar 01 &bull; Keberlanjutan Mutu IKM<\/span>\r\n                <h3 class=\"rtl-pedagogik-heading\">Preservasi &amp; Eskalasi Capaian Mutu Pembelajaran Semester Genap 2024\/2025<\/h3>\r\n                <p class=\"rtl-pedagogik-desc\">\r\n                    Mempertahankan capaian predikat <strong>\"Sangat Puas\"<\/strong> yang telah diraih serta mengakselerasi pemerataan mutu instruksional secara menyeluruh pada Semester Genap 2024\/2025, guna menjamin seluruh mata kuliah terfasilitasi dengan standar keunggulan pedagogik yang prima.\r\n                <\/p>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- 2. OPTIMALISASI MODA PEMBELAJARAN INTERAKTIF -->\r\n        <div class=\"rtl-pedagogik-card\">\r\n            <div class=\"rtl-pedagogik-icon-box\">\r\n                <i class=\"fa-solid fa-laptop-file\"><\/i>\r\n            <\/div>\r\n            <div class=\"rtl-pedagogik-content\">\r\n                <span class=\"rtl-pedagogik-category\">Pilar 02 &bull; Efektivitas Metodologi Pembelajaran<\/span>\r\n                <h3 class=\"rtl-pedagogik-heading\">Penguatan Pembelajaran Berbasis Interaksi Aktif &amp; Kolaboratif<\/h3>\r\n                <p class=\"rtl-pedagogik-desc\">\r\n                    Mengembangkan <strong>model pembelajaran berbasis diskusi partisipatif (*interactive &amp; hybrid learning*)<\/strong> yang dinamis, didukung pengayaan media visual dan studi kasus kontekstual untuk memperdalam efektivitas transfer ilmu dan ruang dialog akademik antara dosen dan mahasiswa.\r\n                <\/p>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- 3. PENDEKATAN INSTRUKSIONAL ADAPTIF BAGI MAHASISWA TINGKAT AWAL -->\r\n        <div class=\"rtl-pedagogik-card\">\r\n            <div class=\"rtl-pedagogik-icon-box\">\r\n                <i class=\"fa-solid fa-comments\"><\/i>\r\n            <\/div>\r\n            <div class=\"rtl-pedagogik-content\">\r\n                <span class=\"rtl-pedagogik-category\">Pilar 03 &bull; Komunikasi Instruksional Inklusif<\/span>\r\n                <h3 class=\"rtl-pedagogik-heading\">Harmonisasi Bahasa Instruksional &amp; Pendampingan Konseptual Mahasiswa Awal<\/h3>\r\n                <p class=\"rtl-pedagogik-desc\">\r\n                    Menerapkan <strong>pendekatan penyampaian materi yang komunikatif, analogis, dan bertahap<\/strong> dalam mengenalkan istilah-istilah teknis keteknikan, guna memfasilitasi proses adaptasi konseptual mahasiswa baru agar dapat menginternalisasi keilmuan sipil secara mudah, runtut, dan menyenangkan.\r\n                <\/p>\r\n            <\/div>\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/div>\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\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\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\t<\/details>\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-8126\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"7\" tabindex=\"-1\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-8126\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> Survey TS IKM Semester Genap 2024-2025 <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-minus\" viewbox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span>\n\t\t\t<span class='e-closed'><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-plus\" viewbox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-8126\" class=\"elementor-element elementor-element-cfe8993 e-flex e-con-boxed e-con e-child\" data-id=\"cfe8993\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-8126\" class=\"elementor-element elementor-element-3794337 e-con-full e-flex e-con e-child\" data-id=\"3794337\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0d12ac5 e-n-tabs-mobile elementor-widget elementor-widget-n-tabs\" data-id=\"0d12ac5\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;horizontal_scroll&quot;:&quot;disable&quot;}\" data-widget_type=\"nested-tabs.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"e-n-tabs\" data-widget-number=\"13707973\" aria-label=\"\u0412\u043a\u043b\u0430\u0434\u043a\u0438. \u041e\u0442\u043a\u0440\u044b\u0432\u0430\u0439\u0442\u0435 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u044b \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e \u043a\u043b\u0430\u0432\u0438\u0448 Enter \u0438\u043b\u0438 Space, \u0437\u0430\u043a\u0440\u044b\u0432\u0430\u0439\u0442\u0435 \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e Escape \u0438 \u043f\u0435\u0440\u0435\u043c\u0435\u0449\u0430\u0439\u0442\u0435\u0441\u044c \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e \u043a\u043b\u0430\u0432\u0438\u0448 \u0441\u043e \u0441\u0442\u0440\u0435\u043b\u043a\u0430\u043c\u0438.\">\n\t\t\t<div class=\"e-n-tabs-heading\" role=\"tablist\">\n\t\t\t\t\t<button id=\"e-n-tab-title-137079731\" data-tab-title-id=\"e-n-tab-title-137079731\" class=\"e-n-tab-title\" aria-selected=\"true\" data-tab-index=\"1\" role=\"tab\" tabindex=\"0\" aria-controls=\"e-n-tab-content-137079731\" style=\"--n-tabs-title-order: 1;\">\n\t\t\t\t\t\t<span class=\"e-n-tab-title-text\">\n\t\t\t\tPertanyaan Survei\t\t\t<\/span>\n\t\t<\/button>\n\t\t\t\t<button id=\"e-n-tab-title-137079732\" data-tab-title-id=\"e-n-tab-title-137079732\" class=\"e-n-tab-title\" aria-selected=\"false\" data-tab-index=\"2\" role=\"tab\" tabindex=\"-1\" aria-controls=\"e-n-tab-content-137079732\" style=\"--n-tabs-title-order: 2;\">\n\t\t\t\t\t\t<span class=\"e-n-tab-title-text\">\n\t\t\t\tHasil Indek kinerja per Aspek Penilaian\t\t\t<\/span>\n\t\t<\/button>\n\t\t\t\t<button id=\"e-n-tab-title-137079733\" data-tab-title-id=\"e-n-tab-title-137079733\" class=\"e-n-tab-title\" aria-selected=\"false\" data-tab-index=\"3\" role=\"tab\" tabindex=\"-1\" aria-controls=\"e-n-tab-content-137079733\" style=\"--n-tabs-title-order: 3;\">\n\t\t\t\t\t\t<span class=\"e-n-tab-title-text\">\n\t\t\t\tRencana Tindak Lanjut\t\t\t<\/span>\n\t\t<\/button>\n\t\t\t\t\t<\/div>\n\t\t\t<div class=\"e-n-tabs-content\">\n\t\t\t\t<div role=\"region tabpanel\" aria-labelledby=\"e-n-accordion-item-8126 e-n-tab-title-137079731\" id=\"e-n-tab-content-137079731\" data-tab-index=\"1\" style=\"--n-tabs-title-order: 1;\" class=\"e-active elementor-element elementor-element-158cbcc e-con-full e-flex e-con e-child\" data-id=\"158cbcc\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e5950c5 elementor-widget elementor-widget-html\" data-id=\"e5950c5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- Load Font Awesome 6 & Google Fonts -->\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@600;700;800;900&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n.survey-dosen-container {\r\n    width: 100%;\r\n    max-width: 1080px;\r\n    margin: 30px auto;\r\n    background: #ffffff;\r\n    border-radius: 22px;\r\n    padding: 34px 28px;\r\n    box-shadow: 0 12px 35px rgba(249, 115, 22, 0.1);\r\n    border: 1.5px solid #ffedd5;\r\n    box-sizing: border-box;\r\n    font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\r\n}\r\n\r\n.survey-dosen-container * {\r\n    box-sizing: border-box;\r\n}\r\n\r\n\/* HEADER MENU *\/\r\n.survey-dosen-header {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    border-bottom: 2px solid #fed7aa;\r\n    padding-bottom: 20px;\r\n    margin-bottom: 28px;\r\n    flex-wrap: wrap;\r\n    gap: 14px;\r\n}\r\n\r\n.survey-dosen-title h2 {\r\n    font-size: 21px;\r\n    font-weight: 900;\r\n    color: #1e293b;\r\n    margin: 0;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n}\r\n\r\n.survey-dosen-title h2 i {\r\n    color: #ea580c;\r\n}\r\n\r\n.survey-dosen-title p {\r\n    font-size: 13.5px;\r\n    font-weight: 600;\r\n    color: #78350f;\r\n    margin: 5px 0 0 0;\r\n}\r\n\r\n.survey-dosen-badge {\r\n    background: linear-gradient(135deg, #f97316 0%, #d97706 50%, #b45309 100%);\r\n    color: #ffffff;\r\n    padding: 8px 18px;\r\n    border-radius: 30px;\r\n    font-size: 12.5px;\r\n    font-weight: 800;\r\n    letter-spacing: 0.5px;\r\n    box-shadow: 0 4px 14px rgba(234, 88, 12, 0.3);\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 6px;\r\n}\r\n\r\n\/* TABEL RESPONSIVE CONTAINER *\/\r\n.table-responsive-box {\r\n    width: 100%;\r\n    overflow-x: auto;\r\n    border-radius: 16px;\r\n    border: 1px solid #fed7aa;\r\n    background: #ffffff;\r\n    box-shadow: 0 4px 16px rgba(255, 145, 77, 0.05);\r\n}\r\n\r\n\/* TABEL UTAMA *\/\r\n.survey-custom-table {\r\n    width: 100%;\r\n    border-collapse: collapse;\r\n    text-align: left;\r\n    min-width: 720px;\r\n}\r\n\r\n\/* HEADER TABEL *\/\r\n.survey-custom-table thead tr {\r\n    background: linear-gradient(135deg, #f97316 0%, #ea580c 50%, #d97706 100%);\r\n    color: #ffffff;\r\n}\r\n\r\n.survey-custom-table th {\r\n    padding: 16px 20px;\r\n    font-size: 13.5px;\r\n    font-weight: 800;\r\n    text-transform: uppercase;\r\n    letter-spacing: 0.8px;\r\n    border: none;\r\n}\r\n\r\n.survey-custom-table th:first-child {\r\n    border-top-left-radius: 14px;\r\n    text-align: center;\r\n}\r\n\r\n.survey-custom-table th:last-child {\r\n    border-top-right-radius: 14px;\r\n}\r\n\r\n\/* BODY TABEL & ANIMASI ROW *\/\r\n.survey-custom-table tbody tr {\r\n    border-bottom: 1px solid #fed7aa;\r\n    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n    background: #ffffff;\r\n}\r\n\r\n.survey-custom-table tbody tr:last-child {\r\n    border-bottom: none;\r\n}\r\n\r\n.survey-custom-table tbody tr:hover {\r\n    background: #fff7ed;\r\n    transform: translateX(6px);\r\n}\r\n\r\n.survey-custom-table td {\r\n    padding: 16px 20px;\r\n    vertical-align: middle;\r\n    font-size: 13.5px;\r\n    font-weight: 600;\r\n    color: #334155;\r\n    line-height: 1.6;\r\n}\r\n\r\n\/* BADGE NOMOR BULAT *\/\r\n.row-number {\r\n    width: 34px;\r\n    height: 34px;\r\n    border-radius: 50%;\r\n    background: linear-gradient(135deg, #ffedd5 0%, #fed7aa 100%);\r\n    color: #c2410c;\r\n    font-size: 13.5px;\r\n    font-weight: 900;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    box-shadow: 0 2px 6px rgba(234, 88, 12, 0.15);\r\n    margin: 0 auto;\r\n}\r\n\r\n\/* BADGE KATEGORI \/ ASPEK *\/\r\n.kategori-badge {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    background: #fff7ed;\r\n    border: 1px solid #fed7aa;\r\n    padding: 7px 14px;\r\n    border-radius: 10px;\r\n    font-size: 13px;\r\n    font-weight: 800;\r\n    color: #9a3412;\r\n    box-shadow: 0 2px 6px rgba(249, 115, 22, 0.05);\r\n    white-space: nowrap;\r\n}\r\n\r\n.kategori-badge i {\r\n    color: #ea580c;\r\n    font-size: 14px;\r\n}\r\n\r\n\/* PERTANYAAN *\/\r\n.question-content {\r\n    font-weight: 600;\r\n    color: #1e293b;\r\n    display: flex;\r\n    align-items: flex-start;\r\n    gap: 10px;\r\n}\r\n\r\n.question-bullet {\r\n    color: #f97316;\r\n    font-size: 12px;\r\n    margin-top: 5px;\r\n    flex-shrink: 0;\r\n}\r\n\r\n\/* RESPONSIVE *\/\r\n@media (max-width: 768px) {\r\n    .survey-dosen-container {\r\n        padding: 22px 16px;\r\n    }\r\n    .survey-dosen-header {\r\n        flex-direction: column;\r\n        align-items: flex-start;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<div class=\"survey-dosen-container\">\r\n\r\n    <!-- HEADER MENU -->\r\n    <div class=\"survey-dosen-header\">\r\n        <div class=\"survey-dosen-title\">\r\n            <h2><i class=\"fa-solid fa-clipboard-user\"><\/i> Instrumen Evaluasi Kinerja Mengajar Dosen<\/h2>\r\n            <p>Daftar Dimensi Kinerja, Kompetensi Pedagogik, &amp; Integrasi Nilai Ulul Albab<\/p>\r\n        <\/div>\r\n        <div class=\"survey-dosen-badge\">\r\n            <i class=\"fa-solid fa-list-check\"><\/i> 8 Butir Pertanyaan\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- TABEL MENU PERTANYAAN -->\r\n    <div class=\"table-responsive-box\">\r\n        <table class=\"survey-custom-table\">\r\n            <thead>\r\n                <tr>\r\n                    <th style=\"width: 8%; text-align: center;\">No<\/th>\r\n                    <th style=\"width: 25%;\">Kategori<\/th>\r\n                    <th style=\"width: 67%;\">Pertanyaan<\/th>\r\n                <\/tr>\r\n            <\/thead>\r\n            <tbody>\r\n                <!-- 1. KEANDALAN 1 -->\r\n                <tr>\r\n                    <td style=\"text-align: center;\">\r\n                        <span class=\"row-number\">1<\/span>\r\n                    <\/td>\r\n                    <td>\r\n                        <div class=\"kategori-badge\">\r\n                            <i class=\"fa-solid fa-book-open-reader\"><\/i>\r\n                            <span>Keandalan 1<\/span>\r\n                        <\/div>\r\n                    <\/td>\r\n                    <td>\r\n                        <div class=\"question-content\">\r\n                            <i class=\"fa-solid fa-circle-chevron-right question-bullet\"><\/i>\r\n                            <span>Dosen menguasai materi pembelajaran dengan baik dan mudah dipahami, menggunakan sumber-sumber referensi terbaru serta mengembangkan gagasan baru\/inovatif<\/span>\r\n                        <\/div>\r\n                    <\/td>\r\n                <\/tr>\r\n\r\n                <!-- 2. KEANDALAN 2 -->\r\n                <tr>\r\n                    <td style=\"text-align: center;\">\r\n                        <span class=\"row-number\">2<\/span>\r\n                    <\/td>\r\n                    <td>\r\n                        <div class=\"kategori-badge\">\r\n                            <i class=\"fa-solid fa-calendar-check\"><\/i>\r\n                            <span>Keandalan 2<\/span>\r\n                        <\/div>\r\n                    <\/td>\r\n                    <td>\r\n                        <div class=\"question-content\">\r\n                            <i class=\"fa-solid fa-circle-chevron-right question-bullet\"><\/i>\r\n                            <span>Proses perkuliahan Semester Genap  2024\/2025 dilakukan dengan efektif<\/span>\r\n                        <\/div>\r\n                    <\/td>\r\n                <\/tr>\r\n\r\n                <!-- 3. DAYA TANGGAP -->\r\n                <tr>\r\n                    <td style=\"text-align: center;\">\r\n                        <span class=\"row-number\">3<\/span>\r\n                    <\/td>\r\n                    <td>\r\n                        <div class=\"kategori-badge\">\r\n                            <i class=\"fa-solid fa-comments\"><\/i>\r\n                            <span>Daya Tanggap<\/span>\r\n                        <\/div>\r\n                    <\/td>\r\n                    <td>\r\n                        <div class=\"question-content\">\r\n                            <i class=\"fa-solid fa-circle-chevron-right question-bullet\"><\/i>\r\n                            <span>Dosen responsif dalam melayani, berdiskusi dan berkonsultasi untuk mendukung kemajuan capaian pembelajaran mata kuliah<\/span>\r\n                        <\/div>\r\n                    <\/td>\r\n                <\/tr>\r\n\r\n                <!-- 4. KEPASTIAN -->\r\n                <tr>\r\n                    <td style=\"text-align: center;\">\r\n                        <span class=\"row-number\">4<\/span>\r\n                    <\/td>\r\n                    <td>\r\n                        <div class=\"kategori-badge\">\r\n                            <i class=\"fa-solid fa-file-contract\"><\/i>\r\n                            <span>Kepastian<\/span>\r\n                        <\/div>\r\n                    <\/td>\r\n                    <td>\r\n                        <div class=\"question-content\">\r\n                            <i class=\"fa-solid fa-circle-chevron-right question-bullet\"><\/i>\r\n                            <span>Dosen memberikan pengajaran sesuai dengan ketentuan (Buku Pedoman Akademik, Silabus (Rencana Pembelajaran Semester), Kontrak Perkuliahan)<\/span>\r\n                        <\/div>\r\n                    <\/td>\r\n                <\/tr>\r\n\r\n                <!-- 5. TRANSPARANSI -->\r\n                <tr>\r\n                    <td style=\"text-align: center;\">\r\n                        <span class=\"row-number\">5<\/span>\r\n                    <\/td>\r\n                    <td>\r\n                        <div class=\"kategori-badge\">\r\n                            <i class=\"fa-solid fa-door-open\"><\/i>\r\n                            <span>Transparansi<\/span>\r\n                        <\/div>\r\n                    <\/td>\r\n                    <td>\r\n                        <div class=\"question-content\">\r\n                            <i class=\"fa-solid fa-circle-chevron-right question-bullet\"><\/i>\r\n                            <span>Dosen bersikap kooperatif dan terbuka dalam membantu mahasiswa memahami mata kuliahnya<\/span>\r\n                        <\/div>\r\n                    <\/td>\r\n                <\/tr>\r\n\r\n                <!-- 6. EMPATI -->\r\n                <tr>\r\n                    <td style=\"text-align: center;\">\r\n                        <span class=\"row-number\">6<\/span>\r\n                    <\/td>\r\n                    <td>\r\n                        <div class=\"kategori-badge\">\r\n                            <i class=\"fa-solid fa-hand-holding-heart\"><\/i>\r\n                            <span>Empati<\/span>\r\n                        <\/div>\r\n                    <\/td>\r\n                    <td>\r\n                        <div class=\"question-content\">\r\n                            <i class=\"fa-solid fa-circle-chevron-right question-bullet\"><\/i>\r\n                            <span>Dosen empati\/peduli terhadap permasalahan akademik dan non akademik yang dihadapi mahasiswa<\/span>\r\n                        <\/div>\r\n                    <\/td>\r\n                <\/tr>\r\n\r\n                <!-- 7. ULUL ALBAB -->\r\n                <tr>\r\n                    <td style=\"text-align: center;\">\r\n                        <span class=\"row-number\">7<\/span>\r\n                    <\/td>\r\n                    <td>\r\n                        <div class=\"kategori-badge\">\r\n                            <i class=\"fa-solid fa-mosque\"><\/i>\r\n                            <span>Ulul Albab<\/span>\r\n                        <\/div>\r\n                    <\/td>\r\n                    <td>\r\n                        <div class=\"question-content\">\r\n                            <i class=\"fa-solid fa-circle-chevron-right question-bullet\"><\/i>\r\n                            <span>Dosen mengintegrasikan Islam dan Sains dalam materi pembelajaran<\/span>\r\n                        <\/div>\r\n                    <\/td>\r\n                <\/tr>\r\n\r\n                <!-- 8. MODERASI BERAGAMA -->\r\n                <tr>\r\n                    <td style=\"text-align: center;\">\r\n                        <span class=\"row-number\">8<\/span>\r\n                    <\/td>\r\n                    <td>\r\n                        <div class=\"kategori-badge\">\r\n                            <i class=\"fa-solid fa-hands-holding-child\"><\/i>\r\n                            <span>Moderasi Beragama<\/span>\r\n                        <\/div>\r\n                    <\/td>\r\n                    <td>\r\n                        <div class=\"question-content\">\r\n                            <i class=\"fa-solid fa-circle-chevron-right question-bullet\"><\/i>\r\n                            <span>Dosen menghargai perbedaan pandangan dan pemikiran mahasiswa tanpa melihat latar belakang suku, ras dan golongan dalam proses pembelajaran<\/span>\r\n                        <\/div>\r\n                    <\/td>\r\n                <\/tr>\r\n            <\/tbody>\r\n        <\/table>\r\n    <\/div>\r\n\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div role=\"region tabpanel\" aria-labelledby=\"e-n-accordion-item-8126 e-n-tab-title-137079732\" id=\"e-n-tab-content-137079732\" data-tab-index=\"2\" style=\"--n-tabs-title-order: 2;\" class=\"elementor-element elementor-element-b73a40e e-con-full e-flex e-con e-child\" data-id=\"b73a40e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ca962ef elementor-widget elementor-widget-html\" data-id=\"ca962ef\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- Load Font Awesome 6 & Google Fonts -->\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@600;700;800;900&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n.ikm-chart-container {\r\n    width: 100%;\r\n    max-width: 1120px;\r\n    margin: 30px auto;\r\n    background: #ffffff;\r\n    border-radius: 22px;\r\n    padding: 34px 28px;\r\n    box-shadow: 0 12px 35px rgba(249, 115, 22, 0.1);\r\n    border: 1.5px solid #ffedd5;\r\n    box-sizing: border-box;\r\n    font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\r\n}\r\n\r\n.ikm-chart-container * {\r\n    box-sizing: border-box;\r\n}\r\n\r\n\/* HEADER *\/\r\n.ikm-chart-header {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    border-bottom: 2px solid #fed7aa;\r\n    padding-bottom: 18px;\r\n    margin-bottom: 28px;\r\n    flex-wrap: wrap;\r\n    gap: 12px;\r\n}\r\n\r\n.ikm-chart-title-box h2 {\r\n    font-size: 20px;\r\n    font-weight: 800;\r\n    color: #1e293b;\r\n    margin: 0;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n}\r\n\r\n.ikm-chart-title-box h2 i {\r\n    color: #ea580c;\r\n}\r\n\r\n.ikm-chart-title-box p {\r\n    font-size: 13px;\r\n    font-weight: 600;\r\n    color: #78350f;\r\n    margin: 4px 0 0 0;\r\n}\r\n\r\n.ikm-chart-badge-top {\r\n    background: linear-gradient(135deg, #f97316 0%, #d97706 50%, #b45309 100%);\r\n    color: #ffffff;\r\n    padding: 8px 18px;\r\n    border-radius: 30px;\r\n    font-size: 13px;\r\n    font-weight: 800;\r\n    box-shadow: 0 4px 14px rgba(234, 88, 12, 0.3);\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 6px;\r\n}\r\n\r\n\/* AREA GRAFIK BATANG VERTIKAL *\/\r\n.ikm-chart-wrapper {\r\n    display: flex;\r\n    align-items: flex-end;\r\n    justify-content: space-between;\r\n    height: 330px;\r\n    padding: 25px 12px 15px 12px;\r\n    border-bottom: 2px solid #fed7aa;\r\n    background: #fffaf5;\r\n    border-radius: 16px 16px 0 0;\r\n    gap: 8px;\r\n    position: relative;\r\n    overflow-x: auto;\r\n}\r\n\r\n\/* ITEM KOLOM BATANG *\/\r\n.ikm-chart-bar-item {\r\n    flex: 1;\r\n    min-width: 80px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    height: 100%;\r\n    justify-content: flex-end;\r\n    gap: 8px;\r\n}\r\n\r\n\/* NILAI ANGKA INDEKS DI ATAS BATANG *\/\r\n.ikm-chart-score-box {\r\n    text-align: center;\r\n    margin-bottom: 4px;\r\n}\r\n\r\n.ikm-chart-score {\r\n    font-size: 15.5px;\r\n    font-weight: 900;\r\n    color: #c2410c;\r\n    line-height: 1;\r\n}\r\n\r\n.ikm-chart-score-max {\r\n    font-size: 10px;\r\n    font-weight: 700;\r\n    color: #94a3b8;\r\n    display: block;\r\n    margin-top: 2px;\r\n}\r\n\r\n\/* BATANG TRACK & FILL *\/\r\n.ikm-chart-track {\r\n    width: 100%;\r\n    max-width: 48px;\r\n    height: 100%;\r\n    display: flex;\r\n    align-items: flex-end;\r\n}\r\n\r\n.ikm-chart-fill {\r\n    width: 100%;\r\n    height: 0%;\r\n    border-radius: 10px 10px 3px 3px;\r\n    background: linear-gradient(180deg, #ffd700 0%, #ff914d 50%, #ea580c 100%);\r\n    box-shadow: 0 4px 12px rgba(234, 88, 12, 0.3);\r\n    transition: height 1.8s cubic-bezier(0.2, 0.8, 0.2, 1);\r\n    cursor: pointer;\r\n    position: relative;\r\n}\r\n\r\n.ikm-chart-bar-item.avg-item .ikm-chart-fill {\r\n    background: linear-gradient(180deg, #fff275 0%, #f59e0b 40%, #b45309 100%);\r\n    box-shadow: 0 4px 16px rgba(217, 119, 6, 0.45);\r\n    border: 1.5px solid #ffffff;\r\n}\r\n\r\n.ikm-chart-bar-item:hover .ikm-chart-fill {\r\n    transform: scaleY(1.02);\r\n    box-shadow: 0 8px 22px rgba(234, 88, 12, 0.45);\r\n}\r\n\r\n\/* LABEL & KETERANGAN SUMBU X *\/\r\n.ikm-chart-label-group {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    gap: 5px;\r\n    margin-top: 10px;\r\n    text-align: center;\r\n}\r\n\r\n.ikm-chart-aspek-name {\r\n    font-size: 12px;\r\n    font-weight: 800;\r\n    color: #1e293b;\r\n    line-height: 1.25;\r\n    min-height: 28px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n}\r\n\r\n.ikm-chart-respondent-badge {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 4px;\r\n    background: #fff7ed;\r\n    color: #c2410c;\r\n    border: 1px solid #ffedd5;\r\n    padding: 3px 8px;\r\n    border-radius: 20px;\r\n    font-size: 10px;\r\n    font-weight: 800;\r\n    letter-spacing: 0.3px;\r\n    white-space: nowrap;\r\n}\r\n\r\n.ikm-chart-bar-item.avg-item .ikm-chart-respondent-badge {\r\n    background: #fef3c7;\r\n    color: #92400e;\r\n    border-color: #fcd34d;\r\n    box-shadow: 0 2px 6px rgba(217, 119, 6, 0.15);\r\n}\r\n\r\n\/* RESPONSIVE *\/\r\n@media (max-width: 900px) {\r\n    .ikm-chart-wrapper {\r\n        justify-content: flex-start;\r\n        gap: 12px;\r\n    }\r\n}\r\n\r\n@media (max-width: 650px) {\r\n    .ikm-chart-container {\r\n        padding: 20px 14px;\r\n    }\r\n    .ikm-chart-header {\r\n        flex-direction: column;\r\n        align-items: flex-start;\r\n    }\r\n    .ikm-chart-wrapper {\r\n        height: 270px;\r\n        padding: 15px 8px 10px 8px;\r\n    }\r\n    .ikm-chart-score {\r\n        font-size: 13px;\r\n    }\r\n    .ikm-chart-aspek-name {\r\n        font-size: 10.5px;\r\n    }\r\n    .ikm-chart-respondent-badge {\r\n        font-size: 8.5px;\r\n        padding: 2px 6px;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<div class=\"ikm-chart-container\">\r\n\r\n    <!-- HEADER GRAFIK -->\r\n    <div class=\"ikm-chart-header\">\r\n        <div class=\"ikm-chart-title-box\">\r\n            <h2><i class=\"fa-solid fa-chart-column\"><\/i> Evaluasi IKM Tiap Kriteria Kinerja Dosen<\/h2>\r\n            <p>Grafik Vertikal Nilai Indeks Kepuasan &amp; Total Responden (N = 68)<\/p>\r\n        <\/div>\r\n        <div class=\"ikm-chart-badge-top\">\r\n            <i class=\"fa-solid fa-users\"><\/i> Skala Maksimal: 4.00\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- AREA BATANG VERTIKAL (Skala 4.00) -->\r\n    <div class=\"ikm-chart-wrapper\">\r\n\r\n        <!-- 1. KEANDALAN 1: 3.66 (91.50%) -->\r\n        <div class=\"ikm-chart-bar-item\">\r\n            <div class=\"ikm-chart-score-box\">\r\n                <span class=\"ikm-chart-score score-counter-68\" data-target=\"3.66\">0.00<\/span>\r\n                <span class=\"ikm-chart-score-max\">\/4.0<\/span>\r\n            <\/div>\r\n            <div class=\"ikm-chart-track\">\r\n                <div class=\"ikm-chart-fill\" data-progress=\"91.50%\"><\/div>\r\n            <\/div>\r\n            <div class=\"ikm-chart-label-group\">\r\n                <span class=\"ikm-chart-aspek-name\">Keandalan 1<\/span>\r\n                <span class=\"ikm-chart-respondent-badge\"><i class=\"fa-solid fa-user-check\"><\/i> 68 Resp.<\/span>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- 2. KEANDALAN 2: 3.43 (85.75%) -->\r\n        <div class=\"ikm-chart-bar-item\">\r\n            <div class=\"ikm-chart-score-box\">\r\n                <span class=\"ikm-chart-score score-counter-68\" data-target=\"3.43\">0.00<\/span>\r\n                <span class=\"ikm-chart-score-max\">\/4.0<\/span>\r\n            <\/div>\r\n            <div class=\"ikm-chart-track\">\r\n                <div class=\"ikm-chart-fill\" data-progress=\"85.75%\"><\/div>\r\n            <\/div>\r\n            <div class=\"ikm-chart-label-group\">\r\n                <span class=\"ikm-chart-aspek-name\">Keandalan 2<\/span>\r\n                <span class=\"ikm-chart-respondent-badge\"><i class=\"fa-solid fa-user-check\"><\/i> 68 Resp.<\/span>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- 3. DAYA TANGGAP: 3.54 (88.50%) -->\r\n        <div class=\"ikm-chart-bar-item\">\r\n            <div class=\"ikm-chart-score-box\">\r\n                <span class=\"ikm-chart-score score-counter-68\" data-target=\"3.54\">0.00<\/span>\r\n                <span class=\"ikm-chart-score-max\">\/4.0<\/span>\r\n            <\/div>\r\n            <div class=\"ikm-chart-track\">\r\n                <div class=\"ikm-chart-fill\" data-progress=\"88.50%\"><\/div>\r\n            <\/div>\r\n            <div class=\"ikm-chart-label-group\">\r\n                <span class=\"ikm-chart-aspek-name\">Daya Tanggap<\/span>\r\n                <span class=\"ikm-chart-respondent-badge\"><i class=\"fa-solid fa-user-check\"><\/i> 68 Resp.<\/span>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- 4. KEPASTIAN: 3.54 (88.50%) -->\r\n        <div class=\"ikm-chart-bar-item\">\r\n            <div class=\"ikm-chart-score-box\">\r\n                <span class=\"ikm-chart-score score-counter-68\" data-target=\"3.54\">0.00<\/span>\r\n                <span class=\"ikm-chart-score-max\">\/4.0<\/span>\r\n            <\/div>\r\n            <div class=\"ikm-chart-track\">\r\n                <div class=\"ikm-chart-fill\" data-progress=\"88.50%\"><\/div>\r\n            <\/div>\r\n            <div class=\"ikm-chart-label-group\">\r\n                <span class=\"ikm-chart-aspek-name\">Kepastian<\/span>\r\n                <span class=\"ikm-chart-respondent-badge\"><i class=\"fa-solid fa-user-check\"><\/i> 68 Resp.<\/span>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- 5. TRANSPARANSI: 3.65 (91.25%) -->\r\n        <div class=\"ikm-chart-bar-item\">\r\n            <div class=\"ikm-chart-score-box\">\r\n                <span class=\"ikm-chart-score score-counter-68\" data-target=\"3.65\">0.00<\/span>\r\n                <span class=\"ikm-chart-score-max\">\/4.0<\/span>\r\n            <\/div>\r\n            <div class=\"ikm-chart-track\">\r\n                <div class=\"ikm-chart-fill\" data-progress=\"91.25%\"><\/div>\r\n            <\/div>\r\n            <div class=\"ikm-chart-label-group\">\r\n                <span class=\"ikm-chart-aspek-name\">Transparansi<\/span>\r\n                <span class=\"ikm-chart-respondent-badge\"><i class=\"fa-solid fa-user-check\"><\/i> 68 Resp.<\/span>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- 6. EMPATI: 3.56 (89.00%) -->\r\n        <div class=\"ikm-chart-bar-item\">\r\n            <div class=\"ikm-chart-score-box\">\r\n                <span class=\"ikm-chart-score score-counter-68\" data-target=\"3.56\">0.00<\/span>\r\n                <span class=\"ikm-chart-score-max\">\/4.0<\/span>\r\n            <\/div>\r\n            <div class=\"ikm-chart-track\">\r\n                <div class=\"ikm-chart-fill\" data-progress=\"89.00%\"><\/div>\r\n            <\/div>\r\n            <div class=\"ikm-chart-label-group\">\r\n                <span class=\"ikm-chart-aspek-name\">Empati<\/span>\r\n                <span class=\"ikm-chart-respondent-badge\"><i class=\"fa-solid fa-user-check\"><\/i> 68 Resp.<\/span>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- 7. ULUL ALBAB: 3.47 (86.75%) -->\r\n        <div class=\"ikm-chart-bar-item\">\r\n            <div class=\"ikm-chart-score-box\">\r\n                <span class=\"ikm-chart-score score-counter-68\" data-target=\"3.47\">0.00<\/span>\r\n                <span class=\"ikm-chart-score-max\">\/4.0<\/span>\r\n            <\/div>\r\n            <div class=\"ikm-chart-track\">\r\n                <div class=\"ikm-chart-fill\" data-progress=\"86.75%\"><\/div>\r\n            <\/div>\r\n            <div class=\"ikm-chart-label-group\">\r\n                <span class=\"ikm-chart-aspek-name\">Ulul Albab<\/span>\r\n                <span class=\"ikm-chart-respondent-badge\"><i class=\"fa-solid fa-user-check\"><\/i> 68 Resp.<\/span>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- 8. MODERASI BERAGAMA: 3.57 (89.25%) -->\r\n        <div class=\"ikm-chart-bar-item\">\r\n            <div class=\"ikm-chart-score-box\">\r\n                <span class=\"ikm-chart-score score-counter-68\" data-target=\"3.57\">0.00<\/span>\r\n                <span class=\"ikm-chart-score-max\">\/4.0<\/span>\r\n            <\/div>\r\n            <div class=\"ikm-chart-track\">\r\n                <div class=\"ikm-chart-fill\" data-progress=\"89.25%\"><\/div>\r\n            <\/div>\r\n            <div class=\"ikm-chart-label-group\">\r\n                <span class=\"ikm-chart-aspek-name\">Moderasi Beragama<\/span>\r\n                <span class=\"ikm-chart-respondent-badge\"><i class=\"fa-solid fa-user-check\"><\/i> 68 Resp.<\/span>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- 9. TOTAL RERATA: 3.55 (88.75%) -->\r\n        <div class=\"ikm-chart-bar-item avg-item\">\r\n            <div class=\"ikm-chart-score-box\">\r\n                <span class=\"ikm-chart-score score-counter-68\" data-target=\"3.55\" style=\"color: #9a3412;\">0.00<\/span>\r\n                <span class=\"ikm-chart-score-max\">\/4.0<\/span>\r\n            <\/div>\r\n            <div class=\"ikm-chart-track\">\r\n                <div class=\"ikm-chart-fill\" data-progress=\"88.75%\"><\/div>\r\n            <\/div>\r\n            <div class=\"ikm-chart-label-group\">\r\n                <span class=\"ikm-chart-aspek-name\" style=\"color: #9a3412;\">Total Rerata<\/span>\r\n                <span class=\"ikm-chart-respondent-badge\"><i class=\"fa-solid fa-star\"><\/i> 68 Resp.<\/span>\r\n            <\/div>\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/div>\r\n\r\n<!-- JAVASCRIPT ANIMASI VERTIKAL DARI NILAI 0 -->\r\n<script>\r\n(function() {\r\n    function initIkmChart68Animation() {\r\n        const duration = 1800; \/\/ Durasi animasi 1.8 detik\r\n\r\n        \/\/ 1. Animasi Batang Vertikal Naik dari 0%\r\n        const bars = document.querySelectorAll('.ikm-chart-fill');\r\n        bars.forEach(bar => {\r\n            const targetHeight = bar.getAttribute('data-progress');\r\n            setTimeout(() => {\r\n                bar.style.height = targetHeight;\r\n            }, 100);\r\n        });\r\n\r\n        \/\/ 2. Animasi Angka Bergerak dari 0.00 ke Target\r\n        const counters = document.querySelectorAll('.score-counter-68');\r\n        counters.forEach(counter => {\r\n            const target = parseFloat(counter.getAttribute('data-target'));\r\n            let startTime = null;\r\n\r\n            function animateCount(timestamp) {\r\n                if (!startTime) startTime = timestamp;\r\n                const elapsed = timestamp - startTime;\r\n                const progress = Math.min(elapsed \/ duration, 1);\r\n                \r\n                \/\/ Kurva percepatan easeOutQuad\r\n                const easeProgress = progress * (2 - progress);\r\n                const currentVal = (easeProgress * target).toFixed(2);\r\n                \r\n                counter.textContent = currentVal;\r\n\r\n                if (progress < 1) {\r\n                    window.requestAnimationFrame(animateCount);\r\n                } else {\r\n                    counter.textContent = target.toFixed(2);\r\n                }\r\n            }\r\n\r\n            window.requestAnimationFrame(animateCount);\r\n        });\r\n    }\r\n\r\n    if (document.readyState === 'loading') {\r\n        document.addEventListener('DOMContentLoaded', initIkmChart68Animation);\r\n    } else {\r\n        initIkmChart68Animation();\r\n    }\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div role=\"region tabpanel\" aria-labelledby=\"e-n-accordion-item-8126 e-n-tab-title-137079733\" id=\"e-n-tab-content-137079733\" data-tab-index=\"3\" style=\"--n-tabs-title-order: 3;\" class=\"elementor-element elementor-element-9144990 e-flex e-con-boxed e-con e-child\" data-id=\"9144990\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4b00a27 elementor-widget elementor-widget-html\" data-id=\"4b00a27\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- Load Font Awesome 6 & Google Fonts -->\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@600;700;800;900&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n.rtl-quality-container {\r\n    width: 100%;\r\n    max-width: 980px;\r\n    margin: 30px auto;\r\n    background: #ffffff;\r\n    border-radius: 22px;\r\n    padding: 35px 30px;\r\n    box-shadow: 0 12px 35px rgba(249, 115, 22, 0.1);\r\n    border: 1.5px solid #ffedd5;\r\n    box-sizing: border-box;\r\n    font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\r\n}\r\n\r\n.rtl-quality-container * {\r\n    box-sizing: border-box;\r\n}\r\n\r\n\/* HEADER *\/\r\n.rtl-quality-header {\r\n    border-bottom: 2px solid #fed7aa;\r\n    padding-bottom: 20px;\r\n    margin-bottom: 28px;\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    flex-wrap: wrap;\r\n    gap: 15px;\r\n}\r\n\r\n.rtl-quality-title-box h2 {\r\n    font-size: 21px;\r\n    font-weight: 900;\r\n    color: #1e293b;\r\n    margin: 0;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n}\r\n\r\n.rtl-quality-title-box h2 i {\r\n    color: #ea580c;\r\n}\r\n\r\n.rtl-quality-title-box p {\r\n    font-size: 13px;\r\n    font-weight: 600;\r\n    color: #78350f;\r\n    margin: 5px 0 0 0;\r\n}\r\n\r\n.rtl-quality-badge {\r\n    background: linear-gradient(135deg, #f97316 0%, #d97706 50%, #b45309 100%);\r\n    color: #ffffff;\r\n    padding: 8px 18px;\r\n    border-radius: 30px;\r\n    font-size: 12.5px;\r\n    font-weight: 800;\r\n    letter-spacing: 0.5px;\r\n    box-shadow: 0 4px 14px rgba(234, 88, 12, 0.3);\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 6px;\r\n}\r\n\r\n\/* GRID RTL *\/\r\n.rtl-quality-grid {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 18px;\r\n}\r\n\r\n\/* KARTU ITEM *\/\r\n.rtl-quality-card {\r\n    background: #fffaf5;\r\n    border: 1px solid #ffedd5;\r\n    border-radius: 16px;\r\n    padding: 22px;\r\n    display: flex;\r\n    gap: 20px;\r\n    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n    position: relative;\r\n    overflow: hidden;\r\n}\r\n\r\n.rtl-quality-card::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 5px;\r\n    height: 100%;\r\n    background: linear-gradient(180deg, #f97316 0%, #f59e0b 100%);\r\n}\r\n\r\n.rtl-quality-card:hover {\r\n    transform: translateY(-3px);\r\n    background: #ffffff;\r\n    border-color: #fdba74;\r\n    box-shadow: 0 10px 24px rgba(249, 115, 22, 0.12);\r\n}\r\n\r\n\/* ICON BADGE *\/\r\n.rtl-quality-icon-box {\r\n    width: 52px;\r\n    height: 52px;\r\n    border-radius: 14px;\r\n    background: linear-gradient(135deg, #fff7ed 0%, #ffedd5 100%);\r\n    border: 1.5px solid #fed7aa;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    font-size: 22px;\r\n    color: #ea580c;\r\n    flex-shrink: 0;\r\n    box-shadow: 0 4px 10px rgba(234, 88, 12, 0.1);\r\n}\r\n\r\n\/* CONTENT *\/\r\n.rtl-quality-content {\r\n    flex: 1;\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 6px;\r\n}\r\n\r\n.rtl-quality-category {\r\n    font-size: 11px;\r\n    font-weight: 800;\r\n    text-transform: uppercase;\r\n    letter-spacing: 1px;\r\n    color: #ea580c;\r\n}\r\n\r\n.rtl-quality-heading {\r\n    font-size: 16px;\r\n    font-weight: 800;\r\n    color: #1e293b;\r\n    margin: 0;\r\n}\r\n\r\n.rtl-quality-desc {\r\n    font-size: 13.5px;\r\n    font-weight: 600;\r\n    color: #475569;\r\n    line-height: 1.6;\r\n    margin: 0;\r\n}\r\n\r\n.rtl-quality-desc strong {\r\n    color: #9a3412;\r\n}\r\n\r\n\/* RESPONSIVE *\/\r\n@media (max-width: 768px) {\r\n    .rtl-quality-container {\r\n        padding: 24px 18px;\r\n    }\r\n    .rtl-quality-header {\r\n        flex-direction: column;\r\n        align-items: flex-start;\r\n    }\r\n    .rtl-quality-card {\r\n        flex-direction: column;\r\n        gap: 14px;\r\n        padding: 18px;\r\n    }\r\n    .rtl-quality-icon-box {\r\n        width: 44px;\r\n        height: 44px;\r\n        font-size: 18px;\r\n    }\r\n    .rtl-quality-heading {\r\n        font-size: 15px;\r\n    }\r\n    .rtl-quality-desc {\r\n        font-size: 12.5px;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<div class=\"rtl-quality-container\">\r\n\r\n    <!-- HEADER -->\r\n    <div class=\"rtl-quality-header\">\r\n        <div class=\"rtl-quality-title-box\">\r\n            <h2><i class=\"fa-solid fa-chart-line\"><\/i> Rencana Tindak Lanjut (RTL) Penjaminan Mutu<\/h2>\r\n            <p>Akselerasi Indeks Kepuasan &amp; Penguatan Tata Kelola Evaluasi Pembelajaran &bull; Program Studi Teknik Sipil<\/p>\r\n        <\/div>\r\n        <div class=\"rtl-quality-badge\">\r\n            <i class=\"fa-solid fa-award\"><\/i> Quality Assurance &amp; Governance\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- GRID PROGRAM TINDAK LANJUT -->\r\n    <div class=\"rtl-quality-grid\">\r\n\r\n        <!-- 1. REVITALISASI & ESKALASI CAPAIAN IKM -->\r\n        <div class=\"rtl-quality-card\">\r\n            <div class=\"rtl-quality-icon-box\">\r\n                <i class=\"fa-solid fa-arrow-trend-up\"><\/i>\r\n            <\/div>\r\n            <div class=\"rtl-quality-content\">\r\n                <span class=\"rtl-quality-category\">Pilar 01 &bull; Eskalasi Kinerja Instruksional<\/span>\r\n                <h3 class=\"rtl-quality-heading\">Revitalisasi &amp; Penguatan Mutu Pembelajaran Menuju Standar Unggul<\/h3>\r\n                <p class=\"rtl-quality-desc\">\r\n                    Melakukan <strong>reorientasi strategi pedagogik dan pengayaan interaksi kelas<\/strong> guna mengakselerasi peningkatan Indeks Kepuasan Mahasiswa (IKM) pada semester mendatang, mengoptimalkan rerata indeks 3.55 menjadi trajektori capaian mutu yang lebih progresif dan berkelanjutan.\r\n                <\/p>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- 2. SINERGI KOLABORATIF MULTI-STAKEHOLDER -->\r\n        <div class=\"rtl-quality-card\">\r\n            <div class=\"rtl-quality-icon-box\">\r\n                <i class=\"fa-solid fa-handshake-angle\"><\/i>\r\n            <\/div>\r\n            <div class=\"rtl-quality-content\">\r\n                <span class=\"rtl-quality-category\">Pilar 02 &bull; Sinergi Kelembagaan<\/span>\r\n                <h3 class=\"rtl-quality-heading\">Penguatan Kolaborasi Lintas Elemen Civitas Akademika<\/h3>\r\n                <p class=\"rtl-quality-desc\">\r\n                    Membangun <strong>kemitraan strategis antara Unit Penjaminan Mutu (UPM), Pengelola Program Studi, Dosen, Tendik, serta Himpunan Mahasiswa<\/strong> guna menumbuhkan kesadaran kolektif (*shared responsibility*) dalam menyukseskan agenda evaluasi mutu akademik.\r\n                <\/p>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- 3. DIVERSIFIKASI KANAL DISEMINASI DIGITAL -->\r\n        <div class=\"rtl-quality-card\">\r\n            <div class=\"rtl-quality-icon-box\">\r\n                <i class=\"fa-solid fa-share-nodes\"><\/i>\r\n            <\/div>\r\n            <div class=\"rtl-quality-content\">\r\n                <span class=\"rtl-quality-category\">Pilar 03 &bull; Aksesibilitas Informasi<\/span>\r\n                <h3 class=\"rtl-quality-heading\">Diversifikasi Kanal Diseminasi &amp; Optimalisasi Media Digital<\/h3>\r\n                <p class=\"rtl-quality-desc\">\r\n                    Memperluas <strong>penetrasi jangkauan instrumen survei melalui integrasi portal resmi web program studi, kanal media sosial, dan jejaring komunikasi angkatan<\/strong> guna menjamin aksesibilitas pengisian yang cepat, mudah, dan inklusif.\r\n                <\/p>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- 4. MONITORING PERIODIK & AKUNTABILITAS TATA KELOLA -->\r\n        <div class=\"rtl-quality-card\">\r\n            <div class=\"rtl-quality-icon-box\">\r\n                <i class=\"fa-solid fa-clock-rotate-left\"><\/i>\r\n            <\/div>\r\n            <div class=\"rtl-quality-content\">\r\n                <span class=\"rtl-quality-category\">Pilar 04 &bull; Tata Kelola Real-Time<\/span>\r\n                <h3 class=\"rtl-quality-heading\">Pelaporan Real-Time &amp; Pemantauan Keterwakilan Responden<\/h3>\r\n                <p class=\"rtl-quality-desc\">\r\n                    Menerapkan <strong>skema pelaporan periodik progres keterisian data dari UPM kepada Ketua Program Studi secara berkala<\/strong> selama masa evaluasi aktif, guna memastikan terpenuhinya target sampel responden yang representatif dan berintegritas tinggi.\r\n                <\/p>\r\n            <\/div>\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/div>\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\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\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\t<\/details>\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-8127\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"8\" tabindex=\"-1\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-8127\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> Laporan Survey Mitra Kerjasama 2024 <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-minus\" viewbox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span>\n\t\t\t<span class='e-closed'><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-plus\" viewbox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-8127\" class=\"elementor-element elementor-element-eb22c35 e-flex e-con-boxed e-con e-child\" data-id=\"eb22c35\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2a172ff e-n-tabs-mobile elementor-widget elementor-widget-n-tabs\" data-id=\"2a172ff\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;horizontal_scroll&quot;:&quot;disable&quot;}\" data-widget_type=\"nested-tabs.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"e-n-tabs\" data-widget-number=\"44135167\" aria-label=\"\u0412\u043a\u043b\u0430\u0434\u043a\u0438. \u041e\u0442\u043a\u0440\u044b\u0432\u0430\u0439\u0442\u0435 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u044b \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e \u043a\u043b\u0430\u0432\u0438\u0448 Enter \u0438\u043b\u0438 Space, \u0437\u0430\u043a\u0440\u044b\u0432\u0430\u0439\u0442\u0435 \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e Escape \u0438 \u043f\u0435\u0440\u0435\u043c\u0435\u0449\u0430\u0439\u0442\u0435\u0441\u044c \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e \u043a\u043b\u0430\u0432\u0438\u0448 \u0441\u043e \u0441\u0442\u0440\u0435\u043b\u043a\u0430\u043c\u0438.\">\n\t\t\t<div class=\"e-n-tabs-heading\" role=\"tablist\">\n\t\t\t\t\t<button id=\"e-n-tab-title-441351671\" data-tab-title-id=\"e-n-tab-title-441351671\" class=\"e-n-tab-title\" aria-selected=\"true\" data-tab-index=\"1\" role=\"tab\" tabindex=\"0\" aria-controls=\"e-n-tab-content-441351671\" style=\"--n-tabs-title-order: 1;\">\n\t\t\t\t\t\t<span class=\"e-n-tab-title-text\">\n\t\t\t\tPertanyaan Survei\t\t\t<\/span>\n\t\t<\/button>\n\t\t\t\t<button id=\"e-n-tab-title-441351672\" data-tab-title-id=\"e-n-tab-title-441351672\" class=\"e-n-tab-title\" aria-selected=\"false\" data-tab-index=\"2\" role=\"tab\" tabindex=\"-1\" aria-controls=\"e-n-tab-content-441351672\" style=\"--n-tabs-title-order: 2;\">\n\t\t\t\t\t\t<span class=\"e-n-tab-title-text\">\n\t\t\t\tHasil Indek kinerja per Aspek Penilaian\t\t\t<\/span>\n\t\t<\/button>\n\t\t\t\t<button id=\"e-n-tab-title-441351673\" data-tab-title-id=\"e-n-tab-title-441351673\" class=\"e-n-tab-title\" aria-selected=\"false\" data-tab-index=\"3\" role=\"tab\" tabindex=\"-1\" aria-controls=\"e-n-tab-content-441351673\" style=\"--n-tabs-title-order: 3;\">\n\t\t\t\t\t\t<span class=\"e-n-tab-title-text\">\n\t\t\t\tPertumbuhan Kepuasan Mitra Kerjasama\t\t\t<\/span>\n\t\t<\/button>\n\t\t\t\t<button id=\"e-n-tab-title-441351674\" data-tab-title-id=\"e-n-tab-title-441351674\" class=\"e-n-tab-title\" aria-selected=\"false\" data-tab-index=\"4\" role=\"tab\" tabindex=\"-1\" aria-controls=\"e-n-tab-content-441351674\" style=\"--n-tabs-title-order: 4;\">\n\t\t\t\t\t\t<span class=\"e-n-tab-title-text\">\n\t\t\t\tRencana Tindak Lanjut\t\t\t<\/span>\n\t\t<\/button>\n\t\t\t\t\t<\/div>\n\t\t\t<div class=\"e-n-tabs-content\">\n\t\t\t\t<div role=\"region tabpanel\" aria-labelledby=\"e-n-accordion-item-8127 e-n-tab-title-441351671\" id=\"e-n-tab-content-441351671\" data-tab-index=\"1\" style=\"--n-tabs-title-order: 1;\" class=\"e-active elementor-element elementor-element-ef5ddc2 e-con-full e-flex e-con e-child\" data-id=\"ef5ddc2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c73ef51 elementor-widget elementor-widget-html\" data-id=\"c73ef51\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- Load Font Awesome 6 & Google Fonts -->\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@600;700;800;900&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n\/* CONTAINER UTAMA *\/\r\n.survey-kbm-container {\r\n    width: 100%;\r\n    max-width: 1080px;\r\n    margin: 30px auto;\r\n    background: #ffffff;\r\n    border-radius: 22px;\r\n    padding: 34px 28px;\r\n    box-shadow: 0 12px 35px rgba(249, 115, 22, 0.1);\r\n    border: 1.5px solid #ffedd5;\r\n    box-sizing: border-box;\r\n    font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\r\n}\r\n\r\n.survey-kbm-container * {\r\n    box-sizing: border-box;\r\n}\r\n\r\n\/* HEADER MENU *\/\r\n.survey-kbm-header {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    border-bottom: 2px solid #fed7aa;\r\n    padding-bottom: 20px;\r\n    margin-bottom: 28px;\r\n    flex-wrap: wrap;\r\n    gap: 14px;\r\n}\r\n\r\n.survey-kbm-title h2 {\r\n    font-size: 21px;\r\n    font-weight: 900;\r\n    color: #1e293b;\r\n    margin: 0;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n}\r\n\r\n.survey-kbm-title h2 i {\r\n    color: #ea580c;\r\n}\r\n\r\n.survey-kbm-title p {\r\n    font-size: 13.5px;\r\n    font-weight: 600;\r\n    color: #78350f;\r\n    margin: 5px 0 0 0;\r\n}\r\n\r\n.survey-kbm-badge {\r\n    background: linear-gradient(135deg, #f97316 0%, #d97706 50%, #b45309 100%);\r\n    color: #ffffff;\r\n    padding: 8px 18px;\r\n    border-radius: 30px;\r\n    font-size: 12.5px;\r\n    font-weight: 800;\r\n    letter-spacing: 0.5px;\r\n    box-shadow: 0 4px 14px rgba(234, 88, 12, 0.3);\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 6px;\r\n}\r\n\r\n\/* TABEL RESPONSIVE CONTAINER *\/\r\n.table-responsive-box {\r\n    width: 100%;\r\n    overflow-x: auto;\r\n    border-radius: 16px;\r\n    border: 1px solid #fed7aa;\r\n    background: #ffffff;\r\n    box-shadow: 0 4px 16px rgba(255, 145, 77, 0.05);\r\n}\r\n\r\n\/* TABEL UTAMA *\/\r\n.survey-custom-table {\r\n    width: 100%;\r\n    border-collapse: collapse;\r\n    text-align: left;\r\n    min-width: 780px; \/* Sedikit lebih lebar untuk teks yang lebih panjang *\/\r\n}\r\n\r\n\/* HEADER TABEL *\/\r\n.survey-custom-table thead tr {\r\n    background: linear-gradient(135deg, #f97316 0%, #ea580c 50%, #d97706 100%);\r\n    color: #ffffff;\r\n}\r\n\r\n.survey-custom-table th {\r\n    padding: 16px 20px;\r\n    font-size: 13.5px;\r\n    font-weight: 800;\r\n    text-transform: uppercase;\r\n    letter-spacing: 0.8px;\r\n    border: none;\r\n}\r\n\r\n.survey-custom-table th:first-child {\r\n    border-top-left-radius: 14px;\r\n    text-align: center;\r\n}\r\n\r\n.survey-custom-table th:last-child {\r\n    border-top-right-radius: 14px;\r\n}\r\n\r\n\/* BODY TABEL & ANIMASI ROW *\/\r\n.survey-custom-table tbody tr {\r\n    border-bottom: 1px solid #fed7aa;\r\n    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n    background: #ffffff;\r\n}\r\n\r\n.survey-custom-table tbody tr:last-child {\r\n    border-bottom: none;\r\n}\r\n\r\n\/* Efek hover dinonaktifkan untuk baris yang menggunakan rowspan agar tidak janggal *\/\r\n\/* .survey-custom-table tbody tr:hover {\r\n    background: #fff7ed;\r\n    transform: translateX(6px);\r\n} *\/\r\n\r\n.survey-custom-table td {\r\n    padding: 16px 20px;\r\n    vertical-align: middle;\r\n    font-size: 13.5px;\r\n    font-weight: 600;\r\n    color: #334155;\r\n    line-height: 1.6;\r\n}\r\n\r\n\/* BADGE NOMOR BULAT *\/\r\n.row-number {\r\n    width: 34px;\r\n    height: 34px;\r\n    border-radius: 50%;\r\n    background: linear-gradient(135deg, #ffedd5 0%, #fed7aa 100%);\r\n    color: #c2410c;\r\n    font-size: 13.5px;\r\n    font-weight: 900;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    box-shadow: 0 2px 6px rgba(234, 88, 12, 0.15);\r\n    margin: 0 auto;\r\n}\r\n\r\n\/* Sel Kategori dan Nomor memiliki latar belakang halus *\/\r\n.survey-custom-table td:nth-child(1),\r\n.survey-custom-table td:nth-child(2) {\r\n    background-color: #fffdfa;\r\n}\r\n\r\n\/* BADGE KATEGORI \/ ASPEK (Teks miring sesuai gambar) *\/\r\n.kategori-badge {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    background: #fff7ed;\r\n    border: 1px solid #fed7aa;\r\n    padding: 8px 16px;\r\n    border-radius: 10px;\r\n    font-size: 13px;\r\n    font-weight: 700;\r\n    color: #9a3412;\r\n    font-style: italic; \/* Teks miring sesuai gambar *\/\r\n    box-shadow: 0 2px 6px rgba(249, 115, 22, 0.05);\r\n    \/* white-space: nowrap; Hapus ini agar teks panjang bisa wrap *\/\r\n    max-width: 250px;\r\n    line-height: 1.4;\r\n}\r\n\r\n.kategori-badge i {\r\n    color: #ea580c;\r\n    font-size: 14px;\r\n    font-style: normal; \/* Icon tidak ikut miring *\/\r\n}\r\n\r\n\/* PERTANYAAN (List item bulat) *\/\r\n.question-item {\r\n    display: flex;\r\n    align-items: flex-start;\r\n    gap: 12px;\r\n}\r\n\r\n.q-bullet {\r\n    width: 26px;\r\n    height: 26px;\r\n    border-radius: 50%;\r\n    background-color: #ffedd5;\r\n    color: #ea580c;\r\n    font-size: 12.5px;\r\n    font-weight: 800;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    flex-shrink: 0;\r\n    margin-top: 2px;\r\n    border: 1px solid #fed7aa;\r\n}\r\n\r\n.q-text {\r\n    flex: 1;\r\n    color: #1e293b;\r\n    font-weight: 500;\r\n}\r\n\r\n\/* RESPONSIVE *\/\r\n@media (max-width: 768px) {\r\n    .survey-kbm-container {\r\n        padding: 22px 16px;\r\n    }\r\n    .survey-kbm-header {\r\n        flex-direction: column;\r\n        align-items: flex-start;\r\n    }\r\n    .kategori-badge {\r\n        max-width: 100%;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<div class=\"survey-kbm-container\">\r\n\r\n    <!-- HEADER MENU -->\r\n    <div class=\"survey-kbm-header\">\r\n        <div class=\"survey-kbm-title\">\r\n            <h2><i class=\"fa-solid fa-handshake\"><\/i> Tabel 3.1. Daftar Pertanyaan Survei Kepuasan Mitra<\/h2>\r\n            <p>Instrumen Evaluasi Kerjasama &amp; Manajemen Hubungan dengan Mitra Strategis<\/p>\r\n        <\/div>\r\n        <div class=\"survey-kbm-badge\">\r\n            <i class=\"fa-solid fa-clipboard-question\"><\/i> 8 Butir Pertanyaan\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- TABEL MENU PERTANYAAN -->\r\n    <div class=\"table-responsive-box\">\r\n        <table class=\"survey-custom-table\">\r\n            <thead>\r\n                <tr>\r\n                    <th style=\"width: 8%; text-align: center;\">No<\/th>\r\n                    <th style=\"width: 30%;\">Kategori<\/th>\r\n                    <th style=\"width: 62%;\">Pertanyaan<\/th>\r\n                <\/tr>\r\n            <\/thead>\r\n            <tbody>\r\n                <!-- 1. PARTNERSHIP -->\r\n                <tr>\r\n                    <td style=\"text-align: center;\">\r\n                        <span class=\"row-number\">1<\/span>\r\n                    <\/td>\r\n                    <td>\r\n                        <div class=\"kategori-badge\">\r\n                            <i class=\"fa-solid fa-briefcase\"><\/i>\r\n                            <span>Partnership<\/span>\r\n                        <\/div>\r\n                    <\/td>\r\n                    <td>\r\n                        <div class=\"question-item\">\r\n                            <div class=\"q-bullet\">1<\/div>\r\n                            <div class=\"q-text\">Staff\/Bagian Kerjasama Program Studi memberikan kebutuhan kerjasama dengan tepat dan profesional<\/div>\r\n                        <\/div>\r\n                    <\/td>\r\n                <\/tr>\r\n\r\n                <!-- 2. RELATIONSHIP MANAGEMENT (Rowspan 2) -->\r\n                <tr>\r\n                    <td rowspan=\"2\" style=\"text-align: center;\">\r\n                        <span class=\"row-number\">2<\/span>\r\n                    <\/td>\r\n                    <td rowspan=\"2\">\r\n                        <div class=\"kategori-badge\">\r\n                            <i class=\"fa-solid fa-people-arrows\"><\/i>\r\n                            <span>Relationship Management<\/span>\r\n                        <\/div>\r\n                    <\/td>\r\n                    <td>\r\n                        <div class=\"question-item\">\r\n                            <div class=\"q-bullet\">2<\/div>\r\n                            <div class=\"q-text\">Kerjasama yang terjalin sesuai dengan harapan mitra<\/div>\r\n                        <\/div>\r\n                    <\/td>\r\n                <\/tr>\r\n                <tr>\r\n                    <!-- Rowspan dari kolom No dan Kategori mengisi baris ini -->\r\n                    <td>\r\n                        <div class=\"question-item\">\r\n                            <div class=\"q-bullet\">3<\/div>\r\n                            <div class=\"q-text\">Mitra Kerjasama memperoleh kebermanfaatan dari kerjasama yang dijalin.<\/div>\r\n                        <\/div>\r\n                    <\/td>\r\n                <\/tr>\r\n\r\n                <!-- 3. COORDINATION\/ADMINISTRATION -->\r\n                <tr>\r\n                    <td style=\"text-align: center;\">\r\n                        <span class=\"row-number\">3<\/span>\r\n                    <\/td>\r\n                    <td>\r\n                        <div class=\"kategori-badge\">\r\n                            <i class=\"fa-solid fa-file-signature\"><\/i>\r\n                            <span>Coordination\/ Administration-Program Planning<\/span>\r\n                        <\/div>\r\n                    <\/td>\r\n                    <td>\r\n                        <div class=\"question-item\">\r\n                            <div class=\"q-bullet\">4<\/div>\r\n                            <div class=\"q-text\">Naskah MoU\/ MoA\/sejenisnya disusun dan ditulis dengan tepat dengan maksud, tujuan dan sasaran mitra<\/div>\r\n                        <\/div>\r\n                    <\/td>\r\n                <\/tr>\r\n\r\n                <!-- 4. PROGRAM MANAGEMENT (Rowspan 2) -->\r\n                <tr>\r\n                    <td rowspan=\"2\" style=\"text-align: center;\">\r\n                        <span class=\"row-number\">4<\/span>\r\n                    <\/td>\r\n                    <td rowspan=\"2\">\r\n                        <div class=\"kategori-badge\">\r\n                            <i class=\"fa-solid fa-tasks\"><\/i>\r\n                            <span>Program Management<\/span>\r\n                        <\/div>\r\n                    <\/td>\r\n                    <td>\r\n                        <div class=\"question-item\">\r\n                            <div class=\"q-bullet\">5<\/div>\r\n                            <div class=\"q-text\">Kerjasama telah diimplementasikan dalam bentuk kegiatan yang telah disepakati<\/div>\r\n                        <\/div>\r\n                    <\/td>\r\n                <\/tr>\r\n                <tr>\r\n                    <td>\r\n                        <div class=\"question-item\">\r\n                            <div class=\"q-bullet\">6<\/div>\r\n                            <div class=\"q-text\">Hasil akhir kerjasama selalu dilaporkan pada mitra (boleh dilewati jika kegiatan masih berlangsung\/belum selesai dilaksanakan)<\/div>\r\n                        <\/div>\r\n                    <\/td>\r\n                <\/tr>\r\n\r\n                <!-- 5. MONITORING -->\r\n                <tr>\r\n                    <td style=\"text-align: center;\">\r\n                        <span class=\"row-number\">5<\/span>\r\n                    <\/td>\r\n                    <td>\r\n                        <div class=\"kategori-badge\">\r\n                            <i class=\"fa-solid fa-chart-line\"><\/i>\r\n                            <span>Monitoring<\/span>\r\n                        <\/div>\r\n                    <\/td>\r\n                    <td>\r\n                        <div class=\"question-item\">\r\n                            <div class=\"q-bullet\">7<\/div>\r\n                            <div class=\"q-text\">Kerjasama yang terjalin selama ini menjadikan pihak mitra ingin kembali melaksanakan kerjasama serupa atau kerjasama lainnya dengan program studi<\/div>\r\n                        <\/div>\r\n                    <\/td>\r\n                <\/tr>\r\n\r\n                <!-- 6. AWARENESS IMPROVEMENT -->\r\n                <tr>\r\n                    <td style=\"text-align: center;\">\r\n                        <span class=\"row-number\">6<\/span>\r\n                    <\/td>\r\n                    <td>\r\n                        <div class=\"kategori-badge\">\r\n                            <i class=\"fa-solid fa-bullhorn\"><\/i>\r\n                            <span>Awareness Improvement-Communication<\/span>\r\n                        <\/div>\r\n                    <\/td>\r\n                    <td>\r\n                        <div class=\"question-item\">\r\n                            <div class=\"q-bullet\">8<\/div>\r\n                            <div class=\"q-text\">Prodi menerima saran\/ masukan dari mitra secara terbuka<\/div>\r\n                        <\/div>\r\n                    <\/td>\r\n                <\/tr>\r\n            <\/tbody>\r\n        <\/table>\r\n    <\/div>\r\n\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div role=\"region tabpanel\" aria-labelledby=\"e-n-accordion-item-8127 e-n-tab-title-441351672\" id=\"e-n-tab-content-441351672\" data-tab-index=\"2\" style=\"--n-tabs-title-order: 2;\" class=\"elementor-element elementor-element-4420030 e-con-full e-flex e-con e-child\" data-id=\"4420030\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-03ead09 elementor-widget elementor-widget-html\" data-id=\"03ead09\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- Load Font Awesome 6 & Google Fonts -->\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@600;700;800;900&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n.ikm-mitra-container {\r\n    width: 100%;\r\n    max-width: 1180px;\r\n    margin: 30px auto;\r\n    background: #ffffff;\r\n    border-radius: 22px;\r\n    padding: 34px 28px;\r\n    box-shadow: 0 12px 35px rgba(249, 115, 22, 0.1);\r\n    border: 1.5px solid #ffedd5;\r\n    box-sizing: border-box;\r\n    font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\r\n}\r\n\r\n.ikm-mitra-container * {\r\n    box-sizing: border-box;\r\n}\r\n\r\n\/* HEADER GRAFIK *\/\r\n.ikm-mitra-header {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    border-bottom: 2px solid #fed7aa;\r\n    padding-bottom: 18px;\r\n    margin-bottom: 28px;\r\n    flex-wrap: wrap;\r\n    gap: 12px;\r\n}\r\n\r\n.ikm-mitra-title-box h2 {\r\n    font-size: 20px;\r\n    font-weight: 800;\r\n    color: #1e293b;\r\n    margin: 0;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n}\r\n\r\n.ikm-mitra-title-box h2 i {\r\n    color: #ea580c;\r\n}\r\n\r\n.ikm-mitra-title-box p {\r\n    font-size: 13px;\r\n    font-weight: 600;\r\n    color: #78350f;\r\n    margin: 4px 0 0 0;\r\n}\r\n\r\n.ikm-mitra-badge-top {\r\n    background: linear-gradient(135deg, #f97316 0%, #d97706 50%, #b45309 100%);\r\n    color: #ffffff;\r\n    padding: 8px 18px;\r\n    border-radius: 30px;\r\n    font-size: 13px;\r\n    font-weight: 800;\r\n    box-shadow: 0 4px 14px rgba(234, 88, 12, 0.3);\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 6px;\r\n}\r\n\r\n\/* AREA GRAFIK BATANG VERTIKAL *\/\r\n.ikm-mitra-chart-wrapper {\r\n    display: flex;\r\n    align-items: flex-end;\r\n    justify-content: space-between;\r\n    min-height: 480px;\r\n    padding: 30px 12px 18px 12px;\r\n    border-bottom: 2px solid #fed7aa;\r\n    background: #fffaf5;\r\n    border-radius: 16px 16px 0 0;\r\n    gap: 8px;\r\n    position: relative;\r\n    overflow-x: auto;\r\n}\r\n\r\n\/* ITEM KOLOM BATANG *\/\r\n.ikm-mitra-bar-item {\r\n    flex: 1;\r\n    min-width: 105px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    height: 100%;\r\n    justify-content: flex-end;\r\n    gap: 8px;\r\n}\r\n\r\n\/* NILAI ANGKA INDEKS DI ATAS BATANG *\/\r\n.ikm-mitra-score-box {\r\n    text-align: center;\r\n    margin-bottom: 4px;\r\n}\r\n\r\n.ikm-mitra-score {\r\n    font-size: 15.5px;\r\n    font-weight: 900;\r\n    color: #c2410c;\r\n    line-height: 1;\r\n}\r\n\r\n.ikm-mitra-score-max {\r\n    font-size: 10px;\r\n    font-weight: 700;\r\n    color: #94a3b8;\r\n    display: block;\r\n    margin-top: 2px;\r\n}\r\n\r\n\/* BATANG TRACK & FILL *\/\r\n.ikm-mitra-track {\r\n    width: 100%;\r\n    max-width: 46px;\r\n    height: 200px;\r\n    display: flex;\r\n    align-items: flex-end;\r\n}\r\n\r\n.ikm-mitra-fill {\r\n    width: 100%;\r\n    height: 0%;\r\n    border-radius: 10px 10px 3px 3px;\r\n    background: linear-gradient(180deg, #ffd700 0%, #ff914d 50%, #ea580c 100%);\r\n    box-shadow: 0 4px 12px rgba(234, 88, 12, 0.3);\r\n    transition: height 1.8s cubic-bezier(0.2, 0.8, 0.2, 1);\r\n    cursor: pointer;\r\n    position: relative;\r\n}\r\n\r\n.ikm-mitra-bar-item.avg-item .ikm-mitra-fill {\r\n    background: linear-gradient(180deg, #fff275 0%, #f59e0b 40%, #b45309 100%);\r\n    box-shadow: 0 4px 16px rgba(217, 119, 6, 0.45);\r\n    border: 1.5px solid #ffffff;\r\n}\r\n\r\n.ikm-mitra-bar-item:hover .ikm-mitra-fill {\r\n    transform: scaleY(1.02);\r\n    box-shadow: 0 8px 22px rgba(234, 88, 12, 0.45);\r\n}\r\n\r\n\/* LABEL & KETERANGAN SUMBU X *\/\r\n.ikm-mitra-label-group {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    gap: 6px;\r\n    margin-top: 10px;\r\n    text-align: center;\r\n    width: 100%;\r\n}\r\n\r\n.ikm-mitra-badge-inst {\r\n    display: inline-block;\r\n    padding: 3px 7px;\r\n    border-radius: 6px;\r\n    background: #ffedd5;\r\n    color: #c2410c;\r\n    font-size: 10.5px;\r\n    font-weight: 800;\r\n}\r\n\r\n.ikm-mitra-aspek-name {\r\n    font-size: 11px;\r\n    font-weight: 700;\r\n    color: #1e293b;\r\n    line-height: 1.35;\r\n    min-height: 64px;\r\n    display: -webkit-box;\r\n    -webkit-line-clamp: 4;\r\n    -webkit-box-orient: vertical;\r\n    overflow: hidden;\r\n    text-overflow: ellipsis;\r\n    word-break: break-word;\r\n    padding: 0 2px;\r\n}\r\n\r\n.ikm-mitra-criteria-badge {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 4px;\r\n    background: #fff7ed;\r\n    color: #c2410c;\r\n    border: 1px solid #ffedd5;\r\n    padding: 3px 8px;\r\n    border-radius: 20px;\r\n    font-size: 9.5px;\r\n    font-weight: 800;\r\n    letter-spacing: 0.3px;\r\n    white-space: nowrap;\r\n}\r\n\r\n.ikm-mitra-bar-item.avg-item .ikm-mitra-criteria-badge {\r\n    background: #fef3c7;\r\n    color: #92400e;\r\n    border-color: #fcd34d;\r\n    box-shadow: 0 2px 6px rgba(217, 119, 6, 0.15);\r\n}\r\n\r\n\/* RESPONSIVE *\/\r\n@media (max-width: 900px) {\r\n    .ikm-mitra-chart-wrapper {\r\n        justify-content: flex-start;\r\n        gap: 12px;\r\n    }\r\n}\r\n\r\n@media (max-width: 650px) {\r\n    .ikm-mitra-container {\r\n        padding: 20px 14px;\r\n    }\r\n    .ikm-mitra-header {\r\n        flex-direction: column;\r\n        align-items: flex-start;\r\n    }\r\n    .ikm-mitra-chart-wrapper {\r\n        min-height: 420px;\r\n        padding: 15px 8px 10px 8px;\r\n    }\r\n    .ikm-mitra-track {\r\n        height: 160px;\r\n    }\r\n    .ikm-mitra-score {\r\n        font-size: 13px;\r\n    }\r\n    .ikm-mitra-aspek-name {\r\n        font-size: 10px;\r\n        min-height: 52px;\r\n    }\r\n    .ikm-mitra-criteria-badge {\r\n        font-size: 8.5px;\r\n        padding: 2px 6px;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<div class=\"ikm-mitra-container\">\r\n\r\n    <!-- HEADER GRAFIK -->\r\n    <div class=\"ikm-mitra-header\">\r\n        <div class=\"ikm-mitra-title-box\">\r\n            <h2><i class=\"fa-solid fa-chart-column\"><\/i> Tingkat Kepuasan Mitra Kerjasama<\/h2>\r\n            <p>Grafik Vertikal Indeks Kepuasan Berdasarkan Instrumen Evaluasi &bull; Program Studi Teknik Sipil<\/p>\r\n        <\/div>\r\n        <div class=\"ikm-mitra-badge-top\">\r\n            <i class=\"fa-solid fa-star\"><\/i> Skala Maksimal: 4.00\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- AREA BATANG VERTIKAL (Skala 4.00) -->\r\n    <div class=\"ikm-mitra-chart-wrapper\">\r\n\r\n        <!-- 1. INSTRUMEN 1: 3.77 (94.25%) -->\r\n        <div class=\"ikm-mitra-bar-item\" title=\"Staff\/Bagian Kerjasama Program Studi memberikan kebutuhan kerjasama dengan tepat dan profesional\">\r\n            <div class=\"ikm-mitra-score-box\">\r\n                <span class=\"ikm-mitra-score score-counter-mitra\" data-target=\"3.77\">0.00<\/span>\r\n                <span class=\"ikm-mitra-score-max\">\/4.0<\/span>\r\n            <\/div>\r\n            <div class=\"ikm-mitra-track\">\r\n                <div class=\"ikm-mitra-fill\" data-progress=\"94.25%\"><\/div>\r\n            <\/div>\r\n            <div class=\"ikm-mitra-label-group\">\r\n                <span class=\"ikm-mitra-badge-inst\">Inst. 1<\/span>\r\n                <span class=\"ikm-mitra-aspek-name\">Pelayanan Kebutuhan Kerjasama<\/span>\r\n                <span class=\"ikm-mitra-criteria-badge\"><i class=\"fa-solid fa-circle-check\"><\/i> Sangat Puas<\/span>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- 2. INSTRUMEN 2: 3.77 (94.25%) -->\r\n        <div class=\"ikm-mitra-bar-item\" title=\"Kerjasama yang terjalin sesuai dengan harapan mitra\">\r\n            <div class=\"ikm-mitra-score-box\">\r\n                <span class=\"ikm-mitra-score score-counter-mitra\" data-target=\"3.77\">0.00<\/span>\r\n                <span class=\"ikm-mitra-score-max\">\/4.0<\/span>\r\n            <\/div>\r\n            <div class=\"ikm-mitra-track\">\r\n                <div class=\"ikm-mitra-fill\" data-progress=\"94.25%\"><\/div>\r\n            <\/div>\r\n            <div class=\"ikm-mitra-label-group\">\r\n                <span class=\"ikm-mitra-badge-inst\">Inst. 2<\/span>\r\n                <span class=\"ikm-mitra-aspek-name\">Kesesuaian Harapan Mitra<\/span>\r\n                <span class=\"ikm-mitra-criteria-badge\"><i class=\"fa-solid fa-circle-check\"><\/i> Sangat Puas<\/span>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- 3. INSTRUMEN 3: 3.67 (91.75%) -->\r\n        <div class=\"ikm-mitra-bar-item\" title=\"Mitra Kerjasama memperoleh kebermanfaatan dari kerjasama yang dijalin\">\r\n            <div class=\"ikm-mitra-score-box\">\r\n                <span class=\"ikm-mitra-score score-counter-mitra\" data-target=\"3.67\">0.00<\/span>\r\n                <span class=\"ikm-mitra-score-max\">\/4.0<\/span>\r\n            <\/div>\r\n            <div class=\"ikm-mitra-track\">\r\n                <div class=\"ikm-mitra-fill\" data-progress=\"91.75%\"><\/div>\r\n            <\/div>\r\n            <div class=\"ikm-mitra-label-group\">\r\n                <span class=\"ikm-mitra-badge-inst\">Inst. 3<\/span>\r\n                <span class=\"ikm-mitra-aspek-name\">Kebermanfaatan Kerjasama<\/span>\r\n                <span class=\"ikm-mitra-criteria-badge\"><i class=\"fa-solid fa-circle-check\"><\/i> Sangat Puas<\/span>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- 4. INSTRUMEN 4: 3.72 (93.00%) -->\r\n        <div class=\"ikm-mitra-bar-item\" title=\"Naskah MoU\/ MoA\/sejenisnya disusun dan ditulis dengan tepat dengan maksud, tujuan dan sasaran mitra\">\r\n            <div class=\"ikm-mitra-score-box\">\r\n                <span class=\"ikm-mitra-score score-counter-mitra\" data-target=\"3.72\">0.00<\/span>\r\n                <span class=\"ikm-mitra-score-max\">\/4.0<\/span>\r\n            <\/div>\r\n            <div class=\"ikm-mitra-track\">\r\n                <div class=\"ikm-mitra-fill\" data-progress=\"93.00%\"><\/div>\r\n            <\/div>\r\n            <div class=\"ikm-mitra-label-group\">\r\n                <span class=\"ikm-mitra-badge-inst\">Inst. 4<\/span>\r\n                <span class=\"ikm-mitra-aspek-name\">Ketepatan Naskah MoU\/MoA<\/span>\r\n                <span class=\"ikm-mitra-criteria-badge\"><i class=\"fa-solid fa-circle-check\"><\/i> Sangat Puas<\/span>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- 5. INSTRUMEN 5: 3.69 (92.25%) -->\r\n        <div class=\"ikm-mitra-bar-item\" title=\"Kerjasama telah diimplementasikan dalam bentuk kegiatan yang telah disepakati\">\r\n            <div class=\"ikm-mitra-score-box\">\r\n                <span class=\"ikm-mitra-score score-counter-mitra\" data-target=\"3.69\">0.00<\/span>\r\n                <span class=\"ikm-mitra-score-max\">\/4.0<\/span>\r\n            <\/div>\r\n            <div class=\"ikm-mitra-track\">\r\n                <div class=\"ikm-mitra-fill\" data-progress=\"92.25%\"><\/div>\r\n            <\/div>\r\n            <div class=\"ikm-mitra-label-group\">\r\n                <span class=\"ikm-mitra-badge-inst\">Inst. 5<\/span>\r\n                <span class=\"ikm-mitra-aspek-name\">Implementasi Kegiatan Sepakat<\/span>\r\n                <span class=\"ikm-mitra-criteria-badge\"><i class=\"fa-solid fa-circle-check\"><\/i> Sangat Puas<\/span>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- 6. INSTRUMEN 6: 3.74 (93.50%) -->\r\n        <div class=\"ikm-mitra-bar-item\" title=\"Hasil akhir kerjasama selalu dilaporkan pada mitra\">\r\n            <div class=\"ikm-mitra-score-box\">\r\n                <span class=\"ikm-mitra-score score-counter-mitra\" data-target=\"3.74\">0.00<\/span>\r\n                <span class=\"ikm-mitra-score-max\">\/4.0<\/span>\r\n            <\/div>\r\n            <div class=\"ikm-mitra-track\">\r\n                <div class=\"ikm-mitra-fill\" data-progress=\"93.50%\"><\/div>\r\n            <\/div>\r\n            <div class=\"ikm-mitra-label-group\">\r\n                <span class=\"ikm-mitra-badge-inst\">Inst. 6<\/span>\r\n                <span class=\"ikm-mitra-aspek-name\">Pelaporan Hasil Akhir<\/span>\r\n                <span class=\"ikm-mitra-criteria-badge\"><i class=\"fa-solid fa-circle-check\"><\/i> Sangat Puas<\/span>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- 7. INSTRUMEN 7: 3.72 (93.00%) -->\r\n        <div class=\"ikm-mitra-bar-item\" title=\"Kerjasama yang terjalin selama ini menjadikan pihak mitra ingin kembali melaksanakan kerjasama serupa atau kerjasama lainnya\">\r\n            <div class=\"ikm-mitra-score-box\">\r\n                <span class=\"ikm-mitra-score score-counter-mitra\" data-target=\"3.72\">0.00<\/span>\r\n                <span class=\"ikm-mitra-score-max\">\/4.0<\/span>\r\n            <\/div>\r\n            <div class=\"ikm-mitra-track\">\r\n                <div class=\"ikm-mitra-fill\" data-progress=\"93.00%\"><\/div>\r\n            <\/div>\r\n            <div class=\"ikm-mitra-label-group\">\r\n                <span class=\"ikm-mitra-badge-inst\">Inst. 7<\/span>\r\n                <span class=\"ikm-mitra-aspek-name\">Keberlanjutan Kemitraan<\/span>\r\n                <span class=\"ikm-mitra-criteria-badge\"><i class=\"fa-solid fa-circle-check\"><\/i> Sangat Puas<\/span>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- 8. INSTRUMEN 8: 3.79 (94.75%) -->\r\n        <div class=\"ikm-mitra-bar-item\" title=\"Prodi menerima saran\/ masukan dari mitra secara terbuka\">\r\n            <div class=\"ikm-mitra-score-box\">\r\n                <span class=\"ikm-mitra-score score-counter-mitra\" data-target=\"3.79\">0.00<\/span>\r\n                <span class=\"ikm-mitra-score-max\">\/4.0<\/span>\r\n            <\/div>\r\n            <div class=\"ikm-mitra-track\">\r\n                <div class=\"ikm-mitra-fill\" data-progress=\"94.75%\"><\/div>\r\n            <\/div>\r\n            <div class=\"ikm-mitra-label-group\">\r\n                <span class=\"ikm-mitra-badge-inst\">Inst. 8<\/span>\r\n                <span class=\"ikm-mitra-aspek-name\">Keterbukaan Menerima Masukan<\/span>\r\n                <span class=\"ikm-mitra-criteria-badge\"><i class=\"fa-solid fa-circle-check\"><\/i> Sangat Puas<\/span>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- 9. RATA-RATA TOTAL: 3.73 (93.25%) -->\r\n        <div class=\"ikm-mitra-bar-item avg-item\" title=\"Rerata Keseluruhan Indeks Kepuasan Mitra\">\r\n            <div class=\"ikm-mitra-score-box\">\r\n                <span class=\"ikm-mitra-score score-counter-mitra\" data-target=\"3.73\" style=\"color: #9a3412;\">0.00<\/span>\r\n                <span class=\"ikm-mitra-score-max\">\/4.0<\/span>\r\n            <\/div>\r\n            <div class=\"ikm-mitra-track\">\r\n                <div class=\"ikm-mitra-fill\" data-progress=\"93.25%\"><\/div>\r\n            <\/div>\r\n            <div class=\"ikm-mitra-label-group\">\r\n                <span class=\"ikm-mitra-badge-inst\" style=\"background: #fcd34d; color: #92400e;\">Rerata<\/span>\r\n                <span class=\"ikm-mitra-aspek-name\" style=\"color: #9a3412; font-weight: 800;\">Rata-rata Total<\/span>\r\n                <span class=\"ikm-mitra-criteria-badge\"><i class=\"fa-solid fa-star\"><\/i> Sangat Puas<\/span>\r\n            <\/div>\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/div>\r\n\r\n<!-- JAVASCRIPT ANIMASI VERTIKAL DARI NILAI 0 -->\r\n<script>\r\n(function() {\r\n    function initIkmMitraAnimation() {\r\n        const duration = 1800; \/\/ Durasi animasi 1.8 detik\r\n\r\n        \/\/ 1. Animasi Batang Vertikal Naik dari 0%\r\n        const bars = document.querySelectorAll('.ikm-mitra-fill');\r\n        bars.forEach(bar => {\r\n            const targetHeight = bar.getAttribute('data-progress');\r\n            setTimeout(() => {\r\n                bar.style.height = targetHeight;\r\n            }, 100);\r\n        });\r\n\r\n        \/\/ 2. Animasi Angka Bergerak dari 0.00 ke Target\r\n        const counters = document.querySelectorAll('.score-counter-mitra');\r\n        counters.forEach(counter => {\r\n            const target = parseFloat(counter.getAttribute('data-target'));\r\n            let startTime = null;\r\n\r\n            function animateCount(timestamp) {\r\n                if (!startTime) startTime = timestamp;\r\n                const elapsed = timestamp - startTime;\r\n                const progress = Math.min(elapsed \/ duration, 1);\r\n                \r\n                \/\/ Kurva percepatan easeOutQuad\r\n                const easeProgress = progress * (2 - progress);\r\n                const currentVal = (easeProgress * target).toFixed(2);\r\n                \r\n                counter.textContent = currentVal;\r\n\r\n                if (progress < 1) {\r\n                    window.requestAnimationFrame(animateCount);\r\n                } else {\r\n                    counter.textContent = target.toFixed(2);\r\n                }\r\n            }\r\n\r\n            window.requestAnimationFrame(animateCount);\r\n        });\r\n    }\r\n\r\n    if (document.readyState === 'loading') {\r\n        document.addEventListener('DOMContentLoaded', initIkmMitraAnimation);\r\n    } else {\r\n        initIkmMitraAnimation();\r\n    }\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div role=\"region tabpanel\" aria-labelledby=\"e-n-accordion-item-8127 e-n-tab-title-441351673\" id=\"e-n-tab-content-441351673\" data-tab-index=\"3\" style=\"--n-tabs-title-order: 3;\" class=\"elementor-element elementor-element-41cbcbb e-flex e-con-boxed e-con e-child\" data-id=\"41cbcbb\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ec7e95f elementor-widget elementor-widget-html\" data-id=\"ec7e95f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- Load Font Awesome 6 & Google Fonts -->\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@600;700;800;900&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n.growth-mitra-container {\r\n    width: 100%;\r\n    max-width: 1180px;\r\n    margin: 30px auto;\r\n    background: #ffffff;\r\n    border-radius: 22px;\r\n    padding: 34px 28px;\r\n    box-shadow: 0 12px 35px rgba(249, 115, 22, 0.1);\r\n    border: 1.5px solid #ffedd5;\r\n    box-sizing: border-box;\r\n    font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\r\n}\r\n\r\n.growth-mitra-container * {\r\n    box-sizing: border-box;\r\n}\r\n\r\n\/* HEADER MENU *\/\r\n.growth-mitra-header {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    border-bottom: 2px solid #fed7aa;\r\n    padding-bottom: 20px;\r\n    margin-bottom: 28px;\r\n    flex-wrap: wrap;\r\n    gap: 14px;\r\n}\r\n\r\n.growth-mitra-title h2 {\r\n    font-size: 21px;\r\n    font-weight: 900;\r\n    color: #1e293b;\r\n    margin: 0;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n}\r\n\r\n.growth-mitra-title h2 i {\r\n    color: #ea580c;\r\n}\r\n\r\n.growth-mitra-title p {\r\n    font-size: 13.5px;\r\n    font-weight: 600;\r\n    color: #78350f;\r\n    margin: 5px 0 0 0;\r\n}\r\n\r\n.growth-mitra-badge {\r\n    background: linear-gradient(135deg, #f97316 0%, #d97706 50%, #b45309 100%);\r\n    color: #ffffff;\r\n    padding: 8px 18px;\r\n    border-radius: 30px;\r\n    font-size: 12.5px;\r\n    font-weight: 800;\r\n    letter-spacing: 0.5px;\r\n    box-shadow: 0 4px 14px rgba(234, 88, 12, 0.3);\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 6px;\r\n}\r\n\r\n\/* TABEL RESPONSIVE CONTAINER *\/\r\n.table-responsive-box {\r\n    width: 100%;\r\n    overflow-x: auto;\r\n    border-radius: 16px;\r\n    border: 1.5px solid #fed7aa;\r\n    background: #ffffff;\r\n    box-shadow: 0 4px 16px rgba(255, 145, 77, 0.05);\r\n}\r\n\r\n\/* TABEL UTAMA *\/\r\n.growth-custom-table {\r\n    width: 100%;\r\n    border-collapse: collapse;\r\n    text-align: left;\r\n    min-width: 900px;\r\n}\r\n\r\n\/* HEADER TABEL *\/\r\n.growth-custom-table thead tr {\r\n    background: linear-gradient(135deg, #f97316 0%, #ea580c 50%, #d97706 100%);\r\n    color: #ffffff;\r\n}\r\n\r\n.growth-custom-table th {\r\n    padding: 16px 14px;\r\n    font-size: 13px;\r\n    font-weight: 800;\r\n    text-transform: uppercase;\r\n    letter-spacing: 0.6px;\r\n    border: none;\r\n    vertical-align: middle;\r\n}\r\n\r\n.growth-custom-table th.center-col {\r\n    text-align: center;\r\n}\r\n\r\n.growth-custom-table th:first-child {\r\n    border-top-left-radius: 14px;\r\n}\r\n\r\n.growth-custom-table th:last-child {\r\n    border-top-right-radius: 14px;\r\n}\r\n\r\n\/* BODY TABEL *\/\r\n.growth-custom-table tbody tr {\r\n    border-bottom: 1px solid #fed7aa;\r\n    transition: all 0.25s ease;\r\n    background: #ffffff;\r\n}\r\n\r\n.growth-custom-table tbody tr:hover {\r\n    background: #fff7ed;\r\n    transform: translateY(-1px);\r\n}\r\n\r\n.growth-custom-table td {\r\n    padding: 15px 14px;\r\n    vertical-align: middle;\r\n    font-size: 13px;\r\n    font-weight: 600;\r\n    color: #334155;\r\n    line-height: 1.55;\r\n}\r\n\r\n.growth-custom-table td.center-col {\r\n    text-align: center;\r\n}\r\n\r\n\/* BADGE NOMOR BULAT *\/\r\n.row-number {\r\n    width: 32px;\r\n    height: 32px;\r\n    border-radius: 50%;\r\n    background: linear-gradient(135deg, #ffedd5 0%, #fed7aa 100%);\r\n    color: #c2410c;\r\n    font-size: 13px;\r\n    font-weight: 900;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    box-shadow: 0 2px 6px rgba(234, 88, 12, 0.15);\r\n}\r\n\r\n\/* BADGE NILAI INDEKS *\/\r\n.score-badge {\r\n    display: inline-block;\r\n    padding: 5px 10px;\r\n    border-radius: 8px;\r\n    font-weight: 800;\r\n    font-size: 13px;\r\n}\r\n\r\n.score-2023 {\r\n    background: #f8fafc;\r\n    color: #64748b;\r\n    border: 1px solid #e2e8f0;\r\n}\r\n\r\n.score-2024 {\r\n    background: #fff7ed;\r\n    color: #c2410c;\r\n    border: 1px solid #fed7aa;\r\n    box-shadow: 0 2px 4px rgba(234, 88, 12, 0.08);\r\n}\r\n\r\n\/* BADGE GROWTH *\/\r\n.growth-pill {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 4px;\r\n    background: #fefce8;\r\n    color: #a16207;\r\n    border: 1px solid #fef08a;\r\n    padding: 5px 11px;\r\n    border-radius: 20px;\r\n    font-weight: 800;\r\n    font-size: 12.5px;\r\n}\r\n\r\n\/* BADGE STATUS KETERANGAN (NAIK) *\/\r\n.ket-badge-naik {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 5px;\r\n    background: #ecfdf5;\r\n    color: #047857;\r\n    border: 1px solid #a7f3d0;\r\n    padding: 5px 12px;\r\n    border-radius: 20px;\r\n    font-size: 11.5px;\r\n    font-weight: 800;\r\n    text-transform: capitalize;\r\n    letter-spacing: 0.3px;\r\n}\r\n\r\n\/* BARIS RATA-RATA TOTAL *\/\r\n.growth-custom-table tfoot tr {\r\n    background: linear-gradient(135deg, #fff7ed 0%, #ffedd5 100%);\r\n    border-top: 2px solid #ea580c;\r\n}\r\n\r\n.growth-custom-table tfoot td {\r\n    padding: 16px 14px;\r\n    font-weight: 900;\r\n    color: #9a3412;\r\n    font-size: 13.5px;\r\n}\r\n\r\n\/* RESPONSIVE *\/\r\n@media (max-width: 768px) {\r\n    .growth-mitra-container {\r\n        padding: 22px 16px;\r\n    }\r\n    .growth-mitra-header {\r\n        flex-direction: column;\r\n        align-items: flex-start;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<div class=\"growth-mitra-container\">\r\n\r\n    <!-- HEADER MENU -->\r\n    <div class=\"growth-mitra-header\">\r\n        <div class=\"growth-mitra-title\">\r\n            <h2><i class=\"fa-solid fa-arrow-trend-up\"><\/i> Tabel 3.3 Tingkat Pertumbuhan Kepuasan Mitra Kerjasama<\/h2>\r\n            <p>Perbandingan Tren Indeks Kepuasan Kemitraan Periode 2023 &ndash; 2024 &bull; Program Studi Teknik Sipil<\/p>\r\n        <\/div>\r\n        <div class=\"growth-mitra-badge\">\r\n            <i class=\"fa-solid fa-chart-line\"><\/i> Positive Growth\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- TABEL DATA -->\r\n    <div class=\"table-responsive-box\">\r\n        <table class=\"growth-custom-table\">\r\n            <thead>\r\n                <tr>\r\n                    <th class=\"center-col\" style=\"width: 6%;\">No<\/th>\r\n                    <th style=\"width: 44%;\">Instrumen<\/th>\r\n                    <th class=\"center-col\" style=\"width: 13%;\">Indeks Kepuasan 2023<\/th>\r\n                    <th class=\"center-col\" style=\"width: 13%;\">Indeks Kepuasan 2024<\/th>\r\n                    <th class=\"center-col\" style=\"width: 12%;\">Growth<\/th>\r\n                    <th class=\"center-col\" style=\"width: 12%;\">Ket<\/th>\r\n                <\/tr>\r\n            <\/thead>\r\n            <tbody>\r\n                <!-- 1 -->\r\n                <tr>\r\n                    <td class=\"center-col\"><span class=\"row-number\">1<\/span><\/td>\r\n                    <td>Staff\/Bagian Kerjasama Program Studi memberikan kebutuhan kerjasama dengan tepat dan profesional<\/td>\r\n                    <td class=\"center-col\"><span class=\"score-badge score-2023\">3,73<\/span><\/td>\r\n                    <td class=\"center-col\"><span class=\"score-badge score-2024\">3,77<\/span><\/td>\r\n                    <td class=\"center-col\"><span class=\"growth-pill\">1,00<\/span><\/td>\r\n                    <td class=\"center-col\"><span class=\"ket-badge-naik\"><i class=\"fa-solid fa-arrow-up-right-dots\"><\/i> Naik<\/span><\/td>\r\n                <\/tr>\r\n\r\n                <!-- 2 -->\r\n                <tr>\r\n                    <td class=\"center-col\"><span class=\"row-number\">2<\/span><\/td>\r\n                    <td>Kerjasama yang terjalin sesuai dengan harapan mitra<\/td>\r\n                    <td class=\"center-col\"><span class=\"score-badge score-2023\">3,67<\/span><\/td>\r\n                    <td class=\"center-col\"><span class=\"score-badge score-2024\">3,77<\/span><\/td>\r\n                    <td class=\"center-col\"><span class=\"growth-pill\">2,50<\/span><\/td>\r\n                    <td class=\"center-col\"><span class=\"ket-badge-naik\"><i class=\"fa-solid fa-arrow-up-right-dots\"><\/i> Naik<\/span><\/td>\r\n                <\/tr>\r\n\r\n                <!-- 3 -->\r\n                <tr>\r\n                    <td class=\"center-col\"><span class=\"row-number\">3<\/span><\/td>\r\n                    <td>Mitra Kerjasama memperoleh kebermanfaatan dari kerjasama yang dijalin.<\/td>\r\n                    <td class=\"center-col\"><span class=\"score-badge score-2023\">3,07<\/span><\/td>\r\n                    <td class=\"center-col\"><span class=\"score-badge score-2024\">3,67<\/span><\/td>\r\n                    <td class=\"center-col\"><span class=\"growth-pill\">15,00<\/span><\/td>\r\n                    <td class=\"center-col\"><span class=\"ket-badge-naik\"><i class=\"fa-solid fa-arrow-up-right-dots\"><\/i> Naik<\/span><\/td>\r\n                <\/tr>\r\n\r\n                <!-- 4 -->\r\n                <tr>\r\n                    <td class=\"center-col\"><span class=\"row-number\">4<\/span><\/td>\r\n                    <td>Naskah MoU\/ MoA\/sejenisnya disusun dan ditulis dengan tepat dengan maksud, tujuan dan sasaran mitra<\/td>\r\n                    <td class=\"center-col\"><span class=\"score-badge score-2023\">3,63<\/span><\/td>\r\n                    <td class=\"center-col\"><span class=\"score-badge score-2024\">3,72<\/span><\/td>\r\n                    <td class=\"center-col\"><span class=\"growth-pill\">2,25<\/span><\/td>\r\n                    <td class=\"center-col\"><span class=\"ket-badge-naik\"><i class=\"fa-solid fa-arrow-up-right-dots\"><\/i> Naik<\/span><\/td>\r\n                <\/tr>\r\n\r\n                <!-- 5 -->\r\n                <tr>\r\n                    <td class=\"center-col\"><span class=\"row-number\">5<\/span><\/td>\r\n                    <td>Kerjasama telah diimplementasikan dalam bentuk kegiatan yang telah disepakati<\/td>\r\n                    <td class=\"center-col\"><span class=\"score-badge score-2023\">3,67<\/span><\/td>\r\n                    <td class=\"center-col\"><span class=\"score-badge score-2024\">3,69<\/span><\/td>\r\n                    <td class=\"center-col\"><span class=\"growth-pill\">0,50<\/span><\/td>\r\n                    <td class=\"center-col\"><span class=\"ket-badge-naik\"><i class=\"fa-solid fa-arrow-up-right-dots\"><\/i> Naik<\/span><\/td>\r\n                <\/tr>\r\n\r\n                <!-- 6 -->\r\n                <tr>\r\n                    <td class=\"center-col\"><span class=\"row-number\">6<\/span><\/td>\r\n                    <td>Hasil akhir kerjasama selalu dilaporkan pada mitra (Boleh dilewati jika kegiatan masih berlangsung\/belum selesai dilaksanakan)<\/td>\r\n                    <td class=\"center-col\"><span class=\"score-badge score-2023\">3,67<\/span><\/td>\r\n                    <td class=\"center-col\"><span class=\"score-badge score-2024\">3,74<\/span><\/td>\r\n                    <td class=\"center-col\"><span class=\"growth-pill\">1,75<\/span><\/td>\r\n                    <td class=\"center-col\"><span class=\"ket-badge-naik\"><i class=\"fa-solid fa-arrow-up-right-dots\"><\/i> Naik<\/span><\/td>\r\n                <\/tr>\r\n\r\n                <!-- 7 -->\r\n                <tr>\r\n                    <td class=\"center-col\"><span class=\"row-number\">7<\/span><\/td>\r\n                    <td>Kerjasama yang terjalin selama ini menjadikan pihak mitra ingin kembali melaksanakan kerjasama serupa atau kerjasama lainnya dengan program studi<\/td>\r\n                    <td class=\"center-col\"><span class=\"score-badge score-2023\">3,65<\/span><\/td>\r\n                    <td class=\"center-col\"><span class=\"score-badge score-2024\">3,72<\/span><\/td>\r\n                    <td class=\"center-col\"><span class=\"growth-pill\">1,75<\/span><\/td>\r\n                    <td class=\"center-col\"><span class=\"ket-badge-naik\"><i class=\"fa-solid fa-arrow-up-right-dots\"><\/i> Naik<\/span><\/td>\r\n                <\/tr>\r\n\r\n                <!-- 8 -->\r\n                <tr>\r\n                    <td class=\"center-col\"><span class=\"row-number\">8<\/span><\/td>\r\n                    <td>Prodi menerima saran\/ masukan dari mitra secara terbuka<\/td>\r\n                    <td class=\"center-col\"><span class=\"score-badge score-2023\">3,67<\/span><\/td>\r\n                    <td class=\"center-col\"><span class=\"score-badge score-2024\">3,79<\/span><\/td>\r\n                    <td class=\"center-col\"><span class=\"growth-pill\">3,00<\/span><\/td>\r\n                    <td class=\"center-col\"><span class=\"ket-badge-naik\"><i class=\"fa-solid fa-arrow-up-right-dots\"><\/i> Naik<\/span><\/td>\r\n                <\/tr>\r\n            <\/tbody>\r\n            <tfoot>\r\n                <tr>\r\n                    <td colspan=\"2\" style=\"text-align: right; padding-right: 20px;\">Rata-rata<\/td>\r\n                    <td class=\"center-col\"><span class=\"score-badge\" style=\"background: #e2e8f0; color: #334155;\">3,48<\/span><\/td>\r\n                    <td class=\"center-col\"><span class=\"score-badge\" style=\"background: #ea580c; color: #ffffff;\">3,73<\/span><\/td>\r\n                    <td class=\"center-col\"><span class=\"growth-pill\" style=\"background: #fde047; color: #854d0e; font-size: 13px;\">6,25<\/span><\/td>\r\n                    <td class=\"center-col\"><span class=\"ket-badge-naik\" style=\"background: #059669; color: #ffffff;\"><i class=\"fa-solid fa-arrow-trend-up\"><\/i> Naik<\/span><\/td>\r\n                <\/tr>\r\n            <\/tfoot>\r\n        <\/table>\r\n    <\/div>\r\n\r\n<\/div>\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<div role=\"region tabpanel\" aria-labelledby=\"e-n-accordion-item-8127 e-n-tab-title-441351674\" id=\"e-n-tab-content-441351674\" data-tab-index=\"4\" style=\"--n-tabs-title-order: 4;\" class=\"elementor-element elementor-element-740b5d2 e-flex e-con-boxed e-con e-child\" data-id=\"740b5d2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3e80b58 elementor-widget elementor-widget-html\" data-id=\"3e80b58\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- Load Font Awesome 6 & Google Fonts -->\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@600;700;800;900&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n.rtl-quality-container {\r\n    width: 100%;\r\n    max-width: 980px;\r\n    margin: 30px auto;\r\n    background: #ffffff;\r\n    border-radius: 22px;\r\n    padding: 35px 30px;\r\n    box-shadow: 0 12px 35px rgba(249, 115, 22, 0.1);\r\n    border: 1.5px solid #ffedd5;\r\n    box-sizing: border-box;\r\n    font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\r\n}\r\n\r\n.rtl-quality-container * {\r\n    box-sizing: border-box;\r\n}\r\n\r\n\/* HEADER *\/\r\n.rtl-quality-header {\r\n    border-bottom: 2px solid #fed7aa;\r\n    padding-bottom: 20px;\r\n    margin-bottom: 28px;\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    flex-wrap: wrap;\r\n    gap: 15px;\r\n}\r\n\r\n.rtl-quality-title-box h2 {\r\n    font-size: 21px;\r\n    font-weight: 900;\r\n    color: #1e293b;\r\n    margin: 0;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n}\r\n\r\n.rtl-quality-title-box h2 i {\r\n    color: #ea580c;\r\n}\r\n\r\n.rtl-quality-title-box p {\r\n    font-size: 13px;\r\n    font-weight: 600;\r\n    color: #78350f;\r\n    margin: 5px 0 0 0;\r\n}\r\n\r\n.rtl-quality-badge {\r\n    background: linear-gradient(135deg, #f97316 0%, #d97706 50%, #b45309 100%);\r\n    color: #ffffff;\r\n    padding: 8px 18px;\r\n    border-radius: 30px;\r\n    font-size: 12.5px;\r\n    font-weight: 800;\r\n    letter-spacing: 0.5px;\r\n    box-shadow: 0 4px 14px rgba(234, 88, 12, 0.3);\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 6px;\r\n}\r\n\r\n\/* GRID RTL *\/\r\n.rtl-quality-grid {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 18px;\r\n}\r\n\r\n\/* KARTU ITEM *\/\r\n.rtl-quality-card {\r\n    background: #fffaf5;\r\n    border: 1px solid #ffedd5;\r\n    border-radius: 16px;\r\n    padding: 22px;\r\n    display: flex;\r\n    gap: 20px;\r\n    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n    position: relative;\r\n    overflow: hidden;\r\n}\r\n\r\n.rtl-quality-card::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 5px;\r\n    height: 100%;\r\n    background: linear-gradient(180deg, #f97316 0%, #f59e0b 100%);\r\n}\r\n\r\n.rtl-quality-card:hover {\r\n    transform: translateY(-3px);\r\n    background: #ffffff;\r\n    border-color: #fdba74;\r\n    box-shadow: 0 10px 24px rgba(249, 115, 22, 0.12);\r\n}\r\n\r\n\/* ICON BADGE *\/\r\n.rtl-quality-icon-box {\r\n    width: 52px;\r\n    height: 52px;\r\n    border-radius: 14px;\r\n    background: linear-gradient(135deg, #fff7ed 0%, #ffedd5 100%);\r\n    border: 1.5px solid #fed7aa;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    font-size: 22px;\r\n    color: #ea580c;\r\n    flex-shrink: 0;\r\n    box-shadow: 0 4px 10px rgba(234, 88, 12, 0.1);\r\n}\r\n\r\n\/* CONTENT *\/\r\n.rtl-quality-content {\r\n    flex: 1;\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 6px;\r\n}\r\n\r\n.rtl-quality-category {\r\n    font-size: 11px;\r\n    font-weight: 800;\r\n    text-transform: uppercase;\r\n    letter-spacing: 1px;\r\n    color: #ea580c;\r\n}\r\n\r\n.rtl-quality-heading {\r\n    font-size: 16px;\r\n    font-weight: 800;\r\n    color: #1e293b;\r\n    margin: 0;\r\n}\r\n\r\n.rtl-quality-desc {\r\n    font-size: 13.5px;\r\n    font-weight: 600;\r\n    color: #475569;\r\n    line-height: 1.6;\r\n    margin: 0;\r\n}\r\n\r\n.rtl-quality-desc strong {\r\n    color: #9a3412;\r\n}\r\n\r\n\/* RESPONSIVE *\/\r\n@media (max-width: 768px) {\r\n    .rtl-quality-container {\r\n        padding: 24px 18px;\r\n    }\r\n    .rtl-quality-header {\r\n        flex-direction: column;\r\n        align-items: flex-start;\r\n    }\r\n    .rtl-quality-card {\r\n        flex-direction: column;\r\n        gap: 14px;\r\n        padding: 18px;\r\n    }\r\n    .rtl-quality-icon-box {\r\n        width: 44px;\r\n        height: 44px;\r\n        font-size: 18px;\r\n    }\r\n    .rtl-quality-heading {\r\n        font-size: 15px;\r\n    }\r\n    .rtl-quality-desc {\r\n        font-size: 12.5px;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<div class=\"rtl-quality-container\">\r\n\r\n    <!-- HEADER -->\r\n    <div class=\"rtl-quality-header\">\r\n        <div class=\"rtl-quality-title-box\">\r\n            <h2><i class=\"fa-solid fa-handshake-angle\"><\/i> Rencana Tindak Lanjut Kepuasan Mitra Kerjasama<\/h2>\r\n            <p>Strategi Penguatan Efektivitas Kemitraan &amp; Akuntabilitas Program &bull; Program Studi Teknik Sipil<\/p>\r\n        <\/div>\r\n        <div class=\"rtl-quality-badge\">\r\n            <i class=\"fa-solid fa-award\"><\/i> Partnership Sustainability\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- GRID PROGRAM TINDAK LANJUT -->\r\n    <div class=\"rtl-quality-grid\">\r\n\r\n        <!-- 1. PENINGKATAN KEBERMANFAATAN & RELEVANSI PROGRAM -->\r\n        <div class=\"rtl-quality-card\">\r\n            <div class=\"rtl-quality-icon-box\">\r\n                <i class=\"fa-solid fa-bullseye\"><\/i>\r\n            <\/div>\r\n            <div class=\"rtl-quality-content\">\r\n                <span class=\"rtl-quality-category\">Pilar 01 &bull; Kebermanfaatan Strategis<\/span>\r\n                <h3 class=\"rtl-quality-heading\">Penguatan Relevansi Program &amp; Dampak Nyata bagi Mitra<\/h3>\r\n                <p class=\"rtl-quality-desc\">\r\n                    Melakukan <strong>reorientasi perancangan program kerja sama kolaboratif<\/strong> yang berbasis kebutuhan riil industri dan pemangku kepentingan, guna memastikan output kegiatan memberikan kebermanfaatan timbal balik (*mutual benefits*) yang bernilai tambah tinggi serta terukur.\r\n                <\/p>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- 2. OPTIMALISASI DAN STANDARDISASI PELAPORAN -->\r\n        <div class=\"rtl-quality-card\">\r\n            <div class=\"rtl-quality-icon-box\">\r\n                <i class=\"fa-solid fa-file-circle-check\"><\/i>\r\n            <\/div>\r\n            <div class=\"rtl-quality-content\">\r\n                <span class=\"rtl-quality-category\">Pilar 02 &bull; Akuntabilitas &amp; Diseminasi<\/span>\r\n                <h3 class=\"rtl-quality-heading\">Optimalisasi Tata Kelola Pelaporan &amp; Dokumentasi Terstruktur<\/h3>\r\n                <p class=\"rtl-quality-desc\">\r\n                    Menyusun <strong>standar operasional pelaporan hasil implementasi kerja sama secara periodik<\/strong> yang komprehensif, transparan, dan terarsip secara sistematis, guna menjamin mitra memperoleh keterbukaan capaian kinerja program secara jelas dan akuntabel.\r\n                <\/p>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- 3. PENYEMPURNAAN LEGALITAS DAN INSTRUMEN KERJASAMA -->\r\n        <div class=\"rtl-quality-card\">\r\n            <div class=\"rtl-quality-icon-box\">\r\n                <i class=\"fa-solid fa-signature\"><\/i>\r\n            <\/div>\r\n            <div class=\"rtl-quality-content\">\r\n                <span class=\"rtl-quality-category\">Pilar 03 &bull; Tata Kelola Dokumen Legal<\/span>\r\n                <h3 class=\"rtl-quality-heading\">Standardisasi &amp; Presisi Naskah Kerja Sama (MoU\/MoA)<\/h3>\r\n                <p class=\"rtl-quality-desc\">\r\n                    Menyempurnakan <strong>formulasi klausul dokumen kerja sama (MoU, MoA, dan IA)<\/strong> dengan mendefinisikan maksud, tujuan, serta ruang lingkup kewajiban para pihak secara presisi dan eksplisit, guna mempermudah konsensus bersama serta memitigasi ambiguitas operasional di lapangan.\r\n                <\/p>\r\n            <\/div>\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/div>\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\t<\/div>\n\t\t<\/div>\n\t\t\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\t<\/details>\n\t\t\t\t\t<\/div>\n\t\t\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>","protected":false},"excerpt":{"rendered":"<p>Survei Dosen dan stakeholder terhadap pemahaman visi misi Dosen terhadap Visi Misi Prodi Stakeholder terhadap Visi Misi Prodi RTL Pemahaman Dosen terhadap Visi Misi Prodi Grafik Vertikal Hasil Pengukuran Nilai Indeks &amp; Tingkat Kepuasan Skala Maksimal: 5.00 0.00 \/5.0 Pemahaman Istimewa 0.00 \/5.0 Relevansi Istimewa 0.00 \/5.0 Implementasi Istimewa 0.00 \/5.0 IKM Total Istimewa Pemahaman [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1655","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/tekniksipil.uin-malang.ac.id\/ru\/wp-json\/wp\/v2\/pages\/1655","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tekniksipil.uin-malang.ac.id\/ru\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/tekniksipil.uin-malang.ac.id\/ru\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/tekniksipil.uin-malang.ac.id\/ru\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tekniksipil.uin-malang.ac.id\/ru\/wp-json\/wp\/v2\/comments?post=1655"}],"version-history":[{"count":71,"href":"https:\/\/tekniksipil.uin-malang.ac.id\/ru\/wp-json\/wp\/v2\/pages\/1655\/revisions"}],"predecessor-version":[{"id":1873,"href":"https:\/\/tekniksipil.uin-malang.ac.id\/ru\/wp-json\/wp\/v2\/pages\/1655\/revisions\/1873"}],"wp:attachment":[{"href":"https:\/\/tekniksipil.uin-malang.ac.id\/ru\/wp-json\/wp\/v2\/media?parent=1655"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}