:root{--bg:#f1f5f9;--panel:#fff;--panel2:#f8fafc;--panel3:#eef2f7;--garis:#e2e8f0;--garis-kuat:#cbd5e1;--teks:#1e293b;--redup:#64748b;--redup2:#94a3b8;--aksen:#2563eb;--aksen-hover:#1d4ed8;--aksen-bg:#eff6ff;--aksen-teks:#1e40af;--hijau:#16a34a;--hijau-bg:#f0fdf4;--hijau-teks:#15803d;--kuning:#d97706;--kuning-bg:#fffbeb;--kuning-teks:#b45309;--merah:#dc2626;--merah-bg:#fef2f2;--merah-teks:#b91c1c;--ungu:#7c3aed;--ungu-bg:#f5f3ff;--bayang:0 1px 2px #0f172a0a, 0 4px 14px #0f172a0f;--bayang-besar:0 8px 30px #0f172a1a;--radius:14px}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--teks);-webkit-font-smoothing:antialiased;margin:0;font:15px/1.6 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}a{color:var(--aksen);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,h4{color:var(--teks);letter-spacing:-.01em;font-weight:700}h2{font-size:22px}h3{font-size:17px}header.top{background:var(--panel);border-bottom:1px solid var(--garis);z-index:20;box-shadow:var(--bayang);justify-content:space-between;align-items:center;padding:14px 24px;display:flex;position:sticky;top:0}header.top .merek{color:var(--teks);align-items:center;gap:10px;font-size:17px;font-weight:800;display:flex}header.top .merek .ikon{font-size:22px}header.top nav a{color:var(--redup);margin-left:18px;font-size:14px;font-weight:600}header.top nav a:hover{color:var(--aksen);text-decoration:none}main{max-width:1180px;margin:0 auto;padding:20px 20px 60px}.kartu{background:var(--panel);border:1px solid var(--garis);border-radius:var(--radius);box-shadow:var(--bayang);margin-bottom:20px;padding:24px}.kartu.pusat{max-width:560px;margin-left:auto;margin-right:auto}.kartu-judul{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:4px;display:flex}.kartu-judul h3{margin:0}.subjudul{color:var(--redup);margin:2px 0 16px;font-size:13.5px;line-height:1.55}.info{background:var(--aksen-bg);color:var(--aksen-teks);border:1px solid #bfdbfe;border-radius:10px;margin-bottom:16px;padding:12px 16px;font-size:13.5px;line-height:1.6}.info.hijau{background:var(--hijau-bg);color:var(--hijau-teks);border-color:#bbf7d0}.info.kuning{background:var(--kuning-bg);color:var(--kuning-teks);border-color:#fde68a}.info .judul{margin-bottom:2px;font-weight:700}.grid{gap:16px;display:grid}.grid.dua{grid-template-columns:1fr 1fr}.grid.tiga{grid-template-columns:1fr 1fr 1fr}@media (max-width:640px){.grid.dua,.grid.tiga{grid-template-columns:1fr}}.tabel-bungkus{border:1px solid var(--garis);border-radius:10px;overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:13.5px}th,td{border-bottom:1px solid var(--garis);text-align:left;padding:10px 12px}th{color:var(--redup);text-transform:uppercase;letter-spacing:.03em;background:var(--panel3);white-space:nowrap;font-size:12px;font-weight:700;position:sticky;top:0}tbody tr:hover td{background:var(--aksen-bg)}tbody tr:nth-child(2n) td{background:var(--panel2)}tbody tr:nth-child(2n):hover td{background:var(--aksen-bg)}.num{text-align:right;font-variant-numeric:tabular-nums}.btn{background:var(--aksen);color:#fff;cursor:pointer;border:none;border-radius:10px;align-items:center;gap:6px;padding:11px 20px;font-size:14.5px;font-weight:700;transition:background .12s;display:inline-flex;box-shadow:0 1px 2px #2563eb40}.btn:hover{background:var(--aksen-hover);text-decoration:none}.btn.besar{border-radius:12px;padding:14px 26px;font-size:16px}.btn.sekunder{background:var(--panel);color:var(--teks);border:1.5px solid var(--garis-kuat)}.btn.sekunder:hover{background:var(--panel2);border-color:var(--redup2)}.btn.bahaya{background:var(--panel);color:var(--merah);border:1.5px solid #fecaca}.btn.bahaya:hover{background:var(--merah-bg)}.btn.kecil{border-radius:7px;padding:6px 12px;font-size:12.5px}.btn:disabled{opacity:.5;cursor:not-allowed}input,select,textarea{background:var(--panel);border:1.5px solid var(--garis-kuat);color:var(--teks);border-radius:9px;width:100%;padding:10px 13px;font-family:inherit;font-size:14.5px}input:focus,select:focus,textarea:focus{border-color:var(--aksen);box-shadow:0 0 0 3px var(--aksen-bg);outline:none}label{color:var(--teks);margin-bottom:6px;font-size:13.5px;font-weight:600;display:block}.field{margin-bottom:16px}.field .bantuan{color:var(--redup);margin-top:4px;font-size:12px}.cek-baris{color:var(--teks);align-items:center;gap:7px;font-size:14px;display:flex}.cek-baris input{width:auto}.pesan{border-radius:10px;align-items:center;gap:10px;margin-bottom:18px;padding:13px 18px;font-size:14px;font-weight:600;display:flex}.pesan.ok{background:var(--hijau-bg);color:var(--hijau-teks);border:1px solid #bbf7d0}.pesan.galat{background:var(--merah-bg);color:var(--merah-teks);border:1px solid #fecaca}.pesan:before{font-size:16px}.pesan.ok:before{content:"✅"}.pesan.galat:before{content:"⚠️"}.langkah-nav{-webkit-overflow-scrolling:touch;gap:8px;margin-bottom:4px;padding:4px 2px 18px;display:flex;overflow-x:auto}.langkah{background:var(--panel);border:1.5px solid var(--garis);white-space:nowrap;color:var(--redup);border-radius:12px;flex-shrink:0;align-items:center;gap:9px;padding:10px 16px 10px 12px;font-size:13.5px;font-weight:600;display:flex}.langkah:hover{border-color:var(--redup2);color:var(--teks);text-decoration:none}.langkah .no{background:var(--panel3);width:24px;height:24px;color:var(--redup);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:800;display:flex}.langkah.aktif{background:var(--aksen);border-color:var(--aksen);color:#fff}.langkah.aktif .no{color:#fff;background:#ffffff40}.langkah.selesai .no{background:var(--hijau);color:#fff;font-size:0}.langkah.selesai .no:before{content:"✓";font-size:12px}.langkah.selesai:not(.aktif){color:var(--hijau-teks);background:var(--hijau-bg);border-color:#bbf7d0}.lencana{border-radius:20px;align-items:center;gap:4px;padding:3px 10px;font-size:11.5px;font-weight:700;display:inline-flex}.lencana.isi{background:var(--hijau-bg);color:var(--hijau-teks)}.lencana.otomatis{background:var(--kuning-bg);color:var(--kuning-teks)}.lencana.belum{background:var(--panel3);color:var(--redup)}.lencana.ubah{background:var(--ungu-bg);color:var(--ungu)}.kecil{color:var(--redup);font-size:12.5px}.svg-kurva{width:100%;height:auto}.deviasi-plus{color:var(--hijau-teks);font-weight:700}.deviasi-minus{color:var(--merah-teks);font-weight:700}.proyek-daftar{gap:14px;display:grid}.proyek-item{background:var(--panel);border-radius:var(--radius);border:1.5px solid var(--garis);box-shadow:var(--bayang);justify-content:space-between;align-items:center;gap:16px;padding:18px 22px;transition:all .12s;display:flex}.proyek-item:hover{border-color:var(--aksen);box-shadow:var(--bayang-besar);text-decoration:none}.proyek-item .nama{color:var(--teks);font-size:16px;font-weight:700}.proyek-item .meta{color:var(--redup);margin-top:3px;font-size:13px}.proyek-item .panah{color:var(--redup2);font-size:20px}.proyek-ikon{background:var(--aksen-bg);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;font-size:22px;display:flex}footer{text-align:center;color:var(--redup2);padding:26px 20px;font-size:12.5px}.stat{flex-wrap:wrap;gap:14px;display:flex}.stat .item{background:var(--panel2);border:1px solid var(--garis);border-radius:12px;flex:1;min-width:150px;padding:16px 18px}.stat .angka{color:var(--teks);font-size:24px;font-weight:800}.stat .label{color:var(--redup);margin-top:4px;font-size:12.5px;font-weight:600}.cari-box{background:var(--panel2);border:1.5px solid var(--garis-kuat);border-radius:10px;align-items:center;gap:8px;margin-bottom:14px;padding:8px 14px;display:flex}.cari-box input{box-shadow:none;background:0 0;border:none;padding:2px}.cari-box input:focus{box-shadow:none}.cari-box .ikon{color:var(--redup2)}details.kelompok{border:1.5px solid var(--garis);background:var(--panel);border-radius:12px;margin-bottom:10px;overflow:hidden}details.kelompok[open]{border-color:var(--aksen)}details.kelompok summary{cursor:pointer;background:var(--panel3);justify-content:space-between;align-items:center;gap:10px;padding:13px 18px;font-size:14px;font-weight:700;list-style:none;display:flex}details.kelompok summary::-webkit-details-marker{display:none}details.kelompok summary:after{content:"▾";color:var(--redup);font-size:12px;transition:transform .15s}details.kelompok[open] summary:after{transform:rotate(180deg)}details.kelompok summary .info-ringkas{color:var(--redup);white-space:nowrap;font-size:12.5px;font-weight:500}details.kelompok .isi-kelompok{padding:0}details.kelompok table{margin:0}details.kelompok th{background:var(--panel2)}.baris-tersembunyi{display:none!important}.tab{border-bottom:1px solid var(--garis);gap:4px;margin-bottom:18px;display:flex}.tab a{color:var(--redup);border-radius:6px 6px 0 0;padding:8px 14px}.tab a.aktif{background:var(--panel2);color:var(--teks);border:1px solid var(--garis);border-bottom:1px solid var(--panel2);margin-bottom:-1px}@media (max-width:640px){main{padding:14px 12px 40px}.kartu{border-radius:12px;padding:18px}header.top{padding:12px 16px}.stat .item{min-width:120px}}.lembar-cetak{background:#fff;max-width:900px;margin:0 auto;padding:24px}.lembar-cetak .kop{text-align:center;margin-bottom:18px}.lembar-cetak .kop h2{margin:0 0 4px;font-size:16px}.lembar-cetak table{font-size:12px}.lembar-cetak th,.lembar-cetak td{padding:5px 8px}.lembar-cetak .ttd{text-align:center;justify-content:space-between;margin-top:40px;display:flex}.lembar-cetak .ttd .kolom{flex:1}.lembar-cetak .ttd .garis{border-top:1px solid var(--teks);margin-top:60px;padding-top:4px}.tombol-cetak{margin-bottom:16px}.pemisah-cetak{break-after:page;page-break-after:always}@media print{@page{margin:0}header.top,footer,.tombol-cetak,.bar-kembali{display:none!important}main{max-width:100%;padding:0}.lembar-cetak{padding:14mm 12mm}body{background:#fff}}