:root{color-scheme:light}*{box-sizing:border-box}body{font-family:Plus Jakarta Sans,Arial,sans-serif;margin:0;background:#f4f6f8;color:#222}.topbar{background:#1f4e78;color:#fff;padding:16px 20px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.topbar h1{margin:0;font-size:18px}.topbar p{margin:4px 0 0;font-size:12px;color:#cfe0ee}.topbar nav{display:flex;gap:12px}.topbar a{color:#fff;text-decoration:none;font-size:13px;opacity:.9}.topbar a:hover{opacity:1;text-decoration:underline}main{padding:16px;max-width:1100px;margin:0 auto}.card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:16px;margin-bottom:14px;box-shadow:0 1px 2px #0000000a}.card.narrow{max-width:420px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}.muted{color:#64748b;font-size:13px}.info{background:#eef2f7;border-radius:8px;padding:10px;font-size:13px}label{display:flex;flex-direction:column;gap:6px;font-size:12px;margin-bottom:10px}input{padding:9px;border:1px solid #cbd5e1;border-radius:8px;font-size:14px}button{padding:9px 16px;background:#1f4e78;color:#fff;border:none;border-radius:8px;cursor:pointer}button:disabled{opacity:.6;cursor:wait}button.ghost{background:#fff;color:#1f4e78;border:1px solid #cbd5e1}.toolbar{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-top:12px}.toolbar .tool-title{font-size:11px;color:#64748b;font-weight:600;text-transform:uppercase}.toolbar .tool-group{display:flex;gap:6px;flex-wrap:wrap}.toolbar .tool-group button{background:#fff;color:#1f4e78;border:1px solid #cbd5e1;padding:6px 12px;font-size:12px}.toolbar .tool-group button.active{background:#1f4e78;color:#fff}table{width:100%;border-collapse:collapse;font-size:12.5px}th,td{padding:8px 6px;text-align:left;border-bottom:1px solid #eee}th{background:#f0f3f6;color:#444;font-size:11px;text-transform:uppercase}.subnav{display:flex;flex-wrap:wrap;gap:4px 14px;background:#fff;border-bottom:1px solid #ddd;padding:6px 16px;align-items:center}.navgroup{display:inline-flex;gap:4px;align-items:center;flex-wrap:wrap}.navgroup em{font-style:normal;font-size:10.5px;color:#94a3b8;text-transform:uppercase;font-weight:700;margin-right:2px}.subnav a{font-size:12.5px;color:#555;text-decoration:none;padding:8px 6px;border-bottom:3px solid transparent}.subnav a.active{color:#1f4e78;border-bottom-color:#1f4e78;font-weight:700}.toplink{background:none;border:none;color:#fff;cursor:pointer;font-size:13px;padding:0}.card.scroll{overflow-x:auto}tr.selisih-minus td{background:#fdecec}tr.selisih-plus td{background:#e4f7e9}td.neg{color:#b3251f;font-weight:700}td.pos{color:#0a7d2c;font-weight:700}.info.err{background:#fdecec;color:#8f1d1d}.info.ok{background:#e4f7e9;color:#0a5c26}select{padding:9px;border:1px solid #cbd5e1;border-radius:8px;font-size:14px;background:#fff}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:4px 12px}.ingrow{display:flex;gap:8px;margin-bottom:8px}.ingrow select{flex:3}.ingrow input{flex:1}.ingrow5{display:flex;gap:8px;margin-bottom:8px}.ingrow5 select{flex:2}.ingrow5 input{flex:1;min-width:70px}button.mini{padding:4px 9px;font-size:11.5px;margin-right:4px}td.nowrap{white-space:nowrap}tr.dim td{opacity:.55}label.check{flex-direction:row;align-items:center;gap:6px;font-size:13px;margin:0}label.check input{width:auto}.btl{display:block;font-size:10.5px;color:#64748b}textarea{width:100%;border:1px solid #cbd5e1;border-radius:8px;padding:9px;font-size:13px;font-family:inherit}.pill{display:inline-block;padding:3px 10px;border-radius:12px;font-size:11px;border:1px solid #e5e7eb}.pill.good{background:#eef6ee;color:#1b5e20;border-color:#c8e6c9}.pill.neutral{background:#f7f8f9;color:#6b7280}code{background:#f1f5f9;padding:1px 5px;border-radius:4px;font-size:12px}