:root{--kertas: #f7f5f0;--kertas-2: #fffdf9;--tinta: #10312e;--tinta-2: #3f5d59;--tinta-3: #7d918e;--teal: #0f766e;--teal-gelap: #0b4f4a;--teal-muda: #ddefec;--amber: #b45309;--amber-muda: #fdf3e3;--merah: #9f1239;--merah-muda: #fdeaef;--hijau: #15803d;--hijau-muda: #e6f4ea;--garis: #d9d2c5;--garis-kuat: #b9ae9b;--radius: 3px;--serif: "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;--sans: "Inter", "Segoe UI", system-ui, -apple-system, sans-serif;--mono: "JetBrains Mono", "Cascadia Mono", Consolas, monospace}*{box-sizing:border-box}html,body,#akar{height:100%}body{margin:0;background:var(--kertas);color:var(--tinta);font-family:var(--sans);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}a{color:var(--teal-gelap)}.pita{background:var(--merah);color:#fff;font-size:11px;letter-spacing:.09em;font-weight:700;text-align:center;padding:4px 10px}.kerangka{display:flex;flex-direction:column;min-height:100%}.kepala{display:flex;align-items:center;gap:16px;padding:10px 20px;background:var(--tinta);color:#e8f0ee;border-bottom:3px solid var(--teal)}.kepala .ikon-merek{flex:none;width:32px;height:32px}.kepala .merek{font-family:var(--serif);font-size:17px;letter-spacing:-.01em}.kepala .merek span{color:var(--teal-muda);opacity:.65;font-size:12px;display:block;letter-spacing:.1em;text-transform:uppercase}.kepala nav{display:flex;gap:4px;margin-left:auto;flex-wrap:wrap}.kepala nav button{background:transparent;border:1px solid transparent;color:#cfe0dd;padding:5px 11px;border-radius:var(--radius);cursor:pointer;font:inherit;font-size:13px}.kepala nav button:hover{background:#ffffff17;color:#fff}.kepala nav button[aria-current=page]{background:var(--teal);color:#fff;border-color:var(--teal)}.kepala .jalur{font-size:11px;letter-spacing:.1em;text-transform:uppercase;padding:3px 9px;border:1px solid rgba(255,255,255,.28);border-radius:99px}.utama{flex:1;padding:20px;max-width:1560px;width:100%;margin:0 auto}.kaki{padding:10px 20px;font-size:11px;color:var(--tinta-3);border-top:1px solid var(--garis)}h1{font-family:var(--serif);font-size:27px;margin:0 0 4px;letter-spacing:-.015em;font-weight:600}h2{font-family:var(--serif);font-size:19px;margin:22px 0 8px;font-weight:600}h3,h2.judul-panel{font-size:13px;margin:14px 0 6px;text-transform:uppercase;letter-spacing:.07em;color:var(--tinta-2);font-family:var(--sans);font-weight:700}.kicker{font-size:11px;letter-spacing:.13em;text-transform:uppercase;color:var(--teal);font-weight:700}.timbal{color:var(--tinta-2);max-width:74ch}.kecil{font-size:12px;color:var(--tinta-2)}.panel{background:var(--kertas-2);border:1px solid var(--garis);border-radius:var(--radius);padding:14px 16px}.panel+.panel{margin-top:12px}.panel>h3:first-child{margin-top:0}.deret-panel{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;align-items:start}.deret-panel>.panel+.panel{margin-top:0}.deret-panel .grid-2{grid-template-columns:1fr}.grid-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:12px}.grid-3{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}.tiga-panel{display:grid;grid-template-columns:300px minmax(0,1fr) 320px;gap:12px;align-items:start}@media(max-width:1200px){.tiga-panel{grid-template-columns:1fr}}button,.tombol{font:inherit;font-size:13px;cursor:pointer;border:1px solid var(--garis-kuat);background:var(--kertas-2);color:var(--tinta);padding:6px 13px;border-radius:var(--radius);transition:background .12s ease,border-color .12s ease,transform .06s ease}button:hover:not(:disabled){background:#fff;border-color:var(--teal)}button:active:not(:disabled){transform:translateY(1px)}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--teal);outline-offset:1px}button:disabled{opacity:.45;cursor:not-allowed}button.utama{background:var(--teal);border-color:var(--teal);color:#fff;font-weight:600}button.utama:hover:not(:disabled){background:var(--teal-gelap);border-color:var(--teal-gelap)}button.bahaya{background:var(--merah);border-color:var(--merah);color:#fff}button.sunyi{border-color:transparent;background:transparent;text-decoration:underline;padding:2px 4px}.baris-tombol{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.nav-langkah{background:var(--teal);border-color:var(--teal);color:#fff;font-weight:600}.nav-langkah:hover:not(:disabled){background:var(--teal-gelap);border-color:var(--teal-gelap)}label{display:block;font-size:12px;font-weight:600;margin-bottom:3px;color:var(--tinta-2)}label.wajib{color:var(--merah)}input,select,textarea{font:inherit;font-size:13px;width:100%;padding:5px 8px;border:1px solid var(--garis-kuat);border-radius:var(--radius);background:#fff;color:var(--tinta)}input[readonly],.turunan input,.turunan select{background:#f0ece3;color:var(--tinta-2);cursor:not-allowed}textarea{min-height:62px;resize:vertical}.bidang{margin-bottom:10px}.bidang .petunjuk{font-size:11px;color:var(--tinta-3);margin-top:2px}.bidang.galat input,.bidang.galat select,.bidang.galat textarea{border-color:var(--merah);background:var(--merah-muda)}.bidang .pesan-galat{font-size:11px;color:var(--merah);margin-top:2px}.bidang.tak-berlaku label{color:var(--tinta-3)}.bidang.tak-berlaku input:disabled{background:#f0ece3;color:var(--tinta-3);cursor:not-allowed}.lampiran{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.lampiran input[type=file]{width:auto;flex:1 1 auto;padding:4px;background:var(--kertas)}.lampiran a{font-size:13px;font-weight:600;word-break:break-all}.lampiran button{padding:3px 8px;font-size:12px}.lampiran .ganti-berkas{display:inline;margin:0 0 0 4px;font-size:12px}.lampiran input[type=file]{max-width:240px;font-size:12px}.kotak-centang{display:flex;align-items:flex-start;gap:7px}.kotak-centang input{width:auto;margin-top:3px}.kotak-centang label{margin:0;font-weight:500;color:var(--tinta)}.langkah{display:flex;flex-wrap:wrap;gap:3px;margin-bottom:12px}.langkah button{font-size:12px;padding:5px 10px;border-radius:0;border-right:none;display:flex;align-items:center;gap:6px}.langkah button:first-child{border-top-left-radius:var(--radius);border-bottom-left-radius:var(--radius)}.langkah button:last-child{border-right:1px solid var(--garis-kuat);border-top-right-radius:var(--radius);border-bottom-right-radius:var(--radius)}.langkah button[aria-current=step]{background:var(--tinta);color:#fff;border-color:var(--tinta);font-weight:600}.langkah .nomor{font-family:var(--mono);font-size:10px;opacity:.7}.langkah .tanda{width:6px;height:6px;border-radius:50%;background:var(--merah)}table{width:100%;border-collapse:collapse;font-size:12.5px}th,td{border:1px solid var(--garis);padding:4px 7px;text-align:left;vertical-align:top}th{background:#efeae0;font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--tinta-2)}td.angka,th.angka{text-align:right;font-variant-numeric:tabular-nums;font-family:var(--mono);font-size:12px}.gulir-x{overflow-x:auto}.lencana{display:inline-block;font-size:10.5px;font-weight:700;letter-spacing:.05em;padding:1px 7px;border-radius:99px;text-transform:uppercase}.lencana.block{background:var(--merah-muda);color:var(--merah);border:1px solid var(--merah)}.lencana.reject{background:var(--merah-muda);color:var(--merah)}.lencana.npd{background:var(--amber-muda);color:var(--amber);border:1px solid var(--amber)}.lencana.warning{background:var(--amber-muda);color:var(--amber)}.lencana.ok{background:var(--hijau-muda);color:var(--hijau);border:1px solid var(--hijau)}.lencana.netral{background:var(--teal-muda);color:var(--teal-gelap)}.temuan{border-left:3px solid var(--garis-kuat);padding:7px 10px;margin-bottom:7px;background:#fff}.temuan.block,.temuan.reject{border-left-color:var(--merah)}.temuan.npd,.temuan.warning{border-left-color:var(--amber)}.temuan .id{font-family:var(--mono);font-size:10.5px;color:var(--tinta-3)}.temuan .sebab{font-size:12px;color:var(--tinta-2);margin-top:3px}.temuan .langkah-koreksi{font-size:12px;margin-top:3px}.temuan .langkah-koreksi:before{content:"→ ";color:var(--teal);font-weight:700}.linimasa{border-left:2px solid var(--garis-kuat);padding-left:14px;margin-left:6px}.linimasa .butir{position:relative;padding-bottom:14px}.linimasa .butir:before{content:"";position:absolute;left:-20px;top:5px;width:9px;height:9px;border-radius:50%;background:var(--teal);border:2px solid var(--kertas)}.linimasa .butir[data-asal=RESPONS_SISTEM]:before{background:var(--amber)}.linimasa .butir[data-asal=FAKTA_SKENARIO]:before{background:var(--tinta-3)}.linimasa .butir[data-asal=UMPAN_BALIK]:before{background:var(--hijau)}.linimasa .waktu{font-family:var(--mono);font-size:10.5px;color:var(--tinta-3)}.linimasa .isi{white-space:pre-wrap;font-size:12.5px;color:var(--tinta-2)}.asal{font-size:10px;letter-spacing:.05em;text-transform:uppercase;color:var(--tinta-3)}.sumber{background:#fff;border:1px solid var(--garis);border-radius:var(--radius);margin-bottom:8px}.sumber summary{cursor:pointer;padding:7px 10px;font-weight:600;font-size:12.5px;list-style:none}.sumber summary::-webkit-details-marker{display:none}.sumber summary:before{content:"▸ ";color:var(--teal)}.sumber[open] summary:before{content:"▾ "}.sumber dl{margin:0;padding:0 10px 10px;font-size:12px}.sumber dt{font-weight:600;color:var(--tinta-2);margin-top:5px;font-size:11px}.sumber dd{margin:0}.skor-besar{font-family:var(--serif);font-size:46px;line-height:1}.batang{height:7px;background:#e6e0d4;border-radius:99px;overflow:hidden}.batang>i{display:block;height:100%;background:var(--teal)}.kartu{background:var(--kertas-2);border:1px solid var(--garis);border-radius:var(--radius);padding:14px 16px;cursor:pointer;text-align:left;width:100%;transition:border-color .12s ease,box-shadow .12s ease,transform .08s ease}.kartu:hover{border-color:var(--teal);box-shadow:0 2px 10px #0f766e1a;transform:translateY(-1px)}.kartu.jalur{border-left:5px solid var(--teal);padding:20px 22px}.kartu.jalur.ekspor{border-left-color:var(--amber)}.kartu.jalur h2{margin-top:0}.galat-kotak{background:var(--merah-muda);border:1px solid var(--merah);color:var(--merah);padding:8px 12px;border-radius:var(--radius);margin-bottom:12px;font-size:13px}.info-kotak{background:var(--teal-muda);border-left:3px solid var(--teal);padding:8px 12px;margin-bottom:12px;font-size:13px}.amber-kotak{background:var(--amber-muda);border-left:3px solid var(--amber);padding:8px 12px;margin-bottom:12px;font-size:13px}.status-simpan{font-size:11.5px;color:var(--tinta-3);font-family:var(--mono)}.pusat{max-width:440px;margin:6vh auto}