:root{color-scheme:light;--brand-biru: #202DD4;--brand-biru-tua: #141C8F;--brand-orange: #EE8040;--gradien: linear-gradient(135deg, #202DD4, #141C8F);--primary: #202DD4;--on-primary: #FFFFFF;--primary-container: #E3E6FF;--bg: #F3F5FA;--on-surface: #0F172A;--on-surface-variant: #5B6678;--surface: #F3F5FA;--surface-low: #FFFFFF;--surface-container: #FFFFFF;--surface-high: #F7F8FC;--surface-highest: #EDF0F7;--outline: #CBD3E1;--outline-variant: #E3E8F0;--secondary-container: #E8DEF8;--on-secondary-container: #1D192B;--scrim: rgba(15, 23, 42, .45);--indigo600: #202DD4;--indigo700: #1A24AD;--slate500: #64748B;--slate400: #94A3B8;--slate100: #F1F5F9;--emerald600: #059669;--amber600: #D97706;--red600: #DC2626;--sky600: #2563EB;--bayangan: 0 6px 18px rgba(15, 23, 42, .1), 0 1px 3px rgba(15, 23, 42, .06)}@media (prefers-color-scheme: dark){:root{color-scheme:dark;--gradien: linear-gradient(135deg, #1B26B8, #0E1466);--primary: #9AA2FF;--on-primary: #0B1066;--primary-container: #1F2A9E;--bg: #0B1120;--on-surface: #E5E9F2;--on-surface-variant: #9AA6BA;--surface: #0B1120;--surface-low: #131A2B;--surface-container: #131A2B;--surface-high: #192236;--surface-highest: #212B41;--outline: #3A4660;--outline-variant: #232D44;--secondary-container: #4A4458;--on-secondary-container: #E8DEF8;--scrim: rgba(0, 0, 0, .6);--indigo600: #9AA2FF;--indigo700: #B4BAFF;--slate500: #94A3B8;--slate400: #64748B;--slate100: #1C2538;--emerald600: #34D399;--amber600: #FBBF24;--red600: #F87171;--sky600: #60A5FA;--bayangan: 0 6px 18px rgba(0, 0, 0, .45)}}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0;background:var(--bg);color:var(--on-surface)}body{font-family:Roboto,system-ui,-apple-system,Segoe UI,sans-serif;font-size:15px;line-height:1.4;-webkit-font-smoothing:antialiased;overscroll-behavior-y:none}button,input,textarea,select{font:inherit;color:inherit}a{color:inherit;text-decoration:none}img{display:block}.t-headline-m{font-size:28px;line-height:36px;font-weight:800}.t-headline-s{font-size:24px;line-height:32px;font-weight:700}.t-title-l{font-size:22px;line-height:28px;font-weight:800}.t-title-m{font-size:16px;line-height:24px;font-weight:700}.t-title-s{font-size:14px;line-height:20px;font-weight:600}.t-body-l{font-size:15px;line-height:22px}.t-body-m{font-size:13px;line-height:20px}.t-body-s{font-size:12px;line-height:16px}.t-label-l{font-size:14px;line-height:20px;font-weight:500}.t-label-m{font-size:12px;line-height:16px;font-weight:500}.t-label-s{font-size:11px;line-height:16px;font-weight:600}.b4{font-weight:400}.b5{font-weight:500}.b6{font-weight:600}.b7{font-weight:700}.b8{font-weight:800}.mono{font-family:Roboto Mono,ui-monospace,monospace}.c-slate{color:var(--slate500)}.c-indigo{color:var(--indigo600)}.c-emerald{color:var(--emerald600)}.c-amber{color:var(--amber600)}.c-red{color:var(--red600)}.c-sky{color:var(--sky600)}.c-white{color:#fff}.tengah{text-align:center}.kanan{text-align:right}.satu-baris{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dua-baris{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.baris{display:flex;align-items:center}.baris-atas{display:flex;align-items:flex-start}.kolom{display:flex;flex-direction:column}.isi{flex:1 1 0;min-width:0}.jarak-4{gap:4px}.jarak-6{gap:6px}.jarak-8{gap:8px}.jarak-10{gap:10px}.jarak-12{gap:12px}.jarak-14{gap:14px}.jarak-16{gap:16px}.jarak-20{gap:20px}.layar{padding:16px;display:flex;flex-direction:column;gap:14px}.lebar{width:100%}.kartu{background:var(--surface-low);border:1px solid var(--outline-variant);border-radius:16px;padding:16px}.kartu.klik{cursor:pointer;transition:background .15s}.kartu.klik:active{background:var(--surface-high)}.garis{height:1px;background:color-mix(in srgb,var(--outline-variant) 50%,transparent);border:0;margin:0}.garis-penuh{height:1px;background:var(--outline-variant);border:0;margin:6px 0}.tombol{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:40px;padding:0 24px;border-radius:999px;border:0;cursor:pointer;font-size:14px;font-weight:500;letter-spacing:.1px;-webkit-user-select:none;user-select:none;transition:filter .15s,opacity .15s;background:var(--primary);color:var(--on-primary)}.tombol:active{filter:brightness(.92)}.tombol:disabled{background:color-mix(in srgb,var(--on-surface) 12%,transparent);color:color-mix(in srgb,var(--on-surface) 38%,transparent);cursor:default;filter:none}.tombol.tinggi{min-height:48px}.tombol.tinggi50{min-height:50px}.tombol.kotak{border-radius:12px}.tombol.penuh{width:100%}.tombol.tebal{font-weight:700}.tombol.hijau{background:var(--emerald600);color:#fff}.tombol.indigo{background:var(--indigo600);color:#fff}.tombol.merah{background:var(--red600);color:#fff}.tombol.oranye{background:var(--brand-orange);color:#fff}.tombol.garis-luar{background:transparent;color:var(--primary);border:1px solid var(--outline)}.tombol.garis-luar:disabled{border-color:color-mix(in srgb,var(--on-surface) 12%,transparent)}.tombol.teks{background:transparent;color:var(--primary);padding:0 12px}.tombol.teks:disabled{background:transparent}@media (prefers-color-scheme: dark){.tombol.hijau,.tombol.indigo,.tombol.merah{color:#0b1120}}.ikon-tombol{width:40px;height:40px;border-radius:999px;border:0;background:transparent;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:var(--on-surface)}.ikon-tombol:active{background:color-mix(in srgb,var(--on-surface) 10%,transparent)}.ikon-tombol:disabled{opacity:.38}.isian{position:relative;display:block}.isian input,.isian textarea{width:100%;border:1px solid var(--outline);border-radius:4px;background:transparent;padding:16px 14px;font-size:16px;line-height:22px;outline:none;transition:border-color .15s}.isian textarea{resize:vertical;min-height:56px}.isian.bulat input,.isian.bulat textarea{border-radius:14px}.isian.bulat12 input{border-radius:12px}.isian input:focus,.isian textarea:focus{border:2px solid var(--primary);padding:15px 13px}.isian.galat input,.isian.galat textarea{border-color:var(--red600)}.isian .label{position:absolute;left:10px;top:-8px;padding:0 4px;font-size:12px;line-height:16px;color:var(--on-surface-variant);background:var(--isian-bg, var(--bg));pointer-events:none}.isian input:focus~.label,.isian textarea:focus~.label{color:var(--primary)}.isian.galat .label{color:var(--red600)}.isian .bantu{font-size:12px;color:var(--on-surface-variant);padding:4px 16px 0}.isian.galat .bantu{color:var(--red600)}.isian .awalan{position:absolute;left:15px;top:50%;transform:translateY(-50%);color:var(--on-surface-variant)}.isian.ada-awalan input{padding-left:42px}.isian.ada-awalan input:focus{padding-left:41px}.isian .akhiran{position:absolute;right:4px;top:50%;transform:translateY(-50%)}.isian.ada-akhiran input{padding-right:48px}.isian input::placeholder,.isian textarea::placeholder{color:var(--slate400)}.kartu .isian{--isian-bg: var(--surface-low)}.isian.besar input{font-size:22px;font-weight:700;letter-spacing:1px}.chip{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;font-size:11px;line-height:16px;font-weight:600;white-space:nowrap}.pil-filter{display:inline-flex;align-items:center;height:32px;padding:0 12px;border-radius:8px;border:1px solid var(--outline);font-size:14px;font-weight:500;cursor:pointer;background:transparent}.pil-filter.on{background:var(--secondary-container);color:var(--on-secondary-container);border-color:transparent}.geser{display:flex;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.geser::-webkit-scrollbar{display:none}@keyframes putar{to{transform:rotate(360deg)}}.putar{width:20px;height:20px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:putar .8s linear infinite;display:inline-block;flex:none}.putar.kecil{width:14px;height:14px}.putar.besar{width:40px;height:40px;border-width:4px;color:var(--primary)}@keyframes muncul{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.muncul{animation:muncul .22s ease-out}.memuat[data-v-e4d5d7d5]{display:flex;align-items:center;justify-content:center;min-height:60vh}.gagal[data-v-14599c2c]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:60vh;padding:32px}p[data-v-14599c2c]{margin:0 0 4px}.scrim[data-v-3a251de3]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;background:var(--scrim);display:flex;align-items:flex-end;justify-content:center}.sheet[data-v-3a251de3]{width:100%;max-width:640px;background:var(--surface-low);border-radius:28px 28px 0 0;padding:0 20px calc(16px + env(safe-area-inset-bottom));max-height:92vh;overflow-y:auto;animation:naik-3a251de3 .25s ease-out}.pegangan[data-v-3a251de3]{width:32px;height:4px;border-radius:2px;background:var(--on-surface-variant);opacity:.4;margin:22px auto 16px}@keyframes naik-3a251de3{0%{transform:translateY(40%);opacity:.4}to{transform:none;opacity:1}}.ikon-app[data-v-3e5e9521]{width:56px;height:56px;border-radius:14px;background:#fff;padding:6px;border:1px solid var(--outline-variant);flex:none}.langkah[data-v-3e5e9521]{display:flex;gap:12px;align-items:flex-start;font-size:15px}.no[data-v-3e5e9521]{width:26px;height:26px;border-radius:50%;background:var(--primary);color:var(--on-primary);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;flex:none}.peringatan[data-v-3e5e9521]{padding:12px;border-radius:12px;background:color-mix(in srgb,var(--amber600) 12%,transparent)}.pin[data-v-6839e86c]{min-height:100dvh;padding:calc(24px + env(safe-area-inset-top)) 24px 24px;max-width:480px;margin:0 auto;display:flex;flex-direction:column}.utama{min-height:100dvh;padding-bottom:calc(80px + env(safe-area-inset-bottom));max-width:640px;margin:0 auto}.navbar{position:fixed;left:0;right:0;bottom:0;z-index:30;display:flex;justify-content:center;height:calc(80px + env(safe-area-inset-bottom));padding:12px 0 calc(16px + env(safe-area-inset-bottom));background:var(--surface-container)}.navbar:before{content:"";position:absolute;inset:0 0 auto;height:1px;background:var(--outline-variant);opacity:.6}.nav-item{flex:1;max-width:160px;display:flex;flex-direction:column;align-items:center;gap:4px;border:0;background:none;cursor:pointer;color:var(--on-surface-variant);padding:0}.indikator{width:64px;height:32px;border-radius:16px;display:flex;align-items:center;justify-content:center;transition:background .2s}.nav-item.on .indikator{background:var(--secondary-container);color:var(--on-secondary-container)}.nav-label{font-size:12px;line-height:16px;font-weight:500;white-space:nowrap}.nav-item.on .nav-label{color:var(--on-surface);font-weight:700}.toast{position:fixed;left:50%;bottom:calc(100px + env(safe-area-inset-bottom));transform:translate(-50%);z-index:200;background:var(--on-surface);color:var(--surface);padding:10px 18px;border-radius:20px;font-size:14px;box-shadow:var(--bayangan);max-width:86vw;text-align:center}.toast-enter-active,.toast-leave-active{transition:opacity .2s}.toast-enter-from,.toast-leave-to{opacity:0}@media (min-width: 640px){.bawah,.balas{max-width:640px;margin:0 auto}}