:root{--ungu:#563f7a;--teks:#201c23;--bg:#fcfbf8;--garis:#e5e5e5}
*{box-sizing:border-box}body{margin:0;font-family:Poppins,system-ui,sans-serif;color:var(--teks);background:var(--bg);font-size:14px}
.top{display:flex;gap:1rem;align-items:baseline;padding:.8rem 1.2rem;background:var(--ungu);color:#fff}
.alat{display:flex;flex-wrap:wrap;gap:.5rem .9rem;align-items:center;padding:.7rem 1.2rem;border-bottom:1px solid var(--garis);background:#fff;position:sticky;top:0;z-index:2}
.alat input[type=search],.alat input#reviewer,.alat select{padding:.35rem .5rem;border:1px solid #d6d1de;border-radius:8px;font:inherit}
.alat button,.alat .btn{padding:.35rem .7rem;border:1px solid var(--ungu);border-radius:999px;background:#fff;color:var(--ungu);font-weight:600;cursor:pointer}
.petunjuk{margin:.6rem 1.2rem;background:#fff;border:1px solid var(--garis);border-radius:12px;padding:.5rem .9rem}
.layout{display:grid;grid-template-columns:260px 1fr;gap:1rem;padding:0 1.2rem 2rem}
.menu{position:sticky;top:3.6rem;align-self:start;max-height:calc(100vh - 4.5rem);overflow:auto;background:#fff;border:1px solid var(--garis);border-radius:12px;padding:.4rem}
.menu a{display:flex;flex-direction:column;padding:.35rem .5rem;border-radius:8px;color:inherit;text-decoration:none}
.menu a:hover{background:#f4eff9}.menu a.aktif{background:#ece5f6;font-weight:700}
.menu small{color:#6b6475}.mas{color:#c0392b}
h1{font-size:1.3rem;margin:.6rem 0 .2rem}.kecil{font-size:.8rem;color:#6b6475}
table.audit{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--garis);border-radius:12px;overflow:hidden}
.audit th,.audit td{padding:.45rem .5rem;border-bottom:1px solid #eee;vertical-align:top;text-align:left}
.audit th{background:#f4eff9}
.audit td.teks{font-size:.95rem;max-width:26rem}
.audit audio{width:210px;height:34px}
.audit textarea{width:100%;min-width:14rem;font:inherit;border:1px solid #d6d1de;border-radius:8px;padding:.3rem}
.audit select{font:inherit;border:1px solid #d6d1de;border-radius:8px;padding:.25rem}
tr.bermasalah{background:#fff4f2}tr.beres{background:#f2fbf5}
.tag{display:inline-block;padding:.05rem .45rem;border-radius:999px;font-size:.72rem;font-weight:700}
.tag-v4{background:#fff1d6;color:#8a5a00}.tag-v2{background:#ece5f6;color:var(--ungu)}
.hilang{color:#c0392b;font-weight:600}code{font-size:.7rem;color:#8d8697}
@media (max-width:900px){.layout{grid-template-columns:1fr}.menu{position:static;max-height:14rem}}