:root{--bg:#0b0e13;--card:#131820;--border:#252d39;--text:#eef2f7;--muted:#9aa6b5;--accent:#d7a84b;--accent2:#f0c76b}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at top,#17202b 0,#0b0e13 45%);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif}
.wrap{width:min(980px,calc(100% - 28px));margin:45px auto}.hero{text-align:center;margin-bottom:24px}.badge{display:inline-block;font-size:12px;letter-spacing:2px;color:var(--accent2);border:1px solid #55431f;border-radius:999px;padding:7px 12px}.hero h1{font-size:clamp(28px,5vw,44px);margin:15px 0 10px}.hero p{color:var(--muted);margin:0 auto;max-width:700px;line-height:1.7}
.card{background:rgba(19,24,32,.94);border:1px solid var(--border);border-radius:16px;padding:22px;margin-bottom:18px;box-shadow:0 15px 45px rgba(0,0,0,.22)}
label{display:block;font-weight:700;margin-bottom:10px}textarea{width:100%;height:230px;resize:vertical;background:#0d1218;color:var(--text);border:1px solid #303946;border-radius:12px;padding:15px;font:15px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace;outline:none}textarea:focus{border-color:#8e6b2e}
.toolbar,.result-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:12px}.toolbar span,.note,#summary,footer{color:var(--muted);font-size:13px}.over{color:#ff7676!important}
button{border:0;border-radius:10px;padding:11px 16px;font-weight:700;cursor:pointer}.primary{background:linear-gradient(135deg,var(--accent),var(--accent2));color:#17120a}.secondary{background:#202832;color:#dce3eb;border:1px solid #34404d}.primary:disabled,.secondary:disabled{opacity:.5;cursor:not-allowed}.note{margin-top:12px;line-height:1.6}
.hidden{display:none}.result-head h2{margin:0 0 5px}.progress{height:6px;background:#202732;border-radius:99px;overflow:hidden;margin:18px 0}.progress span{display:block;height:100%;width:0;background:var(--accent2);transition:width .25s}
.table-wrap{overflow:auto;border:1px solid var(--border);border-radius:12px}table{width:100%;border-collapse:collapse;min-width:650px}th,td{text-align:left;padding:12px 13px;border-bottom:1px solid var(--border);font-size:14px}th{background:#171e27;color:#cbd4df}tr:last-child td{border-bottom:0}.status{display:inline-block;padding:5px 9px;border-radius:999px;font-size:12px;font-weight:800}.aman{background:#173824;color:#6ee7a1}.terblokir{background:#4a1e25;color:#ff8996}.error{background:#40351a;color:#f3ca65}.error-row{color:#ff8996;text-align:center;padding:25px}
footer{display:flex;justify-content:space-between;gap:10px;padding:8px 3px 30px}
@media(max-width:650px){.wrap{margin-top:25px}.card{padding:16px}.toolbar,.result-head,footer{align-items:stretch;flex-direction:column}.toolbar div{display:flex;gap:8px}.toolbar button{flex:1}.result-head button{width:100%}}