.sk-box{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;background:#fff;border-radius:14px;border:1px solid #e5edf7;box-shadow:0 4px 18px -4px rgba(59,130,246,.1);overflow:hidden;margin-bottom:20px}.sk-head{display:flex;align-items:center;justify-content:space-between;padding:13px 16px;background:linear-gradient(135deg,#f0f6ff,#eef1ff);border-bottom:1px solid #e0eaff}.sk-title{font-size:14.5px;font-weight:700;color:#1e3a5f}.sk-date{font-size:11.5px;color:#7b8ba3;font-weight:500}.sk-conv{padding:14px 16px;background:#fafcff;border-bottom:1px solid #edf2f7}.sk-fields{display:grid;grid-template-columns:1fr 1.4fr auto 1.4fr;gap:8px;align-items:end}.sk-f label{display:block;font-size:10.5px;font-weight:600;color:#8b9cb3;margin-bottom:4px;text-transform:uppercase;letter-spacing:.3px}.sk-f input,.sk-f select{width:100%;padding:9px 11px;border:1.5px solid #e2e8f0;border-radius:8px;font-size:13px;font-weight:500;color:#1e293b;background:#fff;outline:none;transition:.15s}.sk-f input:focus,.sk-f select:focus{border-color:#60a5fa;box-shadow:0 0 0 3px rgba(96,165,250,.14)}#sk-swap{width:38px;height:38px;border:1.5px solid #e2e8f0;background:#fff;border-radius:9px;font-size:15px;color:#3b82f6;cursor:pointer;transition:.2s}#sk-swap:hover{background:#3b82f6;color:#fff;border-color:#3b82f6}.sk-hasil{margin-top:11px;padding:11px 14px;background:linear-gradient(135deg,#eff6ff,#e8edff);border-radius:9px;display:flex;align-items:center;justify-content:space-between;border:1px solid #c7d7f5}.sk-hasil span{font-size:11px;font-weight:600;color:#7b8ba3;text-transform:uppercase}.sk-hasil strong{font-size:16px;font-weight:700;color:#1e40af}.sk-scroll{max-height:312px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#c7d7f5 transparent}.sk-scroll::-webkit-scrollbar{width:5px}.sk-scroll::-webkit-scrollbar-track{background:0 0}.sk-scroll::-webkit-scrollbar-thumb{background:#c7d7f5;border-radius:10px}.sk-row{display:flex;align-items:center;justify-content:space-between;padding:11px 16px;border-bottom:1px solid #f1f5f9;transition:background .12s}.sk-row:last-child{border-bottom:none}.sk-row:hover{background:#f5f9ff}.sk-left{display:flex;align-items:center;gap:10px}.sk-left img{border-radius:3px;box-shadow:0 1px 2px rgba(0,0,0,.08);flex-shrink:0}.sk-code{font-weight:700;font-size:13px;color:#1e293b;min-width:42px}.sk-code small{font-weight:500;color:#94a3b8;font-size:10px}.sk-name{font-size:12px;color:#94a3b8}.sk-val{font-weight:700;font-size:13.5px;color:#1e40af;white-space:nowrap}@media (max-width:520px){.sk-fields{grid-template-columns:1fr 1fr}#sk-swap{grid-column:1/-1;width:100%;height:36px}.sk-name{display:none}.sk-row{padding:10px 14px}.sk-head,.sk-conv{padding-left:14px;padding-right:14px}.sk-scroll{max-height:280px}}