:root{--ink:#17233b;--muted:#728098;--line:#e4e9f1;--accent:#5146d6;--bg:#f5f7fb}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}main{max-width:1500px;margin:auto;padding:36px 40px 56px}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px;gap:24px}.breadcrumbs{display:flex;gap:10px;color:var(--muted);font-size:12px;margin-bottom:24px}.eyebrow{font-size:10px;font-weight:750;letter-spacing:1.8px;color:var(--accent)}h1{font-size:36px;line-height:1.15;letter-spacing:-1.2px;margin:8px 0 12px;font-weight:730}.subtitle{margin:0;color:var(--muted);font-size:14px}.pilot{display:flex;gap:12px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px 20px;min-width:210px}.pilot strong{font-size:13px}.pilot small{margin:2px 0 0;font-size:11px}.pilot-dot{width:10px;height:10px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 5px #f0eefc}section,.card,.utility{background:#fff;border:1px solid var(--line);border-radius:14px;margin:18px 0;box-shadow:0 3px 12px #17233b03}section{padding:24px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px}h2{font-size:17px;letter-spacing:-.25px;line-height:1.3;margin:0 0 6px}h3{font-size:15px;margin:20px 0 8px}.section-heading p{font-size:12px;color:var(--muted);margin:0}.scope-badge{font-size:11px;font-weight:600;background:#f4f6fa;border:1px solid var(--line);padding:6px 10px;border-radius:7px;color:#67758a;white-space:nowrap}.flex{display:flex;gap:14px;align-items:flex-end;flex-wrap:wrap}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px}label{display:grid;gap:7px;font-size:11px;font-weight:600;color:#59667a}button,input,select{font:inherit;line-height:1.4;border:1px solid #dce2ed;border-radius:8px;padding:10px 13px;background:#fff;color:var(--ink);min-height:40px}input,select{font-size:13px;outline:none}input:focus,select:focus{border-color:#a6a0ef;box-shadow:0 0 0 3px #f0eefc}button{font-size:12px;font-weight:600;cursor:pointer;transition:background .15s,border .15s}button:hover{background:#f7f8fc;border-color:#bfc7d6}button.primary{background:var(--accent);color:#fff;border-color:var(--accent);padding-inline:22px;box-shadow:0 3px 7px #5146d61a}button.primary:hover{background:#4439bf}button:disabled{opacity:.45;cursor:default}input[type=checkbox]{min-height:0;accent-color:var(--accent)}input[type=file]{max-width:100%;font-size:12px}p{line-height:1.7}.muted{font-size:12px;color:var(--muted)}.filter-panel>.muted{margin:18px 0 0;padding-top:16px;border-top:1px solid #f0f2f7}.notice{background:#f4f3fc;border:1px solid #e6e3fa;border-left:3px solid #8e84df;color:#605b88;border-radius:8px;padding:13px 16px;font-size:12px;line-height:1.7;margin-top:18px}.error{color:#b23951}.metric{position:relative;margin:0;padding:19px 20px;color:#778398;font-size:11px;font-weight:600;min-height:103px;overflow:hidden}.metric:before{content:'';position:absolute;left:0;top:20px;width:3px;height:22px;background:#beb8f5;border-radius:0 2px 2px 0}.metric strong{display:block;color:var(--ink);font-size:27px;letter-spacing:-.7px;font-weight:650;margin-top:9px}.metric:nth-child(5) strong{color:#a2702b}.metric:last-child strong{font-size:23px}.results-panel{padding:24px 0 16px}.results-panel>.section-heading,.results-panel>.flex,.results-panel>details,.pager{margin-left:24px;margin-right:24px}.results-panel>.flex{margin-bottom:20px}.table{overflow:auto;border-block:1px solid var(--line)}table{border-collapse:collapse;width:100%;min-width:1080px;font-size:12px}th,td{text-align:left;padding:17px 18px;border-bottom:1px solid #edf0f5;vertical-align:top}th{background:#f8f9fc;color:#7c8798;font-size:9px;letter-spacing:.75px;font-weight:700;padding-block:12px}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#fbfcff}td:first-child{padding-left:24px;min-width:165px}td:first-child strong{font-size:13px}td:nth-child(2){min-width:180px}td:nth-child(3){min-width:170px}td:nth-child(4){min-width:190px}td:nth-child(5){min-width:150px}td:last-child{max-width:310px;min-width:220px}small{display:block;font-size:11px;font-weight:400;color:var(--muted);line-height:1.6;margin-top:5px;overflow-wrap:anywhere}.badge{display:inline-flex;border-radius:6px;padding:5px 8px;font-size:10px;font-weight:650;background:#f0eefc;color:#675caa}.badge.matched{background:#eaf6ef;color:#368763}.badge.difference{background:#fcecf0;color:#b14d66}.badge.review,.badge.wa_only{background:#fff5e5;color:#aa7c33}.badge.pos_only{background:#edf2f9;color:#637d9e}.pager{display:flex;justify-content:flex-end;align-items:center;gap:14px;margin-top:16px;color:var(--muted);font-size:11px}.pager button{font-size:11px;min-height:32px;padding:6px 11px}details{margin:12px 0}summary{cursor:pointer;font-size:12px;font-weight:600;list-style:none}summary::-webkit-details-marker{display:none}.results-panel>details>summary:before{content:'＋';margin-right:8px;color:var(--accent)}.utility>summary{display:flex;justify-content:space-between;align-items:center;padding:19px 24px;gap:14px}.utility summary strong{font-size:13px}.utility summary small{font-size:11px;margin-top:2px}.toggle-label{display:flex;align-items:center;gap:7px;color:var(--accent);font-size:11px;white-space:nowrap}.toggle-label:after{content:'Tampilkan ＋'}.utility[open]>.utility-content{border-top:1px solid var(--line)}.utility[open]>summary .toggle-label:after{content:'Sembunyikan −'}.utility-content{padding:6px 24px 24px}.utility-content>.notice{margin-top:18px}.utility-content details{padding:12px 0}.utility-content details>summary{color:var(--accent)}.utility-content .flex{align-items:center}pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:350px;overflow:auto;font-size:12px;line-height:1.75;font-family:inherit;background:#f7f8fc;border:1px solid var(--line);padding:16px;border-radius:9px;color:#536078}dialog{border:1px solid var(--line);border-radius:16px;width:calc(100% - 40px);max-width:820px;max-height:88vh;overflow:auto;padding:30px;box-shadow:0 24px 80px #17233b35}dialog::backdrop{background:#15223b70;backdrop-filter:blur(3px)}dialog h2{font-size:22px;margin-top:8px}dialog p{font-size:13px;color:#59667a}#detailContent{margin-top:20px}#detailContent>p{padding:12px 15px;border:1px solid var(--line);border-radius:9px;background:#fbfcfe}#detailContent p strong{color:var(--ink)}#closeDetail{margin-top:16px;background:var(--accent);border-color:var(--accent);color:white;padding-inline:24px}#feedback{font-size:12px;color:var(--muted);margin:0;min-height:0}#feedback:not(:empty){margin:10px 2px}#feedback.error{color:#b23951}[hidden]{display:none!important}hr{border:0;border-top:1px solid var(--line);margin:12px 0}@media(max-width:1000px){main{padding:24px}.grid{grid-template-columns:repeat(3,1fr)}.pilot{min-width:auto}.page-header{align-items:flex-start}}@media(max-width:640px){main{padding:20px 14px}.page-header{display:block}.pilot{margin-top:18px;display:inline-flex}h1{font-size:30px}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metric{padding:16px 14px;min-height:95px}.metric strong{font-size:24px}.metric:last-child strong{font-size:19px}section{padding:18px}.section-heading{align-items:flex-start}.filter-panel .flex>label{flex:1;min-width:120px}.filter-panel button{flex:1}.utility>summary{padding:16px}.utility-content{padding:4px 16px 18px}.utility summary small{max-width:210px}.results-panel{padding:18px 0}.results-panel>.section-heading,.results-panel>.flex,.results-panel>details,.pager{margin-inline:18px}dialog{padding:22px}.subtitle{font-size:12px}}