:root{--vt-c-white: #ffffff;--vt-c-white-soft: #f8f8f8;--vt-c-white-mute: #f2f2f2;--vt-c-black: #181818;--vt-c-black-soft: #222222;--vt-c-black-mute: #282828;--vt-c-indigo: #2c3e50;--vt-c-divider-light-1: rgba(60, 60, 60, .29);--vt-c-divider-light-2: rgba(60, 60, 60, .12);--vt-c-divider-dark-1: rgba(84, 84, 84, .65);--vt-c-divider-dark-2: rgba(84, 84, 84, .48);--vt-c-text-light-1: var(--vt-c-indigo);--vt-c-text-light-2: rgba(60, 60, 60, .66);--vt-c-text-dark-1: var(--vt-c-white);--vt-c-text-dark-2: rgba(235, 235, 235, .64)}:root{--color-background: var(--vt-c-white);--color-background-soft: var(--vt-c-white-soft);--color-background-mute: var(--vt-c-white-mute);--color-border: var(--vt-c-divider-light-2);--color-border-hover: var(--vt-c-divider-light-1);--color-heading: var(--vt-c-text-light-1);--color-text: var(--vt-c-text-light-1);--section-gap: 160px}@media (prefers-color-scheme: dark){:root{--color-background: var(--vt-c-black);--color-background-soft: var(--vt-c-black-soft);--color-background-mute: var(--vt-c-black-mute);--color-border: var(--vt-c-divider-dark-2);--color-border-hover: var(--vt-c-divider-dark-1);--color-heading: var(--vt-c-text-dark-1);--color-text: var(--vt-c-text-dark-2)}}*,*:before,*:after{box-sizing:border-box;margin:0;font-weight:400}body{min-height:100vh;width:100%;margin:0;padding:0;color:var(--color-text);background:var(--color-background);transition:color .5s,background-color .5s;line-height:1.6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}#app{width:100%;margin:0;padding:0;font-weight:400;min-height:100vh}a,.green{text-decoration:none;color:#00bd7e;transition:.4s;padding:3px}@media (hover: hover){a:hover{background-color:#00bd7e33}}@media (min-width: 1024px){#app{width:100%;margin:0;padding:0}}@media (min-width: 1024px){.header-responsive-container{flex-direction:row!important;justify-content:space-between!important;align-items:center!important}.header-responsive-buttons{flex-direction:row!important;align-items:center!important;gap:1rem!important}.header-responsive-buttons>*{width:auto!important}}@media (max-width: 1023px){.header-responsive-container{flex-direction:column!important;gap:1rem!important}.header-responsive-buttons{flex-direction:column!important;width:100%!important}.header-responsive-buttons>*{width:100%!important}}.header-responsive-container,.header-responsive-buttons{display:flex!important}.village-card,.village-card .bg-white,.village-card table,.table-full-width,.table-full-width .bg-white,.table-full-width table{width:100%!important;max-width:none!important}:root{--merah-primary: #DC2626;--merah-light: #FEF2F2;--merah-lighter: #FECACA;--merah-dark: #991B1B;--merah-darker: #7F1D1D;--putih-primary: #FFFFFF;--putih-warm: #FEFDFB;--putih-soft: #F9FAFB;--abu-light: #F3F4F6;--abu-medium: #9CA3AF;--abu-dark: #374151;--emas-accent: #F59E0B;--emas-light: #FEF3C7;--hijau-success: #10B981;--hijau-light: #D1FAE5;--biru-info: #3B82F6;--biru-light: #DBEAFE;--font-family-primary: "Inter", "Segoe UI", system-ui, sans-serif;--font-family-display: "Inter", "Segoe UI", system-ui, sans-serif;--text-xs: .875rem;--text-sm: 1rem;--text-base: 1.125rem;--text-lg: 1.25rem;--text-xl: 1.5rem;--text-2xl: 1.875rem;--text-3xl: 2.25rem;--text-4xl: 3rem;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--font-extrabold: 800;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow-village: 0 8px 32px rgba(220, 38, 38, .12)}.village-app-wrapper{background:#fff;position:relative;width:100%;min-height:100vh}.village-bg-primary{background:linear-gradient(135deg,#fef2f2,#fff,#fef2f2)!important;color:var(--abu-dark)!important;position:relative;width:100%;min-height:100vh;isolation:isolate}.village-bg-secondary{background:#fff!important;color:var(--abu-dark)!important;position:relative;isolation:isolate}.village-container{width:100%;margin:0;padding:0 var(--space-4)}.village-container-constrained{max-width:1200px;margin:0 auto;padding:0 var(--space-4)}.village-container-full{width:100%;margin:0;padding:0}.village-section{padding:var(--space-8) 0}.village-heading-1{font-family:var(--font-family-display);font-size:var(--text-4xl);font-weight:var(--font-extrabold);line-height:1.1;color:var(--abu-dark);margin-bottom:var(--space-6)}.village-heading-2{font-family:var(--font-family-display);font-size:var(--text-3xl);font-weight:var(--font-bold);line-height:1.2;color:var(--abu-dark);margin-bottom:var(--space-5)}.village-heading-3{font-family:var(--font-family-display);font-size:var(--text-2xl);font-weight:var(--font-semibold);line-height:1.3;color:var(--abu-dark);margin-bottom:var(--space-4)}.village-body-large{font-family:var(--font-family-primary);font-size:var(--text-lg);font-weight:var(--font-medium);line-height:1.5;color:var(--abu-dark)}.village-body{font-family:var(--font-family-primary);font-size:var(--text-base);font-weight:var(--font-normal);line-height:1.6;color:var(--abu-dark)}.village-body-small{font-family:var(--font-family-primary);font-size:var(--text-sm);font-weight:var(--font-normal);line-height:1.5;color:var(--abu-medium)}.village-button{display:inline-flex;align-items:center;justify-content:center;min-height:56px;padding:var(--space-4) var(--space-6);font-family:var(--font-family-primary);font-size:var(--text-base);font-weight:var(--font-semibold);text-decoration:none;border:none;border-radius:var(--radius-xl);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:var(--shadow-sm);-webkit-user-select:none;user-select:none;position:relative;overflow:hidden}.village-button:focus{outline:2px solid var(--merah-primary);outline-offset:2px}.village-button:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.village-button-primary{background:linear-gradient(135deg,var(--merah-primary) 0%,var(--merah-dark) 100%);color:var(--putih-primary);box-shadow:var(--shadow-lg)}.village-button-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-xl);background:linear-gradient(135deg,var(--merah-dark) 0%,var(--merah-darker) 100%)}.village-button-primary:active{transform:translateY(0)}.village-button-secondary{background:var(--putih-primary);color:var(--merah-primary);border:2px solid var(--merah-primary)}.village-button-secondary:hover:not(:disabled){background:var(--merah-light);transform:translateY(-1px);box-shadow:var(--shadow-md)}.village-button-success{background:linear-gradient(135deg,var(--hijau-success) 0%,#059669 100%);color:var(--putih-primary)}.village-button-success:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-lg);background:linear-gradient(135deg,#059669,#047857)}.village-button-warning{background:linear-gradient(135deg,var(--emas-accent) 0%,#D97706 100%);color:var(--putih-primary)}.village-button-warning:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-lg);background:linear-gradient(135deg,#d97706,#b45309)}.village-button-danger{background:linear-gradient(135deg,#EF4444 0%,var(--merah-dark) 100%);color:var(--putih-primary)}.village-button-danger:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-lg);background:linear-gradient(135deg,var(--merah-dark) 0%,var(--merah-darker) 100%)}.village-button-large{min-height:64px;padding:var(--space-5) var(--space-8);font-size:var(--text-lg)}.village-button-small{min-height:40px;padding:var(--space-2) var(--space-4);font-size:var(--text-sm)}.village-button-icon{min-width:56px;padding:var(--space-4);border-radius:var(--radius-full)}.village-card{background:linear-gradient(135deg,var(--putih-warm) 0%,var(--putih-primary) 100%);border:1px solid var(--abu-light);border-radius:var(--radius-2xl);box-shadow:var(--shadow-md);padding:var(--space-6);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.village-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-village);border-color:var(--merah-lighter)}.village-card-clickable{cursor:pointer;-webkit-user-select:none;user-select:none}.village-card-header{margin-bottom:var(--space-4);padding-bottom:var(--space-4);border-bottom:1px solid var(--abu-light)}.village-card-body{margin-bottom:var(--space-4)}.village-card-footer{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--abu-light)}.village-input{width:100%;min-height:52px;padding:var(--space-4) var(--space-5);font-family:var(--font-family-primary);font-size:var(--text-base);color:var(--abu-dark);background:var(--putih-primary);border:2px solid var(--abu-light);border-radius:var(--radius-lg);transition:all .2s ease}.village-input:focus{outline:none;border-color:var(--merah-primary);box-shadow:0 0 0 3px #dc26261a}.village-input::placeholder{color:var(--abu-medium)}.village-input-error{border-color:#ef4444;background:#fef2f2}.village-label{display:block;margin-bottom:var(--space-2);font-family:var(--font-family-primary);font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--abu-dark)}.village-nav-card{background:linear-gradient(135deg,var(--putih-warm) 0%,var(--putih-primary) 100%);border:2px solid var(--abu-light);border-radius:var(--radius-2xl);padding:var(--space-8);text-align:center;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;min-height:140px;display:flex;flex-direction:column;align-items:center;justify-content:center}.village-nav-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-village);border-color:var(--merah-primary)}.village-nav-card:active{transform:translateY(-2px)}.village-nav-icon{font-size:3rem;margin-bottom:var(--space-4);display:block}.village-nav-title{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--abu-dark);margin-bottom:var(--space-2)}.village-nav-subtitle{font-size:var(--text-base);color:var(--abu-medium);font-weight:var(--font-medium)}@media (max-width: 640px){.village-container,.village-container-constrained{padding:0 var(--space-3)}.village-button{width:100%;margin-bottom:var(--space-3)}.village-heading-1{font-size:var(--text-3xl)}.village-heading-2{font-size:var(--text-2xl)}.village-nav-card{min-height:120px;padding:var(--space-6)}.village-nav-icon{font-size:2.5rem}}.village-container,.village-container *{box-sizing:border-box}.village-text-center{text-align:center!important}.village-text-left{text-align:left!important}.village-text-right{text-align:right!important}.village-flex-col{flex-direction:column!important}.village-items-center{align-items:center!important}.village-justify-between{justify-content:space-between!important}.village-w-full{width:100%!important}.village-h-full{height:100%!important}.village-mb-2{margin-bottom:var(--space-2)!important}.village-mb-4{margin-bottom:var(--space-4)!important}.village-mb-6{margin-bottom:var(--space-6)!important}.village-mb-8{margin-bottom:var(--space-8)!important}.village-mt-2{margin-top:var(--space-2)!important}.village-mt-4{margin-top:var(--space-4)!important}.village-mt-6{margin-top:var(--space-6)!important}.village-mt-8{margin-top:var(--space-8)!important}.village-p-4{padding:var(--space-4)!important}.village-p-6{padding:var(--space-6)!important}.village-p-8{padding:var(--space-8)!important}.village-rounded{border-radius:var(--radius-md)!important}.village-rounded-lg{border-radius:var(--radius-lg)!important}.village-rounded-xl{border-radius:var(--radius-xl)!important}.village-rounded-2xl{border-radius:var(--radius-2xl)!important}.village-shadow{box-shadow:var(--shadow-md)!important}.village-shadow-lg{box-shadow:var(--shadow-lg)!important}.village-shadow-xl{box-shadow:var(--shadow-xl)!important}.village-relative{position:relative!important}.village-absolute{position:absolute!important}.village-z-auto{z-index:auto!important}.village-z-0{z-index:0!important}.village-z-10{z-index:10!important}.village-z-20{z-index:20!important}.village-z-30{z-index:30!important}.village-z-40{z-index:40!important}.village-z-100{z-index:100!important}@keyframes village-fade-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.village-animate-fade-in{animation:village-fade-in .5s ease-out}@keyframes village-pulse{0%,to{opacity:1}50%{opacity:.8}}.village-animate-pulse{animation:village-pulse 2s cubic-bezier(.4,0,.6,1) infinite}@media (prefers-color-scheme: dark){html,body{background:#fff!important;color:var(--abu-dark)!important}.village-bg-primary{background:linear-gradient(135deg,#fef2f2,#fff,#fef2f2)!important;color:var(--abu-dark)!important}.village-card{background:linear-gradient(135deg,var(--putih-warm) 0%,var(--putih-primary) 100%)!important;color:var(--abu-dark)!important}}@media print{.village-button,.village-nav-card{box-shadow:none;border:1px solid var(--abu-medium)}.village-card{break-inside:avoid}}html,body{width:100%!important;height:100%!important;margin:0!important;padding:0!important;box-sizing:border-box!important;overflow-x:hidden!important}#app{width:100%!important;height:auto!important;min-height:100vh!important;margin:0!important;padding:0!important;background:transparent!important;display:block!important;grid-template-columns:none!important;grid-template-rows:none!important;flex-direction:column!important}.village-app-wrapper,.village-bg-primary,.village-bg-secondary{width:100%!important;max-width:none!important}.village-fixed{position:fixed!important}.village-flex{display:flex!important}.village-items-start{align-items:flex-start!important}.village-justify-center{justify-content:center!important}.village-z-50{z-index:50!important}.village-modal-optimized{position:fixed!important;inset:0!important;background:#0009!important;display:flex!important;align-items:flex-start!important;justify-content:center!important;padding:1rem!important;z-index:9999!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important}.village-modal-content-optimized{background:#fff!important;border-radius:1.5rem!important;padding:1.5rem!important;margin:1rem auto!important;width:100%!important;max-width:90vw!important;max-height:90vh!important;overflow-y:auto!important;box-shadow:0 25px 50px -12px #00000040!important;min-width:320px!important}@media (min-width: 640px){.village-modal-content-optimized{max-width:32rem!important}}@media (min-width: 768px){.village-modal-content-optimized{max-width:40rem!important}}@media (min-width: 1024px){.village-modal-content-optimized{max-width:48rem!important}}.village-modal-content-large{max-width:95vw!important}@media (min-width: 640px){.village-modal-content-large{max-width:42rem!important}}@media (min-width: 768px){.village-modal-content-large{max-width:56rem!important}}@media (min-width: 1024px){.village-modal-content-large{max-width:64rem!important}}.village-modal-footer{position:sticky!important;bottom:0!important;background:#fff!important;padding:1rem 0 0!important;margin-top:1.5rem!important;border-top:1px solid var(--gray-200)!important}@media (max-width: 768px){.village-input{font-size:16px!important;transform:none!important}}@supports (-webkit-overflow-scrolling: touch){.village-modal-optimized,.village-modal-content-optimized{-webkit-overflow-scrolling:touch}}@media (prefers-color-scheme: dark){.village-modal-optimized{background:#0009!important}.village-modal-content-optimized,.village-modal-content-large{background:#fff!important;color:#1f2937!important}}.village-modal-content-optimized,.village-modal-content-large{min-height:200px!important}.village-button{min-height:48px!important;touch-action:manipulation!important}@media (max-width: 640px){.village-button{min-height:56px!important}}[class*=fixed][class*=inset-0][class*=bg-black],[class*=fixed][class*=inset-0][class*=bg-opacity]{position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;display:flex!important;align-items:center!important;justify-content:center!important;z-index:9999!important;background:#000000b3!important;padding:1rem!important;margin:0!important;transform:none!important}[class*=fixed][class*=inset-0]>[class*=bg-white],[class*=fixed][class*=inset-0]>[class*=rounded]{position:relative!important;margin:auto!important;transform:none!important;inset:auto!important}div[class*=fixed][class*=inset-0]{position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;display:flex!important;align-items:center!important;justify-content:center!important;z-index:9999!important;background:#000000b3!important;padding:1rem!important;margin:0!important;transform:none!important;overflow:hidden!important}div[class*=fixed][class*=inset-0]>div[class*=bg-white]{position:relative!important;margin:auto!important;transform:none!important;inset:auto!important;max-width:28rem!important;width:100%!important;max-height:90vh!important;overflow-y:auto!important}div[class*=fixed][class*=inset-0]>div[class*=bg-white][class*=rounded-3xl]{position:relative!important;margin:auto!important;transform:none!important;inset:auto!important;max-width:28rem!important;width:100%!important;max-height:90vh!important;overflow-y:auto!important}*{box-sizing:border-box}html,body{margin:0;padding:0;font-family:Inter,Segoe UI,system-ui,sans-serif;background:#fff;color:#374151;line-height:1.6}#app{margin:0;padding:0;background:transparent}.village-app-wrapper{position:relative;width:100%;min-height:100vh;background:transparent;overflow-x:hidden}.router-link-active,.router-link-exact-active{text-decoration:none}.village-bg-primary{position:relative;z-index:1}h1,h2,h3,h4,h5,h6,p,ul,ol{margin:0;padding:0}@media (max-width: 640px){html{font-size:16px}}.modal-scroll[data-v-c461b03b]::-webkit-scrollbar{width:8px}.modal-scroll[data-v-c461b03b]::-webkit-scrollbar-track{background:#f1f5f9;border-radius:10px}.modal-scroll[data-v-c461b03b]::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#ef4444,#dc2626);border-radius:10px;border:2px solid #f1f5f9}.modal-scroll[data-v-c461b03b]::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#dc2626,#b91c1c)}.modal-scroll[data-v-c461b03b]{scrollbar-width:thin;scrollbar-color:#ef4444 #f1f5f9}.modal-scroll[data-v-c461b03b]{-ms-overflow-style:auto}div[style*="overflow-y: auto"][data-v-c461b03b]{scrollbar-width:thin;scrollbar-color:#ef4444 #f1f5f9}div[style*="overflow-y: auto"][data-v-c461b03b]::-webkit-scrollbar{width:8px}div[style*="overflow-y: auto"][data-v-c461b03b]::-webkit-scrollbar-track{background:#f1f5f9;border-radius:10px}div[style*="overflow-y: auto"][data-v-c461b03b]::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#ef4444,#dc2626);border-radius:10px;border:2px solid #f1f5f9}div[style*="overflow-y: auto"][data-v-c461b03b]::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#dc2626,#b91c1c)}.village-animate-fade-in[data-v-97c9c33e]{animation:fadeIn-97c9c33e .5s ease-in}@keyframes fadeIn-97c9c33e{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.group:hover .group-hover\:scale-110[data-v-c26ad747]{transform:scale(1.1)}@media (max-width: 640px){.village-nav-grid[data-v-c26ad747]{grid-template-columns:1fr}}@media (640px <= width < 1024px){.village-nav-grid[data-v-c26ad747]{grid-template-columns:repeat(2,1fr)}}@media (width >= 1024px){.village-nav-grid[data-v-c26ad747]{grid-template-columns:repeat(4,1fr)}}.stats-number[data-v-c26ad747]{animation:countUp-c26ad747 1s ease-out}@keyframes countUp-c26ad747{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.village-card[data-v-cc6037c0]:hover{transform:translateY(-2px)}table[data-v-cc6037c0]{border-collapse:collapse}@media (max-width: 640px){.village-flex-wrap[data-v-cc6037c0]>*{width:100%}}