:root{--hijau:#1b7a43;--hijau-tua:#145c33;--hijau-muda:#e8f5ee;--kuning:#f5b731;--teks:#1c2b24;--teks-lembut:#5c6f66;--garis:#dfe7e2;--latar:#f4f7f5;--putih:#fff;--merah:#c0392b;--radius:10px;--bayang:0 1px 3px #10281c14, 0 1px 2px #10281c0f}*{box-sizing:border-box}body{background:var(--latar);color:var(--teks);margin:0;font-family:Segoe UI,system-ui,-apple-system,sans-serif;font-size:14px;line-height:1.5}h1,h2,h3,h4{margin:0 0 .5rem;line-height:1.25}h1{font-size:1.5rem}h2{font-size:1.15rem}h3{font-size:1rem}a{color:var(--hijau)}.app{min-height:100vh;display:flex}.sidebar{background:var(--hijau-tua);color:#dbeee3;flex-direction:column;flex-shrink:0;width:240px;height:100vh;display:flex;position:sticky;top:0}.sidebar-merek{border-bottom:1px solid #ffffff1f;padding:1.15rem 1.25rem}.sidebar-merek strong{color:#fff;font-size:.95rem;display:block}.sidebar-merek span{opacity:.75;font-size:.72rem}.sidebar nav{flex:1;padding:.6rem 0;overflow-y:auto}.sidebar nav a{color:#cfe6da;border-left:3px solid #0000;padding:.55rem 1.25rem;font-size:.875rem;text-decoration:none;display:block}.sidebar nav a:hover{color:#fff;background:#ffffff12}.sidebar nav a.aktif{color:#fff;border-left-color:var(--kuning);background:#ffffff1f;font-weight:600}.sidebar-kaki{border-top:1px solid #ffffff1f;padding:.9rem 1.25rem;font-size:.78rem}.konten{flex:1;min-width:0}.konten-atas{background:var(--putih);border-bottom:1px solid var(--garis);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:.85rem 1.5rem;display:flex}.konten-badan{max-width:1280px;padding:1.5rem}.kartu{background:var(--putih);border:1px solid var(--garis);border-radius:var(--radius);box-shadow:var(--bayang);margin-bottom:1.15rem;padding:1.15rem}.kartu-judul{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.9rem;display:flex}.petunjuk{color:var(--teks-lembut);margin:.2rem 0 0;font-size:.8rem}.grid-statistik{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.9rem;margin-bottom:1.15rem;display:grid}.statistik{background:var(--putih);border:1px solid var(--garis);border-left:3px solid var(--hijau);border-radius:var(--radius);box-shadow:var(--bayang);padding:.9rem 1rem}.statistik .label{text-transform:uppercase;letter-spacing:.04em;color:var(--teks-lembut);font-size:.72rem}.statistik .angka{color:var(--hijau-tua);font-size:1.6rem;font-weight:700}table{border-collapse:collapse;width:100%;font-size:.84rem}th,td{text-align:left;border-bottom:1px solid var(--garis);padding:.55rem .6rem}th{background:var(--hijau-muda);text-transform:uppercase;letter-spacing:.03em;color:var(--hijau-tua);white-space:nowrap;font-size:.74rem;font-weight:600}tbody tr:hover{background:#fafcfb}td.angka,th.angka{text-align:right;font-variant-numeric:tabular-nums}.tabel-gulir{overflow-x:auto}.lencana{white-space:nowrap;border-radius:999px;padding:.15rem .5rem;font-size:.72rem;font-weight:600;display:inline-block}.lencana.menunggu{color:#92400e;background:#fef3c7}.lencana.terverifikasi{color:#065f46;background:#d1fae5}.lencana.ditolak{color:#991b1b;background:#fee2e2}.lencana.draft{color:#374151;background:#e5e7eb}.lencana.dipublikasikan{color:#1e40af;background:#dbeafe}button,.tombol{font:inherit;border:1px solid var(--hijau);background:var(--hijau);color:#fff;cursor:pointer;border-radius:7px;padding:.45rem .9rem;font-size:.82rem;font-weight:600;text-decoration:none;display:inline-block}button:hover:not(:disabled),.tombol:hover{background:var(--hijau-tua)}button:disabled{opacity:.5;cursor:not-allowed}button.sekunder{background:var(--putih);color:var(--hijau)}button.sekunder:hover:not(:disabled){background:var(--hijau-muda)}button.bahaya{background:var(--merah);border-color:var(--merah)}button.kecil{padding:.25rem .55rem;font-size:.75rem}label{margin-bottom:.25rem;font-size:.8rem;font-weight:600;display:block}input,select,textarea{font:inherit;border:1px solid var(--garis);background:var(--putih);width:100%;color:var(--teks);border-radius:7px;padding:.45rem .6rem}input:focus,select:focus,textarea:focus{outline:2px solid var(--hijau);outline-offset:-1px;border-color:var(--hijau)}textarea{resize:vertical;min-height:78px}.bidang{margin-bottom:.8rem}.baris{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:.8rem;display:grid}.notif{border:1px solid;border-radius:7px;margin-bottom:.9rem;padding:.65rem .85rem;font-size:.84rem}.notif.galat{color:#991b1b;background:#fee2e2;border-color:#fca5a5}.notif.sukses{color:#065f46;background:#d1fae5;border-color:#6ee7b7}.notif.info{color:#1e40af;background:#dbeafe;border-color:#93c5fd}.notif.peringatan{color:#92400e;background:#fef3c7;border-color:#fcd34d}.halaman-masuk{background:linear-gradient(135deg, var(--hijau-tua), var(--hijau));place-items:center;min-height:100vh;padding:1.5rem;display:grid}.kotak-masuk{background:var(--putih);border-radius:14px;width:100%;max-width:400px;padding:2rem;box-shadow:0 18px 45px #00000038}.kotak-masuk h1{text-align:center;font-size:1.25rem}.kotak-masuk .sub{text-align:center;color:var(--teks-lembut);margin-bottom:1.25rem;font-size:.82rem}.tab-masuk{gap:.4rem;margin-bottom:1.1rem;display:flex}.tab-masuk button{background:var(--putih);color:var(--teks-lembut);border-color:var(--garis);flex:1}.tab-masuk button.aktif{background:var(--hijau);color:#fff;border-color:var(--hijau)}.blok-kriteria{border:1px solid var(--garis);border-radius:var(--radius);margin-bottom:.9rem;overflow:hidden}.blok-kriteria>header{background:var(--hijau-muda);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding:.6rem .85rem;display:flex}.blok-kriteria>header strong{color:var(--hijau-tua);font-size:.88rem}.blok-kriteria .isi{padding:.5rem .85rem}.baris-sub{border-bottom:1px dashed var(--garis);grid-template-columns:1fr auto;align-items:center;gap:.75rem;padding:.5rem 0;display:grid}.baris-sub:last-child{border-bottom:none}.baris-sub .nama{font-size:.84rem}.baris-sub .rubrik{color:var(--teks-lembut);margin-top:.1rem;font-size:.74rem}.pilih-skor{gap:.25rem;display:flex}.pilih-skor button{text-align:center;background:var(--putih);width:32px;color:var(--teks-lembut);border-color:var(--garis);padding:.3rem 0;font-weight:600}.pilih-skor button.terpilih{background:var(--hijau);color:#fff;border-color:var(--hijau)}.rank-1{background:#fffbeb!important}.rank-1 td:first-child{border-left:3px solid var(--kuning)}.kosong{text-align:center;color:var(--teks-lembut);padding:2rem 1rem}@media (width<=820px){.app{flex-direction:column}.sidebar{width:100%;height:auto;position:static}.sidebar nav{flex-wrap:wrap;display:flex}.sidebar nav a{border-bottom:3px solid #0000;border-left:none}.sidebar nav a.aktif{border-left:none;border-bottom-color:var(--kuning)}.konten-badan{padding:1rem}}