:root{--ntt-blue-900:#063b80;--ntt-blue-800:#0756ad;--ntt-blue-700:#0b68d1;--ntt-blue-500:#1f8cf0;--ntt-cyan:#2eb8ff;--ntt-green:#08a964;--ntt-orange:#f5a623;--ntt-red:#ef476f;--ntt-ink:#10233f;--ntt-muted:#66758c;--ntt-line:#dbe7f5;--ntt-bg:#f3f8ff;--ntt-white:#fff;--ntt-shadow:0 18px 45px rgba(21,71,128,.12);--ntt-radius:18px}
html,body{background:linear-gradient(145deg,#eef5ff 0%,#f8fbff 48%,#edf6ff 100%)!important;color:var(--ntt-ink);font-family:Inter,"Segoe UI",Arial,sans-serif}
.content-wrapper,.right-side{background:transparent!important}.container{width:min(1180px,calc(100% - 28px));max-width:1180px}.content{padding:18px 0 34px}.content-header{padding:22px 0 8px}.content-header h1{font-size:26px;font-weight:800;color:var(--ntt-ink)}.content-header h1 small{display:block;margin-top:6px;color:var(--ntt-muted);font-size:13px}.breadcrumb{background:transparent!important;border:0!important}
.box,.ntt-card,.cbt-locked-card{border:1px solid rgba(122,167,218,.25)!important;border-radius:var(--ntt-radius)!important;box-shadow:var(--ntt-shadow)!important;overflow:hidden;background:rgba(255,255,255,.96)!important}.box-header{min-height:58px;padding:17px 20px!important;border-bottom:0!important;background:linear-gradient(135deg,var(--ntt-blue-800),var(--ntt-blue-500))!important;color:#fff}.box-header .box-title{font-size:18px!important;font-weight:800!important;color:#fff}.box-header .box-tools,.box-header .box-tools a{color:#fff!important}.box-body{padding:22px!important}.box-footer{padding:16px 22px!important;background:#fbfdff!important;border-top:1px solid var(--ntt-line)!important}
.btn{border-radius:11px!important;font-weight:700!important;transition:.2s ease}.btn-primary,.btn-info{border:0!important;background:linear-gradient(135deg,var(--ntt-blue-800),var(--ntt-blue-500))!important;box-shadow:0 8px 18px rgba(17,111,214,.22)}.btn-success{border:0!important;background:linear-gradient(135deg,#078d55,#19c779)!important}.btn-danger{border:0!important;background:linear-gradient(135deg,#dd3158,#ff5b74)!important}.btn-default{border:1px solid var(--ntt-line)!important;background:#fff!important;color:var(--ntt-blue-800)!important}.form-control{min-height:42px;border-radius:10px!important;border:1px solid var(--ntt-line)!important;box-shadow:none!important}.form-control:focus{border-color:var(--ntt-blue-500)!important;box-shadow:0 0 0 3px rgba(31,140,240,.12)!important}
.table-responsive{border:0!important}.table{margin-bottom:0!important}.table>thead>tr>th{padding:14px 12px!important;background:linear-gradient(180deg,#f7fbff,#edf5ff)!important;color:var(--ntt-ink)!important;border-color:var(--ntt-line)!important;font-weight:800!important;vertical-align:middle!important}.table>tbody>tr>td{padding:14px 12px!important;border-color:#e7eef8!important;vertical-align:top!important}.table>tbody>tr:hover{background:#f8fbff}.dataTables_wrapper .dataTables_filter input,.dataTables_wrapper .dataTables_length select{border:1px solid var(--ntt-line);border-radius:9px;padding:7px 10px;background:#fff}.dataTables_wrapper .dataTables_paginate .paginate_button{border-radius:9px!important;border:1px solid var(--ntt-line)!important;background:#fff!important;color:var(--ntt-blue-800)!important}.dataTables_wrapper .dataTables_paginate .paginate_button.current{background:linear-gradient(135deg,var(--ntt-blue-800),var(--ntt-blue-500))!important;color:#fff!important;border:0!important}
.label{border-radius:999px!important;padding:6px 10px!important;font-weight:800!important}.alert{border:0!important;border-radius:14px!important}.callout{border-radius:14px!important}
.ntt-result-hero{display:grid;grid-template-columns:1.4fr .8fr;gap:20px;padding:24px;background:linear-gradient(135deg,#0756ad 0%,#0b74da 55%,#33a9ff 100%);color:#fff;border-radius:22px;box-shadow:var(--ntt-shadow);position:relative;overflow:hidden;margin-bottom:20px}.ntt-result-hero:after{content:"";position:absolute;width:330px;height:330px;border-radius:50%;right:-90px;top:-150px;background:rgba(255,255,255,.12)}.ntt-result-title{position:relative;z-index:1}.ntt-result-title h1{margin:0 0 8px;font-size:28px;font-weight:900}.ntt-result-title p{margin:0;opacity:.9}.ntt-score-card{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:16px;padding:17px;border-radius:17px;background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.25);backdrop-filter:blur(8px)}.ntt-score-number{font-size:34px;font-weight:900}.ntt-result-meta{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px}.ntt-meta-card{padding:17px;border:1px solid var(--ntt-line);border-radius:15px;background:#fff;box-shadow:0 9px 24px rgba(21,71,128,.08)}.ntt-meta-label{font-size:12px;color:var(--ntt-muted);font-weight:700;text-transform:uppercase;letter-spacing:.04em}.ntt-meta-value{margin-top:6px;font-weight:800;color:var(--ntt-ink);word-break:break-word}.ntt-question-content{line-height:1.65}.ntt-question-content img{max-width:100%;height:auto;border-radius:10px}.ntt-answer-table{width:100%;border-collapse:separate;border-spacing:0 7px}.ntt-answer-table td{border:0!important;background:#f7fbff;padding:10px!important}.ntt-answer-table tr td:first-child{border-radius:10px 0 0 10px}.ntt-answer-table tr td:last-child{border-radius:0 10px 10px 0}.ntt-badge-correct{display:inline-flex;align-items:center;gap:5px;background:#e8fff4;color:#078d55;border-radius:999px;padding:5px 9px;font-weight:800}.ntt-badge-wrong{display:inline-flex;align-items:center;gap:5px;background:#fff0f3;color:#d93457;border-radius:999px;padding:5px 9px;font-weight:800}
.cbt-locked-page{min-height:75vh;display:flex;align-items:center;justify-content:center}.cbt-locked-card{max-width:620px;text-align:center;padding:42px}.cbt-locked-icon{width:84px;height:84px;margin:0 auto 18px;border-radius:24px;display:grid;place-items:center;font-size:34px;color:#fff;background:linear-gradient(135deg,var(--ntt-blue-800),var(--ntt-cyan));box-shadow:0 16px 30px rgba(15,105,207,.25)}
@media(max-width:900px){.ntt-result-hero{grid-template-columns:1fr}.ntt-result-meta{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.container{width:min(100% - 18px,1180px)}.content-header h1{font-size:21px}.box-body{padding:14px!important}.ntt-result-hero{padding:19px;border-radius:16px}.ntt-result-title h1{font-size:22px}.ntt-result-meta{grid-template-columns:1fr}.table{min-width:720px}.dataTables_wrapper{overflow-x:auto}.btn{min-height:40px}}

/* NTT-CBT Matching Lines Professional / ANBK-inspired */
.matching-lines-pro{--ml-blue:#075fb9;--ml-blue2:#1689e8;--ml-cyan:#43b7f5;--ml-green:#13a66a;--ml-red:#dc4c5b;--ml-ink:#133354;--ml-soft:#eef7ff;position:relative}
.matching-mode-hint{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:0 0 12px;padding:10px 13px;border:1px solid #cfe5f8;border-radius:12px;background:linear-gradient(135deg,#f6fbff,#eaf5ff);color:#315f83;font-size:12px}.matching-help-btn{border:0;background:transparent;color:#0768c5;font-weight:700}
.matching-board{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:120px;padding:14px;border:1px solid #d3e4f3;border-radius:18px;background:linear-gradient(135deg,#fbfdff,#f3f9ff);overflow:hidden;isolation:isolate}
.matching-board-column{position:relative;z-index:2;display:flex;flex-direction:column;gap:12px;min-width:0}.matching-board-title{display:flex;justify-content:space-between;align-items:center;padding:0 4px 6px;color:var(--ml-ink)}.matching-board-title span{font-weight:800}.matching-board-title small{color:#6f879d;text-transform:uppercase;letter-spacing:.06em}
.matching-node{position:relative;display:flex;align-items:center;gap:11px;min-height:64px;padding:12px 16px;border:1px solid #d3e3f1;border-radius:14px;background:#fff;box-shadow:0 7px 18px rgba(25,79,126,.07);transition:.2s;cursor:pointer;outline:0}.matching-node:hover,.matching-node:focus{border-color:#75b9ef;box-shadow:0 10px 24px rgba(21,108,183,.13);transform:translateY(-1px)}.matching-node.is-selected{border-color:#1486e6;box-shadow:0 0 0 4px rgba(20,134,230,.13),0 12px 25px rgba(21,108,183,.14)}.matching-node.is-connected{border-color:#8dd7bb;background:linear-gradient(135deg,#fff,#f4fff9)}.matching-node-content{min-width:0;line-height:1.55;overflow-wrap:anywhere;color:#183b5a}.matching-node-content img,.matching-node-content table{max-width:100%;height:auto}.matching-right-code{flex:0 0 34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0a69c8,#28a4ee);color:#fff;font-weight:800}
.matching-port{position:absolute;z-index:5;width:28px;height:28px;border:4px solid #fff;border-radius:50%;display:flex;align-items:center;justify-content:center;padding:0;background:linear-gradient(135deg,#0871d2,#29a7ef);color:#fff;box-shadow:0 3px 10px rgba(8,95,178,.25);cursor:crosshair}.matching-port i{font-size:8px}.matching-port-out{right:-15px}.matching-port-in{left:-15px}.matching-node.is-connected .matching-port{background:linear-gradient(135deg,#0b9660,#1cc985)}
.matching-remove{display:none;position:absolute;right:8px;top:7px;width:24px;height:24px;border:0;border-radius:50%;background:#fff0f2;color:var(--ml-red)}.matching-node-left.is-connected .matching-remove{display:block}.matching-used-badge{display:none;margin-left:auto;width:25px;height:25px;border-radius:50%;align-items:center;justify-content:center;background:#18ad70;color:#fff}.matching-node-right.is-connected .matching-used-badge{display:flex}
.matching-svg{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none;overflow:visible}.matching-line{fill:none;stroke:url(#matchingGradient);stroke:#1689e8;stroke-width:3.2;stroke-linecap:round;filter:drop-shadow(0 3px 3px rgba(13,104,181,.22));marker-end:url(#matching-arrowhead)}.matching-preview-line{fill:none;stroke:#57afe9;stroke-width:3;stroke-linecap:round;stroke-dasharray:7 6;opacity:0}.matching-preview-line.is-visible{opacity:1}.matching-hidden-inputs{display:none!important}.matching-mobile-fallback{display:none;margin:10px 0;padding:10px 12px;border-radius:11px;background:#edf7ff;color:#356786;font-size:12px}
@media(max-width:900px){.matching-board{gap:72px}.matching-node{padding:11px 13px}.matching-port{width:26px;height:26px}}
@media(max-width:700px){.matching-board{grid-template-columns:1fr;gap:20px;padding:12px;overflow:visible}.matching-svg{display:none}.matching-port{display:none}.matching-board-title{padding-top:2px}.matching-mobile-fallback{display:block}.matching-node{min-height:58px}.matching-node-left.is-selected:after{content:'Pilih jawaban di bawah';position:absolute;right:10px;bottom:5px;font-size:10px;color:#0871d2}.matching-remove{right:7px;top:6px}.matching-mode-hint{align-items:flex-start;flex-direction:column}}