:root{--color-slate-50:#f8fafc;--color-slate-100:#f1f5f9;--color-slate-200:#e2e8f0;--color-slate-300:#cbd5e1;--color-slate-400:#94a3b8;--color-slate-500:#64748b;--color-slate-600:#475569;--color-slate-700:#334155;--color-slate-800:#1e293b;--color-slate-900:#0f172a;--color-sky-50:#f0f9ff;--color-sky-100:#e0f2fe;--color-sky-200:#bae6fd;--color-sky-300:#7dd3fc;--color-sky-400:#38bdf8;--color-sky-500:#0ea5e9;--color-sky-600:#0284c7;--color-sky-700:#0369a1;--color-sky-800:#075985;--color-sky-900:#0c4a6e;--color-emerald-50:#ecfdf5;--color-emerald-100:#d1fae5;--color-emerald-200:#a7f3d0;--color-emerald-300:#6ee7b7;--color-emerald-400:#34d399;--color-emerald-500:#10b981;--color-emerald-600:#059669;--color-emerald-700:#047857;--color-emerald-800:#065f46;--color-emerald-900:#064e3b;--color-rose-50:#fff1f2;--color-rose-100:#ffe4e6;--color-rose-200:#fecdd3;--color-rose-300:#fda4af;--color-rose-400:#fb7185;--color-rose-500:#f43f5e;--color-rose-600:#e11d48;--color-rose-700:#be123c;--color-rose-800:#9f1239;--color-rose-900:#881337;--color-amber-50:#fffbeb;--color-amber-100:#fef3c7;--color-amber-200:#fde68a;--color-amber-300:#fcd34d;--color-amber-400:#fbbf24;--color-amber-500:#f59e0b;--color-amber-600:#d97706;--color-amber-700:#b45309;--color-amber-800:#92400e;--color-amber-900:#78350f;--color-indigo-50:#eef2ff;--color-indigo-100:#e0e7ff;--color-indigo-200:#c7d2fe;--color-indigo-300:#a5b4fc;--color-indigo-400:#818cf8;--color-indigo-500:#6366f1;--color-indigo-600:#4f46e5;--color-indigo-700:#4338ca;--color-indigo-800:#3730a3;--color-indigo-900:#312e81;--color-blue-50:#eff6ff;--color-blue-100:#dbeafe;--color-blue-200:#bfdbfe;--color-blue-300:#93c5fd;--color-blue-400:#60a5fa;--color-blue-500:#3b82f6;--color-blue-600:#2563eb;--color-blue-700:#1d4ed8;--color-blue-800:#1e40af;--color-blue-900:#1e3a8a;--color-purple-50:#faf5ff;--color-purple-100:#f3e8ff;--color-purple-200:#e9d5ff;--color-purple-300:#d8b4fe;--color-purple-400:#c084fc;--color-purple-500:#a855f7;--color-purple-600:#9333ea;--color-purple-700:#7e22ce;--color-purple-800:#6b21a8;--color-purple-900:#581c87}.border-slate-100{border-color:#f1f5f9 !important}.border-slate-200{border-color:#e2e8f0 !important}.border-slate-300{border-color:#cbd5e1 !important}.border-slate-400{border-color:#94a3b8 !important}.border-sky-100{border-color:#e0f2fe !important}.border-sky-200{border-color:#bae6fd !important}.border-sky-300{border-color:#7dd3fc !important}.border-sky-400{border-color:#38bdf8 !important}.border-emerald-100{border-color:#d1fae5 !important}.border-emerald-200{border-color:#a7f3d0 !important}.border-emerald-300{border-color:#6ee7b7 !important}.border-indigo-100{border-color:#e0e7ff !important}.border-indigo-200{border-color:#c7d2fe !important}.border-indigo-300{border-color:#a5b4fc !important}.border-amber-100{border-color:#fef3c7 !important}.border-amber-200{border-color:#fde68a !important}.border-amber-300{border-color:#fcd34d !important}.border-rose-100{border-color:#ffe4e6 !important}.border-rose-200{border-color:#fecdd3 !important}.border-rose-300{border-color:#fda4af !important}.border-purple-100{border-color:#f3e8ff !important}.border-purple-200{border-color:#e9d5ff !important}.border-purple-300{border-color:#d8b4fe !important}.border-blue-100{border-color:#dbeafe !important}.border-blue-200{border-color:#bfdbfe !important}.border-blue-300{border-color:#93c5fd !important}.modal-fit-view{border:1px solid #cbd5e1 !important}.modal-fit-view .pub-input,.modal-fit-view input[type="text"],.modal-fit-view input[type="password"],.modal-fit-view input[type="file"],.modal-fit-view textarea,.modal-fit-view select{border:1px solid #cbd5e1 !important;background-color:#ffffff !important;color:#0f172a !important;outline:none !important}.modal-fit-view .pub-input:focus,.modal-fit-view input[type="text"]:focus,.modal-fit-view input[type="password"]:focus,.modal-fit-view input[type="file"]:focus,.modal-fit-view textarea:focus,.modal-fit-view select:focus{border-color:#0284c7 !important;box-shadow:0 0 0 3px rgba(2,132,199,0.15) !important}.modal-fit-view button{outline:none !important}body{background-color:#f8fafc;background-image:radial-gradient(#cbd5e1 1px,transparent 1px);background-size:24px 24px;color:#0f172a;min-height:100vh;font-family:'Source Sans 3',system-ui,-apple-system,sans-serif;line-height:1.6}h1,h2,h3,h4,h5,h6,.font-heading{font-family:'Lexend',system-ui,-apple-system,sans-serif;letter-spacing:-0.015em}.font-mono-code{font-family:'JetBrains Mono',monospace}.custom-scrollbar::-webkit-scrollbar{width:8px;height:8px}.custom-scrollbar::-webkit-scrollbar-track{background:#f1f5f9}.custom-scrollbar::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:999px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#94a3b8}.pub-card-hover{transition:all 0.25s cubic-bezier(0.16,1,0.3,1)}.pub-card-hover:hover{transform:translateY(-3px);box-shadow:0 14px 28px -6px rgba(15,23,42,0.1),0 8px 10px -6px rgba(15,23,42,0.05);border-color:#94a3b8}.badge-pill{display:inline-flex;align-items:center;gap:0.4rem;padding:0.35rem 0.85rem;border-radius:9999px;font-size:0.75rem;font-weight:700;line-height:1.3;white-space:nowrap}.table-cell-comfortable{padding:1.15rem 1rem !important;vertical-align:middle !important}.table-header-comfortable{padding:0.75rem 0.65rem !important;vertical-align:middle !important;white-space:normal !important;line-height:1.35 !important}.role-badge-pill{display:inline-flex !important;align-items:center !important;padding:7px 18px 7px 16px !important;border-radius:9999px !important;border:1px solid #cbd5e1 !important;margin-right:14px !important;gap:10px !important;box-shadow:0 1px 2px rgba(0,0,0,0.04) !important}.role-badge-pill #role-dot{margin-right:4px !important;margin-left:2px !important;width:10px !important;height:10px !important;border-radius:9999px !important;flex-shrink:0 !important}.btn-topbar-action{display:inline-flex !important;align-items:center !important;gap:8px !important;padding:7px 16px !important;border-radius:12px !important;font-size:12px !important;font-weight:600 !important;transition:all 0.2s ease !important;cursor:pointer !important}.modal-overlay-backdrop{backdrop-filter:blur(4px) !important;-webkit-backdrop-filter:blur(4px) !important;padding:0.75rem !important;overflow-y:auto !important}@media (min-width:640px){.modal-overlay-backdrop{padding:1.25rem !important}}.modal-fit-view{max-height:calc(100vh - 1.5rem) !important;max-height:calc(100dvh - 1.5rem) !important;display:flex !important;flex-direction:column !important;margin:auto !important;overflow:hidden !important}@media (min-width:640px){.modal-fit-view{max-height:calc(100vh - 2.5rem) !important;max-height:calc(100dvh - 2.5rem) !important}}.modal-fit-view > div:first-child{flex-shrink:0 !important}.modal-fit-view > div:not(.modal-scrollable-body):not(#docx-render-wrapper):last-child{flex-shrink:0 !important}.modal-scrollable-body,#docx-render-wrapper{flex:1 1 auto !important;min-height:0 !important;overflow-y:auto !important;overflow-x:auto !important;-webkit-overflow-scrolling:touch !important}#modal-docx-preview .modal-fit-view{height:92vh !important;max-height:92vh !important;display:flex !important;flex-direction:column !important}#docx-render-wrapper{background-color:#cbd5e1 !important;background-image:radial-gradient(#94a3b8 1px,transparent 1px) !important;background-size:20px 20px !important;overscroll-behavior:contain !important}.docx-wrapper,[class*="docx-wrapper"],[class$="-wrapper"]{background:#64748b !important;padding:32px 16px !important;overflow:visible !important;min-height:auto !important;display:flex !important;flex-direction:column !important;align-items:center !important;gap:28px !important}.docx-wrapper > section,[class*="-wrapper"] > section,section.docx,section[class*="docx"]{background-color:#ffffff !important;background:#ffffff !important;color:#0f172a !important;margin:0 auto 28px auto !important;box-shadow:0 10px 25px -5px rgba(0,0,0,0.3),0 8px 10px -6px rgba(0,0,0,0.2) !important;border:1px solid #cbd5e1 !important;border-radius:4px !important;box-sizing:border-box !important;page-break-after:always !important;break-after:page !important;position:relative !important}.docx-wrapper > section:empty,section.docx:empty{display:none !important;margin:0 !important;padding:0 !important;border:none !important;box-shadow:none !important;height:0 !important;min-height:0 !important}.bg-emerald-700{background-color:#047857 !important;color:#ffffff !important}.hover\:bg-emerald-800:hover{background-color:#065f46 !important}.bg-sky-700{background-color:#0284c7 !important;color:#ffffff !important}.hover\:bg-sky-800:hover{background-color:#0369a1 !important}.bg-indigo-700{background-color:#4338ca !important;color:#ffffff !important}.hover\:bg-indigo-800:hover{background-color:#3730a3 !important}.bg-amber-600{background-color:#d97706 !important;color:#ffffff !important}.hover\:bg-amber-700:hover{background-color:#b45309 !important}.modal-header-icon-box{width:48px !important;height:48px !important;min-width:48px !important;min-height:48px !important;border-radius:14px !important;display:flex !important;align-items:center !important;justify-content:center !important;flex-shrink:0 !important;box-shadow:0 2px 6px rgba(0,0,0,0.08) !important}.modal-header-icon-box svg{width:24px !important;height:24px !important;min-width:24px !important;min-height:24px !important}.role-card{display:flex !important;align-items:flex-start !important;padding:16px !important;border-radius:16px !important;transition:all 0.2s ease !important}.role-card-icon-box{width:48px !important;height:48px !important;min-width:48px !important;min-height:48px !important;border-radius:14px !important;display:flex !important;align-items:center !important;justify-content:center !important;flex-shrink:0 !important;margin-top:2px !important;margin-right:14px !important;transition:transform 0.15s ease,background-color 0.15s ease !important}.role-card-icon-box svg{width:24px !important;height:24px !important;min-width:24px !important;min-height:24px !important}.role-card:hover .role-card-icon-box{transform:scale(1.06)}.role-card-prc{background-color:#d1fae5 !important;color:#047857 !important;border:1.5px solid #a7f3d0 !important}.role-card:hover .role-card-prc{background-color:#a7f3d0 !important}.role-card-hkm{background-color:#e0f2fe !important;color:#0369a1 !important;border:1.5px solid #bae6fd !important}.role-card:hover .role-card-hkm{background-color:#bae6fd !important}.role-card-dir{background-color:#e0e7ff !important;color:#4338ca !important;border:1.5px solid #c7d2fe !important}.role-card:hover .role-card-dir{background-color:#c7d2fe !important}.role-card-adm{background-color:#fef3c7 !important;color:#b45309 !important;border:1.5px solid #fde68a !important}.role-card:hover .role-card-adm{background-color:#fde68a !important}.gap-card-inner{gap:16px !important;display:flex !important;align-items:flex-start !important}.grid-cards-gap{gap:16px !important}.modal-timeline-card{width:95vw !important;max-width:1200px !important;max-height:calc(100vh - 1.5rem) !important;max-height:calc(100dvh - 1.5rem) !important;display:flex !important;flex-direction:column !important;margin:auto !important;overflow:hidden !important}@media (min-width:640px){.modal-timeline-card{max-height:calc(100vh - 2.5rem) !important;max-height:calc(100dvh - 2.5rem) !important}}.timeline-landscape-body{display:flex !important;flex-direction:row !important;gap:24px !important;flex:1 1 auto !important;min-height:0 !important;overflow-y:auto !important;padding:24px !important}.timeline-stepper-column{flex:1 1 50% !important;min-width:300px !important;overflow-y:auto !important}.timeline-logs-column{flex:1 1 50% !important;min-width:300px !important;border-left:2px solid #e2e8f0 !important;padding-left:24px !important;display:flex !important;flex-direction:column !important;min-height:0 !important}#timeline-logs-container{flex:1 1 auto !important;min-height:0 !important;max-height:none !important;overflow-y:auto !important}@media (max-width:860px){.timeline-landscape-body{flex-direction:column !important}.timeline-logs-column{border-left:none !important;border-top:2px solid #e2e8f0 !important;padding-left:0 !important;padding-top:20px !important}}#docx-render-wrapper{background-color:#cbd5e1;background-image:radial-gradient(#94a3b8 1px,transparent 1px);background-size:20px 20px}.docx-wrapper{background:transparent !important;padding:0 !important}.docx-wrapper > section.docx{background:#ffffff !important;box-shadow:0 10px 25px -5px rgba(0,0,0,0.18),0 8px 10px -6px rgba(0,0,0,0.1) !important;margin:20px auto 32px auto !important;border-radius:4px !important;border:1px solid #cbd5e1 !important;box-sizing:border-box !important}@media print{@page{size:A4 portrait;margin:10mm 15mm}html,body{background:#ffffff !important;color:#000000 !important;margin:0 !important;padding:0 !important;height:auto !important;overflow:visible !important}header,nav,aside,footer,#main-header,#sidebar,.header-container,.navbar,.tab-navigation,.no-print{display:none !important}body > *:not(#modal-kartu-kendali):not(script){display:none !important}#modal-kartu-kendali{position:static !important;display:block !important;background:transparent !important;padding:0 !important;margin:0 !important;width:100% !important;height:auto !important;overflow:visible !important}#modal-kartu-kendali .pub-card{border:none !important;box-shadow:none !important;max-width:100% !important;margin:0 !important;padding:0 !important;background:transparent !important}#modal-kartu-kendali .modal-scrollable-body{background:transparent !important;padding:0 !important;margin:0 !important;overflow:visible !important;height:auto !important;max-height:none !important}#print-area{position:static !important;border:none !important;box-shadow:none !important;max-width:100% !important;margin:0 !important;padding:0 !important;background:white !important;color:black !important;page-break-after:avoid !important;page-break-inside:avoid !important}#print-area table{page-break-inside:avoid !important}}.scoreboard-grid-row{display:grid !important;grid-template-columns:repeat(6,minmax(0,1fr)) !important;gap:12px !important}@media (max-width:1024px){.scoreboard-grid-row{grid-template-columns:repeat(3,minmax(0,1fr)) !important}}@media (max-width:640px){.scoreboard-grid-row{grid-template-columns:repeat(2,minmax(0,1fr)) !important}}.filter-toolbar-single-row{display:flex !important;flex-direction:row !important;align-items:center !important;gap:10px !important;width:100% !important;flex-wrap:nowrap !important}.filter-search-col{position:relative !important;flex:1 1 auto !important;min-width:150px !important}.filter-select-status-col{flex:0 0 220px !important;width:220px !important;max-width:220px !important;height:38px !important;padding-top:0 !important;padding-bottom:0 !important;box-sizing:border-box !important}.filter-select-prov-col{flex:0 0 170px !important;width:170px !important;max-width:170px !important;height:38px !important;padding-top:0 !important;padding-bottom:0 !important;box-sizing:border-box !important}.filter-btn-refresh-col{flex:0 0 38px !important;width:38px !important;height:38px !important;display:flex !important;align-items:center !important;justify-content:center !important;flex-shrink:0 !important;box-sizing:border-box !important}@media (max-width:768px){.filter-toolbar-single-row{flex-wrap:wrap !important}.filter-search-col{flex:1 1 100% !important;width:100% !important}.filter-select-status-col,.filter-select-prov-col{flex:1 1 auto !important;width:auto !important;max-width:none !important}}.timeline-step-track{display:flex !important;flex-direction:column !important;align-items:center !important;width:28px !important;min-width:28px !important;flex-shrink:0 !important}.timeline-step-circle{width:24px !important;height:24px !important;min-width:24px !important;min-height:24px !important;border-radius:9999px !important;display:flex !important;align-items:center !important;justify-content:center !important;flex-shrink:0 !important;z-index:2 !important;box-sizing:border-box !important}.timeline-step-line{width:2px !important;background-color:#cbd5e1 !important;flex:1 1 auto !important;min-height:16px !important;margin:4px 0 !important}#docx-render-container{display:flex !important;flex-direction:column !important;align-items:center !important;gap:2rem !important;padding-bottom:3rem !important}#docx-render-container .docx-wrapper{background:transparent !important;padding:0 !important;display:flex !important;flex-direction:column !important;align-items:center !important;gap:2rem !important}#docx-render-container .docx-wrapper > section.docx{background:#ffffff !important;box-shadow:0 10px 30px -5px rgba(0,0,0,0.15),0 4px 6px -2px rgba(0,0,0,0.05),0 0 0 1px rgba(0,0,0,0.05) !important;border-radius:4px !important;box-sizing:border-box !important;margin:0 auto !important;position:relative !important;color:#1e293b !important;transition:box-shadow 0.2s ease !important}#docx-render-container table{border-collapse:collapse !important;margin:0.5rem auto !important;max-width:100% !important;table-layout:auto !important;font-size:inherit !important}#docx-render-container table td,#docx-render-container table th{border-color:#000000 !important;padding:4px 6px !important;vertical-align:middle !important;word-break:break-word !important}#docx-render-container.docx-edit-active section.docx{outline:2px dashed #f59e0b !important;outline-offset:4px !important;cursor:text !important}#docx-render-container.docx-edit-active [contenteditable="true"] *:hover{background-color:rgba(245,158,11,0.06) !important;outline:1px dotted rgba(245,158,11,0.4) !important;border-radius:2px !important}#docx-render-container.docx-edit-active [contenteditable="true"] *:focus{background-color:rgba(245,158,11,0.12) !important;outline:1.5px solid #d97706 !important;border-radius:2px !important}.desktop-table-view{display:block !important}.mobile-cards-view{display:none !important}@media (max-width:768px){.desktop-table-view{display:none !important}.mobile-cards-view{display:block !important}}.mobile-doc-card{background:#ffffff !important;border-radius:18px !important;border:1px solid #e2e8f0 !important;box-shadow:0 4px 16px -2px rgba(15,23,42,0.08),0 2px 6px -1px rgba(15,23,42,0.04) !important;padding:16px !important;margin-bottom:20px !important;display:flex !important;flex-direction:column !important;gap:14px !important;transition:transform 0.15s ease,box-shadow 0.15s ease !important;position:relative !important}.mobile-doc-card:last-child{margin-bottom:0 !important}.mobile-doc-card:hover{box-shadow:0 10px 25px -4px rgba(15,23,42,0.12) !important;border-color:#cbd5e1 !important}.mobile-metric-grid{display:grid !important;grid-template-columns:repeat(3,1fr) !important;gap:8px !important;background:#f8fafc !important;border-radius:14px !important;border:1px solid #e2e8f0 !important;padding:10px 8px !important;text-align:center !important}.mobile-metric-item{display:flex !important;flex-direction:column !important;align-items:center !important;justify-content:center !important}.mobile-pipeline-grid{display:grid !important;grid-template-columns:repeat(2,1fr) !important;gap:8px !important}.mobile-pipeline-step{padding:8px 10px !important;border-radius:12px !important;border-width:1px !important;border-style:solid !important;display:flex !important;flex-direction:column !important;justify-content:space-between !important;gap:4px !important;font-size:11px !important}.mobile-btn-action{min-height:42px !important;border-radius:12px !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;font-size:12px !important;font-weight:700 !important;cursor:pointer !important;transition:all 0.15s ease !important}.mobile-btn-icon-sq{width:42px !important;height:42px !important;min-width:42px !important;min-height:42px !important;border-radius:12px !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;cursor:pointer !important;transition:all 0.15s ease !important}