@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap";:root{--color-primary:#f79039;--color-primary-deep:#ea782c;--color-primary-press:#febd26;--color-primary-tint:#ffd635;--color-on-primary:#fff;--color-ink:#231f20;--color-ink-mute:#696969;--color-ink-ghost:#231f2026;--color-link-blue:#00a6fb;--color-link-hover:#00a6fb;--color-canvas-hero:#fff6dd;--color-canvas:#fffbee;--color-canvas-cream:#fffdf7;--color-canvas-lavender:#f9f0ff;--color-surface-elev:#fff;--color-surface-orange:#e69c67;--color-hairline:#e6e6e6;--color-hairline-strong:#000;--color-semantic-error:#ef233c;--color-semantic-success:#007a5a;--color-on-orange-mute:#c3b8bc;--font-display:"Montserrat", ui-sans-serif, system-ui, sans-serif;--font-body:"Poppins", ui-sans-serif, system-ui, sans-serif;--rounded-xs:2px;--rounded-sm:4px;--rounded-md:8px;--rounded-lg:12px;--rounded-xl:16px;--rounded-xxl:48px;--rounded-pill:90px;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:12px;--spacing-lg:16px;--spacing-xl:20px;--spacing-xxl:24px;--spacing-huge:28px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{width:100%;height:100%;overflow-x:hidden}body{font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--color-canvas);overflow-x:hidden}.bg-grid{z-index:0;pointer-events:none;background-image:linear-gradient(var(--color-ink-ghost) 1px, transparent 1px), linear-gradient(90deg, var(--color-ink-ghost) 1px, transparent 1px);opacity:.35;background-size:48px 48px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(80% 70% at 50% 40%,#000 30%,#0000 100%);mask-image:radial-gradient(80% 70% at 50% 40%,#000 30%,#0000 100%)}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}ul,ol{margin:0;padding:0;list-style:none}.text-display-xxl{font-family:var(--font-display);letter-spacing:-.768px;font-size:64px;font-weight:700;line-height:1.12}.text-display-xl{font-family:var(--font-display);letter-spacing:-.464px;font-size:58px;font-weight:600;line-height:1.25}.text-display-lg{font-family:var(--font-display);letter-spacing:-.6px;font-size:50px;font-weight:700;line-height:1.12}.text-display-md{font-family:var(--font-display);letter-spacing:-.256px;font-size:32px;font-weight:700;line-height:1.25}.text-heading-lg{font-family:var(--font-display);letter-spacing:-.096px;font-size:24px;font-weight:700;line-height:1.33}.text-heading-md{font-family:var(--font-display);letter-spacing:0;font-size:22px;font-weight:600;line-height:1.4}.text-heading-sm{font-family:var(--font-display);letter-spacing:-.0216px;font-size:18px;font-weight:600;line-height:1.56}.text-body-lg{font-family:var(--font-body);letter-spacing:-.0216px;font-size:18px;font-weight:400;line-height:1.55}.text-body-md{font-family:var(--font-body);letter-spacing:0;font-size:16px;font-weight:400;line-height:1.55}.text-body-strong{font-family:var(--font-body);letter-spacing:.16px;font-size:16px;font-weight:700;line-height:1.5}.text-button-lg{font-family:var(--font-body);letter-spacing:0;font-size:18px;font-weight:700;line-height:1}.text-button-md{font-family:var(--font-body);letter-spacing:.2px;font-size:16px;font-weight:700;line-height:1.38}.text-button-cap{font-family:var(--font-body);letter-spacing:.144px;font-size:14.4px;font-weight:700;line-height:1}.text-caption{font-family:var(--font-body);letter-spacing:.1px;font-size:14px;font-weight:400;line-height:1.43}.text-micro-cap{font-family:var(--font-body);letter-spacing:.96px;text-transform:uppercase;font-size:12px;font-weight:700;line-height:1}.btn-primary-pill{background-color:var(--color-primary);color:var(--color-on-primary);font-family:var(--font-body);letter-spacing:.2px;border-radius:var(--rounded-pill);text-align:center;border:1px solid #0000;padding:14px 28px;font-size:16px;font-weight:700;line-height:1.38;transition:background-color .2s,transform .25s,box-shadow .25s;display:inline-block}.btn-primary-pill:hover{background-color:var(--color-primary-deep);border-color:#febd264d;transform:translateY(-4px)scale(1.012);box-shadow:0 12px 32px #f7903966}.btn-primary-pill:active{background-color:var(--color-primary-press);transform:translateY(-2px)scale(1.005)}.btn-primary-pill--lg{letter-spacing:0;padding:14px 28px;font-size:18px;line-height:1}.btn-secondary-pill{background-color:var(--color-canvas-lavender);color:var(--color-ink);font-family:var(--font-body);letter-spacing:.2px;border-radius:var(--rounded-pill);text-align:center;padding:10px 30px;font-size:16px;font-weight:700;line-height:1.38;transition:background-color .2s;display:inline-block}.btn-secondary-pill:hover{background-color:#f0e6ff}.btn-outline-on-light{background-color:var(--color-canvas);color:var(--color-primary);font-family:var(--font-body);letter-spacing:.2px;border-radius:var(--rounded-pill);border:2px solid var(--color-primary);text-align:center;padding:14px 28px;font-size:16px;font-weight:700;line-height:1.38;transition:all .2s;display:inline-block}.btn-outline-on-light:hover{background-color:var(--color-primary);color:var(--color-on-primary)}.btn-outline-on-orange{color:var(--color-on-primary);font-family:var(--font-body);letter-spacing:.2px;border-radius:var(--rounded-pill);border:2px solid var(--color-on-primary);text-align:center;background-color:#0000;padding:14px 28px;font-size:16px;font-weight:700;line-height:1.38;transition:all .2s;display:inline-block}.btn-outline-on-orange:hover{background-color:var(--color-on-primary);color:var(--color-surface-orange)}.navbar{z-index:9999;padding:var(--spacing-lg) var(--spacing-xxl);background-color:#0000;transition:all .3s;position:fixed;top:0;left:0;right:0;overflow:visible}.navbar--scrolled{padding:var(--spacing-sm) var(--spacing-xxl);background-color:#0000!important}.navbar__container{border-radius:var(--rounded-pill);justify-content:space-between;align-items:center;gap:16px;max-width:1400px;margin:0 auto;padding:12px 24px;transition:all .3s;display:flex;overflow:visible}.navbar__container::-webkit-scrollbar{display:none}.navbar--scrolled .navbar__container{background-color:var(--color-canvas);box-shadow:0 4px 24px #0000001a}.navbar__brand-group{flex-shrink:0;align-items:center;gap:4px;max-width:100%;display:flex}@media (width>=768px){.navbar__brand-group{flex-shrink:0}.navbar__nav{align-items:center;gap:32px;display:flex}}.navbar__brand{flex-shrink:0;align-items:center;gap:8px;text-decoration:none;display:flex}.navbar__se-brand{flex-shrink:0;align-items:center;gap:6px;text-decoration:none;display:flex}.navbar__logo-img{object-fit:contain;flex-shrink:0;width:48px;height:48px}.navbar__logo-text{color:var(--color-on-primary);font-size:14px;font-weight:700}.navbar__brand-text{flex-direction:column;display:flex}.navbar__brand-line1,.navbar__brand-line2{color:var(--color-ink);font-family:Arial,sans-serif;font-size:12px;font-style:italic;font-weight:700;line-height:1.2}.navbar__brand-title{color:var(--color-ink);font-size:14px;font-weight:600;line-height:1.2}.navbar__brand-subtitle{color:var(--color-ink-mute);font-size:12px;line-height:1.2}.navbar__divider{background-color:var(--color-hairline);width:1px;height:36px;margin:0 2px}.navbar__se-brand{align-items:center;gap:6px;text-decoration:none;display:flex}.navbar__se-logo-img{object-fit:contain;width:56px;height:56px}.navbar__se-text{flex-direction:column;display:flex}.navbar__se-line1,.navbar__se-line2{color:var(--color-ink);font-family:Manrope,Arial,sans-serif;font-size:13px;font-weight:700;line-height:1.2}.navbar__se-line3{color:var(--color-primary);font-family:Manrope,Arial,sans-serif;font-size:11px;font-weight:700;line-height:1.2}@media (width>=768px){.navbar__nav{align-items:center;gap:32px;display:flex}}.navbar__link{color:var(--color-ink);font-size:16px;transition:color .2s;position:relative}.navbar__link:hover{color:var(--color-primary-deep)}.navbar__link--active{color:var(--color-primary);font-weight:700}.navbar__link--active:after{content:"";background-color:var(--color-primary);border-radius:2px;width:24px;height:2px;position:absolute;bottom:-4px;left:50%;transform:translate(-50%)}.navbar__actions{align-items:center;gap:var(--spacing-sm);display:flex}.navbar__user-dropdown{position:relative}.navbar__user-btn{background-color:var(--color-surface-elev);border:1px solid var(--color-hairline);border-radius:var(--rounded-pill);cursor:pointer;align-items:center;gap:10px;padding:6px 12px 6px 6px;transition:all .2s;display:flex}.navbar__user-btn:hover,.navbar__user-btn.is-active{background-color:var(--color-canvas);border-color:var(--color-primary)}.navbar__user-avatar{background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-deep) 100%);color:#fff;width:36px;height:36px;font-family:var(--font-display);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:16px;font-weight:700;display:flex}.navbar__user-info{flex-direction:column;align-items:flex-start;display:flex}.navbar__user-name{color:var(--color-ink);font-size:14px;font-weight:600;line-height:1.2}.navbar__user-role{color:var(--color-ink-mute);text-transform:capitalize;font-size:11px;line-height:1.2}.navbar__user-chevron{color:var(--color-ink-mute);flex-shrink:0;transition:transform .2s}.navbar__user-chevron.is-rotated{transform:rotate(180deg)}.navbar__dropdown-menu{background-color:var(--color-surface-elev);border-radius:var(--rounded-lg);z-index:1000;min-width:200px;padding:8px;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 8px 32px #00000026}.navbar__dropdown-menu--mobile{min-width:250px;position:absolute;top:calc(100% + 8px);left:auto;right:0}.navbar__dropdown-header{align-items:center;gap:12px;padding:12px;display:flex}.navbar__dropdown-user-info{flex-direction:column;display:flex}.navbar__dropdown-user-name{color:var(--color-ink);font-size:14px;font-weight:600}.navbar__dropdown-user-role{color:var(--color-ink-mute);text-transform:capitalize;font-size:12px}.navbar__dropdown-divider{background-color:var(--color-hairline);height:1px;margin:8px 0}.navbar__dropdown-item{width:100%;color:var(--color-ink);border-radius:var(--rounded-md);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:10px;padding:10px 12px;font-size:14px;font-weight:500;transition:all .15s;display:flex}.navbar__dropdown-item:hover{color:var(--color-semantic-error);background-color:#ef44441a}.navbar__dropdown-item svg{flex-shrink:0}.navbar__mobile-user{position:relative}.navbar__mobile-avatar-btn{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex}.navbar__user-avatar--mobile{width:40px;height:40px;font-size:18px}.navbar__mobile-logged-in{color:var(--color-ink-mute);align-items:center;gap:8px;padding:12px 16px;font-size:14px;display:flex}@media (width<=1023px){.navbar__user-dropdown{display:none}}.navbar__mobile-toggle{color:var(--color-ink);display:none}@media (width<=767px){.navbar__mobile-toggle{display:block}}.navbar__mobile-menu{display:none}.navbar__mobile-menu.is-active{display:block}@media (width>=1024px){.navbar__mobile-menu{display:none!important}}@media (width<=767px){.navbar__mobile-menu{display:none}.navbar__mobile-menu.is-active{display:block}}.navbar__mobile-nav{gap:var(--spacing-md);padding-top:var(--spacing-lg);border-top:1px solid var(--color-hairline);flex-direction:column;display:flex}.navbar__mobile-link{color:var(--color-ink);font-size:16px}.navbar__mobile-link--active{color:var(--color-primary);font-weight:700}.navbar__mobile-controls{align-items:center;gap:var(--spacing-sm);display:none;position:relative}@media (width>=768px) and (width<=1023px){.navbar__mobile-controls{display:flex}.navbar__nav,.navbar__actions{display:none}.navbar__mobile-daftar{padding:10px 20px;font-size:14px}.navbar__logo-img{width:40px;height:40px}.navbar__se-logo-img{width:44px;height:44px}}@media (width<=767px){.navbar__mobile-controls{display:flex}.navbar__nav,.navbar__actions{display:none}.navbar__mobile-daftar{padding:10px 20px;font-size:14px}.navbar__brand-group{flex:1;min-width:0}.navbar__brand-text,.navbar__se-text{display:none}.navbar__logo-img{width:36px;height:36px}.navbar__se-logo-img{width:40px;height:40px}}.navbar__mobile-toggle{width:44px;height:44px;color:var(--color-ink);cursor:pointer;border-radius:var(--rounded-sm);justify-content:center;align-items:center;transition:background-color .2s;display:none}.navbar__mobile-toggle:hover{background-color:#0000000d}@media (width>=768px) and (width<=1023px){.navbar__mobile-toggle{display:flex}}@media (width<=767px){.navbar__mobile-toggle{display:flex}}@media (width>=1024px){.navbar__mobile-toggle{display:none}}.hamburger{flex-direction:column;justify-content:space-between;width:22px;height:16px;display:flex}.hamburger__line{background-color:var(--color-ink);border-radius:2px;width:100%;height:2px;transition:all .3s;display:block}.navbar__mobile-toggle.is-active .hamburger__line:first-child{transform:translateY(7px)rotate(45deg)}.navbar__mobile-toggle.is-active .hamburger__line:nth-child(2){opacity:0}.navbar__mobile-toggle.is-active .hamburger__line:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.navbar__mobile-menu{background-color:var(--color-canvas);border-radius:var(--rounded-lg);padding:var(--spacing-lg) var(--spacing-xl);opacity:0;visibility:hidden;z-index:9998;transition:all .3s;position:fixed;top:70px;left:16px;right:16px;transform:translateY(-10px);box-shadow:0 8px 32px #0000001f}.navbar__mobile-menu.is-active{opacity:1;visibility:visible;transform:translateY(0)}@media (width>=1024px){.navbar__mobile-menu{display:none!important}}@media (width>=768px) and (width<=1023px){.navbar__mobile-menu{top:80px}}@media (width<=767px){.navbar__mobile-menu{top:60px}}.navbar__mobile-actions{gap:var(--spacing-sm);padding-top:var(--spacing-md);border-top:1px solid var(--color-hairline);margin-top:var(--spacing-md);flex-direction:column;display:flex}.navbar__mobile-btn{text-align:center;width:100%;padding:12px 24px}@media (width<=767px){.navbar{padding:var(--spacing-sm) var(--spacing-md)}.navbar__nav{display:none}.navbar__brand-group{flex:1;min-width:0}.navbar__brand-text,.navbar__se-text{display:none}.navbar__logo-img{width:36px;height:36px}.navbar__se-logo-img{width:40px;height:40px}.navbar__divider{flex-shrink:0;height:24px;margin:0 2px}.navbar__brand,.navbar__se-brand{flex-shrink:0}.navbar__container{gap:8px;padding:8px 16px}.navbar__actions{flex-shrink:0}}.hero{background-color:var(--color-canvas-hero);padding-top:32px;position:relative;overflow:hidden}.hero:before{content:"";z-index:0;pointer-events:none;background-image:linear-gradient(#231f2026 1px,#0000 1px),linear-gradient(90deg,#231f2026 1px,#0000 1px);background-size:48px 48px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(80% 70% at 50% 40%,#000 30%,#0000 100%);mask-image:radial-gradient(80% 70% at 50% 40%,#000 30%,#0000 100%)}.hero__content{max-width:1280px;padding:24px var(--spacing-xxl) 0px var(--spacing-xxl);z-index:10;margin:0 auto;position:relative}@media (width>=768px){.hero__content{padding:32px var(--spacing-xxl) 0px var(--spacing-xxl)}}.hero__grid{align-items:center;gap:12px;padding-top:32px;display:grid}@media (width>=768px){.hero__grid{grid-template-columns:1fr 1fr}}.hero__text{text-align:center}@media (width>=768px){.hero__text{text-align:left}}.hero__eyebrow{background-color:var(--color-primary);color:var(--color-on-primary);text-transform:uppercase;letter-spacing:.144px;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--rounded-xxl);margin-bottom:24px;font-size:12px;font-weight:700;display:inline-block}.hero__title{color:var(--color-ink);font-family:var(--font-display);letter-spacing:-.768px;margin-bottom:24px;font-size:40px;font-weight:700;line-height:1.12}@media (width>=768px){.hero__title{font-size:48px}}@media (width>=1024px){.hero__title{font-size:58px}}.hero__description{color:var(--color-ink-mute);max-width:512px;margin-bottom:32px;margin-left:auto;margin-right:auto;font-size:18px;line-height:1.55}.hero__description strong{color:var(--color-primary-deep);font-weight:700}@media (width>=768px){.hero__description{margin-left:0;margin-right:0}}.hero__actions{gap:var(--spacing-sm);flex-direction:column;justify-content:center;display:flex}@media (width>=640px){.hero__actions{flex-direction:row}}@media (width>=768px){.hero__actions{justify-content:flex-start}}.hero__visual{padding-top:16px;display:none;position:relative}@media (width>=768px){.hero__visual{display:block}}.hero__image{width:100%;height:auto;margin-bottom:var(--spacing-lg)}.hero__card{z-index:10;background-color:var(--color-surface-elev);border-radius:var(--rounded-lg);padding:var(--spacing-sm);border:1px solid #0000;transition:transform .25s,box-shadow .25s,border-color .25s,background-color .25s;animation:3s ease-in-out infinite heroCardFloat;position:relative;box-shadow:0 10px 40px #0000001a}.hero__card:hover{background-color:#fffffff2;border-color:#febd264d;transform:translateY(-4px)scale(1.012);box-shadow:0 12px 32px #f7903933}@keyframes heroCardFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.hero__card-header{align-items:center;gap:var(--spacing-xs);margin-bottom:var(--spacing-sm);display:flex}.hero__card-dot{border-radius:50%;width:10px;height:10px}.hero__card-dot--red{background-color:var(--color-semantic-error)}.hero__card-dot--yellow{background-color:var(--color-primary-press)}.hero__card-dot--green{background-color:var(--color-semantic-success)}.hero__stats-grid{gap:var(--spacing-sm);grid-template-columns:repeat(3,1fr);display:grid}.hero__stat-card{background-color:var(--color-canvas);border-radius:var(--rounded-md);padding:var(--spacing-xs);text-align:center}.hero__stat-value{color:var(--color-primary);font-family:var(--font-display);margin-bottom:2px;font-size:20px;font-weight:700}.hero__stat-label{color:var(--color-ink-mute);font-size:10px}.hero__progress-section{margin-top:var(--spacing-sm);background-color:var(--color-canvas-cream);border-radius:var(--rounded-md);padding:var(--spacing-sm)}.hero__progress-header{margin-bottom:var(--spacing-xs);justify-content:space-between;align-items:center;display:flex}.hero__progress-title{color:var(--color-ink);font-size:12px;font-weight:600}.hero__progress-value{color:var(--color-primary);font-size:12px;font-weight:700}.hero__progress-bar{background-color:var(--color-hairline);border-radius:var(--rounded-pill);width:100%;height:8px}.hero__progress-fill{background-color:var(--color-primary);border-radius:var(--rounded-pill);height:8px}.hero__visual-glow{background-color:var(--color-primary);opacity:.2;filter:blur(60px);border-radius:50%;width:288px;height:288px;position:absolute;top:-16px;right:-16px}.hero__wave{color:var(--color-canvas-cream);z-index:5;margin-top:-2px;display:block;position:relative}.footer{background-color:var(--color-primary);color:var(--color-on-primary)}.footer__container{max-width:1280px;padding:48px var(--spacing-xxl);margin:0 auto}.footer__grid{gap:var(--spacing-xxl);margin-bottom:var(--spacing-huge);grid-template-columns:1fr;display:grid}@media (width>=768px){.footer__grid{grid-template-columns:repeat(3,1fr)}}.footer__brand{margin-bottom:var(--spacing-md);align-items:center;gap:8px;text-decoration:none;display:flex}.footer__logo-img{object-fit:contain;width:48px;height:48px}.footer__logo-text{color:var(--color-primary);font-size:14px;font-weight:700}.footer__brand-info,.footer__brand-text{flex-direction:column;display:flex}.footer__brand-line1{color:var(--color-on-primary);font-family:Arial,sans-serif;font-size:14px;font-style:italic;font-weight:700;line-height:1.2}.footer__brand-line2{color:var(--color-on-primary);font-family:Arial,sans-serif;font-size:13px;font-style:italic;font-weight:700;line-height:1.2}.footer__se-brand{align-items:center;gap:6px;margin-top:12px;display:flex}.footer__se-logo-img{object-fit:contain;width:48px;height:48px}.footer__se-text{flex-direction:column;display:flex}.footer__se-line1,.footer__se-line2{color:var(--color-on-primary);font-family:Manrope,Arial,sans-serif;font-size:14px;font-weight:700;line-height:1.2}.footer__berakhlak-img{object-fit:contain;width:300px;height:auto;margin-top:12px}.footer__brand-title{font-size:14px;font-weight:600;line-height:1.2}.footer__brand-subtitle{opacity:.8;font-size:14px;line-height:1.2}.footer__brand-description{opacity:.8;font-size:14px;line-height:1.6}.footer__section-title{text-transform:uppercase;letter-spacing:.1px;margin-bottom:var(--spacing-md);font-size:14px;font-weight:700}.footer__links{gap:var(--spacing-xs);flex-direction:column;display:flex}.footer__link{opacity:.8;font-size:14px;transition:opacity .2s}.footer__link:hover{opacity:1}.footer__contact-item{opacity:.8;font-size:14px;line-height:1.6}.footer__contact-item+.footer__contact-item{margin-top:var(--spacing-xs)}.footer__divider{padding-top:var(--spacing-xxl);border-top:2px solid #fff3}.footer__bottom{align-items:center;gap:var(--spacing-md);flex-direction:column;display:flex}@media (width>=768px){.footer__bottom{flex-direction:row;justify-content:space-between}}.footer__copyright{opacity:.8;font-size:14px}.card{background-color:var(--color-canvas);border-radius:var(--rounded-xl);padding:32px}.card--featured{background-color:var(--color-surface-orange);color:var(--color-on-primary)}.card--cream{background-color:var(--color-canvas-cream)}.card--elevated{background-color:var(--color-surface-elev);box-shadow:0 5px 20px #0000001a}.card--stat{background-color:var(--color-canvas);border-radius:var(--rounded-xl);padding:32px}.card__stat-value{font-family:var(--font-display);color:var(--color-primary);font-size:50px;font-weight:700}.input{background-color:var(--color-canvas);color:var(--color-ink);font-family:var(--font-body);border-radius:var(--rounded-sm);border:1px solid var(--color-hairline);outline:none;padding:10px 12px;font-size:16px;transition:border-color .2s}.input:focus{border-color:var(--color-primary)}.input::placeholder{color:var(--color-ink-mute)}.pill{border-radius:var(--rounded-pill);font-family:var(--font-body);font-weight:700;display:inline-block}.pill--shade{background-color:var(--color-canvas-cream);color:var(--color-ink);text-transform:uppercase;letter-spacing:.96px;padding:var(--spacing-xs) var(--spacing-sm);font-size:12px}.link{transition:color .2s}.link--light{color:var(--color-link-blue)}.link--light:hover{color:var(--color-link-hover)}.link--orange{color:var(--color-on-primary);text-decoration:underline}.container{max-width:1280px;padding-left:var(--spacing-xxl);padding-right:var(--spacing-xxl);margin:0 auto}.container--narrow{max-width:960px}.shadow-sm{box-shadow:0 5px 20px #0000001a}.shadow-md{box-shadow:0 0 32px #0000001a}.shadow-lg{box-shadow:0 10px 40px #00000026}.stats-section{background-color:var(--color-canvas-cream);padding:64px var(--spacing-xxl)}.stats-section__header{text-align:center;max-width:800px;margin:0 auto 48px}.stats-section__eyebrow{background-color:var(--color-primary);color:var(--color-on-primary);text-transform:uppercase;letter-spacing:.144px;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--rounded-xxl);margin-bottom:16px;font-size:12px;font-weight:700;display:inline-block}.stats-section__title{color:var(--color-ink);font-family:var(--font-display);letter-spacing:-.256px;margin-bottom:16px;font-size:32px;font-weight:700;line-height:1.25}@media (width>=768px){.stats-section__title{font-size:40px}}.stats-section__description{color:var(--color-ink-mute);font-size:16px;line-height:1.55}.stats-section__container{max-width:1280px;margin:0 auto}.stats-section__summary{grid-template-columns:1fr;gap:24px;margin-bottom:48px;display:grid}@media (width>=1024px){.stats-section__summary{grid-template-columns:300px 1fr}}.stats-total-card{background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-deep) 100%);color:var(--color-on-primary);border-radius:var(--rounded-xl);border:1px solid #0000;flex-direction:row;align-items:center;gap:24px;padding:24px 32px;transition:transform .25s,box-shadow .25s,border-color .25s;display:flex;box-shadow:0 8px 32px #f790394d}.stats-total-card:hover{border-color:#febd264d;transform:translateY(-4px)scale(1.012);box-shadow:0 12px 32px #f7903966}.stats-total-card__icon{opacity:.9;flex-shrink:0}.stats-total-card__content{flex-direction:column;display:flex}.stats-total-card__value{font-family:var(--font-display);font-size:48px;font-weight:700;line-height:1}.stats-total-card__label{opacity:.9;margin-top:4px;font-size:14px}.stats-scale-cards{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}@media (width<=767px){.stats-scale-cards{grid-template-columns:1fr}}.stats-scale-card{border-radius:var(--rounded-lg);background-color:var(--color-surface-elev);text-align:center;border:1px solid #0000;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:24px 20px;transition:transform .25s,box-shadow .25s,border-color .25s,background-color .25s;display:flex;box-shadow:0 4px 16px #0000000f}.stats-scale-card:hover{background-color:#fffffff2;border-color:#febd264d;transform:translateY(-4px)scale(1.012);box-shadow:0 12px 32px #f7903933}.stats-scale-card__value-wrapper{align-items:center;gap:12px;display:flex}.stats-scale-card__value{font-family:var(--font-display);color:var(--color-ink);font-size:36px;font-weight:700;line-height:1}.stats-scale-card__badge{letter-spacing:.5px;border-radius:var(--rounded-pill);color:#fff;padding:6px 12px;font-size:12px;font-weight:700}.stats-scale-card__badge--umk{background-color:#10b981}.stats-scale-card__badge--um{background-color:#f59e0b}.stats-scale-card__badge--ub{background-color:#00a6fb}.stats-scale-card__label{color:var(--color-ink-mute);font-size:13px}.stats-section__tables{grid-template-columns:1fr;gap:32px;display:grid}@media (width>=1024px){.stats-section__tables{grid-template-columns:1fr 1fr}}.stats-table-card{background-color:var(--color-surface-elev);border-radius:var(--rounded-xl);flex-direction:column;max-height:500px;padding:24px;display:flex;overflow:hidden;box-shadow:0 4px 16px #0000000f}@media (width<=767px){.stats-table-card{padding:16px}}.stats-table-card__title{color:var(--color-ink);border-bottom:2px solid var(--color-hairline);flex-shrink:0;align-items:center;gap:8px;margin-bottom:16px;padding-bottom:12px;font-size:18px;font-weight:700;display:flex}.stats-table-card__title svg{color:var(--color-primary)}.stats-table-search{background-color:var(--color-canvas);border:1px solid var(--color-hairline);border-radius:var(--rounded-md);box-sizing:border-box;flex:1;align-items:center;gap:8px;max-width:320px;max-height:36px;margin-bottom:16px;padding:8px 12px;display:flex}.stats-table-search svg{color:var(--color-ink-mute);flex-shrink:0;width:16px;height:16px}.stats-table-search__input{font-family:var(--font-body);color:var(--color-ink);background:0 0;border:none;outline:none;flex:1;min-width:0;height:100%;padding:0;font-size:14px}.stats-table-search__input::placeholder{color:var(--color-ink-mute)}.stats-table-search__clear{width:24px;height:24px;color:var(--color-ink-mute);cursor:pointer;border-radius:var(--rounded-full);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:color .15s;display:flex}.stats-table-search__clear:hover{color:var(--color-ink)}.stats-table-wrapper{scrollbar-width:thin;scrollbar-color:var(--color-hairline) transparent;flex:1;overflow:auto}.stats-table-wrapper::-webkit-scrollbar{width:6px;height:6px}.stats-table-wrapper::-webkit-scrollbar-track{background:0 0}.stats-table-wrapper::-webkit-scrollbar-thumb{background-color:var(--color-hairline);border-radius:3px}.stats-table{border-collapse:collapse;width:100%;font-size:14px}.stats-table th{text-align:left;color:var(--color-ink);text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid var(--color-hairline);background-color:var(--color-canvas);padding:12px 16px;font-size:12px;font-weight:700}.stats-table th:not(:first-child){text-align:center}.stats-table td{border-bottom:1px solid var(--color-hairline);color:var(--color-ink);padding:12px 16px}.stats-table__kecamatan,.stats-table__desa{font-weight:600}.stats-table__kecamatan-muted{color:var(--color-ink-mute);font-size:13px}.stats-table__total{text-align:center;color:var(--color-primary);font-weight:700}.stats-table__umk{text-align:center;color:#10b981;font-weight:600}.stats-table__um{text-align:center;color:#f59e0b;font-weight:600}.stats-table__ub{text-align:center;color:#ef4444;font-weight:600}.stats-table tbody tr:hover{background-color:#f7903914;box-shadow:0 0 8px #f7903926}.stats-table tbody tr{transition:background-color .2s,box-shadow .2s}@media (width<=767px){.stats-table th,.stats-table td{padding:10px 12px;font-size:12px}.stats-table__kecamatan,.stats-table__kecamatan-muted,.stats-table__desa{white-space:nowrap}}.gmaps-section{padding:64px var(--spacing-xxl);z-index:1;background-color:#0000;position:relative}.gmaps-section__header{text-align:center;max-width:800px;margin:0 auto 48px}.gmaps-section__eyebrow{color:#fff;text-transform:uppercase;letter-spacing:.144px;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--rounded-xxl);background-color:#10b981;margin-bottom:16px;font-size:12px;font-weight:700;display:inline-block}.gmaps-section__title{color:var(--color-ink);font-family:var(--font-display);letter-spacing:-.256px;margin-bottom:16px;font-size:32px;font-weight:700;line-height:1.25}@media (width>=768px){.gmaps-section__title{font-size:40px}}.gmaps-section__description{color:var(--color-ink-mute);font-size:16px;line-height:1.55}.gmaps-section__container{max-width:1280px;margin:0 auto}.gmaps-section__legend{margin-bottom:24px}.gmaps-stats-row{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px;display:grid}@media (width<=767px){.gmaps-stats-row{grid-template-columns:1fr}}.gmaps-stat-card{border-radius:var(--rounded-lg);-webkit-backdrop-filter:blur(8px);background-color:#ffffffd9;border:1px solid #0000;align-items:center;gap:16px;padding:20px 24px;transition:transform .25s,box-shadow .25s,border-color .25s,background-color .25s;display:flex;box-shadow:0 4px 16px #0000000f}.gmaps-stat-card:hover{background-color:#fffffff2;border-color:#febd264d;transform:translateY(-4px)scale(1.012);box-shadow:0 12px 32px #f7903933}.gmaps-stat-card__icon{border-radius:var(--rounded-md);flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.gmaps-stat-card--total .gmaps-stat-card__icon{color:var(--color-primary);background-color:#f7903926}.gmaps-stat-card--sbr .gmaps-stat-card__icon{color:#00a6fb;background-color:#00a6fb26}.gmaps-stat-card--outside .gmaps-stat-card__icon{color:red;background-color:#fb050526}.gmaps-stat-card__content{flex-direction:column;display:flex}.gmaps-stat-card__value{font-family:var(--font-display);color:var(--color-ink);font-size:28px;font-weight:700;line-height:1}.gmaps-stat-card__label{color:var(--color-ink-mute);margin-top:4px;font-size:14px}.gmaps-legend{background-color:var(--color-surface-elev);border-radius:var(--rounded-lg);flex-direction:column;gap:8px;padding:16px 20px;display:inline-flex;box-shadow:0 2px 8px #0000000f}.gmaps-legend__title{color:var(--color-ink-mute);text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:700}.gmaps-legend__items{flex-wrap:wrap;gap:16px;display:flex}.gmaps-legend__item{color:var(--color-ink);align-items:center;gap:8px;font-size:14px;display:flex}.gmaps-legend__marker{border-radius:50%;width:16px;height:16px;box-shadow:0 2px 4px #0003}.gmaps-legend__marker--sbr{background-color:#00a6fb}.gmaps-legend__marker--outside{background-color:red}.gmaps-section__wrapper{border-radius:var(--rounded-xl);position:relative;overflow:hidden;box-shadow:0 8px 32px #0000001a}.usaha-gmaps{background-color:#e5e5e5;width:100%;height:500px}@media (width>=767px){.usaha-gmaps{height:400px}}.custom-marker{background:0 0}.marker-pin{border:3px solid #fff;border-radius:50%;width:16px;height:16px;box-shadow:0 2px 6px #0000004d}.marker-pin--sbr{background-color:#00a6fb}.marker-pin--outside{background-color:red}.leaflet-popup-content-wrapper{border-radius:var(--rounded-lg);box-shadow:0 4px 16px #00000026}.leaflet-popup-content{margin:16px}.custom-tooltip{background-color:var(--color-surface-elev);border-radius:var(--rounded-md);font-family:var(--font-body);color:var(--color-ink);border:none;padding:10px 14px;font-size:13px;box-shadow:0 4px 16px #00000026}.custom-tooltip:before{border-top-color:var(--color-surface-elev)!important}.gmaps-table-section{-webkit-backdrop-filter:blur(8px);border-radius:var(--rounded-xl);background-color:#ffffffd9;margin-top:32px;padding:24px;overflow:hidden;box-shadow:0 4px 16px #0000000f}.gmaps-table-section__header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.gmaps-table-section__title{font-family:var(--font-display);color:var(--color-ink);margin:0;font-size:20px;font-weight:700}.gmaps-table-section__controls{flex-wrap:wrap;gap:12px;display:flex}.gmaps-table-search{background-color:var(--color-canvas);border:1px solid var(--color-hairline);border-radius:var(--rounded-md);align-items:center;gap:8px;padding:8px 12px;display:flex}.gmaps-table-search svg{color:var(--color-ink-mute);flex-shrink:0}.gmaps-table-search input{font-family:var(--font-body);color:var(--color-ink);background:0 0;border:none;outline:none;width:200px;font-size:14px}.gmaps-table-search input::placeholder{color:var(--color-ink-mute)}.gmaps-table-filter select{background-color:var(--color-canvas);border:1px solid var(--color-hairline);border-radius:var(--rounded-md);font-family:var(--font-body);color:var(--color-ink);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23696969' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;padding:8px 32px 8px 12px;font-size:14px}.gmaps-table-filter select:focus{border-color:var(--color-primary);outline:none}.gmaps-table-wrapper{border-radius:var(--rounded-md);border:1px solid var(--color-hairline);overflow:auto}#table-wrapper{-webkit-overflow-scrolling:touch;max-width:100%;overflow:auto}#table-wrapper .gmaps-table{min-width:600px}.gmaps-table-wrapper::-webkit-scrollbar{width:8px;height:8px}.gmaps-table-wrapper::-webkit-scrollbar-track{background:var(--color-canvas)}.gmaps-table-wrapper::-webkit-scrollbar-thumb{background-color:var(--color-hairline);border-radius:4px}.gmaps-table{border-collapse:collapse;width:100%;min-width:500px;font-size:14px}.gmaps-table th{background-color:var(--color-canvas);text-align:left;color:var(--color-ink);text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid var(--color-hairline);white-space:nowrap;z-index:1;padding:14px 16px;font-size:12px;font-weight:700;position:sticky;top:0}.gmaps-table td{border-bottom:1px solid var(--color-hairline);color:var(--color-ink);padding:12px 16px}.gmaps-table tbody tr:hover{background-color:#f7903914;box-shadow:0 0 8px #f7903926}.gmaps-table tbody tr{transition:background-color .2s,box-shadow .2s}@media (width<=767px){.gmaps-table-section{padding:16px}.gmaps-table-section__header{flex-direction:column;align-items:flex-start}.gmaps-table-section__controls{width:100%}.gmaps-table-search{flex:1}.gmaps-table-search input{width:100%;min-width:120px}.gmaps-table-filter select{width:100%}.gmaps-table th,.gmaps-table td{padding:10px 12px;font-size:12px}}.gmaps-table__name{font-weight:600}.gmaps-table__badge{color:var(--color-primary-deep);border-radius:var(--rounded-pill);background-color:#f7903926;padding:4px 10px;font-size:12px;font-weight:600;display:inline-block}.gmaps-table__address{white-space:nowrap;text-overflow:ellipsis;max-width:250px;overflow:hidden}.gmaps-table__link{color:var(--color-link-blue);font-weight:600;text-decoration:none}.gmaps-table__link:hover{text-decoration:underline}.gmaps-table-section__footer{text-align:right;color:var(--color-ink-mute);margin-top:16px;font-size:13px}.gmaps-table-pagination{border-top:1px solid var(--color-hairline);flex-direction:column;align-items:center;gap:16px;margin-top:20px;padding-top:16px;display:flex}@media (width>=640px){.gmaps-table-pagination{flex-direction:row;justify-content:space-between}}.gmaps-table-pagination__info{color:var(--color-ink-mute);font-size:14px}.gmaps-table-pagination__controls{align-items:center;gap:4px;display:flex}.gmaps-table-pagination__btn{border-radius:var(--rounded-md);width:36px;height:36px;color:var(--color-ink);justify-content:center;align-items:center;transition:all .2s;display:flex}.gmaps-table-pagination__btn:hover:not(.gmaps-table-pagination__btn--disabled){background-color:var(--color-canvas)}.gmaps-table-pagination__btn--disabled{color:var(--color-hairline);cursor:not-allowed}.gmaps-table-pagination__page{border-radius:var(--rounded-md);min-width:36px;height:36px;color:var(--color-ink-mute);justify-content:center;align-items:center;padding:0 8px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.gmaps-table-pagination__page:hover{background-color:var(--color-canvas);color:var(--color-ink)}.gmaps-table-pagination__page--active{background-color:var(--color-primary);color:#fff}.gmaps-table-pagination__page--active:hover{background-color:var(--color-primary-deep);color:#fff}.gmaps-table-pagination__ellipsis{color:var(--color-ink-mute);padding:0 8px;font-size:14px}.se-tujuan-section{padding:64px var(--spacing-xxl);z-index:1;background-color:#0000;position:relative}.se-tujuan-section__container{max-width:800px;margin:0 auto}.se-tujuan-section__header{text-align:center;margin-bottom:32px}.se-tujuan-section__eyebrow{background-color:var(--color-primary);color:#fff;text-transform:uppercase;letter-spacing:.144px;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--rounded-xxl);margin-bottom:16px;font-size:12px;font-weight:700;display:inline-block}.se-tujuan-section__title{color:var(--color-ink);font-family:var(--font-display);letter-spacing:-.256px;font-size:32px;font-weight:700;line-height:1.25}.se-tujuan-card{background:linear-gradient(135deg, var(--color-surface-orange) 0%, var(--color-primary-deep) 100%);color:var(--color-on-primary);border-radius:var(--rounded-xl);border:1px solid #0000;align-items:flex-start;gap:20px;margin-bottom:24px;padding:32px;transition:transform .25s,box-shadow .25s,border-color .25s;display:flex;box-shadow:0 8px 32px #f7903933}.se-tujuan-card:hover{border-color:#febd264d;transform:translateY(-4px)scale(1.012);box-shadow:0 12px 32px #f7903966}.se-tujuan-card__icon{border-radius:var(--rounded-md);background-color:#fff3;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.se-tujuan-card__main{font-size:18px;font-weight:500;line-height:1.55}.se-tujuan-list{background-color:var(--color-surface-elev);border-radius:var(--rounded-xl);margin-bottom:24px;padding:24px 32px;box-shadow:0 4px 16px #0000000f}.se-tujuan-list__title{color:var(--color-ink);margin-bottom:16px;font-size:16px;font-weight:700}.se-tujuan-list__items{flex-direction:column;gap:12px;display:flex}.se-tujuan-list__item{border-radius:var(--rounded-md);border:1px solid #0000;align-items:center;gap:16px;padding:8px 12px;transition:transform .25s,box-shadow .25s,border-color .25s,background-color .25s;display:flex}.se-tujuan-list__item:hover{background-color:#ffffffe6;border-color:#febd264d;transform:translateY(-4px)scale(1.012);box-shadow:0 12px 32px #f7903933}.se-tujuan-list__number{background-color:var(--color-primary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;font-weight:700;display:flex}.se-tujuan-list__text{color:var(--color-ink);font-size:16px}.se-tujuan-footnote{background-color:var(--color-canvas-cream);border-radius:var(--rounded-lg);border-left:4px solid var(--color-primary);padding:20px 24px}.se-tujuan-footnote__asterisk{color:var(--color-primary);font-size:20px;font-weight:700}.se-tujuan-footnote__text{color:var(--color-ink-mute);margin-bottom:12px;font-size:14px}.se-tujuan-footnote__list{margin:0;padding:0;list-style:none}.se-tujuan-footnote__list li{color:var(--color-ink);margin-bottom:8px;padding-left:8px;font-size:14px}.se-tujuan-footnote__list li:last-child{margin-bottom:0}.kbli-section{background-position:50%;background-size:cover;background-color:var(--color-primary);padding:64px var(--spacing-xxl);z-index:1;position:relative}.kbli-section__bg{object-fit:cover;z-index:-1;width:100%;height:100%;position:absolute;inset:0}.kbli-section:before{content:"";z-index:-1;background:linear-gradient(135deg,#f79039d9,#f79039b3);position:absolute;inset:0}.kbli-section__container{max-width:1280px;margin:0 auto}.kbli-section__header{text-align:center;max-width:800px;margin:0 auto 48px}.kbli-section__eyebrow{color:var(--color-primary);text-transform:uppercase;letter-spacing:.144px;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--rounded-xxl);background-color:#fff;margin-bottom:16px;font-size:12px;font-weight:700;display:inline-block}.kbli-section__title{color:#fff;font-family:var(--font-display);letter-spacing:-.256px;margin-bottom:16px;font-size:32px;font-weight:700;line-height:1.25}@media (width>=768px){.kbli-section__title{font-size:40px}}.kbli-section__description{color:#fff;font-size:16px;line-height:1.55}.kbli-marquee-wrapper{flex-direction:column;gap:12px;display:flex;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 5% 95%,#0000);mask-image:linear-gradient(90deg,#0000,#000 5% 95%,#0000)}.kbli-marquee{overflow:hidden}.kbli-marquee--row-2 .kbli-marquee__track{animation-direction:reverse}.kbli-marquee__track{gap:12px;width:max-content;animation:30s linear infinite kbliMarquee;display:flex}.kbli-marquee__track:hover{animation-play-state:paused}@keyframes kbliMarquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.kbli-category-card{background-color:var(--color-surface-elev);border-radius:var(--rounded-lg);border:1px solid #0000;flex-shrink:0;align-items:center;gap:16px;width:fit-content;padding:16px 20px;transition:transform .25s,box-shadow .25s,border-color .25s,background-color .25s;display:flex;box-shadow:0 2px 8px #0000000f}.kbli-category-card:hover{background-color:#fffffff2;border-color:#febd264d;transform:translateY(-4px)scale(1.012);box-shadow:0 12px 32px #f7903933}.kbli-category-card__icon{width:48px;height:48px;color:var(--color-primary);border-radius:var(--rounded-md);background-color:#f790391a;flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:hidden}.kbli-category-card__icon img{object-fit:contain;width:32px;height:32px}.kbli-category-card__content{flex:1;align-items:flex-start;gap:12px;min-width:0;display:flex}.kbli-category-card__code{background-color:var(--color-primary);color:#fff;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:14px;font-weight:700;display:flex}.kbli-category-card__name{color:var(--color-ink);font-size:14px;font-weight:500;line-height:1.4}.timeline-section{padding:64px var(--spacing-xxl);z-index:1;background-color:#0000;position:relative}.timeline-section__container{max-width:1200px;margin:0 auto}.timeline-section__header{text-align:center;max-width:800px;margin:0 auto 48px}.timeline-section__eyebrow{background-color:var(--color-primary);color:#fff;text-transform:uppercase;letter-spacing:.144px;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--rounded-xxl);margin-bottom:16px;font-size:12px;font-weight:700;display:inline-block}.timeline-section__title{color:var(--color-ink);font-family:var(--font-display);letter-spacing:-.256px;margin-bottom:16px;font-size:32px;font-weight:700;line-height:1.25}@media (width>=768px){.timeline-section__title{font-size:40px}}.timeline-section__description{color:var(--color-ink-mute);font-size:16px;line-height:1.55}.timeline-wrapper{padding:20px 0 40px;position:relative}.timeline-path{background-color:var(--color-hairline);z-index:0;border-radius:2px;height:4px;position:absolute;top:52px;left:0;right:0}@media (width<=767px){.timeline-path{display:none}}.timeline-path__line{background:repeating-linear-gradient(90deg, var(--color-hairline) 0px, var(--color-hairline) 8px, transparent 8px, transparent 16px);opacity:.5;height:100%;position:absolute;top:0;left:0;right:0}.timeline-path__progress{background:linear-gradient(90deg, var(--color-primary) 0%, var(--color-primary-deep) 100%);border-radius:2px;height:100%;transition:width .5s;position:absolute;top:0;left:0}.timeline-phases{z-index:1;grid-template-columns:repeat(6,1fr);gap:16px;display:grid;position:relative}@media (width<=1023px){.timeline-phases{grid-template-columns:repeat(3,1fr)}}@media (width<=767px){.timeline-phases{grid-template-columns:1fr;gap:12px}}.timeline-phase{text-align:center;cursor:pointer;border-radius:var(--rounded-lg);border:1px solid #0000;flex-direction:column;align-items:center;padding:16px;transition:transform .25s,box-shadow .25s,border-color .25s,background-color .25s;display:flex}.timeline-phase:hover{background-color:#ffffffe6;border-color:#febd264d;transform:translateY(-4px)scale(1.012);box-shadow:0 12px 32px #f7903933}@media (width<=767px){.timeline-phase{text-align:left;-webkit-backdrop-filter:blur(8px);border-radius:var(--rounded-lg);background-color:#ffffffd9;flex-direction:row;align-items:flex-start;gap:16px;padding:16px;box-shadow:0 2px 8px #0000000f}.timeline-phase.is-active{background:linear-gradient(135deg, var(--color-surface-orange) 0%, var(--color-primary-deep) 100%);color:#fff}.timeline-phase.is-active .timeline-phase__date,.timeline-phase.is-active .timeline-phase__title{color:#fff}}.timeline-phase:hover{transform:translateY(-4px)}.timeline-phase__marker{z-index:2;margin-bottom:16px;position:relative}@media (width<=767px){.timeline-phase__marker{flex-shrink:0;margin-bottom:0}}.timeline-phase__dot{background-color:var(--color-surface-elev);border:3px solid var(--color-hairline);width:40px;height:40px;color:var(--color-ink-mute);border-radius:50%;justify-content:center;align-items:center;transition:all .3s;display:flex;box-shadow:0 2px 8px #0000001a}.timeline-phase:hover .timeline-phase__dot,.timeline-phase.is-active .timeline-phase__dot{background-color:var(--color-primary);border-color:var(--color-primary-deep);color:#fff;transform:scale(1.1)}@media (width<=767px){.timeline-phase__dot{border-width:2px;width:36px;height:36px}.timeline-phase__dot svg{width:14px;height:14px}}.timeline-phase__content{flex-direction:column;gap:4px;display:flex}@media (width<=767px){.timeline-phase__content{flex:1}}.timeline-phase__date{color:var(--color-primary);text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:600}@media (width<=767px){.timeline-phase__date{font-size:10px}}.timeline-phase__title{color:var(--color-ink);font-size:14px;font-weight:700;transition:color .3s}.timeline-phase:hover .timeline-phase__title,.timeline-phase.is-active .timeline-phase__title{color:var(--color-primary-deep)}@media (width<=767px){.timeline-phase__title{font-size:15px}}.timeline-phase__details{border-top:1px dashed var(--color-hairline);margin-top:12px;padding-top:12px}@media (width<=767px){.timeline-phase__details{border-top:1px dashed #ffffff4d;grid-column:1/-1;margin-top:12px;padding-top:12px}}.timeline-phase__list{text-align:left;margin:0;padding:0;list-style:none}.timeline-phase__list li{color:var(--color-ink-mute);padding:4px 0 4px 16px;font-size:12px;line-height:1.4;position:relative}.timeline-phase__list li:before{content:"";background-color:var(--color-primary);border-radius:50%;width:6px;height:6px;position:absolute;top:10px;left:0}@media (width<=767px){.timeline-phase__list li{color:#ffffffd9;font-size:13px}.timeline-phase__list li:before{background-color:#fff}.hide-mobile{display:none!important}}@media (width>=768px){.show-mobile-only{display:none!important}}.petugas-section{padding:64px var(--spacing-xxl);z-index:1;background-color:#0000;position:relative}.petugas-section__container{max-width:1000px;margin:0 auto}.petugas-section__header{text-align:center;max-width:700px;margin:0 auto 48px}.petugas-section__eyebrow{background-color:var(--color-primary-deep);color:#fff;text-transform:uppercase;letter-spacing:.144px;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--rounded-xxl);margin-bottom:16px;font-size:12px;font-weight:700;display:inline-block}.petugas-section__title{color:var(--color-ink);font-family:var(--font-display);letter-spacing:-.256px;margin-bottom:16px;font-size:32px;font-weight:700;line-height:1.25}@media (width>=768px){.petugas-section__title{font-size:40px}}.petugas-section__description{color:var(--color-ink-mute);font-size:16px;line-height:1.55}.petugas-stats{flex-direction:column;align-items:center;gap:24px;margin-bottom:48px;display:flex}@media (width>=768px){.petugas-stats{flex-direction:row;justify-content:center}}.petugas-stats__card{background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-deep) 100%);color:#fff;border-radius:var(--rounded-xl);text-align:center;border:1px solid #0000;padding:32px 48px;transition:transform .25s,box-shadow .25s,border-color .25s;box-shadow:0 8px 32px #f790394d}.petugas-stats__card:hover{border-color:#febd264d;transform:translateY(-4px)scale(1.012);box-shadow:0 12px 32px #f7903966}.petugas-stats__number{justify-content:center;align-items:baseline;gap:8px;display:flex}.petugas-stats__value{font-family:var(--font-display);font-size:64px;font-weight:700;line-height:1}.petugas-stats__suffix{opacity:.9;font-size:20px;font-weight:500}.petugas-stats__label{opacity:.9;margin-top:8px;font-size:14px}.petugas-stats__breakdown{background-color:var(--color-surface-elev);border-radius:var(--rounded-xl);align-items:center;gap:16px;padding:24px 32px;display:flex;box-shadow:0 4px 16px #0000000f}.petugas-stats__breakdown-item{flex-direction:column;align-items:center;gap:4px;display:flex}.petugas-stats__breakdown-value{font-family:var(--font-display);color:var(--color-ink);font-size:36px;font-weight:700;line-height:1}.petugas-stats__breakdown-role{color:var(--color-primary);text-transform:uppercase;font-size:14px;font-weight:700}.petugas-stats__breakdown-desc{color:var(--color-ink-mute);font-size:12px}.petugas-stats__divider{background-color:var(--color-canvas);width:40px;height:40px;color:var(--color-hairline);border-radius:50%;justify-content:center;align-items:center;display:flex}.petugas-equipment{margin-bottom:32px}.petugas-equipment__title{font-family:var(--font-display);color:var(--color-ink);text-align:center;margin-bottom:8px;font-size:24px;font-weight:700}.petugas-equipment__subtitle{color:var(--color-ink-mute);text-align:center;margin-bottom:32px;font-size:14px}.petugas-equipment__grid{grid-template-columns:1fr;gap:24px;display:grid}@media (width>=640px){.petugas-equipment__grid{grid-template-columns:repeat(2,1fr)}}.petugas-equipment__card{perspective:1000px;height:280px}.petugas-equipment__card-inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .6s;position:relative}.petugas-equipment__card-inner.is-flipped{transform:rotateY(180deg)}.petugas-equipment__card-front,.petugas-equipment__card-back{backface-visibility:hidden;border-radius:var(--rounded-xl);text-align:center;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:32px;display:flex;position:absolute}.petugas-equipment__card-front{background:linear-gradient(135deg, var(--color-surface-elev) 0%, var(--color-canvas) 100%);border:2px solid var(--color-hairline);box-shadow:0 4px 16px #0000000f}.petugas-equipment__card:hover .petugas-equipment__card-front{border-color:var(--color-primary)}.petugas-equipment__card-back{background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-deep) 100%);color:#fff;text-align:left;transform:rotateY(180deg)}.petugas-equipment__card-icon{width:80px;height:80px;color:var(--color-primary);border-radius:var(--rounded-lg);background-color:#f790391a;justify-content:center;align-items:center;margin-bottom:16px;display:flex}.petugas-equipment__card-icon img{object-fit:contain;width:48px;height:48px}.petugas-equipment__card-title{color:var(--color-ink);margin-bottom:8px;font-size:20px;font-weight:700}.petugas-equipment__card-back .petugas-equipment__card-title{color:#fff;margin-bottom:12px}.petugas-equipment__card-hint{color:var(--color-ink-mute);opacity:.7;font-size:12px}.petugas-equipment__card-desc{opacity:.95;font-size:14px;line-height:1.6}.petugas-verification{-webkit-backdrop-filter:blur(8px);border:1px solid var(--color-hairline);border-radius:var(--rounded-lg);background-color:#ffffffd9;align-items:flex-start;gap:16px;padding:20px 24px;display:flex}.petugas-verification__icon{width:40px;height:40px;color:var(--color-semantic-success);border-radius:var(--rounded-md);background-color:#007a5a1a;flex-shrink:0;justify-content:center;align-items:center;display:flex}.petugas-verification__text{flex:1}.petugas-verification__title{color:var(--color-ink);margin-bottom:4px;font-size:16px;font-weight:700}.petugas-verification__desc{color:var(--color-ink-mute);font-size:14px;line-height:1.5}[x-cloak]{display:none!important}.monitoring-section{padding:72px var(--spacing-xxl) 30px var(--spacing-xxl);z-index:1;background-color:#0000;position:relative}.monitoring-section__header{text-align:center;max-width:800px;margin:0 auto 48px}.monitoring-section__eyebrow{background-color:var(--color-primary);color:#fff;text-transform:uppercase;letter-spacing:.144px;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--rounded-xxl);margin-bottom:16px;font-size:12px;font-weight:700;display:inline-block}.monitoring-section__title{color:var(--color-ink);font-family:var(--font-display);letter-spacing:-.256px;margin-bottom:16px;font-size:32px;font-weight:700;line-height:1.25}@media (width>=768px){.monitoring-section__title{font-size:40px}}.monitoring-section__description{color:var(--color-ink-mute);font-size:16px;line-height:1.55}.monitoring-section__container{max-width:1280px;margin:0 auto}.monitoring-stats-row{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px;display:grid}@media (width<=767px){.monitoring-stats-row{grid-template-columns:1fr}}.monitoring-stat-card{border-radius:var(--rounded-lg);-webkit-backdrop-filter:blur(8px);background-color:#ffffffd9;border:1px solid #0000;align-items:center;gap:16px;padding:20px 24px;transition:transform .25s,box-shadow .25s,border-color .25s,background-color .25s;display:flex;box-shadow:0 4px 16px #0000000f}.monitoring-stat-card:hover{background-color:#fffffff2;border-color:#febd264d;transform:translateY(-4px)scale(1.012);box-shadow:0 12px 32px #f7903933}.monitoring-stat-card__icon{border-radius:var(--rounded-md);flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.monitoring-stat-card--overall .monitoring-stat-card__icon{color:#10b981;background-color:#10b98126}.monitoring-stat-card--target .monitoring-stat-card__icon{color:var(--color-primary);background-color:#f7903926}.monitoring-stat-card--completed .monitoring-stat-card__icon{color:#00a6fb;background-color:#00a6fb26}.monitoring-stat-card__content{flex-direction:column;display:flex}.monitoring-stat-card__value{font-family:var(--font-display);color:var(--color-ink);font-size:28px;font-weight:700;line-height:1}.monitoring-stat-card__label{color:var(--color-ink-mute);margin-top:4px;font-size:14px}.monitoring-section__legend{margin-bottom:24px}.monitoring-legend{background-color:var(--color-surface-elev);border-radius:var(--rounded-lg);flex-direction:column;gap:8px;padding:16px 20px;display:inline-flex;box-shadow:0 2px 8px #0000000f}.monitoring-legend__title{color:var(--color-ink-mute);text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:700}.monitoring-legend__items{flex-wrap:wrap;gap:16px;display:flex}.monitoring-legend__item{color:var(--color-ink);align-items:center;gap:8px;font-size:14px;display:flex}.monitoring-legend__gradient{border:1px solid var(--color-hairline);background:linear-gradient(90deg,#d1f7d9,#10b981);border-radius:4px;width:80px;height:16px;box-shadow:0 2px 4px #0003}.monitoring-legend__gradient-wrapper{align-items:center;gap:8px;display:flex}.monitoring-legend__gradient-label{color:var(--color-ink-mute);font-size:12px}.monitoring-legend__color{border-radius:4px;width:24px;height:16px;box-shadow:0 2px 4px #0003}.monitoring-legend__below-average{align-items:center;gap:8px;margin-top:8px;display:flex}.monitoring-legend__below-average-badge{background-color:#ef4444;border:1px solid #dc2626;border-radius:4px;width:24px;height:16px;box-shadow:0 2px 4px #0003}.monitoring-legend__text{color:var(--color-ink-mute);font-size:12px}.monitoring-legend__color--low{background-color:#ef4444b3;border:1px solid #ef4444}.monitoring-legend__color--medium{background-color:#f59e0bb3;border:1px solid #f59e0b}.monitoring-legend__color--high{background-color:#00a6fbb3;border:1px solid #00a6fb}.monitoring-legend__color--complete{background-color:#10b981b3;border:1px solid #10b981}.monitoring-section__wrapper{border-radius:var(--rounded-xl);margin-bottom:32px;position:relative;overflow:hidden;box-shadow:0 8px 32px #0000001a}.monitoring-map{background-color:#e5e5e5;width:100%;height:600px}@media (width>=767px){.monitoring-map{height:550px}}.monitoring-kecamatan-table-section{-webkit-backdrop-filter:blur(8px);border-radius:var(--rounded-xl);background-color:#ffffffd9;margin-bottom:64px;padding:24px;overflow:hidden;box-shadow:0 4px 16px #0000000f}.monitoring-kecamatan-table-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.monitoring-kecamatan-table-section__title{font-family:var(--font-display);color:var(--color-ink);margin:0;font-size:20px;font-weight:700}.monitoring-kecamatan-table-section__last-update{color:var(--color-primary-deep);border-radius:var(--rounded-pill);border:1.5px solid var(--color-primary);background-color:#f790391f;padding:4px 12px;font-size:12px;font-weight:600}.monitoring-kecamatan-table-wrapper{overflow-x:auto}.monitoring-kecamatan-table{border-collapse:collapse;width:100%;font-size:14px}.monitoring-kecamatan-table th{background-color:var(--color-canvas);text-align:center;color:var(--color-ink);text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid var(--color-hairline);white-space:nowrap;padding:14px 16px;font-size:12px;font-weight:700}.monitoring-kecamatan-table th:not(:first-child){text-align:center}.monitoring-kecamatan-table td{border-bottom:1px solid var(--color-hairline);color:var(--color-ink);padding:14px 16px}.monitoring-kecamatan-table td:not(:first-child):not(:nth-child(2)){text-align:center}.monitoring-kecamatan-table tbody tr:hover{background-color:#f7903914;box-shadow:0 0 8px #f7903926}.monitoring-kecamatan-table tbody tr{transition:background-color .2s,box-shadow .2s}.monitoring-kecamatan-table__kecamatan{font-weight:600}.monitoring-kecamatan-table__completed{color:#10b981;font-weight:600}.monitoring-kecamatan-table__target{color:var(--color-ink-mute)}.monitoring-kecamatan-progress{align-items:center;gap:12px;display:flex}.monitoring-kecamatan-progress__bar{background-color:var(--color-hairline);border-radius:var(--rounded-pill);flex:1;min-width:100px;height:10px;overflow:hidden}.monitoring-kecamatan-progress__fill{border-radius:var(--rounded-pill);height:100%;transition:width .3s,background-color .3s}.monitoring-kecamatan-progress__value{text-align:right;min-width:40px;font-size:14px;font-weight:700}@media (width<=767px){.monitoring-kecamatan-section{padding:100px 16px 48px}.monitoring-kecamatan-stats-row{gap:12px}.monitoring-kecamatan-stat-card{padding:16px}.monitoring-kecamatan-stat-card__value{font-size:24px}.monitoring-kecamatan-legend__items{flex-direction:column;gap:8px}.monitoring-kecamatan-map{height:350px}.monitoring-kecamatan-table-section{padding:16px}.monitoring-kecamatan-table th,.monitoring-kecamatan-table td{padding:10px 12px;font-size:12px}.monitoring-kecamatan-progress__bar{min-width:60px}}.pml-section{background-color:#0000;margin-top:48px}.pml-section__header{text-align:center;max-width:800px;margin:0 auto 48px}.pml-section__container{background-color:var(--color-surface-elev);border-radius:var(--rounded-xl);padding:24px;box-shadow:0 4px 16px #0000000f}.pml-section__eyebrow{color:#fff;text-transform:uppercase;letter-spacing:.144px;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--rounded-xxl);background-color:#8b5cf6;margin-bottom:12px;font-size:12px;font-weight:700;display:inline-block}.pml-section__title{color:var(--color-ink);font-family:var(--font-display);letter-spacing:-.256px;margin-bottom:16px;font-size:32px;font-weight:700;line-height:1.25}.pml-section__description{color:var(--color-ink-mute);font-size:14px}.pml-stats-row{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:24px;display:grid}@media (width<=767px){.pml-stats-row{grid-template-columns:repeat(2,1fr)}}@media (width<=479px){.pml-stats-row{grid-template-columns:1fr}}.pml-stat-card{border-radius:var(--rounded-lg);-webkit-backdrop-filter:blur(8px);border:1px solid var(--color-hairline);background-color:#ffffffd9;align-items:center;gap:12px;padding:16px;transition:transform .25s,box-shadow .25s,border-color .25s,background-color .25s;display:flex}.pml-stat-card:hover{background-color:#fffffff2;border-color:#febd264d;transform:translateY(-4px)scale(1.012);box-shadow:0 12px 32px #f7903933}.pml-stat-card__icon{border-radius:var(--rounded-md);flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.pml-stat-card--open .pml-stat-card__icon{color:#00a6fb;background-color:#00a6fb26}.pml-stat-card--submit .pml-stat-card__icon{color:#8b5cf6;background-color:#8b5cf626}.pml-stat-card--reject .pml-stat-card__icon{color:#ef4444;background-color:#ef444426}.pml-stat-card--pending .pml-stat-card__icon{color:#f59e0b;background-color:#f59e0b26}.pml-stat-card--approved .pml-stat-card__icon{color:#10b981;background-color:#10b98126}.pml-stat-card__content{flex-direction:column;display:flex}.pml-stat-card__value{font-family:var(--font-display);color:var(--color-ink);font-size:20px;font-weight:700;line-height:1}.pml-stat-card__label{color:var(--color-ink-mute);text-transform:uppercase;letter-spacing:.5px;margin-top:2px;font-size:11px}.pml-table-section{-webkit-backdrop-filter:blur(8px);border-radius:var(--rounded-xl);background-color:#ffffffd9;padding:24px;overflow:hidden}.pml-table-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.pml-table-search{background-color:var(--color-canvas);border:1px solid var(--color-hairline);border-radius:var(--rounded-md);flex:1;align-items:center;gap:8px;max-width:320px;padding:8px 12px;display:flex}.pml-table-search svg{color:var(--color-ink-mute);flex-shrink:0}.pml-table-search__input{font-family:var(--font-body);color:var(--color-ink);background:0 0;border:none;outline:none;flex:1;min-width:0;font-size:14px}.pml-table-search__input::placeholder{color:var(--color-ink-mute)}.pml-table-search__clear{border-radius:var(--rounded-sm);width:24px;height:24px;color:var(--color-ink-mute);cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:flex}.pml-table-search__clear:hover{background-color:var(--color-hairline);color:var(--color-ink)}.pml-table-count{color:var(--color-ink-mute);flex-shrink:0;font-size:14px}.pml-table-meta{align-items:center;gap:16px;display:flex}.pml-table-last-update{color:var(--color-primary-deep);border-radius:var(--rounded-pill);border:1.5px solid var(--color-primary);background-color:#f790391f;padding:4px 12px;font-size:12px;font-weight:600}.pml-table__empty{text-align:center;color:var(--color-ink-mute);padding:32px 14px;font-style:italic}@media (width<=639px){.pml-table-header{flex-direction:column;align-items:stretch}.pml-table-search{max-width:none}.pml-table-meta{flex-direction:column;align-items:flex-start;gap:8px}.pml-table-count{text-align:center}}.pml-table-wrapper{overflow-x:auto}.pml-table{border-collapse:collapse;width:100%;font-size:13px}.pml-table th{text-align:left;color:var(--color-ink);text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid var(--color-hairline);white-space:nowrap;background-color:var(--color-canvas);padding:12px 14px;font-size:11px;font-weight:700}.pml-table th:not(:first-child):not(:nth-child(2)):not(:nth-child(3)):not(:last-child),.pml-table th:last-child{text-align:center}.pml-table__sortable{cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;gap:4px;width:100%;display:flex}.pml-table__sortable:hover{color:var(--color-primary)}.pml-table__sort-icon{opacity:.5;align-items:center;display:inline-flex}.pml-table__sortable:hover .pml-table__sort-icon{opacity:1}.pml-table td{border-bottom:1px solid var(--color-hairline);color:var(--color-ink);padding:12px 14px}.pml-table td:not(:first-child):not(:nth-child(2)):not(:nth-child(3)):not(:last-child){text-align:center}.pml-table tbody tr:hover{background-color:#f7903914;box-shadow:0 0 8px #f7903926}.pml-table tbody tr{transition:background-color .2s,box-shadow .2s}.pml-table__no{color:var(--color-ink-mute);font-weight:600}.pml-table__name{font-weight:600}.pml-table__kecamatan{color:var(--color-ink-mute)}.pml-table__submit{border-radius:var(--rounded-md);background-color:#8b5cf61a;padding:4px 8px;font-weight:600}.pml-table__reject{border-radius:var(--rounded-md);background-color:#ef44441a;padding:4px 8px;font-weight:600}.pml-table__approved{color:#10b981;padding:4px 8px;font-weight:600}.pml-progress{flex-direction:column;gap:4px;min-width:100px;display:flex}.pml-progress__bar{background-color:var(--color-hairline);border-radius:var(--rounded-pill);width:100%;height:8px;overflow:hidden}.pml-progress__fill{border-radius:var(--rounded-pill);height:100%;transition:width .3s}.pml-progress__value{color:var(--color-ink-mute);text-align:center;font-size:11px}.pml-btn{border-radius:var(--rounded-sm);cursor:pointer;border:none;padding:6px 14px;font-size:12px;font-weight:600;transition:all .2s}.pml-btn--detail{background-color:var(--color-primary);color:#fff}.pml-btn--detail:hover{background-color:var(--color-primary-deep)}@media (width<=767px){.pml-section{margin-top:32px;padding:0}.pml-section__header{margin-bottom:16px}.pml-section__container{padding:16px}.pml-section__title{font-size:20px}.pml-stat-card{padding:12px}.pml-stat-card__value{font-size:18px}.pml-table th,.pml-table td{padding:10px 8px;font-size:11px}}.pcl-section{background-color:#0000;margin-top:64px;margin-bottom:64px}.pcl-section__header{text-align:center;max-width:800px;margin:0 auto 48px}.pcl-section__container{background-color:var(--color-surface-elev);border-radius:var(--rounded-xl);padding:24px;box-shadow:0 4px 16px #0000000f}.pcl-section__eyebrow{color:#fff;text-transform:uppercase;letter-spacing:.144px;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--rounded-xxl);background-color:#f59e0b;margin-bottom:12px;font-size:12px;font-weight:700;display:inline-block}.pcl-section__title{color:var(--color-ink);font-family:var(--font-display);letter-spacing:-.256px;margin-bottom:16px;font-size:32px;font-weight:700;line-height:1.25}.pcl-section__description{color:var(--color-ink-mute);font-size:14px}.pcl-stats-row{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:24px;display:grid}@media (width<=1023px){.pcl-stats-row{grid-template-columns:repeat(2,1fr)}}@media (width<=479px){.pcl-stats-row{grid-template-columns:1fr}}.pcl-stat-card{border-radius:var(--rounded-lg);-webkit-backdrop-filter:blur(8px);border:1px solid var(--color-hairline);background-color:#ffffffd9;align-items:center;gap:12px;padding:16px;transition:transform .25s,box-shadow .25s,border-color .25s,background-color .25s;display:flex}.pcl-stat-card:hover{background-color:#fffffff2;border-color:#febd264d;transform:translateY(-4px)scale(1.012);box-shadow:0 12px 32px #f7903933}.pcl-stat-card__icon{border-radius:var(--rounded-md);flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.pcl-stat-card--open .pcl-stat-card__icon{color:#00a6fb;background-color:#00a6fb26}.pcl-stat-card--submit .pcl-stat-card__icon{color:#f59e0b;background-color:#f59e0b26}.pcl-stat-card--reject .pcl-stat-card__icon{color:#ef4444;background-color:#ef444426}.pcl-stat-card--completed .pcl-stat-card__icon,.pcl-stat-card--approved .pcl-stat-card__icon{color:#10b981;background-color:#10b98126}.pcl-stat-card__content{flex-direction:column;display:flex}.pcl-stat-card__value{font-family:var(--font-display);color:var(--color-ink);font-size:20px;font-weight:700;line-height:1}.pcl-stat-card__label{color:var(--color-ink-mute);text-transform:uppercase;letter-spacing:.5px;margin-top:2px;font-size:11px}.pcl-table-section{-webkit-backdrop-filter:blur(8px);border-radius:var(--rounded-xl);background-color:#ffffffd9;padding:24px;overflow:hidden}.pcl-table-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.pcl-table-search{background-color:var(--color-canvas);border:1px solid var(--color-hairline);border-radius:var(--rounded-md);align-items:center;gap:8px;padding:8px 12px;display:flex}.pcl-table-controls{flex-wrap:wrap;flex:1;gap:12px;display:flex}.pcl-table-search svg{color:var(--color-ink-mute);flex-shrink:0}.pcl-table-search__input{font-family:var(--font-body);color:var(--color-ink);background:0 0;border:none;outline:none;flex:1;width:200px;min-width:0;font-size:14px}.pcl-table-filter{align-items:center;gap:8px;display:flex}.pcl-table-filter__label{color:var(--color-ink);white-space:nowrap;font-size:14px;font-weight:500}.pcl-table-filter__select{background-color:var(--color-canvas);border:1px solid var(--color-hairline);border-radius:var(--rounded-md);font-family:var(--font-body);color:var(--color-ink);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23696969' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;min-width:160px;padding:8px 32px 8px 12px;font-size:14px}.pcl-table-filter__select:focus{border-color:var(--color-primary);outline:none}.pcl-table-search__input::placeholder{color:var(--color-ink-mute)}.pcl-table-search__clear{border-radius:var(--rounded-sm);width:24px;height:24px;color:var(--color-ink-mute);cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:flex}.pcl-table-search__clear:hover{background-color:var(--color-hairline);color:var(--color-ink)}.pcl-table-count{color:var(--color-ink-mute);flex-shrink:0;font-size:14px}.pcl-table-meta{align-items:center;gap:16px;display:flex}.pcl-table-last-update{color:var(--color-primary-deep);border-radius:var(--rounded-pill);border:1.5px solid var(--color-primary);background-color:#f790391f;padding:4px 12px;font-size:12px;font-weight:600}.pcl-table__empty{text-align:center;color:var(--color-ink-mute);padding:32px 14px;font-style:italic}@media (width<=639px){.pcl-table-header{flex-direction:column;align-items:stretch}.pcl-table-search{max-width:none}.pcl-table-meta{flex-direction:column;align-items:flex-start;gap:8px}.pcl-table-count{text-align:center}}.pcl-table-wrapper{overflow-x:auto}.pcl-table{border-collapse:collapse;width:100%;font-size:13px}.pcl-table th{text-align:left;color:var(--color-ink);text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid var(--color-hairline);white-space:nowrap;background-color:var(--color-canvas);padding:12px 14px;font-size:11px;font-weight:700}.pcl-table th:not(:first-child):not(:nth-child(2)):not(:nth-child(3)):not(:last-child),.pcl-table th:last-child{text-align:center}.pcl-table__sortable{cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;gap:4px;width:100%;display:flex}.pcl-table__sortable:hover{color:var(--color-primary)}.pcl-table__sort-icon{opacity:.5;align-items:center;display:inline-flex}.pcl-table__sortable:hover .pcl-table__sort-icon{opacity:1}.pcl-table td{border-bottom:1px solid var(--color-hairline);color:var(--color-ink);padding:12px 14px}.pcl-table td:not(:first-child):not(:nth-child(2)):not(:nth-child(3)):not(:last-child){text-align:center}.pcl-table tbody tr:hover{background-color:#f7903914;box-shadow:0 0 8px #f7903926}.pcl-table tbody tr{transition:background-color .2s,box-shadow .2s}.pcl-table__no{color:var(--color-ink-mute);font-weight:600}.pcl-table__name{font-weight:600}.pcl-table__open{border-radius:var(--rounded-md);background-color:#00a6fb1a;padding:4px 8px;font-weight:600}.pcl-table__submit{border-radius:var(--rounded-md);background-color:#8b5cf61a;padding:4px 8px;font-weight:600}.pcl-table__reject{border-radius:var(--rounded-md);background-color:#ef44441a;padding:4px 8px;font-weight:600}.pcl-table__completed{border-radius:var(--rounded-md);background-color:#0fda7f1a;padding:4px 8px;font-weight:600}.pcl-table__approved{border-radius:var(--rounded-md);padding:4px 8px;font-weight:600}.pcl-table__submit-ratio{border-radius:var(--rounded-md);color:var(--color-primary);text-align:center;padding:4px 8px;font-weight:700}.pcl-table__pml{font-weight:600}.pcl-progress{flex-direction:column;gap:4px;min-width:100px;display:flex}.pcl-progress__bar{background-color:var(--color-hairline);border-radius:var(--rounded-pill);width:100%;height:8px;overflow:hidden}.pcl-progress__fill{border-radius:var(--rounded-pill);height:100%;transition:width .3s}.pcl-progress__value{color:var(--color-ink-mute);text-align:center;font-size:11px}@media (width<=767px){.pcl-section{margin-top:48px;margin-bottom:32px;padding:0}.pcl-section__header{margin-bottom:16px}.pcl-section__container{padding:16px}.pcl-section__title{font-size:20px}.pcl-stat-card{padding:12px}.pcl-stat-card__value{font-size:18px}.pcl-table th,.pcl-table td{padding:10px 8px;font-size:11px}}.pcl-table-pagination{border-top:1px solid var(--color-hairline);flex-direction:column;align-items:center;gap:16px;margin-top:20px;padding-top:16px;display:flex}@media (width>=640px){.pcl-table-pagination{flex-direction:row;justify-content:space-between}}.pcl-table-pagination__info{color:var(--color-ink-mute);font-size:14px}.pcl-table-pagination__controls{align-items:center;gap:4px;display:flex}.pcl-table-pagination__btn{border-radius:var(--rounded-md);width:36px;height:36px;color:var(--color-ink);justify-content:center;align-items:center;transition:all .2s;display:flex}.pcl-table-pagination__btn:hover:not(.pcl-table-pagination__btn--disabled){background-color:var(--color-canvas)}.pcl-table-pagination__btn--disabled{color:var(--color-hairline);cursor:not-allowed}.pcl-table-pagination__page{border-radius:var(--rounded-md);min-width:36px;height:36px;color:var(--color-ink-mute);justify-content:center;align-items:center;padding:0 8px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.pcl-table-pagination__page:hover{background-color:var(--color-canvas);color:var(--color-ink)}.pcl-table-pagination__page--active{background-color:var(--color-primary);color:#fff}.pcl-table-pagination__page--active:hover{background-color:var(--color-primary-deep);color:#fff}.pcl-table-pagination__ellipsis{color:var(--color-ink-mute);padding:0 8px;font-size:14px}.admin-main{background-color:var(--color-canvas);padding:72px var(--spacing-xxl) 64px var(--spacing-xxl);z-index:1;min-height:calc(100vh - 200px);position:relative}.admin-container{max-width:1280px;margin:0 auto}.admin-title{font-family:var(--font-display);color:var(--color-ink);margin:0;padding-top:40px;font-size:32px;font-weight:700;line-height:1.25}.admin-header{flex-direction:column;align-items:flex-start;gap:16px;margin-bottom:32px;display:flex}@media (width>=640px){.admin-header{flex-direction:row;justify-content:space-between;align-items:center}}.admin-header .admin-title{padding-top:0}.admin-header .btn-primary-pill{align-items:center;gap:8px;display:inline-flex}@media (width>=768px){.admin-title{margin-bottom:16px;font-size:32px}}.admin-stats-grid{grid-template-columns:1fr;gap:24px;display:grid}@media (width>=640px){.admin-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.admin-stats-grid{grid-template-columns:repeat(3,1fr)}}.admin-stat-card{background-color:var(--color-surface-elev);border-radius:var(--rounded-xl);align-items:center;gap:20px;padding:24px;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 4px 16px #0000000f}.admin-stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 32px #0000001a}.admin-stat-icon{border-radius:var(--rounded-lg);flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;display:flex}.admin-stat-icon--blue{color:#00a6fb;background-color:#00a6fb26}.admin-stat-icon--green{color:#10b981;background-color:#10b98126}.admin-stat-icon--purple{color:#8b5cf6;background-color:#8b5cf626}.admin-stat-icon-svg{width:32px;height:32px}.admin-stat-content{flex-direction:column;display:flex}.admin-stat-value{font-family:var(--font-display);color:var(--color-ink);font-size:36px;font-weight:700;line-height:1}.admin-stat-label{color:var(--color-ink-mute);margin-top:4px;font-size:14px;font-weight:500}@media (width<=767px){.admin-main{padding:100px 16px 48px}.admin-stat-card{gap:16px;padding:20px}.admin-stat-icon{width:56px;height:56px}.admin-stat-icon-svg{width:28px;height:28px}.admin-stat-value{font-size:28px}.admin-stat-label{font-size:13px}}.admin-alert{border-radius:var(--rounded-lg);align-items:center;gap:12px;margin-bottom:24px;padding:16px 20px;font-size:14px;font-weight:500;display:flex}.admin-alert--success{color:#10b981;background-color:#10b9811a;border:1px solid #10b98133}.admin-alert--error{color:#ef4444;background-color:#ef44441a;border:1px solid #ef444433}.admin-info-row{background-color:var(--color-surface-elev);border-radius:var(--rounded-lg);flex-wrap:wrap;gap:24px;margin-bottom:32px;padding:16px 20px;display:flex;box-shadow:0 2px 8px #0000000f}.admin-info-item{align-items:center;gap:8px;display:flex}.admin-info-label{color:var(--color-ink-mute);font-size:14px}.admin-info-value{color:var(--color-ink);font-size:14px;font-weight:600}.admin-import-sections{flex-direction:column;gap:32px;margin-bottom:48px;display:flex}.admin-import-section{background-color:var(--color-surface-elev);border-radius:var(--rounded-xl);padding:24px;box-shadow:0 4px 16px #0000000f}.admin-import-section__title{font-family:var(--font-display);color:var(--color-ink);align-items:center;gap:10px;margin-bottom:8px;font-size:18px;font-weight:700;display:flex}.admin-import-section__title svg{color:var(--color-primary)}.admin-import-section__desc{color:var(--color-ink-mute);margin-bottom:20px;font-size:14px}.admin-import-forms{grid-template-columns:1fr;gap:20px;display:grid}@media (width>=768px){.admin-import-forms{grid-template-columns:repeat(2,1fr)}}.admin-import-form{background-color:var(--color-canvas);border-radius:var(--rounded-lg);border:1px solid var(--color-hairline);padding:20px}.admin-form-group{margin-bottom:16px}.admin-form-group:last-child{margin-bottom:0}.admin-form-label{color:var(--color-ink);margin-bottom:8px;font-size:14px;font-weight:600;display:block}.admin-form-input-group{gap:12px;display:flex}.admin-form-file{border:1px solid var(--color-hairline);border-radius:var(--rounded-md);background-color:var(--color-surface-elev);color:var(--color-ink);flex:1;padding:10px 14px;font-size:14px}.admin-form-file:focus{border-color:var(--color-primary);outline:none}.admin-form-input{border:1px solid var(--color-hairline);border-radius:var(--rounded-md);background-color:var(--color-surface-elev);width:100%;color:var(--color-ink);padding:10px 14px;font-size:14px}.admin-form-input:focus{border-color:var(--color-primary);outline:none}.admin-form-hint{color:var(--color-ink-mute);margin-top:6px;font-size:12px;display:block}.admin-monitoring-form{background-color:var(--color-canvas);border-radius:var(--rounded-lg);border:1px solid var(--color-hairline);padding:20px}.admin-form-row{grid-template-columns:1fr;gap:16px;margin-bottom:16px;display:grid}@media (width>=640px){.admin-form-row{grid-template-columns:repeat(2,1fr)}}.admin-history{background-color:var(--color-surface-elev);border-radius:var(--rounded-xl);padding:24px;box-shadow:0 4px 16px #0000000f}.admin-history__title{font-family:var(--font-display);color:var(--color-ink);margin-bottom:16px;font-size:18px;font-weight:700}.admin-table-wrapper{overflow-x:auto}.admin-table{border-collapse:collapse;width:100%;font-size:14px}.admin-table th{text-align:left;color:var(--color-ink);text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid var(--color-hairline);background-color:var(--color-canvas);padding:12px 16px;font-size:12px;font-weight:700}.admin-table td{border-bottom:1px solid var(--color-hairline);color:var(--color-ink);padding:12px 16px}.admin-table__filename{white-space:nowrap;text-overflow:ellipsis;max-width:200px;overflow:hidden}.admin-table__empty{text-align:center;color:var(--color-ink-mute);padding:32px 16px;font-style:italic}.admin-badge{border-radius:var(--rounded-pill);text-transform:uppercase;letter-spacing:.5px;padding:4px 10px;font-size:11px;font-weight:600;display:inline-block}.admin-badge--mapping_kecamatan{color:#8b5cf6;background-color:#8b5cf626}.admin-badge--mapping_officer{color:#3b82f6;background-color:#3b82f626}.admin-badge--data_pml{color:#10b981;background-color:#10b98126}.admin-badge--data_pcl,.admin-badge--pending{color:#f59e0b;background-color:#f59e0b26}.admin-badge--processing{color:#3b82f6;background-color:#3b82f626}.admin-badge--completed{color:#10b981;background-color:#10b98126}.admin-badge--failed{color:#ef4444;background-color:#ef444426}.admin-stats-grid--4{grid-template-columns:repeat(4,1fr)}@media (width<=1023px){.admin-stats-grid--4{grid-template-columns:repeat(2,1fr)}}@media (width<=639px){.admin-stats-grid--4{grid-template-columns:1fr}}.admin-stat-card--compact{padding:16px 20px}.admin-stat-card--compact .admin-stat-icon{width:48px;height:48px}.admin-stat-card--compact .admin-stat-icon-svg{width:24px;height:24px}.admin-stat-card--compact .admin-stat-value{font-size:28px}.leaderboard-pcl{padding:60px var(--spacing-xxl) 30px var(--spacing-xxl);z-index:1;background-color:#0000;padding-top:120px;position:relative}.leaderboard-pcl__header{text-align:center;max-width:800px;margin:0 auto 48px}.leaderboard-pcl__eyebrow{color:#fff;text-transform:uppercase;letter-spacing:.144px;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--rounded-xxl);background-color:#f59e0b;margin-bottom:12px;font-size:12px;font-weight:700;display:inline-block}.leaderboard-pcl__title{color:var(--color-ink);font-family:var(--font-display);letter-spacing:-.256px;margin-bottom:16px;font-size:32px;font-weight:700;line-height:1.25}.leaderboard-pcl__description{color:var(--color-ink-mute);font-size:14px}.leaderboard-pcl__podium{flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:16px;margin-bottom:32px;display:flex}.leaderboard-pcl__podium-card{background-color:var(--color-surface-elev);border-radius:var(--rounded-xl);border:1px solid #0000;flex-direction:column;align-items:center;padding:24px 20px;transition:transform .25s,box-shadow .25s,border-color .25s;display:flex;position:relative;box-shadow:0 4px 16px #00000014}.leaderboard-pcl__podium-card:hover{border-color:#febd264d;transform:translateY(-4px)scale(1.012);box-shadow:0 12px 32px #f7903933}.leaderboard-pcl__podium-card--rank1{background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%);border:2px solid #f59e0b;order:2;min-width:220px;padding:32px 28px}.leaderboard-pcl__podium-card--rank2{border:2px solid #9ca3af;order:1;min-width:180px}.leaderboard-pcl__podium-card--rank3{border:2px solid #cd7f32;order:3;min-width:180px}.leaderboard-pcl__crown{color:#f59e0b;filter:drop-shadow(0 2px 4px #0003);position:absolute;top:-20px;left:50%;transform:translate(-50%)}.leaderboard-pcl__rank-badge{width:32px;height:32px;font-family:var(--font-display);color:#fff;border-radius:50%;justify-content:center;align-items:center;margin-bottom:12px;font-size:16px;font-weight:700;display:flex}.leaderboard-pcl__rank-badge--gold{background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);box-shadow:0 2px 8px #f59e0b66}.leaderboard-pcl__rank-badge--silver{background:linear-gradient(135deg,#9ca3af 0%,#6b7280 100%);box-shadow:0 2px 8px #9ca3af66}.leaderboard-pcl__rank-badge--bronze{background:linear-gradient(135deg,#cd7f32 0%,sienna 100%);box-shadow:0 2px 8px #cd7f3266}.leaderboard-pcl__rank-badge--4,.leaderboard-pcl__rank-badge--5{background:linear-gradient(135deg,#6366f1 0%,#4f46e5 100%);width:28px;height:28px;font-size:14px;box-shadow:0 2px 8px #6366f166}.leaderboard-pcl__avatar{font-family:var(--font-display);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-bottom:12px;font-weight:700;display:flex}.leaderboard-pcl__avatar--xs{background:linear-gradient(135deg,#6366f1 0%,#4f46e5 100%);width:28px;height:28px;font-size:12px}.leaderboard-pcl__avatar--sm{background:linear-gradient(135deg,#6366f1 0%,#4f46e5 100%);width:36px;height:36px;font-size:14px}.leaderboard-pcl__avatar--md{background:linear-gradient(135deg,#6366f1 0%,#4f46e5 100%);width:56px;height:56px;font-size:20px}.leaderboard-pcl__avatar--lg{background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);width:80px;height:80px;font-size:32px}.leaderboard-pcl__info{text-align:center;margin-bottom:12px}.leaderboard-pcl__name{font-family:var(--font-display);color:var(--color-ink);margin-bottom:4px;font-size:16px;font-weight:700}.leaderboard-pcl__name--lg{font-size:20px}.leaderboard-pcl__kecamatan{color:var(--color-ink-mute);font-size:12px;line-height:1.4}.leaderboard-pcl__kecamatan--lg{font-size:14px}.leaderboard-pcl__stats{gap:16px;margin-bottom:12px;display:flex}.leaderboard-pcl__stats--lg{gap:24px}.leaderboard-pcl__stat{flex-direction:column;align-items:center;display:flex}.leaderboard-pcl__stat-value{font-family:var(--font-display);color:var(--color-ink);font-size:24px;font-weight:700;line-height:1}.leaderboard-pcl__stat-value--lg{font-size:32px}.leaderboard-pcl__stat-label{color:var(--color-ink-mute);text-transform:uppercase;letter-spacing:.5px;margin-top:2px;font-size:10px}.leaderboard-pcl__target-badge{border-radius:var(--rounded-pill);text-transform:uppercase;letter-spacing:.5px;padding:4px 12px;font-size:11px;font-weight:700}.leaderboard-pcl__target-badge--met{color:#10b981;background-color:#10b98126;border:1px solid #10b9814d}.leaderboard-pcl__target-badge--not-met{color:#ef4444;background-color:#ef444426;border:1px solid #ef44444d}.leaderboard-pcl__runners-up{flex-wrap:wrap;justify-content:center;gap:16px;margin-bottom:32px;display:flex}.leaderboard-pcl__runner-card{background-color:var(--color-surface-elev);border-radius:var(--rounded-lg);border:1px solid var(--color-hairline);align-items:center;gap:12px;min-width:200px;padding:16px 20px;transition:transform .25s,box-shadow .25s,border-color .25s;display:flex;box-shadow:0 2px 8px #0000000f}.leaderboard-pcl__runner-card:hover{border-color:#febd264d;transform:translateY(-4px)scale(1.012);box-shadow:0 12px 32px #f7903933}.leaderboard-pcl__runner-info{flex-direction:column;display:flex}.leaderboard-pcl__runner-name{font-family:var(--font-display);color:var(--color-ink);margin-bottom:2px;font-size:14px;font-weight:700}.leaderboard-pcl__runner-submit{color:var(--color-ink-mute);font-size:12px}.leaderboard-pcl__table-section{background-color:var(--color-surface-elev);border-radius:var(--rounded-xl);padding:24px;box-shadow:0 4px 16px #0000000f}.leaderboard-pcl__table-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.leaderboard-pcl__table-title{font-family:var(--font-display);color:var(--color-ink);margin:0;font-size:20px;font-weight:700}.leaderboard-pcl__table-count{color:var(--color-ink-mute);font-size:14px}.leaderboard-pcl__table-last-update{color:#f59e0b;border-radius:var(--rounded-pill);background-color:#f59e0b1f;border:1.5px solid #f59e0b;padding:4px 12px;font-size:12px;font-weight:600}.leaderboard-pcl__table-wrapper{overflow-x:auto}.leaderboard-pcl__table{border-collapse:collapse;width:100%;font-size:14px}.leaderboard-pcl__table th{text-align:left;color:var(--color-ink);text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid var(--color-hairline);background-color:var(--color-canvas);white-space:nowrap;padding:14px 16px;font-size:12px;font-weight:700}.leaderboard-pcl__table th:not(:first-child):not(:nth-child(2)){text-align:center}.leaderboard-pcl__table td{border-bottom:1px solid var(--color-hairline);color:var(--color-ink);padding:14px 16px}.leaderboard-pcl__table td:not(:first-child):not(:nth-child(2)){text-align:center}.leaderboard-pcl__table tbody tr:hover{background-color:#f7903914;box-shadow:0 0 8px #f7903926}.leaderboard-pcl__table tbody tr{transition:background-color .2s,box-shadow .2s}.leaderboard-pcl__row--met{background-color:#10b98114;border-left:3px solid #10b981}.leaderboard-pcl__row--met:hover{background-color:#10b9811f!important}.leaderboard-pcl__row--not-met{background-color:#ef44440d;border-left:3px solid #ef4444}.leaderboard-pcl__row--not-met:hover{background-color:#ef444414!important}.leaderboard-pcl__rank-cell{width:60px}.leaderboard-pcl__rank-number{background-color:var(--color-canvas);width:28px;height:28px;color:var(--color-ink);border-radius:50%;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:inline-flex}.leaderboard-pcl__name-cell{min-width:150px}.leaderboard-pcl__name-cell-content{align-items:center;gap:10px;display:flex}.leaderboard-pcl__kecamatan-cell{color:var(--color-ink-mute);max-width:200px;font-size:13px}.leaderboard-pcl__submit-cell{font-weight:700}.leaderboard-pcl__submit-value{color:#f59e0b;border-radius:var(--rounded-md);background-color:#f59e0b26;padding:4px 10px;font-weight:700;display:inline-block}.leaderboard-pcl__status-cell{white-space:nowrap}.leaderboard-pcl__status-badge{border-radius:var(--rounded-pill);text-transform:uppercase;letter-spacing:.5px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-block}.leaderboard-pcl__status-badge--met{color:#10b981;background-color:#10b98126}.leaderboard-pcl__status-badge--not-met{color:#ef4444;background-color:#ef444426}.leaderboard-pagination{border-top:1px solid var(--color-hairline);flex-direction:column;align-items:center;gap:16px;margin-top:20px;padding-top:16px;display:flex}@media (width>=640px){.leaderboard-pagination{flex-direction:row;justify-content:space-between}}.leaderboard-pagination__info{color:var(--color-ink-mute);font-size:14px}.leaderboard-pagination__controls{align-items:center;gap:4px;display:flex}.leaderboard-pagination__btn{border-radius:var(--rounded-md);width:36px;height:36px;color:var(--color-ink);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;transition:all .2s;display:flex}.leaderboard-pagination__btn:hover:not(.leaderboard-pagination__btn--disabled){background-color:var(--color-canvas)}.leaderboard-pagination__btn--disabled{color:var(--color-hairline);cursor:not-allowed}.leaderboard-pagination__page{border-radius:var(--rounded-md);min-width:36px;height:36px;color:var(--color-ink-mute);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0 8px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.leaderboard-pagination__page:hover{background-color:var(--color-canvas);color:var(--color-ink)}.leaderboard-pagination__page--active{background-color:var(--color-primary);color:#fff}.leaderboard-pagination__page--active:hover{background-color:var(--color-primary-deep);color:#fff}.leaderboard-pagination__ellipsis{color:var(--color-ink-mute);padding:0 8px;font-size:14px}@media (width<=767px){.leaderboard-pcl{padding:48px 16px 32px}.leaderboard-pcl__title{font-size:24px}.leaderboard-pcl__podium{gap:12px}.leaderboard-pcl__podium-card--rank1{order:1;min-width:100%}.leaderboard-pcl__podium-card--rank2{order:2;min-width:48%}.leaderboard-pcl__podium-card--rank3{order:3;min-width:48%}.leaderboard-pcl__runners-up{flex-direction:column;align-items:center}.leaderboard-pcl__runner-card{width:100%;max-width:300px}.leaderboard-pcl__table-section{padding:16px}.leaderboard-pcl__table th,.leaderboard-pcl__table td{padding:10px 12px;font-size:12px}}.leaderboard-pml{padding:72px var(--spacing-xxl) 30px var(--spacing-xxl);z-index:1;background-color:#0000;position:relative}.leaderboard-pml__header{text-align:center;max-width:800px;margin:0 auto 48px}.leaderboard-pml__eyebrow{color:#fff;text-transform:uppercase;letter-spacing:.144px;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--rounded-xxl);background-color:#8b5cf6;margin-bottom:12px;font-size:12px;font-weight:700;display:inline-block}.leaderboard-pml__title{color:var(--color-ink);font-family:var(--font-display);letter-spacing:-.256px;margin-bottom:16px;font-size:32px;font-weight:700;line-height:1.25}.leaderboard-pml__description{color:var(--color-ink-mute);font-size:14px}.leaderboard-pml__podium{flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:16px;margin-bottom:32px;display:flex}.leaderboard-pml__podium-card{background-color:var(--color-surface-elev);border-radius:var(--rounded-xl);border:1px solid #0000;flex-direction:column;align-items:center;padding:24px 20px;transition:transform .25s,box-shadow .25s,border-color .25s;display:flex;position:relative;box-shadow:0 4px 16px #00000014}.leaderboard-pml__podium-card:hover{border-color:#febd264d;transform:translateY(-4px)scale(1.012);box-shadow:0 12px 32px #f7903933}.leaderboard-pml__podium-card--rank1{background:linear-gradient(135deg,#ede9fe 0%,#ddd6fe 100%);border:2px solid #8b5cf6;order:2;min-width:240px;padding:32px 28px}.leaderboard-pml__podium-card--rank2{border:2px solid #9ca3af;order:1;min-width:180px}.leaderboard-pml__podium-card--rank3{border:2px solid #cd7f32;order:3;min-width:180px}.leaderboard-pml__crown{color:#8b5cf6;filter:drop-shadow(0 2px 4px #0003);position:absolute;top:-20px;left:50%;transform:translate(-50%)}.leaderboard-pml__rank-badge{width:32px;height:32px;font-family:var(--font-display);color:#fff;border-radius:50%;justify-content:center;align-items:center;margin-bottom:12px;font-size:16px;font-weight:700;display:flex}.leaderboard-pml__rank-badge--gold{background:linear-gradient(135deg,#8b5cf6 0%,#7c3aed 100%);box-shadow:0 2px 8px #8b5cf666}.leaderboard-pml__rank-badge--silver{background:linear-gradient(135deg,#9ca3af 0%,#6b7280 100%);box-shadow:0 2px 8px #9ca3af66}.leaderboard-pml__rank-badge--bronze{background:linear-gradient(135deg,#cd7f32 0%,sienna 100%);box-shadow:0 2px 8px #cd7f3266}.leaderboard-pml__rank-badge--4,.leaderboard-pml__rank-badge--5{background:linear-gradient(135deg,#6366f1 0%,#4f46e5 100%);width:28px;height:28px;font-size:14px;box-shadow:0 2px 8px #6366f166}.leaderboard-pml__avatar{font-family:var(--font-display);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-bottom:12px;font-weight:700;display:flex}.leaderboard-pml__avatar--xs{background:linear-gradient(135deg,#6366f1 0%,#4f46e5 100%);width:28px;height:28px;font-size:12px}.leaderboard-pml__avatar--sm{background:linear-gradient(135deg,#6366f1 0%,#4f46e5 100%);width:36px;height:36px;font-size:14px}.leaderboard-pml__avatar--md{background:linear-gradient(135deg,#6366f1 0%,#4f46e5 100%);width:56px;height:56px;font-size:20px}.leaderboard-pml__avatar--lg{background:linear-gradient(135deg,#8b5cf6 0%,#7c3aed 100%);width:80px;height:80px;font-size:32px}.leaderboard-pml__info{text-align:center;margin-bottom:12px}.leaderboard-pml__name{font-family:var(--font-display);color:var(--color-ink);margin-bottom:4px;font-size:16px;font-weight:700}.leaderboard-pml__name--lg{font-size:20px}.leaderboard-pml__pcl-count{color:var(--color-ink-mute);font-size:12px;line-height:1.4}.leaderboard-pml__pcl-count--lg{font-size:14px}.leaderboard-pml__stats{gap:12px;margin-bottom:8px;display:flex}.leaderboard-pml__stats--lg{gap:16px}.leaderboard-pml__stat{flex-direction:column;align-items:center;display:flex}.leaderboard-pml__stat--combined{border-radius:var(--rounded-md);background-color:#8b5cf61a;padding:4px 8px}.leaderboard-pml__stat-value{font-family:var(--font-display);color:var(--color-ink);font-size:20px;font-weight:700;line-height:1}.leaderboard-pml__stat-value--lg{font-size:28px}.leaderboard-pml__stat-label{color:var(--color-ink-mute);text-transform:uppercase;letter-spacing:.5px;margin-top:2px;font-size:10px}.leaderboard-pml__target-info{margin-bottom:8px}.leaderboard-pml__target-threshold{color:var(--color-ink-mute);font-size:11px;font-weight:500}.leaderboard-pml__target-threshold--lg{font-size:12px}.leaderboard-pml__target-badge{border-radius:var(--rounded-pill);text-transform:uppercase;letter-spacing:.5px;padding:4px 12px;font-size:11px;font-weight:700}.leaderboard-pml__target-badge--met{color:#10b981;background-color:#10b98126;border:1px solid #10b9814d}.leaderboard-pml__target-badge--not-met{color:#ef4444;background-color:#ef444426;border:1px solid #ef44444d}.leaderboard-pml__runners-up{flex-wrap:wrap;justify-content:center;gap:16px;margin-bottom:32px;display:flex}.leaderboard-pml__runner-card{background-color:var(--color-surface-elev);border-radius:var(--rounded-lg);border:1px solid var(--color-hairline);align-items:center;gap:12px;min-width:220px;padding:16px 20px;transition:transform .25s,box-shadow .25s,border-color .25s;display:flex;box-shadow:0 2px 8px #0000000f}.leaderboard-pml__runner-card:hover{border-color:#febd264d;transform:translateY(-4px)scale(1.012);box-shadow:0 12px 32px #f7903933}.leaderboard-pml__runner-info{flex-direction:column;display:flex}.leaderboard-pml__runner-name{font-family:var(--font-display);color:var(--color-ink);margin-bottom:2px;font-size:14px;font-weight:700}.leaderboard-pml__runner-submit{color:var(--color-ink-mute);font-size:12px}.leaderboard-pml__table-section{background-color:var(--color-surface-elev);border-radius:var(--rounded-xl);padding:24px;box-shadow:0 4px 16px #0000000f}.leaderboard-pml__table-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.leaderboard-pml__table-title{font-family:var(--font-display);color:var(--color-ink);margin:0;font-size:20px;font-weight:700}.leaderboard-pml__table-count{color:var(--color-ink-mute);font-size:14px}.leaderboard-pml__table-last-update{color:#8b5cf6;border-radius:var(--rounded-pill);background-color:#8b5cf61f;border:1.5px solid #8b5cf6;padding:4px 12px;font-size:12px;font-weight:600}.leaderboard-pml__table-wrapper{overflow-x:auto}.leaderboard-pml__table{border-collapse:collapse;width:100%;font-size:14px}.leaderboard-pml__table th{text-align:left;color:var(--color-ink);text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid var(--color-hairline);background-color:var(--color-canvas);white-space:nowrap;padding:14px 16px;font-size:11px;font-weight:700}.leaderboard-pml__table th:not(:first-child):not(:nth-child(2)){text-align:center}.leaderboard-pml__table td{border-bottom:1px solid var(--color-hairline);color:var(--color-ink);padding:14px 16px}.leaderboard-pml__table td:not(:first-child):not(:nth-child(2)){text-align:center}.leaderboard-pml__table tbody tr:hover{background-color:#f7903914;box-shadow:0 0 8px #f7903926}.leaderboard-pml__table tbody tr{transition:background-color .2s,box-shadow .2s}.leaderboard-pml__row--met{background-color:#10b98114;border-left:3px solid #10b981}.leaderboard-pml__row--met:hover{background-color:#10b9811f!important}.leaderboard-pml__row--not-met{background-color:#ef44440d;border-left:3px solid #ef4444}.leaderboard-pml__row--not-met:hover{background-color:#ef444414!important}.leaderboard-pml__rank-cell{width:60px}.leaderboard-pml__rank-number{background-color:var(--color-canvas);width:28px;height:28px;color:var(--color-ink);border-radius:50%;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:inline-flex}.leaderboard-pml__name-cell{min-width:150px}.leaderboard-pml__name-cell-content{align-items:center;gap:10px;display:flex}.leaderboard-pml__pcl-cell{color:#8b5cf6;font-weight:600}.leaderboard-pml__reject-cell{color:#ef4444;font-weight:600}.leaderboard-pml__approve-cell{color:#10b981;font-weight:600}.leaderboard-pml__combined-cell{font-weight:700}.leaderboard-pml__combined-value{color:#8b5cf6;border-radius:var(--rounded-md);background-color:#8b5cf626;padding:4px 10px;font-weight:700;display:inline-block}.leaderboard-pml__target-cell{white-space:nowrap}.leaderboard-pml__target-badge-inline{color:var(--color-ink-mute);background-color:var(--color-canvas);border-radius:var(--rounded-sm);padding:2px 8px;font-size:12px}.leaderboard-pml__status-cell{white-space:nowrap}.leaderboard-pml__status-badge{border-radius:var(--rounded-pill);text-transform:uppercase;letter-spacing:.5px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-block}.leaderboard-pml__status-badge--met{color:#10b981;background-color:#10b98126}.leaderboard-pml__status-badge--not-met{color:#ef4444;background-color:#ef444426}.pml-leaderboard-pagination{border-top:1px solid var(--color-hairline);flex-direction:column;align-items:center;gap:16px;margin-top:20px;padding-top:16px;display:flex}@media (width>=640px){.pml-leaderboard-pagination{flex-direction:row;justify-content:space-between}}.pml-leaderboard-pagination__info{color:var(--color-ink-mute);font-size:14px}.pml-leaderboard-pagination__controls{align-items:center;gap:4px;display:flex}.pml-leaderboard-pagination__btn{border-radius:var(--rounded-md);width:36px;height:36px;color:var(--color-ink);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;transition:all .2s;display:flex}.pml-leaderboard-pagination__btn:hover:not(.pml-leaderboard-pagination__btn--disabled){background-color:var(--color-canvas)}.pml-leaderboard-pagination__btn--disabled{color:var(--color-hairline);cursor:not-allowed}.pml-leaderboard-pagination__page{border-radius:var(--rounded-md);min-width:36px;height:36px;color:var(--color-ink-mute);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0 8px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.pml-leaderboard-pagination__page:hover{background-color:var(--color-canvas);color:var(--color-ink)}.pml-leaderboard-pagination__page--active{color:#fff;background-color:#8b5cf6}.pml-leaderboard-pagination__page--active:hover{color:#fff;background-color:#7c3aed}.pml-leaderboard-pagination__ellipsis{color:var(--color-ink-mute);padding:0 8px;font-size:14px}.pml-leaderboard__row--met{background-color:#10b98114;border-left:3px solid #10b981}.pml-leaderboard__row--met:hover{background-color:#10b9811f!important}.pml-leaderboard__row--not-met{background-color:#ef44440d;border-left:3px solid #ef4444}.pml-leaderboard__row--not-met:hover{background-color:#ef444414!important}.pml-leaderboard__rank-cell,.pml-leaderboard__name-cell,.pml-leaderboard__pcl-cell,.pml-leaderboard__reject-cell,.pml-leaderboard__approve-cell,.pml-leaderboard__combined-cell,.pml-leaderboard__target-cell,.pml-leaderboard__status-cell{border-bottom:1px solid var(--color-hairline);color:var(--color-ink);padding:14px 16px}.pml-leaderboard__rank-cell{width:60px}.pml-leaderboard__name-cell{min-width:150px}.pml-leaderboard__pcl-cell{color:#8b5cf6;font-weight:600}.pml-leaderboard__reject-cell{color:#ef4444;font-weight:600}.pml-leaderboard__approve-cell{color:#10b981;font-weight:600}.pml-leaderboard__combined-cell{font-weight:700}.pml-leaderboard__target-cell,.pml-leaderboard__status-cell{white-space:nowrap}.pml-leaderboard__rank-number{background-color:var(--color-canvas);width:28px;height:28px;color:var(--color-ink);border-radius:50%;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:inline-flex}.pml-leaderboard__name-cell-content{align-items:center;gap:10px;display:flex}.pml-leaderboard__avatar{font-family:var(--font-display);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-bottom:0;font-weight:700;display:flex}.pml-leaderboard__avatar--xs{background:linear-gradient(135deg,#6366f1 0%,#4f46e5 100%);width:28px;height:28px;font-size:12px}.pml-leaderboard__combined-value{color:#8b5cf6;border-radius:var(--rounded-md);background-color:#8b5cf626;padding:4px 10px;font-weight:700;display:inline-block}.pml-leaderboard__target-badge-inline{color:var(--color-ink-mute);background-color:var(--color-canvas);border-radius:var(--rounded-sm);padding:2px 8px;font-size:12px}.pml-leaderboard__status-badge{border-radius:var(--rounded-pill);text-transform:uppercase;letter-spacing:.5px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-block}.pml-leaderboard__status-badge--met{color:#10b981;background-color:#10b98126}.pml-leaderboard__status-badge--not-met{color:#ef4444;background-color:#ef444426}@media (width<=767px){.leaderboard-pml{padding:48px 16px 32px}.leaderboard-pml__title{font-size:24px}.leaderboard-pml__podium{gap:12px}.leaderboard-pml__podium-card--rank1{order:1;min-width:100%}.leaderboard-pml__podium-card--rank2{order:2;min-width:48%}.leaderboard-pml__podium-card--rank3{order:3;min-width:48%}.leaderboard-pml__runners-up{flex-direction:column;align-items:center}.leaderboard-pml__runner-card{width:100%;max-width:300px}.leaderboard-pml__table-section{padding:16px}.leaderboard-pml__table th,.leaderboard-pml__table td{padding:10px 12px;font-size:12px}}.monitoring-subnav{z-index:998;background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-deep) 100%);border-radius:16px;padding:12px 8px;position:fixed;top:50%;right:16px;transform:translateY(-50%);box-shadow:0 4px 20px #f790394d}.monitoring-subnav__inner{flex-direction:column;gap:8px;display:flex}.monitoring-subnav__item{color:#fff;background-color:#ffffff26;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;text-decoration:none;transition:all .2s;display:flex;position:relative}.monitoring-subnav__item:hover{background-color:#ffffff40;transform:scale(1.05)}.monitoring-subnav__item.active{color:var(--color-primary-deep);background-color:#fff;border-color:#ffffff4d;box-shadow:0 2px 8px #00000026}.monitoring-subnav__icon{flex-shrink:0;width:22px;height:22px}.monitoring-subnav__item span{display:none}.monitoring-subnav__item:after{content:attr(data-label);background-color:var(--color-ink);color:#fff;white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;border-radius:8px;padding:6px 12px;font-size:12px;font-weight:500;transition:all .2s;position:absolute;right:56px}.monitoring-subnav__item:hover:after{opacity:1;visibility:visible}@media (width<=1024px){.monitoring-subnav{display:none}.monitoring-section__container{padding-top:0}}