{"id":16966,"date":"2026-08-21T10:43:50","date_gmt":"2026-08-21T07:43:50","guid":{"rendered":"https:\/\/kafedra.management.fmm.kpi.ua\/main\/?p=16966"},"modified":"2026-09-04T13:48:50","modified_gmt":"2026-09-04T10:48:50","slug":"%d1%81%d0%b8%d0%bb%d0%b0%d0%b1%d1%83%d1%81%d0%b8-%d0%bc%d0%b5%d0%bd%d0%b5%d0%b4%d0%b6%d0%bc%d0%b5%d0%bd%d1%82-2026-2027-%d1%80%d1%96%d0%ba","status":"publish","type":"post","link":"https:\/\/kafedra.management.fmm.kpi.ua\/main\/?p=16966","title":{"rendered":"\u0421\u0438\u043b\u0430\u0431\u0443\u0441\u0438 \u043c\u0435\u043d\u0435\u0434\u0436\u043c\u0435\u043d\u0442 2026 &#8211; 2027 \u0440\u0456\u043a"},"content":{"rendered":"\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Exo+2:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400&amp;display=swap\" rel=\"stylesheet\">\n\n<div class=\"kpi-nav-hero-wrapper\">\n  <style>\n    \/* \u041f\u043b\u0430\u0432\u043d\u0438\u0439 \u0441\u043a\u0440\u043e\u043b \u0434\u043e \u043f\u043e\u0442\u0440\u0456\u0431\u043d\u043e\u0457 \u041e\u041f *\/\n    html {\n      scroll-behavior: smooth;\n    }\n\n    .kpi-nav-hero-wrapper {\n      font-family: 'Exo 2', 'Helvetica Neue', Helvetica, Arial, sans-serif;\n      color: #1f2937;\n      width: 100%;\n      max-width: 1000px;\n      margin: 0 auto 35px auto;\n      box-sizing: border-box;\n    }\n    .kpi-nav-hero-wrapper * { \n      box-sizing: border-box; \n    }\n\n    \/* 1. Hero \u0428\u0430\u043f\u043a\u0430 *\/\n    .kpi-nav-hero {\n      position: relative;\n      width: 100%;\n      min-height: 210px;\n      padding: 40px 16px;\n      background-image: url('https:\/\/images.unsplash.com\/photo-1456513080510-7bf3a84b82f8?auto=format&fit=crop&q=80&w=1200');\n      background-size: cover;\n      background-position: center;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      text-align: center;\n      border-radius: 8px;\n      overflow: hidden;\n      margin-bottom: 25px;\n      box-shadow: 0 4px 12px rgba(0, 34, 68, 0.08);\n    }\n    .kpi-nav-hero-overlay {\n      position: absolute;\n      inset: 0;\n      background: linear-gradient(135deg, rgba(0, 34, 68, 0.95), rgba(0, 34, 68, 0.82));\n    }\n    .kpi-nav-hero-content {\n      position: relative;\n      z-index: 2;\n      width: 100%;\n      max-width: 800px;\n    }\n    .kpi-nav-hero-tag {\n      display: inline-block;\n      background-color: #ff6900;\n      color: #ffffff !important;\n      font-weight: 800 !important;\n      text-transform: uppercase;\n      padding: 4px 12px;\n      font-size: 12px !important;\n      letter-spacing: 1px;\n      margin-bottom: 10px;\n      border-radius: 3px;\n    }\n    .kpi-nav-hero-title {\n      font-size: clamp(22px, 4.5vw, 34px) !important;\n      font-weight: 800 !important;\n      text-transform: uppercase;\n      margin: 0 0 8px 0 !important;\n      line-height: 1.2 !important;\n      color: #ffffff !important;\n      text-shadow: 0 2px 4px rgba(0,0,0,0.3);\n    }\n    .kpi-nav-hero-subtitle {\n      font-size: clamp(14px, 3.2vw, 16px) !important;\n      margin: 0 !important;\n      opacity: 0.95;\n      color: #ffffff !important;\n      font-weight: 500 !important;\n      line-height: 1.4;\n    }\n\n    \/* 2. \u041d\u0430\u0432\u0456\u0433\u0430\u0446\u0456\u0439\u043d\u0456 \u043a\u0430\u0440\u0442\u043a\u0438 (\u0428\u0432\u0438\u0434\u043a\u0456 \u043f\u043e\u0441\u0438\u043b\u0430\u043d\u043d\u044f) *\/\n    .kpi-nav-heading {\n      font-size: 18px;\n      font-weight: 700;\n      color: #002244;\n      margin: 0 0 15px 0;\n      display: flex;\n      align-items: center;\n      gap: 10px;\n    }\n    .kpi-nav-heading::after {\n      content: '';\n      flex: 1;\n      height: 2px;\n      background: #e2e8f0;\n      border-radius: 2px;\n    }\n    .kpi-programs-grid {\n      display: grid;\n      grid-template-columns: 1fr;\n      gap: 12px;\n    }\n    .kpi-program-card-link {\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      padding: 14px 18px;\n      background: #f8fafc;\n      border: 1px solid #e2e8f0;\n      border-left: 4px solid #002244;\n      border-radius: 6px;\n      text-decoration: none;\n      color: #002244;\n      font-size: 15px;\n      font-weight: 700;\n      transition: all 0.2s ease;\n      touch-action: manipulation;\n    }\n    .kpi-program-card-link:hover {\n      background: #ffffff;\n      border-left-color: #ff6900;\n      box-shadow: 0 4px 14px rgba(0, 34, 68, 0.08);\n      transform: translateY(-2px);\n      color: #002244;\n    }\n    .kpi-card-title-box {\n      display: flex;\n      align-items: center;\n      flex-grow: 1;\n    }\n    .kpi-card-num {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      width: 26px;\n      height: 26px;\n      border-radius: 50%;\n      background: #ff6900;\n      color: #ffffff;\n      font-size: 13px;\n      font-weight: 800;\n      margin-right: 12px;\n      flex-shrink: 0;\n    }\n    .kpi-card-arrow {\n      color: #ff6900;\n      font-size: 18px;\n      font-weight: 800;\n      margin-left: 10px;\n      transition: transform 0.2s ease;\n    }\n    .kpi-program-card-link:hover .kpi-card-arrow {\n      transform: translateY(3px);\n    }\n\n    @media (min-width: 640px) {\n      .kpi-programs-grid {\n        grid-template-columns: 1fr 1fr;\n        gap: 14px;\n      }\n      .kpi-program-card-link {\n        font-size: 16px;\n        padding: 16px 20px;\n      }\n    }\n  <\/style>\n\n  <!-- Hero \u0428\u0430\u043f\u043a\u0430 -->\n  <header class=\"kpi-nav-hero\">\n    <div class=\"kpi-nav-hero-overlay\"><\/div>\n    <div class=\"kpi-nav-hero-content\">\n      <span class=\"kpi-nav-hero-tag\">\u0411\u0430\u043a\u0430\u043b\u0430\u0432\u0440\u0430\u0442<\/span>\n      <h1 class=\"kpi-nav-hero-title\">\u0421\u0438\u043b\u0430\u0431\u0443\u0441\u0438 \u043d\u0430\u0432\u0447\u0430\u043b\u044c\u043d\u0438\u0445 \u0434\u0438\u0441\u0446\u0438\u043f\u043b\u0456\u043d<\/h1>\n      <p class=\"kpi-nav-hero-subtitle\">\u041a\u0430\u0444\u0435\u0434\u0440\u0430 \u043c\u0435\u043d\u0435\u0434\u0436\u043c\u0435\u043d\u0442\u0443 \u043f\u0456\u0434\u043f\u0440\u0438\u0454\u043c\u0441\u0442\u0432 | \u041a\u041f\u0406 \u0456\u043c. \u0406\u0433\u043e\u0440\u044f \u0421\u0456\u043a\u043e\u0440\u0441\u044c\u043a\u043e\u0433\u043e<\/p>\n    <\/div>\n  <\/header>\n\n  <!-- \u0421\u043f\u0438\u0441\u043e\u043a-\u0448\u0432\u0438\u0434\u043a\u0456 \u043f\u043e\u0441\u0438\u043b\u0430\u043d\u043d\u044f \u0434\u043e 4 \u041e\u041f -->\n  <div class=\"kpi-nav-container\">\n    <div class=\"kpi-nav-heading\">\u041e\u0431\u0435\u0440\u0456\u0442\u044c \u043e\u0441\u0432\u0456\u0442\u043d\u044e \u043f\u0440\u043e\u0433\u0440\u0430\u043c\u0443:<\/div>\n    <div class=\"kpi-programs-grid\">\n      <!-- 1. \u041c\u0406\u0411 (\u041c\u0411\u0410) -->\n      <a href=\"#op-mba\" class=\"kpi-program-card-link\">\n        <div class=\"kpi-card-title-box\">\n          <span class=\"kpi-card-num\">1<\/span>\n          <span>\u041c\u0435\u043d\u0435\u0434\u0436\u043c\u0435\u043d\u0442 \u0456 \u0431\u0456\u0437\u043d\u0435\u0441-\u0430\u0434\u043c\u0456\u043d\u0456\u0441\u0442\u0440\u0443\u0432\u0430\u043d\u043d\u044f<\/span>\n        <\/div>\n        <span class=\"kpi-card-arrow\">\u2193<\/span>\n      <\/a>\n\n      <!-- 2. \u041c\u041f -->\n      <a href=\"#op-pm\" class=\"kpi-program-card-link\">\n        <div class=\"kpi-card-title-box\">\n          <span class=\"kpi-card-num\">2<\/span>\n          <span>\u041c\u0435\u043d\u0435\u0434\u0436\u043c\u0435\u043d\u0442 \u043f\u0440\u043e\u0454\u043a\u0442\u0456\u0432<\/span>\n        <\/div>\n        <span class=\"kpi-card-arrow\">\u2193<\/span>\n      <\/a>\n\n      <!-- 3. \u041c\u0406\u0412\u0438\u0440 -->\n      <a href=\"#op-mie\" class=\"kpi-program-card-link\">\n        <div class=\"kpi-card-title-box\">\n          <span class=\"kpi-card-num\">3<\/span>\n          <span>\u041c\u0435\u043d\u0435\u0434\u0436\u043c\u0435\u043d\u0442 \u0442\u0430 \u0456\u043d\u0436\u0435\u043d\u0435\u0440\u0456\u044f \u0432\u0438\u0440\u043e\u0431\u043d\u0438\u0446\u0442\u0432\u0430<\/span>\n        <\/div>\n        <span class=\"kpi-card-arrow\">\u2193<\/span>\n      <\/a>\n\n      <!-- 4. \u0426\u0415\u041c -->\n      <a href=\"#op-dem\" class=\"kpi-program-card-link\">\n        <div class=\"kpi-card-title-box\">\n          <span class=\"kpi-card-num\">4<\/span>\n          <span>\u0426\u0438\u0444\u0440\u043e\u0432\u0430 \u0435\u043a\u043e\u043d\u043e\u043c\u0456\u043a\u0430 \u0442\u0430 \u043c\u0435\u043d\u0435\u0434\u0436\u043c\u0435\u043d\u0442<\/span>\n        <\/div>\n        <span class=\"kpi-card-arrow\">\u2193<\/span>\n      <\/a>\n    <\/div>\n  <\/div>\n<\/div>\n\n\n\n<!-- KPI ALL SYLLABUSES UNIFIED BLOCK -->\n<div id=\"kpi-all-programs-root\">\n  <div id=\"kpi-global-loader\" style=\"text-align:center; padding: 40px 15px; font-family:'Exo 2', sans-serif; color: #002244;\">\n    <span style=\"font-size: 28px;\">\u23f3<\/span><br>\n    <strong style=\"font-size: 16px;\">\u0417\u0430\u0432\u0430\u043d\u0442\u0430\u0436\u0435\u043d\u043d\u044f \u043f\u0435\u0440\u0435\u043b\u0456\u043a\u0443 \u0441\u0438\u043b\u0430\u0431\u0443\u0441\u0456\u0432&#8230;<\/strong>\n  <\/div>\n  <div id=\"kpi-programs-container\"><\/div>\n<\/div>\n\n<style>\n  .kpi-syllabus-wrapper {\n    font-family: 'Exo 2', 'Helvetica Neue', Helvetica, Arial, sans-serif;\n    color: #1f2937;\n    line-height: 1.5;\n    width: 100%;\n    max-width: 1000px;\n    margin: 0 auto 50px auto;\n    padding: 10px 0;\n    box-sizing: border-box;\n    \/* \u0412\u0456\u0434\u0441\u0442\u0443\u043f \u0437\u0432\u0435\u0440\u0445\u0443 \u043f\u0440\u0438 \u043f\u0435\u0440\u0435\u0445\u043e\u0434\u0456 \u0437\u0430 \u043f\u043e\u0441\u0438\u043b\u0430\u043d\u043d\u044f\u043c, \u0449\u043e\u0431 \u043d\u0435 \u043f\u0435\u0440\u0435\u043a\u0440\u0438\u0432\u0430\u043b\u043e \u043c\u0435\u043d\u044e \u0441\u0430\u0439\u0442\u0443 *\/\n    scroll-margin-top: 85px;\n  }\n  .kpi-syllabus-wrapper * { box-sizing: border-box; }\n  .kpi-op-header {\n    margin-bottom: 20px;\n    border-bottom: 2px solid #e2e8f0;\n    padding-bottom: 12px;\n  }\n  .kpi-op-tag {\n    display: inline-block;\n    background-color: #ff6900;\n    color: #ffffff;\n    font-size: 11px;\n    font-weight: 800;\n    text-transform: uppercase;\n    letter-spacing: 1px;\n    padding: 3px 10px;\n    border-radius: 3px;\n    margin-bottom: 8px;\n  }\n  .kpi-op-title {\n    font-size: clamp(20px, 4vw, 26px);\n    font-weight: 800;\n    color: #002244;\n    margin: 0;\n    line-height: 1.25;\n  }\n  .kpi-tabs-wrapper {\n    background: #ffffff;\n    border: 1px solid #e5e7eb;\n    border-radius: 8px;\n    overflow: hidden;\n    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.04);\n  }\n  .kpi-tabs-header {\n    display: flex;\n    background: #f4f8fb;\n    border-bottom: 1px solid #e5e7eb;\n    overflow-x: auto;\n  }\n  .kpi-tab-btn {\n    flex: 1 1 0;\n    min-width: 130px;\n    padding: 13px 8px;\n    text-align: center;\n    background: transparent;\n    border: none;\n    font-family: inherit;\n    font-size: 14px;\n    font-weight: 700;\n    color: #4b5563;\n    cursor: pointer;\n    border-bottom: 3px solid transparent;\n    transition: all 0.2s ease;\n    white-space: nowrap;\n  }\n  .kpi-tab-btn:hover { color: #002244; background: #edf2f7; }\n  .kpi-tab-btn.active {\n    color: #002244;\n    background: #ffffff;\n    border-bottom: 3px solid #ff6900;\n  }\n  .kpi-tab-panel {\n    display: none;\n    padding: 12px;\n    animation: kpiFadeIn 0.25s ease-out;\n  }\n  .kpi-tab-panel.active { display: block; }\n  @keyframes kpiFadeIn {\n    from { opacity: 0; transform: translateY(4px); }\n    to { opacity: 1; transform: translateY(0); }\n  }\n  .kpi-syllabus-table {\n    width: 100%;\n    border-collapse: collapse;\n    text-align: left;\n  }\n  .kpi-syllabus-table th {\n    background-color: #002244;\n    color: #ffffff;\n    padding: 12px 14px;\n    font-size: 13px;\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n    font-weight: 700;\n  }\n  .kpi-syllabus-table th:first-child { border-top-left-radius: 4px; width: 75%; }\n  .kpi-syllabus-table th:last-child { border-top-right-radius: 4px; width: 25%; text-align: center; }\n  .kpi-syllabus-table td {\n    padding: 12px;\n    border-bottom: 1px solid #e5e7eb;\n    font-size: 14px;\n    vertical-align: middle;\n  }\n  .kpi-syllabus-table tr:hover td { background-color: #f8fafc; }\n  .kpi-syllabus-table tr:last-child td { border-bottom: none; }\n  .kpi-disc-name {\n    color: #002244;\n    font-weight: 600;\n    display: inline-flex;\n    align-items: flex-start;\n    gap: 6px;\n    line-height: 1.35;\n  }\n  .kpi-disc-name::before {\n    content: \"\ud83d\udcc4\";\n    font-size: 14px;\n    line-height: 1.2;\n    flex-shrink: 0;\n  }\n  .kpi-disc-name a {\n    color: inherit;\n    text-decoration: none;\n    transition: color 0.2s ease;\n  }\n  .kpi-disc-name a:hover {\n    color: #ff6900;\n    text-decoration: underline;\n  }\n  .kpi-course-badge {\n    display: inline-block;\n    background-color: #e2e8f0;\n    color: #002244;\n    font-size: 12px;\n    font-weight: 700;\n    padding: 4px 10px;\n    border-radius: 12px;\n    text-align: center;\n    white-space: nowrap;\n  }\n  .kpi-syllabus-table td:last-child { text-align: center; }\n  @media (min-width: 768px) {\n    .kpi-tab-btn { font-size: 15px; padding: 14px 20px; }\n    .kpi-tab-panel { padding: 16px 20px; }\n    .kpi-syllabus-table th { padding: 12px 16px; font-size: 14px; }\n    .kpi-syllabus-table td { padding: 14px 16px; font-size: 15px; }\n  }\n<\/style>\n\n<script>\n(function() {\n  \/\/ ================= \u041d\u0410\u041b\u0410\u0428\u0422\u0423\u0412\u0410\u041d\u041d\u042f =================\n  const SPREADSHEET_ID = \"1MI9VrupYu1XeHPxs-NSHEA4yerf-dBTmYR0VUTdZYgE\"; \/\/ \u0412\u0441\u0442\u0430\u0432\u0442\u0435 ID \u0432\u0430\u0448\u043e\u0457 \u0442\u0430\u0431\u043b\u0438\u0446\u0456\n  \n  \/\/ \u0422\u043e\u0447\u043d\u0456 \u0456\u0434\u0435\u043d\u0442\u0438\u0444\u0456\u043a\u0430\u0442\u043e\u0440\u0438 \u0432\u0456\u0434\u043f\u043e\u0432\u0456\u0434\u043d\u043e \u0434\u043e \u043f\u043e\u0441\u0438\u043b\u0430\u043d\u044c \u0443 Hero-\u0448\u0430\u043f\u0446\u0456\n  const PROGRAMS_ORDER = [\n    { code: \"\u041c\u0406\u0411\", name: \"\u041c\u0435\u043d\u0435\u0434\u0436\u043c\u0435\u043d\u0442 \u0456 \u0431\u0456\u0437\u043d\u0435\u0441-\u0430\u0434\u043c\u0456\u043d\u0456\u0441\u0442\u0440\u0443\u0432\u0430\u043d\u043d\u044f\", targetId: \"op-mba\" },\n    { code: \"\u041c\u041f\", name: \"\u041c\u0435\u043d\u0435\u0434\u0436\u043c\u0435\u043d\u0442 \u043f\u0440\u043e\u0454\u043a\u0442\u0456\u0432\", targetId: \"op-pm\" },\n    { code: \"\u041c\u0406\u0412\u0438\u0440\", name: \"\u041c\u0435\u043d\u0435\u0434\u0436\u043c\u0435\u043d\u0442 \u0442\u0430 \u0456\u043d\u0436\u0435\u043d\u0435\u0440\u0456\u044f \u0432\u0438\u0440\u043e\u0431\u043d\u0438\u0446\u0442\u0432\u0430\", targetId: \"op-mie\" },\n    { code: \"\u0426\u0415\u041c\", name: \"\u0426\u0438\u0444\u0440\u043e\u0432\u0430 \u0435\u043a\u043e\u043d\u043e\u043c\u0456\u043a\u0430 \u0442\u0430 \u043c\u0435\u043d\u0435\u0434\u0436\u043c\u0435\u043d\u0442\", targetId: \"op-dem\" }\n  ];\n  \/\/ ===============================================\n\n  const queryUrl = \"https:\/\/docs.google.com\/spreadsheets\/d\/\" + SPREADSHEET_ID + \"\/gviz\/tq?tqx=out:json&sheet=\u0421\u0438\u043b\u0430\u0431\u0443\u0441\u0438\";\n\n  fetch(queryUrl)\n    .then(res => {\n      if (!res.ok) throw new Error(\"\u041f\u043e\u043c\u0438\u043b\u043a\u0430: \" + res.status);\n      return res.text();\n    })\n    .then(text => {\n      const startIdx = text.indexOf(\"{\");\n      const endIdx = text.lastIndexOf(\"}\");\n      if (startIdx === -1 || endIdx === -1) throw new Error(\"\u041d\u0435\u043a\u043e\u0440\u0435\u043a\u0442\u043d\u0430 \u0432\u0456\u0434\u043f\u043e\u0432\u0456\u0434\u044c\");\n\n      const json = JSON.parse(text.substring(startIdx, endIdx + 1));\n      const rows = json.table.rows;\n\n      const allData = [];\n      rows.forEach(r => {\n        if (!r.c) return;\n        const op = r.c[0] ? String(r.c[0].v).trim() : \"\";\n        const form = r.c[1] ? String(r.c[1].v).trim() : \"\";\n        const course = r.c[2] ? (r.c[2].f || r.c[2].v) : \"\";\n        const name = r.c[3] ? String(r.c[3].v).trim() : \"\";\n        const link = r.c[4] ? String(r.c[4].v).trim() : \"\";\n\n        if (op && form && name) {\n          allData.push({ op, form, course: parseInt(course, 10) || 1, name, link });\n        }\n      });\n\n      renderAllPrograms(allData);\n    })\n    .catch(err => {\n      console.error(\"\u041f\u043e\u043c\u0438\u043b\u043a\u0430:\", err);\n      document.getElementById(\"kpi-global-loader\").innerHTML = \n        `<div style=\"color:#dc2626; font-size:15px; font-weight:700;\">\u274c \u041d\u0435 \u0432\u0434\u0430\u043b\u043e\u0441\u044f \u043e\u0442\u0440\u0438\u043c\u0430\u0442\u0438 \u0434\u0430\u043d\u0456 \u0441\u0438\u043b\u0430\u0431\u0443\u0441\u0456\u0432.<\/div>\n         <div style=\"font-size:13px; color:#64748b; margin-top:5px;\">\u041f\u0435\u0440\u0435\u0432\u0456\u0440\u0442\u0435, \u0447\u0438 \u0432\u0456\u0434\u043a\u0440\u0438\u0442\u0438\u0439 \u0434\u043e\u0441\u0442\u0443\u043f: \u00ab\u0423\u0441\u0456, \u0445\u0442\u043e \u043c\u0430\u044e\u0442\u044c \u043f\u043e\u0441\u0438\u043b\u0430\u043d\u043d\u044f \u2014 \u041f\u0435\u0440\u0435\u0433\u043b\u044f\u0434\u0430\u0447\u00bb.<\/div>`;\n    });\n\n  function renderAllPrograms(allData) {\n    document.getElementById(\"kpi-global-loader\").style.display = \"none\";\n    const container = document.getElementById(\"kpi-programs-container\");\n    container.innerHTML = \"\";\n\n    const standardForms = [\"\u0414\u0435\u043d\u043d\u0430\", \"\u0414\u0438\u0441\u0442\u0430\u043d\u0446\u0456\u0439\u043d\u0430\", \"\u0417\u0430\u043e\u0447\u043d\u0430\"];\n\n    PROGRAMS_ORDER.forEach(prog => {\n      const progItems = allData.filter(d => d.op === prog.code);\n      if (progItems.length === 0) return;\n\n      const activeForms = standardForms.filter(f => progItems.some(d => d.form === f));\n      if (activeForms.length === 0) return;\n\n      \/\/ \u0421\u0442\u0432\u043e\u0440\u044e\u0454\u043c\u043e \u0441\u0435\u043a\u0446\u0456\u044e \u0437 \u0442\u043e\u0447\u043d\u0438\u043c ID \u0437 \u043d\u0430\u0432\u0456\u0433\u0430\u0446\u0456\u0457 (#op-mba, #op-pm \u0442\u043e\u0449\u043e)\n      const wrapper = document.createElement(\"div\");\n      wrapper.className = \"kpi-syllabus-wrapper\";\n      wrapper.id = prog.targetId;\n\n      const headerHtml = `\n        <div class=\"kpi-op-header\">\n          <span class=\"kpi-op-tag\">\u0411\u0430\u043a\u0430\u043b\u0430\u0432\u0440\u0430\u0442 | \u041e\u041f<\/span>\n          <h2 class=\"kpi-op-title\">${prog.name}<\/h2>\n        <\/div>\n      `;\n\n      let tabsHeaderHtml = `<div class=\"kpi-tabs-header\">`;\n      let panelsHtml = \"\";\n\n      activeForms.forEach((formName, fIdx) => {\n        const panelId = `${prog.targetId}-panel-${fIdx}`;\n        const isFirst = fIdx === 0;\n\n        tabsHeaderHtml += `\n          <button class=\"kpi-tab-btn${isFirst ? ' active' : ''}\" \n                  data-wrapper=\"${wrapper.id}\" \n                  data-target=\"${panelId}\">\n            ${formName} \u0444\u043e\u0440\u043c\u0430\n          <\/button>\n        `;\n\n        const formDisciplines = progItems.filter(d => d.form === formName);\n        formDisciplines.sort((a, b) => a.course - b.course);\n\n        let rowsHtml = \"\";\n        formDisciplines.forEach(d => {\n          const titleHtml = d.link \n            ? `<a href=\"${d.link}\" target=\"_blank\">${d.name}<\/a>`\n            : d.name;\n\n          rowsHtml += `<tr>\n            <td><span class=\"kpi-disc-name\">${titleHtml}<\/span><\/td>\n            <td><span class=\"kpi-course-badge\">${d.course} \u043a\u0443\u0440\u0441<\/span><\/td>\n          <\/tr>`;\n        });\n\n        panelsHtml += `\n          <div id=\"${panelId}\" class=\"kpi-tab-panel${isFirst ? ' active' : ''}\">\n            <table class=\"kpi-syllabus-table\">\n              <thead>\n                <tr>\n                  <th>\u041d\u0430\u0437\u0432\u0430 \u043e\u0441\u0432\u0456\u0442\u043d\u044c\u043e\u0433\u043e \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u0443<\/th>\n                  <th>\u041a\u0443\u0440\u0441<\/th>\n                <\/tr>\n              <\/thead>\n              <tbody>${rowsHtml}<\/tbody>\n            <\/table>\n          <\/div>\n        `;\n      });\n\n      tabsHeaderHtml += `<\/div>`;\n\n      wrapper.innerHTML = `\n        ${headerHtml}\n        <div class=\"kpi-tabs-wrapper\">\n          ${tabsHeaderHtml}\n          ${panelsHtml}\n        <\/div>\n      `;\n\n      container.appendChild(wrapper);\n    });\n\n    \/\/ \u0406\u0437\u043e\u043b\u044c\u043e\u0432\u0430\u043d\u0435 \u043f\u0435\u0440\u0435\u043c\u0438\u043a\u0430\u043d\u043d\u044f \u0432\u043a\u043b\u0430\u0434\u043e\u043a \u0432\u0441\u0435\u0440\u0435\u0434\u0438\u043d\u0456 \u0431\u043b\u043e\u043a\u0443\n    container.querySelectorAll(\".kpi-tab-btn\").forEach(btn => {\n      btn.addEventListener(\"click\", function() {\n        const wrapperId = this.getAttribute(\"data-wrapper\");\n        const targetPanelId = this.getAttribute(\"data-target\");\n        const parentWrapper = document.getElementById(wrapperId);\n\n        if (!parentWrapper) return;\n\n        parentWrapper.querySelectorAll(\".kpi-tab-btn\").forEach(b => b.classList.remove(\"active\"));\n        parentWrapper.querySelectorAll(\".kpi-tab-panel\").forEach(p => p.classList.remove(\"active\"));\n\n        this.classList.add(\"active\");\n        const targetPanel = parentWrapper.querySelector(\"#\" + targetPanelId);\n        if (targetPanel) targetPanel.classList.add(\"active\");\n      });\n    });\n  }\n})();\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>\u0411\u0430\u043a\u0430\u043b\u0430\u0432\u0440\u0430\u0442 \u0421\u0438\u043b\u0430\u0431\u0443\u0441\u0438 \u043d\u0430\u0432\u0447\u0430\u043b\u044c\u043d\u0438\u0445 \u0434\u0438\u0441\u0446\u0438\u043f\u043b\u0456\u043d \u041a\u0430\u0444\u0435\u0434\u0440\u0430 \u043c\u0435\u043d\u0435\u0434\u0436\u043c\u0435\u043d\u0442\u0443 \u043f\u0456\u0434\u043f\u0440\u0438\u0454\u043c\u0441\u0442\u0432 | \u041a\u041f\u0406 \u0456\u043c. \u0406\u0433\u043e\u0440\u044f \u0421\u0456\u043a\u043e\u0440\u0441\u044c\u043a\u043e\u0433\u043e \u041e\u0431\u0435\u0440\u0456\u0442\u044c \u043e\u0441\u0432\u0456\u0442\u043d\u044e \u043f\u0440\u043e\u0433\u0440\u0430\u043c\u0443: 1 \u041c\u0435\u043d\u0435\u0434\u0436\u043c\u0435\u043d\u0442 \u0456 \u0431\u0456\u0437\u043d\u0435\u0441-\u0430\u0434\u043c\u0456\u043d\u0456\u0441\u0442\u0440\u0443\u0432\u0430\u043d\u043d\u044f \u2193<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-16966","post","type-post","status-publish","format-standard","hentry","category-1"],"_links":{"self":[{"href":"https:\/\/kafedra.management.fmm.kpi.ua\/main\/index.php?rest_route=\/wp\/v2\/posts\/16966","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kafedra.management.fmm.kpi.ua\/main\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kafedra.management.fmm.kpi.ua\/main\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kafedra.management.fmm.kpi.ua\/main\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/kafedra.management.fmm.kpi.ua\/main\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=16966"}],"version-history":[{"count":29,"href":"https:\/\/kafedra.management.fmm.kpi.ua\/main\/index.php?rest_route=\/wp\/v2\/posts\/16966\/revisions"}],"predecessor-version":[{"id":17034,"href":"https:\/\/kafedra.management.fmm.kpi.ua\/main\/index.php?rest_route=\/wp\/v2\/posts\/16966\/revisions\/17034"}],"wp:attachment":[{"href":"https:\/\/kafedra.management.fmm.kpi.ua\/main\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=16966"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/kafedra.management.fmm.kpi.ua\/main\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=16966"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kafedra.management.fmm.kpi.ua\/main\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=16966"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}