:root{--navy:#1f3864;--blue:#2e5496;--light:#d9e1f2;--grey:#f4f6fb;--green:#c6efce;--green-t:#1e6b34;--amber:#ffeb9c;--amber-t:#7a5b00;--red:#ffc7ce;--red-t:#9c0006;--line:#d7ddea;--ink:#1c2431;--muted:#6b7789}*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--grey);font-size:14px;line-height:1.45}header{background:var(--navy);color:#fff;padding:13px 18px;display:flex;flex-wrap:wrap;align-items:center;gap:10px}header h1{font-size:17px;margin:0;font-weight:700}header .sub{font-size:11.5px;color:#b9c6e6}header .spacer{flex:1}.pill{font-size:11px;padding:3px 10px;border-radius:20px;background:#38507f;border:1px solid #5b74a8}.pill.ubah{background:#7a5b00;border-color:#caa53c}.btn{font-family:inherit;font-size:12px;font-weight:700;border:0;border-radius:6px;padding:7px 12px;cursor:pointer;background:#fff;color:var(--navy)}.btn.ghost{background:transparent;color:#fff;border:1px solid #5b74a8}.btn.add{background:#ffd24d;color:#5c3d00}.btn.pri{background:var(--blue);color:#fff}.btn.big{padding:10px 16px;font-size:13px}.btn:disabled{opacity:.45;cursor:not-allowed}.btn:hover:not(:disabled){opacity:.9}nav{display:flex;flex-wrap:wrap;gap:2px;background:#fff;padding:0 10px;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:5}nav button{background:transparent;border:0;border-bottom:3px solid transparent;padding:11px 12px;font-size:12.5px;font-weight:700;color:var(--muted);cursor:pointer;font-family:inherit}nav button.aktif{color:var(--navy);border-bottom-color:var(--blue)}nav button.internal{color:var(--blue)}nav button.internal.aktif{color:var(--navy)}main{max-width:1200px;margin:0 auto;padding:20px 16px 60px}h2.sec{font-size:16px;color:var(--navy);margin:24px 0 4px}h2.sec:first-child{margin-top:4px}p.note{color:var(--muted);font-size:12.5px;margin:2px 0 12px}table{border-collapse:collapse;width:100%;background:#fff;border:1px solid var(--line);border-radius:8px;overflow:hidden}th,td{border:1px solid var(--line);padding:7px 9px;text-align:left;font-size:12.5px;vertical-align:middle}th{background:var(--blue);color:#fff;font-weight:700;font-size:11.5px}tr.total td{background:var(--light);font-weight:700}td.num,th.num{text-align:right;white-space:nowrap}td.c,th.c{text-align:center}td.ro{background:#f6f8fc;color:#55617a}.tag{display:inline-block;padding:2px 8px;border-radius:20px;font-size:11px;font-weight:700}.tag.hijau{background:var(--green);color:var(--green-t)}.tag.kuning{background:var(--amber);color:var(--amber-t)}.tag.merah{background:var(--red);color:var(--red-t)}.tag.abu{background:#e7ebf3;color:#55617a}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:11px;margin:6px 0 16px}.card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:13px}.card .k{font-size:10.5px;color:var(--muted);text-transform:uppercase;letter-spacing:.3px}.card .v{font-size:26px;font-weight:800;color:var(--navy);margin-top:3px;line-height:1}.card .d{font-size:10.5px;color:var(--muted);margin-top:4px}.funnel{background:#fff;border:1px solid var(--line);border-radius:12px;padding:15px;margin-bottom:16px}.frow{display:flex;align-items:center;gap:11px;margin:7px 0}.frow .lbl{width:150px;font-size:12px;font-weight:700}.frow .bar{height:22px;background:linear-gradient(90deg,var(--blue),#5c86c9);border-radius:4px;min-width:2px;display:flex;align-items:center;justify-content:flex-end;color:#fff;font-size:11.5px;font-weight:700;padding-right:7px}.frow .cv{width:150px;font-size:11.5px;color:var(--muted)}input.cell,select.cell{font-family:inherit;font-size:12.5px;border:1px solid #c7d0e2;border-radius:5px;padding:5px 6px;background:#fffdf3;width:100%}select.fl,input.fl{font-family:inherit;font-size:12.5px;border:1px solid #c7d0e2;border-radius:5px;padding:5px 6px;background:#fff}.flbar{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:11px;align-items:center}.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media (max-width:820px){.two{grid-template-columns:1fr}}.pn{background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px}.ph{font-size:12px;color:var(--muted);display:flex;justify-content:space-between;margin-bottom:8px}.it{display:flex;align-items:flex-start;gap:8px;padding:5px 0;border-bottom:1px solid var(--line);font-size:12.5px}.it:last-of-type{border-bottom:0}.it .nm{flex:1}.it .mt{font-size:11px;color:var(--muted)}.gr{border:1px solid var(--line);border-radius:8px;padding:9px;margin-bottom:8px}.gt{display:flex;justify-content:space-between;font-size:12.5px}.gs{font-size:11px;color:var(--muted);margin-top:2px}.sug{background:#eaf1fb;border:1px solid #b5d4f4;color:#185fa5;border-radius:10px;padding:10px 12px;font-size:12.5px;margin-top:10px}.warn{background:#fff8e1;border:1px solid #ecd9a0;color:#7a5b00;border-radius:10px;padding:10px 12px;font-size:12.5px;margin-bottom:12px}.empty{color:var(--muted);font-size:12.5px;padding:12px;background:#fff;border:1px dashed var(--line);border-radius:8px}.rowbtns{margin:8px 0 22px}.scroll{overflow-x:auto}.chk{width:16px;height:16px;cursor:pointer}.lnk{color:var(--blue);cursor:pointer;text-decoration:underline;font-weight:700;background:none;border:0;font-family:inherit;font-size:inherit;padding:0}.lnk:hover{color:var(--navy)}.back{background:none;border:0;color:var(--blue);cursor:pointer;font-family:inherit;font-size:12.5px;font-weight:700;padding:0;margin-bottom:10px}.info2{background:#fff;border:1px solid var(--line);border-radius:12px;padding:13px 15px;margin-bottom:13px;display:flex;gap:26px;flex-wrap:wrap}.info2 div span{display:block;font-size:10.5px;color:var(--muted);text-transform:uppercase;letter-spacing:.3px}.info2 div b{font-weight:700;font-size:13.5px;color:var(--ink)}.ov{position:fixed;top:0;right:0;bottom:0;left:0;background:#141c2c80;display:flex;align-items:flex-start;justify-content:center;z-index:30;padding:28px 14px;overflow:auto}.md{background:#fff;border-radius:14px;width:520px;max-width:100%;box-shadow:0 18px 50px #00000040}.md .mh{padding:16px 20px;border-bottom:1px solid var(--line)}.md .mh h3{margin:0;font-size:16px;color:var(--navy)}.md .mh p{margin:3px 0 0;font-size:12px;color:var(--muted)}.md .mb{padding:16px 20px}.md .mf{padding:13px 20px;border-top:1px solid var(--line);display:flex;gap:8px;justify-content:flex-end;background:#fafbfe;border-radius:0 0 14px 14px}.fg{margin-bottom:13px}.fg label{display:block;font-size:12.5px;font-weight:700;color:var(--ink);margin-bottom:3px}.fg .hint{font-size:11.5px;color:var(--muted);margin-bottom:5px}.fg select,.fg input{width:100%;font-family:inherit;font-size:13.5px;border:1px solid #c7d0e2;border-radius:7px;padding:9px 10px;background:#fff}.fg select:focus,.fg input:focus{outline:2px solid #b5d4f4;border-color:var(--blue)}.row2{display:grid;grid-template-columns:1fr 1fr;gap:11px}.info{background:#eaf1fb;border:1px solid #b5d4f4;color:#185fa5;border-radius:9px;padding:10px 12px;font-size:12.5px;margin-bottom:13px}.info.kosong{background:#fff8e1;border-color:#ecd9a0;color:#7a5b00}.cbrow{display:flex;gap:8px;align-items:flex-start;font-size:12.5px;background:#f4f6fb;border:1px solid var(--line);border-radius:9px;padding:10px 12px}.err{color:var(--red-t);font-size:12.5px;margin-bottom:10px;min-height:1px}