.kbli-section{background:#f8fafc;padding:5rem 0 6rem}.kbli-header{text-align:center;max-width:700px;margin:0 auto 3rem}.kbli-searchbar{max-width:800px;margin:0 auto 2rem}.kbli-searchbar__wrap{align-items:center;display:flex;position:relative}.kbli-searchbar__icon{color:#94a3b8;pointer-events:none;z-index:1;font-size:1.1rem;position:absolute;left:1.25rem}.kbli-searchbar__input{color:#0f172a;background:#fff;border:2px solid #e2e8f0;border-radius:1rem;outline:none;width:100%;padding:1.1rem 3.5rem 1.1rem 3.25rem;font-size:1rem;transition:all .3s;box-shadow:0 4px 6px -1px #0000000a}.kbli-searchbar__input:focus{border-color:#1fac52;box-shadow:0 0 0 4px #1fac521f}.kbli-searchbar__input::placeholder{color:#94a3b8}.kbli-searchbar__clear{color:#94a3b8;cursor:pointer;background:0 0;border:none;padding:0;font-size:1.1rem;line-height:1;transition:color .2s;position:absolute;right:1.25rem}.kbli-searchbar__clear:hover{color:#ef4444}.kbli-result-count{text-align:right;color:#64748b;margin-top:.75rem;margin-bottom:0;font-size:.875rem}.kbli-loading{color:#64748b;flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:5rem 0;display:flex}.kbli-spinner{border:4px solid #e2e8f0;border-top-color:#1fac52;border-radius:50%;width:48px;height:48px;animation:.8s linear infinite kbli-spin}@keyframes kbli-spin{to{transform:rotate(360deg)}}.kbli-error{color:#ef4444;flex-direction:column;align-items:center;gap:1rem;padding:4rem 0;font-size:1rem;display:flex}.kbli-error i{font-size:2.5rem}.kbli-table-wrap{background:#fff;border:1px solid #e2e8f0;border-radius:1.25rem;overflow:hidden;box-shadow:0 4px 6px -1px #0000000a}.kbli-table{border-collapse:collapse;width:100%}.kbli-table thead tr{background:#0f172a}.kbli-table th{text-align:left;text-transform:uppercase;letter-spacing:.08em;color:#94a3b8;padding:1rem 1.5rem;font-size:.8rem;font-weight:700}.kbli-table__col-kode{width:140px}.kbli-table__col-aksi{text-align:center;width:80px}.kbli-table__row{cursor:pointer;border-bottom:1px solid #f1f5f9;transition:background .2s}.kbli-table__row:last-child{border-bottom:none}.kbli-table__row:hover{background:#f0fdf4}.kbli-table td{vertical-align:middle;padding:1rem 1.5rem}.kbli-table__judul{color:#1e293b;font-size:.95rem;font-weight:500;line-height:1.5}.kbli-badge{color:#15803d;letter-spacing:.05em;white-space:nowrap;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:.5rem;padding:.25rem .75rem;font-family:Courier New,monospace;font-size:.85rem;font-weight:700;display:inline-block}.kbli-badge--lg{padding:.4rem 1rem;font-size:1rem}.kbli-detail-btn{color:#1fac52;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;margin:0 auto;padding:0;font-size:1.4rem;transition:transform .2s,color .2s;display:flex}.kbli-detail-btn:hover{color:#15803d;transform:scale(1.15)}.kbli-pagination{flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;margin-top:2rem;display:flex}.kbli-pagination__btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:.625rem;justify-content:center;align-items:center;width:40px;height:40px;font-size:.9rem;font-weight:600;transition:all .2s;display:flex}.kbli-pagination__btn:hover:not(:disabled){color:#1fac52;background:#f0fdf4;border-color:#1fac52}.kbli-pagination__btn.is-active{color:#fff;background:#1fac52;border-color:#1fac52;box-shadow:0 4px 6px -1px #1fac524d}.kbli-pagination__btn:disabled{opacity:.4;cursor:not-allowed}.kbli-pagination__dots{color:#94a3b8;padding:0 .25rem;font-size:.9rem;line-height:40px}.kbli-empty{text-align:center;color:#64748b;padding:5rem 1rem}.kbli-empty i{color:#cbd5e1;margin-bottom:1rem;font-size:3rem;display:block}.kbli-empty h3{color:#334155;margin-bottom:.5rem;font-size:1.25rem;font-weight:700}.kbli-empty p{max-width:400px;margin:0 auto;font-size:.95rem}.kbli-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;background:#0f172a99;justify-content:center;align-items:center;padding:1rem;animation:.2s kbli-fade-in;display:flex;position:fixed;inset:0}@keyframes kbli-fade-in{0%{opacity:0}to{opacity:1}}.kbli-modal{background:#fff;border-radius:1.5rem;width:100%;max-width:560px;max-height:85vh;padding:2rem;animation:.3s cubic-bezier(.34,1.56,.64,1) kbli-slide-up;overflow-y:auto;box-shadow:0 25px 50px -12px #00000040}@keyframes kbli-slide-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.kbli-modal__head{justify-content:space-between;align-items:center;margin-bottom:1.25rem;display:flex}.kbli-modal__close{cursor:pointer;color:#64748b;background:#f1f5f9;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:.9rem;transition:all .2s;display:flex}.kbli-modal__close:hover{color:#ef4444;background:#fee2e2}.kbli-modal__title{color:#0f172a;margin-bottom:1.25rem;font-size:1.3rem;font-weight:800;line-height:1.3}.kbli-modal__divider{background:#e2e8f0;height:1px;margin-bottom:1.5rem}.kbli-modal__label{text-transform:uppercase;letter-spacing:.1em;color:#94a3b8;margin-bottom:.75rem;font-size:.75rem;font-weight:700}.kbli-modal__desc{color:#475569;margin-bottom:2rem;font-size:.95rem;line-height:1.7}.kbli-modal__foot{flex-wrap:wrap;gap:.75rem;display:flex}.kbli-modal__cta{color:#fff;white-space:nowrap;background:#1fac52;border-radius:.875rem;flex:1;justify-content:center;align-items:center;padding:.875rem 1.5rem;font-size:.95rem;font-weight:700;text-decoration:none;transition:all .3s;display:flex}.kbli-modal__cta:hover{background:#15803d;transform:translateY(-2px);box-shadow:0 10px 15px -3px #1fac524d}.kbli-modal__dismiss{color:#64748b;cursor:pointer;background:#f1f5f9;border:none;border-radius:.875rem;padding:.875rem 1.5rem;font-size:.95rem;font-weight:600;transition:all .2s}.kbli-modal__dismiss:hover{color:#334155;background:#e2e8f0}.kbli-modal__dismiss--full{width:100%}@media (max-width:768px){.kbli-section{padding:3rem 0 4rem}.kbli-table__col-kode{width:100px}.kbli-table th,.kbli-table td{padding:.875rem 1rem}.kbli-table__judul{font-size:.875rem}.kbli-modal{padding:1.5rem}.kbli-modal__title{font-size:1.1rem}.kbli-modal__foot{flex-direction:column}.kbli-modal__cta,.kbli-modal__dismiss{text-align:center}}
.kbli-intro{background:#fff;padding:5rem 0 3rem}.kbli-intro__stats{background:#f8fafc;border:1px solid #e2e8f0;border-radius:1.25rem;flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;margin-bottom:4rem;padding:1.5rem 2.5rem;display:flex}.kbli-intro__stat{align-items:center;gap:.875rem;padding:0 2rem;display:flex}.kbli-intro__stat i{color:#1fac52;font-size:1.75rem}.kbli-intro__stat div{flex-direction:column;display:flex}.kbli-intro__stat strong{color:#0f172a;font-size:1.1rem;font-weight:800;line-height:1.2}.kbli-intro__stat span{color:#64748b;font-size:.8rem;font-weight:500}.kbli-intro__stat-divider{background:#e2e8f0;flex-shrink:0;width:1px;height:40px}.kbli-intro__grid{grid-template-columns:1fr 1fr;gap:2rem;display:grid}.kbli-intro__card{background:#fff;border:1px solid #e2e8f0;border-radius:1.5rem;padding:2.5rem;transition:transform .3s,box-shadow .3s;position:relative;overflow:hidden;box-shadow:0 4px 6px -1px #0000000a}.kbli-intro__card:hover{transform:translateY(-5px);box-shadow:0 20px 25px -5px #00000014}.kbli-intro__card--green{background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%);border-color:#0000}.kbli-intro__card-accent{pointer-events:none;background:radial-gradient(circle,#1fac521f 0%,#0000 70%);border-radius:50%;width:200px;height:200px;position:absolute;bottom:-60px;right:-60px}.kbli-intro__card--green .kbli-intro__card-accent{background:radial-gradient(circle,#ffffff12 0%,#0000 70%)}.kbli-intro__card-icon-wrap{color:#1fac52;background:#f0fdf4;border-radius:1rem;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:1.5rem;font-size:1.5rem;display:flex}.kbli-intro__card--green .kbli-intro__card-icon-wrap{color:#4ade80;background:#ffffff1f}.kbli-intro__card-body{z-index:2;position:relative}.kbli-intro__card-title{color:#0f172a;margin-bottom:1rem;font-size:1.5rem;font-weight:800;line-height:1.3}.kbli-intro__card--green .kbli-intro__card-title{color:#fff}.kbli-intro__card-text{color:#475569;margin-bottom:0;font-size:.95rem;line-height:1.75}.kbli-intro__card--green .kbli-intro__card-text{color:#94a3b8;margin-bottom:1.5rem}.kbli-intro__card-source{color:#94a3b8;margin-top:1rem;font-size:.8rem;font-style:italic}.kbli-intro__tags{flex-wrap:wrap;gap:.5rem;display:flex}.kbli-intro__tag{color:#e2e8f0;background:#ffffff1a;border:1px solid #ffffff26;border-radius:2rem;align-items:center;gap:.4rem;padding:.4rem .875rem;font-size:.82rem;font-weight:600;display:inline-flex}.kbli-intro__tag i{color:#4ade80;font-size:.9rem}@media (max-width:992px){.kbli-intro__grid{grid-template-columns:1fr}.kbli-intro__stats{padding:1.25rem 1.5rem}.kbli-intro__stat{padding:0 1rem}}@media (max-width:576px){.kbli-intro{padding:3rem 0 2rem}.kbli-intro__stats{justify-content:flex-start;gap:1.25rem}.kbli-intro__stat-divider{display:none}.kbli-intro__stat{width:calc(50% - .625rem);padding:0}.kbli-intro__card{padding:1.75rem}}