{"id":567,"date":"2025-11-26T16:22:17","date_gmt":"2025-11-26T09:22:17","guid":{"rendered":"https:\/\/iptar.ac.id\/?page_id=567"},"modified":"2026-09-08T11:19:50","modified_gmt":"2026-09-08T04:19:50","slug":"bpp","status":"publish","type":"page","link":"https:\/\/iptar.ac.id\/index.php\/bpp\/","title":{"rendered":"BPP"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"567\" class=\"elementor elementor-567\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5c67393 e-con-full e-flex e-con e-parent\" data-id=\"5c67393\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8bd432f elementor-widget elementor-widget-html\" data-id=\"8bd432f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!--\n  BIRO PERENCANAAN DAN PENGEMBANGAN IPTAR\n  Siap ditempel langsung ke widget HTML Elementor.\n-->\n\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Manrope:wght@400;500;600;700;800&family=Plus+Jakarta+Sans:wght@600;700;800&display=swap\" rel=\"stylesheet\">\n\n<style>\n    .iptar-planning,\n    .iptar-planning * {\n        box-sizing: border-box;\n    }\n\n    .iptar-planning {\n        --bp-green-950: #0d382a;\n        --bp-green-900: #124733;\n        --bp-green-800: #195c43;\n        --bp-green-700: #217253;\n        --bp-green-600: #2f8b67;\n        --bp-mint-100: #dcf2e5;\n        --bp-mint-50: #f1faf5;\n        --bp-yellow: #f2c94c;\n        --bp-yellow-soft: #fff3bd;\n        --bp-white: #ffffff;\n        --bp-ink: #183b2e;\n        --bp-text: #52675f;\n        --bp-line: rgba(25, 92, 67, 0.14);\n\n        position: relative;\n        isolation: isolate;\n        width: 100vw;\n        max-width: 100vw;\n        margin-right: calc(50% - 50vw);\n        margin-left: calc(50% - 50vw);\n        overflow: hidden;\n        padding: clamp(58px, 7vw, 104px) 0;\n        background:\n            radial-gradient(circle at 7% 5%, rgba(242, 201, 76, 0.18) 0 5px, transparent 6px),\n            radial-gradient(circle at 94% 10%, rgba(47, 139, 103, 0.10) 0 120px, transparent 121px),\n            linear-gradient(145deg, #f4fcf7 0%, #ffffff 46%, #edf8f1 100%);\n        color: var(--bp-ink);\n        font-family: \"Manrope\", sans-serif;\n        line-height: 1.75;\n    }\n\n    .iptar-planning::before {\n        content: \"\";\n        position: absolute;\n        z-index: -1;\n        top: -165px;\n        left: -145px;\n        width: 365px;\n        height: 365px;\n        border: 58px solid rgba(47, 139, 103, 0.055);\n        border-radius: 50%;\n    }\n\n    .iptar-planning::after {\n        content: \"\";\n        position: absolute;\n        z-index: -1;\n        right: -115px;\n        bottom: -140px;\n        width: 315px;\n        height: 315px;\n        border-radius: 44% 56% 66% 34% \/ 50% 39% 61% 50%;\n        background: rgba(242, 201, 76, 0.09);\n        transform: rotate(21deg);\n    }\n\n    .iptar-planning__inner {\n        width: min(1320px, calc(100% - 40px));\n        margin: 0 auto;\n    }\n\n    \/* Hero dan profil kepala biro *\/\n    .iptar-planning__hero {\n        display: grid;\n        grid-template-columns: minmax(300px, 420px) minmax(0, 1fr);\n        gap: clamp(40px, 6vw, 84px);\n        align-items: center;\n        margin-bottom: clamp(78px, 9vw, 118px);\n    }\n\n    .iptar-planning__leader {\n        position: relative;\n    }\n\n    .iptar-planning__leader::before {\n        content: \"\";\n        position: absolute;\n        top: -25px;\n        right: -28px;\n        width: 92px;\n        height: 92px;\n        opacity: 0.40;\n        background-image: radial-gradient(var(--bp-green-700) 1.9px, transparent 1.9px);\n        background-size: 13px 13px;\n    }\n\n    .iptar-planning__photo-card {\n        position: relative;\n        min-height: 515px;\n        overflow: hidden;\n        border: 1px solid var(--bp-line);\n        border-radius: 32px;\n        background:\n            radial-gradient(circle at 50% 30%, rgba(255, 255, 255, 0.93) 0 29%, transparent 30%),\n            linear-gradient(155deg, #d9efe2 0%, #f2faf5 53%, #cee8d8 100%);\n        box-shadow: 0 28px 70px rgba(13, 56, 42, 0.16);\n    }\n\n    .iptar-planning__photo-card::before {\n        content: \"\";\n        position: absolute;\n        top: 26px;\n        right: 25px;\n        width: 70px;\n        height: 70px;\n        border: 2px solid rgba(242, 201, 76, 0.76);\n        border-radius: 50%;\n    }\n\n    .iptar-planning__photo {\n        position: absolute;\n        z-index: 1;\n        inset: 18px 10px 0;\n        display: block;\n        width: calc(100% - 20px);\n        height: calc(100% - 18px);\n        object-fit: contain;\n        object-position: center bottom;\n        filter: drop-shadow(0 18px 24px rgba(13, 56, 42, 0.15));\n    }\n\n    .iptar-planning__leader-info {\n        position: relative;\n        z-index: 3;\n        width: calc(100% - 34px);\n        margin: -76px auto 0;\n        padding: 23px 22px;\n        border: 1px solid rgba(255, 255, 255, 0.18);\n        border-radius: 20px;\n        background: linear-gradient(135deg, rgba(13, 56, 42, 0.97), rgba(33, 114, 83, 0.97));\n        color: var(--bp-white);\n        text-align: center;\n        box-shadow: 0 18px 40px rgba(13, 56, 42, 0.23);\n        backdrop-filter: blur(10px);\n    }\n\n    .iptar-planning__leader-info::before {\n        content: \"\";\n        position: absolute;\n        top: 0;\n        left: 50%;\n        width: 58px;\n        height: 4px;\n        border-radius: 0 0 8px 8px;\n        background: var(--bp-yellow);\n        transform: translateX(-50%);\n    }\n\n    .iptar-planning__leader-name {\n        display: block;\n        margin: 0;\n        color: var(--bp-white);\n        font-family: \"Plus Jakarta Sans\", sans-serif;\n        font-size: clamp(1.08rem, 2vw, 1.3rem);\n        font-weight: 800;\n        line-height: 1.4;\n    }\n\n    .iptar-planning__leader-role {\n        display: block;\n        margin-top: 7px;\n        color: #dcefe5;\n        font-size: 0.76rem;\n        font-weight: 700;\n        letter-spacing: 0.055em;\n        line-height: 1.5;\n        text-transform: uppercase;\n    }\n\n    .iptar-planning__eyebrow {\n        display: inline-flex;\n        align-items: center;\n        gap: 10px;\n        width: fit-content;\n        margin: 0 0 17px;\n        padding: 8px 15px;\n        border: 1px solid rgba(25, 92, 67, 0.15);\n        border-radius: 999px;\n        background: rgba(255, 255, 255, 0.82);\n        color: var(--bp-green-700);\n        font-size: 0.74rem;\n        font-weight: 800;\n        letter-spacing: 0.115em;\n        line-height: 1.2;\n        text-transform: uppercase;\n        box-shadow: 0 8px 24px rgba(13, 56, 42, 0.06);\n    }\n\n    .iptar-planning__eyebrow::before {\n        content: \"\";\n        width: 9px;\n        height: 9px;\n        flex: 0 0 9px;\n        border-radius: 50%;\n        background: var(--bp-yellow);\n        box-shadow: 0 0 0 5px rgba(242, 201, 76, 0.20);\n    }\n\n    .iptar-planning__title {\n        margin: 0;\n        color: var(--bp-green-950);\n        font-family: \"Plus Jakarta Sans\", sans-serif;\n        font-size: clamp(2.2rem, 5vw, 4.75rem);\n        font-weight: 800;\n        letter-spacing: -0.055em;\n        line-height: 1.04;\n    }\n\n    .iptar-planning__title span {\n        position: relative;\n        z-index: 0;\n        display: inline-block;\n        color: var(--bp-green-600);\n    }\n\n    .iptar-planning__title span::after {\n        content: \"\";\n        position: absolute;\n        z-index: -1;\n        right: -4px;\n        bottom: 6px;\n        left: -4px;\n        height: 14px;\n        border-radius: 999px;\n        background: var(--bp-yellow-soft);\n    }\n\n    .iptar-planning__description {\n        max-width: 760px;\n        margin: 22px 0 0;\n        color: var(--bp-text);\n        font-size: clamp(0.97rem, 1.4vw, 1.07rem);\n        line-height: 1.88;\n    }\n\n    .iptar-planning__pill-list {\n        display: flex;\n        flex-wrap: wrap;\n        gap: 10px;\n        margin: 27px 0 0;\n        padding: 0;\n        list-style: none;\n    }\n\n    .iptar-planning__pill {\n        display: inline-flex;\n        align-items: center;\n        gap: 8px;\n        min-height: 40px;\n        padding: 8px 13px;\n        border: 1px solid var(--bp-line);\n        border-radius: 999px;\n        background: rgba(255, 255, 255, 0.84);\n        color: var(--bp-green-800);\n        font-size: 0.76rem;\n        font-weight: 700;\n        line-height: 1.3;\n        box-shadow: 0 8px 22px rgba(13, 56, 42, 0.05);\n    }\n\n    .iptar-planning__pill svg {\n        width: 17px;\n        height: 17px;\n        color: var(--bp-green-600);\n    }\n\n    \/* Dokumen *\/\n    .iptar-planning__documents {\n        position: relative;\n        padding: clamp(29px, 4.5vw, 54px);\n        overflow: hidden;\n        border: 1px solid var(--bp-line);\n        border-radius: 31px;\n        background: rgba(255, 255, 255, 0.91);\n        box-shadow: 0 24px 65px rgba(13, 56, 42, 0.10);\n    }\n\n    .iptar-planning__documents::before {\n        content: \"\";\n        position: absolute;\n        top: -115px;\n        right: -75px;\n        width: 270px;\n        height: 270px;\n        border: 43px solid rgba(47, 139, 103, 0.05);\n        border-radius: 50%;\n    }\n\n    .iptar-planning__section-head {\n        position: relative;\n        z-index: 1;\n        display: grid;\n        grid-template-columns: minmax(0, 0.8fr) minmax(330px, 1.2fr);\n        gap: 32px;\n        align-items: end;\n        margin-bottom: 28px;\n    }\n\n    .iptar-planning__section-kicker {\n        margin: 0 0 8px;\n        color: var(--bp-green-600);\n        font-size: 0.73rem;\n        font-weight: 800;\n        letter-spacing: 0.13em;\n        line-height: 1.4;\n        text-transform: uppercase;\n    }\n\n    .iptar-planning__section-title {\n        margin: 0;\n        color: var(--bp-green-950);\n        font-family: \"Plus Jakarta Sans\", sans-serif;\n        font-size: clamp(1.75rem, 3.3vw, 2.75rem);\n        font-weight: 800;\n        letter-spacing: -0.043em;\n        line-height: 1.18;\n    }\n\n    .iptar-planning__section-title span {\n        color: var(--bp-green-600);\n    }\n\n    .iptar-planning__section-description {\n        max-width: 680px;\n        margin: 0 0 3px auto;\n        color: var(--bp-text);\n        font-size: 0.88rem;\n        line-height: 1.75;\n    }\n\n    .iptar-planning__tools {\n        position: relative;\n        z-index: 1;\n        display: grid;\n        grid-template-columns: minmax(0, 1fr) minmax(190px, 250px) auto;\n        gap: 11px;\n        align-items: center;\n        margin-bottom: 27px;\n        padding: 12px;\n        border: 1px solid var(--bp-line);\n        border-radius: 17px;\n        background: var(--bp-mint-50);\n    }\n\n    .iptar-planning__search {\n        position: relative;\n    }\n\n    .iptar-planning__search svg {\n        position: absolute;\n        top: 50%;\n        left: 15px;\n        width: 19px;\n        height: 19px;\n        color: var(--bp-green-600);\n        pointer-events: none;\n        transform: translateY(-50%);\n    }\n\n    .iptar-planning__search input,\n    .iptar-planning__filter {\n        display: block;\n        width: 100%;\n        height: 48px;\n        border: 1px solid rgba(25, 92, 67, 0.16);\n        border-radius: 12px;\n        outline: none;\n        background: var(--bp-white);\n        color: var(--bp-ink);\n        font: 600 0.81rem\/1.2 \"Manrope\", sans-serif;\n        transition: border-color 0.2s ease, box-shadow 0.2s ease;\n    }\n\n    .iptar-planning__search input {\n        padding: 0 15px 0 45px;\n    }\n\n    .iptar-planning__filter {\n        padding: 0 13px;\n        cursor: pointer;\n    }\n\n    .iptar-planning__search input:focus,\n    .iptar-planning__filter:focus {\n        border-color: var(--bp-green-600);\n        box-shadow: 0 0 0 4px rgba(47, 139, 103, 0.10);\n    }\n\n    .iptar-planning__count {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        min-height: 43px;\n        padding: 8px 14px;\n        border-radius: 11px;\n        background: var(--bp-green-800);\n        color: var(--bp-white);\n        font-size: 0.74rem;\n        font-weight: 800;\n        line-height: 1.2;\n        white-space: nowrap;\n    }\n\n    .iptar-planning__document-grid {\n        position: relative;\n        z-index: 1;\n        display: grid;\n        grid-template-columns: repeat(4, minmax(0, 1fr));\n        gap: 17px;\n    }\n\n    .iptar-planning__document-card {\n        display: flex;\n        min-width: 0;\n        padding: 10px;\n        flex-direction: column;\n        border: 1px solid var(--bp-line);\n        border-radius: 19px;\n        background: var(--bp-white);\n        box-shadow: 0 11px 28px rgba(13, 56, 42, 0.06);\n        transition: transform 0.28s ease, border-color 0.28s ease, box-shadow 0.28s ease;\n    }\n\n    .iptar-planning__document-card:hover {\n        border-color: rgba(47, 139, 103, 0.34);\n        box-shadow: 0 20px 43px rgba(13, 56, 42, 0.12);\n        transform: translateY(-6px);\n    }\n\n    .iptar-planning__cover {\n        position: relative;\n        display: grid;\n        width: 100%;\n        aspect-ratio: 4 \/ 5;\n        overflow: hidden;\n        place-items: center;\n        border: 1px solid rgba(25, 92, 67, 0.11);\n        border-radius: 14px;\n        background:\n            radial-gradient(circle at 78% 20%, rgba(242, 201, 76, 0.30) 0 34px, transparent 35px),\n            linear-gradient(145deg, var(--bp-mint-50), var(--bp-mint-100));\n    }\n\n    .iptar-planning__cover::after {\n        content: \"IPTAR\";\n        position: absolute;\n        right: 12px;\n        bottom: 8px;\n        color: rgba(25, 92, 67, 0.08);\n        font-family: \"Plus Jakarta Sans\", sans-serif;\n        font-size: clamp(1.25rem, 2.5vw, 2.15rem);\n        font-weight: 800;\n        letter-spacing: -0.06em;\n    }\n\n    .iptar-planning__cover img {\n        position: relative;\n        z-index: 1;\n        display: block;\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n    }\n\n    .iptar-planning__cover-placeholder {\n        position: relative;\n        z-index: 1;\n        display: grid;\n        place-items: center;\n        text-align: center;\n    }\n\n    .iptar-planning__file-icon {\n        display: grid;\n        width: 58px;\n        height: 66px;\n        place-items: center;\n        border: 2px solid rgba(33, 114, 83, 0.23);\n        border-radius: 13px;\n        background: rgba(255, 255, 255, 0.72);\n        color: var(--bp-green-700);\n        box-shadow: 0 12px 26px rgba(13, 56, 42, 0.08);\n    }\n\n    .iptar-planning__file-icon svg {\n        width: 29px;\n        height: 29px;\n    }\n\n    .iptar-planning__file-type {\n        display: block;\n        margin-top: 10px;\n        color: var(--bp-green-800);\n        font-size: 0.7rem;\n        font-weight: 800;\n        letter-spacing: 0.10em;\n        line-height: 1.2;\n    }\n\n    .iptar-planning__card-body {\n        display: flex;\n        min-height: 190px;\n        padding: 12px 4px 4px;\n        flex: 1;\n        flex-direction: column;\n    }\n\n    .iptar-planning__category {\n        display: inline-flex;\n        width: fit-content;\n        margin-bottom: 9px;\n        padding: 5px 9px;\n        border-radius: 999px;\n        background: var(--bp-mint-100);\n        color: var(--bp-green-700);\n        font-size: 0.62rem;\n        font-weight: 800;\n        letter-spacing: 0.075em;\n        line-height: 1.2;\n        text-transform: uppercase;\n    }\n\n    .iptar-planning__document-title {\n        display: -webkit-box;\n        min-height: 47px;\n        margin: 0;\n        overflow: hidden;\n        color: var(--bp-green-950);\n        font-family: \"Plus Jakarta Sans\", sans-serif;\n        font-size: 0.9rem;\n        font-weight: 800;\n        line-height: 1.5;\n        -webkit-box-orient: vertical;\n        -webkit-line-clamp: 2;\n    }\n\n    .iptar-planning__meta {\n        margin-top: 6px;\n        color: #7c8d85;\n        font-size: 0.68rem;\n        font-weight: 650;\n        line-height: 1.45;\n    }\n\n    .iptar-planning__actions {\n        display: grid;\n        grid-template-columns: repeat(2, minmax(0, 1fr));\n        gap: 7px;\n        margin-top: auto;\n        padding-top: 14px;\n    }\n\n    .iptar-planning__button {\n        display: inline-flex;\n        min-height: 37px;\n        align-items: center;\n        justify-content: center;\n        gap: 6px;\n        padding: 8px 10px;\n        border: 1px solid transparent;\n        border-radius: 10px;\n        font: 800 0.67rem\/1.2 \"Manrope\", sans-serif;\n        text-decoration: none;\n        transition: background-color 0.2s ease, color 0.2s ease, transform 0.2s ease;\n    }\n\n    .iptar-planning__button svg {\n        width: 15px;\n        height: 15px;\n        flex: 0 0 15px;\n    }\n\n    .iptar-planning__button--view {\n        background: var(--bp-green-700);\n        color: var(--bp-white);\n    }\n\n    .iptar-planning__button--view:hover {\n        background: var(--bp-green-900);\n        color: var(--bp-white);\n        transform: translateY(-2px);\n    }\n\n    .iptar-planning__button--download {\n        border-color: rgba(33, 114, 83, 0.20);\n        background: var(--bp-white);\n        color: var(--bp-green-700);\n    }\n\n    .iptar-planning__button--download:hover {\n        background: var(--bp-mint-50);\n        color: var(--bp-green-900);\n        transform: translateY(-2px);\n    }\n\n    .iptar-planning__button.is-disabled {\n        border-color: rgba(25, 92, 67, 0.10);\n        background: #f3f7f5;\n        color: #99a69f;\n        cursor: not-allowed;\n        pointer-events: none;\n    }\n\n    .iptar-planning__empty {\n        position: relative;\n        z-index: 1;\n        display: none;\n        padding: 55px 20px;\n        border: 1px dashed rgba(25, 92, 67, 0.24);\n        border-radius: 18px;\n        background: var(--bp-mint-50);\n        color: var(--bp-text);\n        text-align: center;\n    }\n\n    .iptar-planning__empty-icon {\n        display: grid;\n        width: 54px;\n        height: 54px;\n        margin: 0 auto 13px;\n        place-items: center;\n        border-radius: 17px;\n        background: var(--bp-mint-100);\n        color: var(--bp-green-700);\n    }\n\n    .iptar-planning__empty-icon svg {\n        width: 26px;\n        height: 26px;\n    }\n\n    .iptar-planning__empty strong {\n        display: block;\n        color: var(--bp-green-900);\n        font-family: \"Plus Jakarta Sans\", sans-serif;\n        font-size: 1rem;\n        line-height: 1.45;\n    }\n\n    .iptar-planning__empty span {\n        display: block;\n        margin-top: 5px;\n        font-size: 0.8rem;\n    }\n\n    .iptar-planning__help {\n        display: grid;\n        grid-template-columns: auto minmax(0, 1fr);\n        gap: 14px;\n        align-items: start;\n        max-width: 810px;\n        margin: 25px auto 0;\n        padding: 18px 20px;\n        border: 1px solid rgba(242, 201, 76, 0.38);\n        border-radius: 16px;\n        background: linear-gradient(135deg, #fffaf0, var(--bp-mint-50));\n    }\n\n    .iptar-planning__help-icon {\n        display: grid;\n        width: 38px;\n        height: 38px;\n        place-items: center;\n        border-radius: 12px;\n        background: var(--bp-yellow);\n        color: var(--bp-green-950);\n    }\n\n    .iptar-planning__help-icon svg {\n        width: 19px;\n        height: 19px;\n    }\n\n    .iptar-planning__help strong {\n        display: block;\n        margin-bottom: 3px;\n        color: var(--bp-green-900);\n        font-size: 0.85rem;\n        font-weight: 800;\n        line-height: 1.4;\n    }\n\n    .iptar-planning__help p {\n        margin: 0;\n        color: var(--bp-text);\n        font-size: 0.75rem;\n        line-height: 1.6;\n    }\n\n    .iptar-planning__help code {\n        padding: 2px 5px;\n        border-radius: 5px;\n        background: rgba(33, 114, 83, 0.09);\n        color: var(--bp-green-900);\n        font-size: 0.72rem;\n        font-weight: 700;\n    }\n\n    @media (max-width: 1120px) {\n        .iptar-planning__document-grid {\n            grid-template-columns: repeat(3, minmax(0, 1fr));\n        }\n    }\n\n    @media (max-width: 900px) {\n        .iptar-planning__hero {\n            grid-template-columns: minmax(270px, 360px) minmax(0, 1fr);\n            gap: 35px;\n        }\n\n        .iptar-planning__photo-card {\n            min-height: 455px;\n        }\n\n        .iptar-planning__section-head {\n            grid-template-columns: 1fr;\n            gap: 13px;\n        }\n\n        .iptar-planning__section-description {\n            margin-left: 0;\n        }\n\n        .iptar-planning__tools {\n            grid-template-columns: minmax(0, 1fr) minmax(180px, 230px);\n        }\n\n        .iptar-planning__count {\n            grid-column: 1 \/ -1;\n        }\n    }\n\n    @media (max-width: 760px) {\n        .iptar-planning {\n            padding: 50px 0 68px;\n        }\n\n        .iptar-planning__inner {\n            width: min(100% - 28px, 680px);\n        }\n\n        .iptar-planning__hero {\n            grid-template-columns: 1fr;\n        }\n\n        .iptar-planning__leader {\n            width: min(100%, 410px);\n            margin: 0 auto;\n        }\n\n        .iptar-planning__photo-card {\n            min-height: 510px;\n        }\n\n        .iptar-planning__hero-content {\n            text-align: center;\n        }\n\n        .iptar-planning__eyebrow {\n            margin-right: auto;\n            margin-left: auto;\n        }\n\n        .iptar-planning__description {\n            margin-right: auto;\n            margin-left: auto;\n        }\n\n        .iptar-planning__pill-list {\n            justify-content: center;\n        }\n\n        .iptar-planning__document-grid {\n            grid-template-columns: repeat(2, minmax(0, 1fr));\n        }\n    }\n\n    @media (max-width: 560px) {\n        .iptar-planning__inner {\n            width: calc(100% - 20px);\n        }\n\n        .iptar-planning__title {\n            font-size: clamp(2.05rem, 11.5vw, 3.1rem);\n        }\n\n        .iptar-planning__photo-card {\n            min-height: 460px;\n            border-radius: 25px;\n        }\n\n        .iptar-planning__leader-info {\n            width: calc(100% - 24px);\n            margin-top: -62px;\n            padding: 20px 15px;\n        }\n\n        .iptar-planning__documents {\n            padding: 23px 14px;\n            border-radius: 23px;\n        }\n\n        .iptar-planning__tools {\n            grid-template-columns: 1fr;\n        }\n\n        .iptar-planning__count {\n            grid-column: auto;\n        }\n\n        .iptar-planning__document-grid {\n            grid-template-columns: 1fr;\n        }\n\n        .iptar-planning__cover {\n            aspect-ratio: 16 \/ 10;\n        }\n\n        .iptar-planning__card-body {\n            min-height: 172px;\n        }\n\n        .iptar-planning__help {\n            grid-template-columns: 1fr;\n        }\n    }\n\n    @media (prefers-reduced-motion: reduce) {\n        .iptar-planning *,\n        .iptar-planning *::before,\n        .iptar-planning *::after {\n            scroll-behavior: auto !important;\n            animation: none !important;\n            transition: none !important;\n        }\n    }\n<\/style>\n\n<section class=\"iptar-planning\" data-iptar-planning aria-labelledby=\"iptar-planning-title\">\n    <div class=\"iptar-planning__inner\">\n        <div class=\"iptar-planning__hero\">\n            <aside class=\"iptar-planning__leader\" aria-label=\"Profil Kepala Biro Perencanaan dan Pengembangan\">\n                <div class=\"iptar-planning__photo-card\">\n                    <img\n                        class=\"iptar-planning__photo\"\n                        src=\"https:\/\/iptar.ac.id\/wp-content\/uploads\/2026\/08\/Ayu.png\"\n                        alt=\"Swandra Rahayu, M.Pd., Kepala Biro Perencanaan dan Pengembangan IPTAR\"\n                        loading=\"eager\"\n                        decoding=\"async\">\n                <\/div>\n                <div class=\"iptar-planning__leader-info\">\n                    <strong class=\"iptar-planning__leader-name\">Swandra Rahayu, M.Pd.<\/strong>\n                    <span class=\"iptar-planning__leader-role\">Kepala Biro Perencanaan dan Pengembangan<\/span>\n                <\/div>\n            <\/aside>\n\n            <header class=\"iptar-planning__hero-content\">\n                <p class=\"iptar-planning__eyebrow\">Biro Perencanaan &amp; Pengembangan<\/p>\n                <h1 class=\"iptar-planning__title\" id=\"iptar-planning-title\">Perencanaan Strategis <span>IPTAR<\/span><\/h1>\n                <p class=\"iptar-planning__description\">\n                    Biro Perencanaan dan Pengembangan Institut Pendidikan dan Teknologi \u2019Aisyiyah Riau merupakan bagian yang mendukung pengembangan institusi melalui perencanaan strategis, pengelolaan program, pengembangan mutu, serta penyediaan dokumen perencanaan dan evaluasi institusi.\n                <\/p>\n\n                <ul class=\"iptar-planning__pill-list\" aria-label=\"Ruang lingkup biro\">\n                    <li class=\"iptar-planning__pill\">\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8Z\"><\/path><path d=\"M14 2v6h6M8 13h8M8 17h6\"><\/path><\/svg>\n                        Dokumen Perencanaan\n                    <\/li>\n                    <li class=\"iptar-planning__pill\">\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M4 19V9M10 19V5M16 19v-7M22 19V3\"><\/path><\/svg>\n                        Pengembangan Institusi\n                    <\/li>\n                    <li class=\"iptar-planning__pill\">\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M17.5 19H7a5 5 0 1 1 1.1-9.9A7 7 0 0 1 21 12.5 3.5 3.5 0 0 1 17.5 19Z\"><\/path><\/svg>\n                        Dokumen Digital IPTAR\n                    <\/li>\n                <\/ul>\n            <\/header>\n        <\/div>\n\n        <section class=\"iptar-planning__documents\" aria-labelledby=\"iptar-document-title\">\n            <header class=\"iptar-planning__section-head\">\n                <div>\n                    <p class=\"iptar-planning__section-kicker\">Pusat Dokumen<\/p>\n                    <h2 class=\"iptar-planning__section-title\" id=\"iptar-document-title\">Dokumen <span>Biro<\/span><\/h2>\n                <\/div>\n                <p class=\"iptar-planning__section-description\">Temukan dokumen perencanaan, pengembangan, evaluasi, akreditasi, dan laporan institusi melalui pencarian atau filter kategori.<\/p>\n            <\/header>\n\n            <div class=\"iptar-planning__tools\">\n                <label class=\"iptar-planning__search\">\n                    <span style=\"position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;\">Cari dokumen<\/span>\n                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><circle cx=\"11\" cy=\"11\" r=\"7\"><\/circle><path d=\"m20 20-4-4\"><\/path><\/svg>\n                    <input type=\"search\" data-doc-search placeholder=\"Cari judul dokumen...\" autocomplete=\"off\">\n                <\/label>\n\n                <select class=\"iptar-planning__filter\" data-doc-filter aria-label=\"Filter kategori dokumen\">\n                    <option value=\"all\">Semua Kategori<\/option>\n                    <option value=\"perencanaan\">Perencanaan<\/option>\n                    <option value=\"renstra\">Renstra<\/option>\n                    <option value=\"evaluasi\">Evaluasi<\/option>\n                    <option value=\"akreditasi\">Akreditasi<\/option>\n                    <option value=\"laporan\">Laporan<\/option>\n                <\/select>\n\n                <div class=\"iptar-planning__count\" data-doc-count aria-live=\"polite\">0 dokumen<\/div>\n            <\/div>\n\n            <div class=\"iptar-planning__document-grid\" data-doc-grid><\/div>\n\n            <div class=\"iptar-planning__empty\" data-doc-empty>\n                <span class=\"iptar-planning__empty-icon\" aria-hidden=\"true\">\n                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3 6h6l2 2h10v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V6Z\"><\/path><path d=\"m9 13 6 6M15 13l-6 6\"><\/path><\/svg>\n                <\/span>\n                <strong>Dokumen tidak ditemukan<\/strong>\n                <span>Silakan gunakan kata kunci atau kategori lainnya.<\/span>\n            <\/div>\n\n            <aside class=\"iptar-planning__help\">\n                <span class=\"iptar-planning__help-icon\" aria-hidden=\"true\">\n                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"9\"><\/circle><path d=\"M12 11v5M12 8h.01\"><\/path><\/svg>\n                <\/span>\n                <div>\n                    <strong>Petunjuk pengelola halaman<\/strong>\n                    <p>Ganti nilai <code>MASUKKAN_ID_GOOGLE_DRIVE<\/code> pada bagian data JavaScript dengan ID berkas Google Drive. Tombol lihat dan unduh akan aktif secara otomatis.<\/p>\n                <\/div>\n            <\/aside>\n        <\/section>\n    <\/div>\n<\/section>\n\n<script>\n(function () {\n    \"use strict\";\n\n    const root = document.querySelector(\"[data-iptar-planning]\");\n    if (!root) return;\n\n    \/* ======================================================\n       DATA DOKUMEN\n       Ganti fileId dengan ID berkas Google Drive yang sesuai.\n       Cover bersifat opsional dan dapat diisi URL gambar.\n       ====================================================== *\/\n    const documents = [\n        { title: \"Rencana Strategis IPTAR\", category: \"renstra\", year: \"2025\", type: \"PDF\", fileId: \"MASUKKAN_ID_GOOGLE_DRIVE\", cover: \"\" },\n        { title: \"Rencana Kerja Tahunan IPTAR\", category: \"perencanaan\", year: \"2026\", type: \"PDF\", fileId: \"MASUKKAN_ID_GOOGLE_DRIVE\", cover: \"\" },\n        { title: \"Laporan Kinerja Institusi\", category: \"laporan\", year: \"2025\", type: \"PDF\", fileId: \"MASUKKAN_ID_GOOGLE_DRIVE\", cover: \"\" },\n        { title: \"Evaluasi Program Kerja\", category: \"evaluasi\", year: \"2025\", type: \"PDF\", fileId: \"MASUKKAN_ID_GOOGLE_DRIVE\", cover: \"\" },\n        { title: \"Dokumen Akreditasi Institusi\", category: \"akreditasi\", year: \"2025\", type: \"PDF\", fileId: \"MASUKKAN_ID_GOOGLE_DRIVE\", cover: \"\" },\n        { title: \"Rencana Pengembangan Institusi\", category: \"perencanaan\", year: \"2026\", type: \"PDF\", fileId: \"MASUKKAN_ID_GOOGLE_DRIVE\", cover: \"\" },\n        { title: \"Laporan Evaluasi Tahunan\", category: \"evaluasi\", year: \"2025\", type: \"PDF\", fileId: \"MASUKKAN_ID_GOOGLE_DRIVE\", cover: \"\" },\n        { title: \"Dokumen Renstra 2025\u20132029\", category: \"renstra\", year: \"2025\", type: \"PDF\", fileId: \"MASUKKAN_ID_GOOGLE_DRIVE\", cover: \"\" },\n        { title: \"Program Kerja Biro\", category: \"perencanaan\", year: \"2026\", type: \"PDF\", fileId: \"MASUKKAN_ID_GOOGLE_DRIVE\", cover: \"\" },\n        { title: \"Laporan Pengembangan Institusi\", category: \"laporan\", year: \"2025\", type: \"PDF\", fileId: \"MASUKKAN_ID_GOOGLE_DRIVE\", cover: \"\" }\n    ];\n\n    const categoryLabels = {\n        perencanaan: \"Perencanaan\",\n        renstra: \"Renstra\",\n        evaluasi: \"Evaluasi\",\n        akreditasi: \"Akreditasi\",\n        laporan: \"Laporan\"\n    };\n\n    const grid = root.querySelector(\"[data-doc-grid]\");\n    const searchInput = root.querySelector(\"[data-doc-search]\");\n    const filterSelect = root.querySelector(\"[data-doc-filter]\");\n    const emptyState = root.querySelector(\"[data-doc-empty]\");\n    const countLabel = root.querySelector(\"[data-doc-count]\");\n\n    function escapeHtml(value) {\n        return String(value)\n            .replace(\/&\/g, \"&amp;\")\n            .replace(\/<\/g, \"&lt;\")\n            .replace(\/>\/g, \"&gt;\")\n            .replace(\/\"\/g, \"&quot;\")\n            .replace(\/'\/g, \"&#039;\");\n    }\n\n    function isValidDriveId(fileId) {\n        return typeof fileId === \"string\" &&\n            !fileId.includes(\"MASUKKAN_ID\") &&\n            \/^[A-Za-z0-9_-]{10,}$\/.test(fileId);\n    }\n\n    function previewUrl(fileId) {\n        return \"https:\/\/drive.google.com\/file\/d\/\" + encodeURIComponent(fileId) + \"\/view\";\n    }\n\n    function downloadUrl(fileId) {\n        return \"https:\/\/drive.google.com\/uc?export=download&id=\" + encodeURIComponent(fileId);\n    }\n\n    function fileIcon() {\n        return '<span class=\"iptar-planning__file-icon\" aria-hidden=\"true\">' +\n            '<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">' +\n            '<path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8Z\"><\/path><path d=\"M14 2v6h6M8 13h8M8 17h6\"><\/path>' +\n            '<\/svg><\/span>';\n    }\n\n    function eyeIcon() {\n        return '<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M3 12s3.5-6 9-6 9 6 9 6-3.5 6-9 6-9-6-9-6Z\"><\/path><circle cx=\"12\" cy=\"12\" r=\"2.5\"><\/circle><\/svg>';\n    }\n\n    function downloadIcon() {\n        return '<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M12 3v12M7 10l5 5 5-5M5 21h14\"><\/path><\/svg>';\n    }\n\n    function createAction(doc, type) {\n        const valid = isValidDriveId(doc.fileId);\n        const label = type === \"view\" ? \"Lihat\" : \"Unduh\";\n        const modifier = type === \"view\" ? \"iptar-planning__button--view\" : \"iptar-planning__button--download\";\n        const icon = type === \"view\" ? eyeIcon() : downloadIcon();\n\n        if (!valid) {\n            return '<span class=\"iptar-planning__button is-disabled\" aria-disabled=\"true\" title=\"ID Google Drive belum diisi\">' + icon + label + '<\/span>';\n        }\n\n        const url = type === \"view\" ? previewUrl(doc.fileId) : downloadUrl(doc.fileId);\n        return '<a class=\"iptar-planning__button ' + modifier + '\" href=\"' + url + '\" target=\"_blank\" rel=\"noopener noreferrer\">' + icon + label + '<\/a>';\n    }\n\n    function createCard(doc) {\n        const article = document.createElement(\"article\");\n        article.className = \"iptar-planning__document-card\";\n\n        const title = escapeHtml(doc.title);\n        const type = escapeHtml(doc.type);\n        const year = escapeHtml(doc.year);\n        const category = escapeHtml(categoryLabels[doc.category] || doc.category);\n        const cover = doc.cover && doc.cover.trim()\n            ? '<img decoding=\"async\" src=\"' + escapeHtml(doc.cover) + '\" alt=\"Sampul ' + title + '\" loading=\"lazy\">'\n            : '<div class=\"iptar-planning__cover-placeholder\">' + fileIcon() + '<span class=\"iptar-planning__file-type\">' + type + '<\/span><\/div>';\n\n        article.innerHTML =\n            '<div class=\"iptar-planning__cover\">' + cover + '<\/div>' +\n            '<div class=\"iptar-planning__card-body\">' +\n                '<span class=\"iptar-planning__category\">' + category + '<\/span>' +\n                '<h3 class=\"iptar-planning__document-title\">' + title + '<\/h3>' +\n                '<div class=\"iptar-planning__meta\">' + type + ' &nbsp;\u2022&nbsp; ' + year + '<\/div>' +\n                '<div class=\"iptar-planning__actions\">' + createAction(doc, \"view\") + createAction(doc, \"download\") + '<\/div>' +\n            '<\/div>';\n\n        return article;\n    }\n\n    function renderDocuments() {\n        const keyword = searchInput.value.toLowerCase().trim();\n        const category = filterSelect.value;\n\n        const filtered = documents.filter(function (doc) {\n            const searchable = (doc.title + \" \" + doc.year + \" \" + (categoryLabels[doc.category] || doc.category)).toLowerCase();\n            const matchesSearch = searchable.includes(keyword);\n            const matchesCategory = category === \"all\" || doc.category === category;\n            return matchesSearch && matchesCategory;\n        });\n\n        grid.replaceChildren();\n        filtered.forEach(function (doc) {\n            grid.appendChild(createCard(doc));\n        });\n\n        emptyState.style.display = filtered.length ? \"none\" : \"block\";\n        countLabel.textContent = filtered.length + \" dokumen\";\n    }\n\n    searchInput.addEventListener(\"input\", renderDocuments);\n    filterSelect.addEventListener(\"change\", renderDocuments);\n    renderDocuments();\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Swandra Rahayu, M.Pd. Kepala Biro Perencanaan dan Pengembangan Biro Perencanaan &amp; Pengembangan Perencanaan Strategis IPTAR Biro Perencanaan dan Pengembangan Institut [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-567","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/iptar.ac.id\/index.php\/wp-json\/wp\/v2\/pages\/567","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/iptar.ac.id\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/iptar.ac.id\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/iptar.ac.id\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/iptar.ac.id\/index.php\/wp-json\/wp\/v2\/comments?post=567"}],"version-history":[{"count":8,"href":"https:\/\/iptar.ac.id\/index.php\/wp-json\/wp\/v2\/pages\/567\/revisions"}],"predecessor-version":[{"id":1308,"href":"https:\/\/iptar.ac.id\/index.php\/wp-json\/wp\/v2\/pages\/567\/revisions\/1308"}],"wp:attachment":[{"href":"https:\/\/iptar.ac.id\/index.php\/wp-json\/wp\/v2\/media?parent=567"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}