:root{--m-bg:#f5f7fb;--m-ink:#131a2c;--m-blue:#3157ff;--m-cyan:#00cbbd;--m-purple:#8c5cff;--m-pink:#ff4d9a;--m-orange:#ff8c42}
body{background:radial-gradient(circle at 8% 12%,#dff9f6 0,transparent 22%),radial-gradient(circle at 95% 20%,#ebe4ff 0,transparent 26%),var(--m-bg);font-family:Inter,ui-sans-serif,system-ui,sans-serif}
.sidebar{height:76px;border:0;background:#ffffffc9;box-shadow:0 8px 30px #22345c10;padding:0 34px}.brand .mark{border-radius:14px;background:linear-gradient(145deg,var(--m-blue),var(--m-purple));box-shadow:0 8px 20px #3157ff3d}.brand strong{font-size:12px;letter-spacing:.12em}.brand span{font-size:10px}.nav{border-radius:12px}.nav.active{background:#eef1ff;color:var(--m-blue);font-weight:800}.nav b{background:var(--m-blue);color:#fff}
.topbar{top:76px;height:72px;border:0;background:#f5f7fbd9}.topbar h1{font-family:Inter,ui-sans-serif,sans-serif;font-size:22px}.eyebrow{color:var(--m-purple)}.search{border:0;box-shadow:0 5px 20px #26395b12;background:#fff}.view{padding-top:22px}
.hero-grid{grid-template-columns:minmax(0,1fr) 300px;gap:16px}.hero-card{min-height:430px;border:0;border-radius:32px;background:linear-gradient(125deg,#111a46 0%,#183b92 45%,#136fc0 100%);box-shadow:0 24px 70px #142a7440;padding:0;overflow:hidden}.hero-card:after{display:none}.hero-copy{position:absolute;z-index:4;left:42px;top:44px;max-width:42%;color:white}.hero-copy:after{content:"";position:absolute;z-index:-1;inset:-36px -70px -36px -42px;background:linear-gradient(90deg,#101943 55%,#101943d4 72%,transparent)}.live{color:#65f1e8;font-size:11px}.hero-copy h2{font-family:Inter,ui-sans-serif,sans-serif;font-size:clamp(42px,4.2vw,65px);font-weight:800;line-height:.98;color:#fff;letter-spacing:-.055em;margin:20px 0}.hero-copy em{font-style:normal;color:#7af2e5}.hero-copy p{color:#d6e1ff;font-size:16px}.hero-tags span{background:#ffffff12;border:1px solid #ffffff30;box-shadow:none;color:#fff;backdrop-filter:blur(8px)}
.hero-visual{position:absolute;inset:0 0 0 32%;overflow:hidden}.hero-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#111a46 0,transparent 31%),linear-gradient(0deg,#111a4625,transparent)}.hero-visual img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.floating-stat{position:absolute;z-index:3;padding:10px 13px;border:1px solid #ffffff45;border-radius:14px;background:#08183b9e;color:#fff;backdrop-filter:blur(12px);box-shadow:0 12px 30px #07143738}.floating-stat span,.floating-stat small{display:block}.floating-stat span{font-size:8px;letter-spacing:.13em;color:#7af2e5}.floating-stat b{font-size:18px}.floating-stat small{font-size:9px;color:#d7e3ff}.fs1{right:28px;bottom:34px}.fs2{right:31%;top:34px}.fs3{right:27px;top:42px}
.priority-card{border:0;border-radius:28px;background:linear-gradient(160deg,#fff,#f0ecff);box-shadow:0 18px 50px #26395b16}.priority-card .section-label{color:var(--m-purple)}.gauge .value{stroke:var(--m-purple)}.mini-row{border-color:#dce2ee}
.kpi-grid{gap:14px}.kpi{border:0;border-radius:22px;box-shadow:0 12px 35px #20345c12}.kpi.teal{background:linear-gradient(145deg,#d8fffa,#fff)}.kpi.blue{background:linear-gradient(145deg,#dce4ff,#fff)}.kpi.amber{background:linear-gradient(145deg,#fff0d9,#fff)}.kpi.violet{background:linear-gradient(145deg,#eddfff,#fff)}.kpi b{font-family:Inter,ui-sans-serif,sans-serif;font-weight:800}.panel{border:0;border-radius:24px;box-shadow:0 15px 45px #20345c11}.panel h3,.section-intro h2{font-family:Inter,ui-sans-serif,sans-serif}.project-row{border-color:#e8edf5}.project-row:hover{background:#f3f6ff}.project-row .icon{border:0;box-shadow:0 6px 14px #26395b20}.insight{border:0;background:linear-gradient(110deg,#fff2db,#fff,#efeaff);box-shadow:0 15px 45px #20345c10}.insight-icon{border:0;box-shadow:none;background:linear-gradient(145deg,var(--m-orange),#ffba47)}
.filters{background:#e9edf5;border:0}.filters button.active{background:white;color:var(--m-blue);box-shadow:0 5px 15px #26395b16}.project-card{border:0;border-radius:24px;box-shadow:0 15px 42px #20345c12}.project-card:before{height:5px;background:linear-gradient(90deg,var(--m-blue),var(--m-cyan),var(--m-purple),var(--m-pink))}.project-card:hover{transform:translateY(-7px);box-shadow:0 24px 55px #20345c1d}.pill{border:0;background:#e6fbf8;color:#008c83}.score{border-width:4px!important}.metric{border:0;background:#f4f6fa}.timeline:before{background:linear-gradient(var(--m-cyan),var(--m-blue),var(--m-purple))}.timeline article:after{border-color:#fff;background:var(--m-blue);box-shadow:0 0 0 4px #3157ff24}.timeline article>div,.flow span,.doc-card{border:0;box-shadow:0 12px 36px #20345c10}.doc-card:nth-child(n){background:#fff}.pdf-icon{border:0;box-shadow:0 8px 18px #d6424215}.doc-actions .primary{border:0;background:linear-gradient(90deg,var(--m-blue),var(--m-purple))}dialog{border:0;box-shadow:0 30px 90px #131a2c55}
@media(max-width:1050px){.hero-copy{max-width:54%}.hero-visual{inset:0 0 0 28%}.fs2{display:none}}
@media(max-width:720px){.sidebar{height:66px}.topbar{height:70px}.hero-card{min-height:510px;border-radius:25px}.hero-copy{left:24px;right:24px;top:26px;max-width:none}.hero-copy:after{inset:-24px -24px -40px;background:linear-gradient(#101943 75%,transparent)}.hero-copy h2{font-size:42px}.hero-visual{inset:46% 0 0}.hero-visual:after{background:linear-gradient(#111a46,transparent 45%)}.floating-stat{padding:8px 10px}.fs2,.fs3{display:none}.fs1{right:15px;bottom:15px}.kpi-grid{gap:9px}.kpi{padding:15px 12px}}
/* Featured full-compendium entry */
.doc-card.featured-doc{border:1px solid rgba(18,184,180,.58);background:linear-gradient(135deg,rgba(18,184,180,.15),rgba(55,125,244,.11) 52%,rgba(242,167,43,.08));box-shadow:0 24px 70px rgba(2,13,29,.32),inset 0 1px 0 rgba(255,255,255,.08);position:relative;overflow:hidden}
.doc-card.featured-doc::after{content:'26 KAJIAN · SATU FILE';position:absolute;right:18px;top:14px;color:#7ff6e8;font-size:10px;font-weight:800;letter-spacing:.14em}
.doc-card.featured-doc .pdf-icon{background:linear-gradient(145deg,#14cabb,#377df4);color:#fff;box-shadow:0 10px 28px rgba(18,184,180,.28)}
.doc-card.featured-doc h3{color:#fff;max-width:80%}
@media(max-width:720px){.doc-card.featured-doc::after{display:none}.doc-card.featured-doc h3{max-width:none}}
/* Final visual system: dark navy, yellow, white only */
:root{--m-bg:#071426;--m-ink:#071426;--m-blue:#0e2239;--m-cyan:#f2a72b;--m-purple:#f2a72b;--m-pink:#f2a72b;--m-orange:#f2a72b}
body{background:linear-gradient(145deg,#071426 0%,#0b1d31 54%,#071426 100%);color:#fff}
.sidebar{background:#071426;color:#fff;box-shadow:10px 0 28px rgba(0,0,0,.24)}.brand .mark{background:#f2a72b!important;color:#071426;box-shadow:0 8px 20px rgba(242,167,43,.28)}.brand span,.nav{color:#c8d3df}.nav:hover,.nav.active{background:#0e2239;color:#fff}.nav.active{box-shadow:inset 3px 0 #f2a72b}.nav b{background:#f2a72b;color:#071426}.side-note{border-color:#243b55}.side-note span{color:#f2a72b}.topbar{background:rgba(7,20,38,.94);color:#fff;border-color:#243b55}.topbar h1{color:#fff}.eyebrow,.section-label{color:#f2a72b}.search{background:#fff;color:#071426;border:1px solid #f2a72b}.search input{color:#071426}.date{color:#a9b8c8;border-color:#243b55}.date strong{color:#fff}.hero-card{background:linear-gradient(125deg,#071426 0%,#0e2239 58%,#18324e 100%);box-shadow:0 24px 70px rgba(0,0,0,.38)}.hero-copy em,.live{color:#f2a72b}.hero-copy p{color:#e7edf3}.hero-tags span{background:rgba(242,167,43,.1);border-color:rgba(242,167,43,.6)}.hero-visual img{filter:saturate(.28) contrast(1.08)}.floating-stat{background:rgba(7,20,38,.92);border-color:rgba(242,167,43,.65)}.floating-stat span{color:#f2a72b}.priority-card,.panel,.kpi,.project-card,.doc-card{background:#fff;color:#071426;border-color:#243b55}.priority-card .section-label,.text-btn{color:#f2a72b}.gauge .value{stroke:#f2a72b}.kpi.teal,.kpi.blue,.kpi.amber,.kpi.violet{background:#fff;border-top-color:#f2a72b}.kpi>span,.kpi small,.project-row small,.project-card .location,.caption,.section-intro p,.doc-meta{color:#53677c}.project-row{border-color:#d8e0e8}.project-row:hover{background:#fff8e5}.project-row .icon{background:#0e2239!important;color:#fff}.progress i{background:#f2a72b!important}.project-card:before{background:#f2a72b}.pill{background:#fff3d4;color:#071426;border:1px solid #f2a72b}.score{border-color:#f2a72b!important}.metric{background:#f7f9fb}.next b{color:#9b6700}.radar-value{fill:rgba(242,167,43,.3);stroke:#f2a72b}.timeline:before{background:#f2a72b}.timeline article:after{border-color:#f2a72b;background:#fff}.timeline span,.flow i{color:#9b6700}.timeline article>div,.flow span{background:#fff;color:#071426}.filters{background:#0e2239}.filters button{color:#d7e1eb}.filters button.active{background:#f2a72b;color:#071426}.doc-card:nth-child(n){background:#fff}.pdf-icon{background:#fff3d4;color:#071426;border-color:#f2a72b}.doc-actions .primary{background:#0e2239;color:#fff}.insight{background:#fff;color:#071426}.insight:before{background:#f2a72b}.insight-icon{background:#f2a72b;color:#071426}.detail-kicker{color:#9b6700}.detail-grid div{background:#f7f9fb}.pdf-head{background:#071426}.pdf-head a{color:#f2a72b}
.sikd-shell{background:#fff;border:1px solid #243b55;border-radius:24px;overflow:hidden;box-shadow:0 20px 55px rgba(0,0,0,.28);min-height:78vh}.sikd-shell iframe{display:block;width:100%;height:78vh;min-height:720px;border:0;background:#071426}@media(max-width:720px){.sikd-shell{border-radius:16px}.sikd-shell iframe{height:82vh;min-height:680px}}