.am-serah-page { padding-top: 26px; }
.kckr-app {
  --primary:#4f46e5; --primary-dark:#3730a3; --accent:#7c3aed;
  --primary-light:#eef2ff; --border:#e2e8f0; --text:#0f172a;
  --text-soft:#334155; --muted:#64748b; --success:#059669;
  --success-soft:#ecfdf5; --shadow:0 20px 50px rgba(15,23,42,.08);
  position:relative; padding:24px; border:1px solid #e6eaf2;
  border-radius:32px;
  background:radial-gradient(circle at top left,rgba(79,70,229,.13),transparent 28%),radial-gradient(circle at bottom right,rgba(124,58,237,.12),transparent 30%),linear-gradient(180deg,#f8fafc 0%,#f1f5ff 100%);
}
.kckr-hero,.kckr-panel,.kckr-results{position:relative;z-index:2}
.kckr-hero{display:flex;justify-content:space-between;align-items:center;gap:30px;overflow:hidden;margin-bottom:24px;padding:42px;border-radius:26px;color:#fff;background:linear-gradient(135deg,#312e81 0%,#4f46e5 52%,#7c3aed 100%);box-shadow:0 12px 30px rgba(79,70,229,.14)}
.kckr-hero::before,.kckr-hero::after{content:"";position:absolute;border-radius:50%;background:rgba(255,255,255,.07)}
.kckr-hero::before{right:-80px;top:-80px;width:270px;height:270px}.kckr-hero::after{right:120px;bottom:-110px;width:220px;height:220px}
.kckr-hero-content{position:relative;z-index:2;max-width:720px}.kckr-badge-top{display:inline-flex;align-items:center;gap:8px;margin-bottom:15px;padding:7px 12px;border:1px solid rgba(255,255,255,.22);border-radius:999px;background:rgba(255,255,255,.10);font-size:12px;font-weight:700;letter-spacing:.04em}.kckr-dot{width:7px;height:7px;border-radius:50%;background:#c4b5fd;box-shadow:0 0 0 5px rgba(196,181,253,.16)}
.kckr-hero h1{margin:0 0 13px;color:#fff;font-size:clamp(34px,5vw,54px);line-height:1.06;letter-spacing:-.025em}.kckr-hero p{max-width:680px;margin:0;color:rgba(255,255,255,.84);font-size:16px;line-height:1.7}.kckr-hero-icon{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;width:125px;height:125px;flex:0 0 125px;border:1px solid rgba(255,255,255,.20);border-radius:28px;background:rgba(255,255,255,.10)}.kckr-hero-icon svg{width:56px;height:56px;fill:none;stroke:#fff;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.kckr-panel,.kckr-results{padding:30px;border:1px solid var(--border);border-radius:22px;background:#fff;box-shadow:0 8px 24px rgba(15,23,42,.055)}.kckr-results{margin-top:24px;padding:28px}.kckr-panel-head{margin-bottom:22px}.kckr-section-label{display:block;margin-bottom:6px;color:var(--primary);font-size:11px;font-weight:800;letter-spacing:.09em}.kckr-panel-head h2,.kckr-result-top h3{margin:0;color:var(--text)}
.kckr-tabs-wrap{overflow-x:auto;margin-bottom:18px}.kckr-tabs{display:flex;gap:8px;min-width:max-content}.kckr-tab{flex:0 0 auto;padding:9px 15px;border:1px solid var(--border);border-radius:999px;background:rgba(255,255,255,.9);color:var(--muted);font:inherit;font-size:13px;font-weight:700;cursor:pointer;transition:.2s}.kckr-tab:hover{color:var(--primary);border-color:#c7d2fe;transform:translateY(-1px)}.kckr-tab.active{color:#fff;background:linear-gradient(135deg,#4f46e5,#7c3aed);border-color:transparent;box-shadow:0 4px 12px rgba(79,70,229,.14)}
.kckr-search{display:flex;align-items:stretch;gap:10px;padding:7px;border:1px solid var(--border);border-radius:16px;background:rgba(248,250,252,.95)}.kckr-search:focus-within{border-color:#a5b4fc;background:#fff;box-shadow:0 0 0 4px rgba(79,70,229,.08)}.kckr-search-input{display:flex;align-items:center;flex:1;gap:10px}.kckr-search-icon{display:flex;align-items:center;justify-content:center;width:42px;height:42px;flex:0 0 42px;margin-left:3px;border-radius:11px;color:var(--primary);background:var(--primary-light)}.kckr-search-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}.kckr-search input{width:100%;padding:13px 5px!important;border:0!important;outline:none!important;box-shadow:none!important;background:transparent!important;color:var(--text);font:inherit;font-size:16px}.kckr-submit{display:flex;align-items:center;justify-content:center;gap:8px;min-width:140px;padding:12px 18px;border:0;border-radius:12px;background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;font:inherit;font-size:14px;font-weight:800;cursor:pointer;box-shadow:0 4px 14px rgba(79,70,229,.16)}.kckr-submit svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2}.kckr-message{margin-top:12px;color:var(--muted);font-size:13px}.kckr-loading{display:flex;align-items:center;gap:13px;margin-top:18px;padding:16px;border:1px solid #e0e7ff;border-radius:13px;background:rgba(248,250,255,.92)}.kckr-loading[hidden]{display:none}.kckr-loading div:last-child{display:flex;flex-direction:column;gap:2px}.kckr-loading span{color:var(--muted);font-size:12px}.kckr-loader{width:28px;height:28px;border:3px solid #e0e7ff;border-top-color:var(--primary);border-radius:50%;animation:kckr-spin .8s linear infinite}@keyframes kckr-spin{to{transform:rotate(360deg)}}
.kckr-result-top{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:18px}.kckr-table-container{overflow-x:auto;border:1px solid var(--border);border-radius:15px;background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(248,250,252,.96))}.kckr-table{width:100%;border-collapse:collapse;font-size:14px}.kckr-table th{padding:14px 16px;background:rgba(248,250,252,.96);color:#475569;text-align:left;font-size:11px;font-weight:800;letter-spacing:.045em;white-space:nowrap}.kckr-table td{padding:16px;border-top:1px solid var(--border);color:var(--text-soft);vertical-align:middle;line-height:1.5}.kckr-table td:nth-child(2){color:var(--text);font-weight:650}.kckr-table td:nth-child(3){color:#4338ca;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:13px}.kckr-status{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;color:var(--success);background:var(--success-soft);font-size:11px;font-weight:800}.kckr-status::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--success)}.kckr-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:17px}.kckr-page{padding:9px 14px;border:1px solid var(--border);border-radius:9px;background:#fff;color:var(--text);font:inherit;font-size:13px;font-weight:700;cursor:pointer}.kckr-page:disabled{opacity:.35;cursor:not-allowed}.kckr-page-info{color:var(--muted);font-size:12px;font-weight:600}
@media(max-width:760px){.kckr-app{padding:14px;border-radius:22px}.kckr-hero{padding:27px 23px;border-radius:19px}.kckr-hero-icon{display:none}.kckr-hero h1{font-size:35px}.kckr-panel{padding:22px 18px}.kckr-search{display:block}.kckr-submit{width:100%;margin-top:7px}.kckr-results{padding:20px 15px}.kckr-table-container{overflow:visible;border:0;background:transparent}.kckr-table,.kckr-table tbody,.kckr-table tr,.kckr-table td{display:block;width:100%}.kckr-table thead{display:none}.kckr-table tr{margin-bottom:14px;overflow:hidden;border:1px solid var(--border);border-radius:14px;background:#fff}.kckr-table td{display:grid;grid-template-columns:105px 1fr;gap:12px;padding:11px 14px}.kckr-table td::before{content:attr(data-label);color:var(--muted);font-size:11px;font-weight:800}.kckr-pagination{flex-direction:column}.kckr-page{width:100%}.kckr-page-info{order:-1}}

/* Performance: isolate larger result areas to reduce repaint cost during scroll. */
.kckr-panel,.kckr-results{contain:layout paint;}
.kckr-table-container{contain:paint;}
@media(max-width:760px){.kckr-app{background:#f6f8fc}.kckr-panel,.kckr-results{box-shadow:0 4px 14px rgba(15,23,42,.045)}}