.wl{display:flex;flex-direction:column;gap:16px}.wl-saldo-card{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:22px 18px;border-radius:16px;border:1px solid var(--line);background:radial-gradient(120% 140% at 100% 0%,rgba(245,172,88,.16) 0%,transparent 55%),var(--card)}.wl-saldo-kiri{display:flex;flex-direction:column;gap:6px;min-width:0}.wl-saldo-aksi{display:flex;flex-direction:column;gap:8px;flex-shrink:0}.wl-saldo-label{font-size:12px;letter-spacing:.4px;text-transform:uppercase;color:var(--redup)}.wl-saldo-nilai{font-size:24px;font-weight:700;color:var(--text);line-height:1.15;overflow-wrap:anywhere}.wl-action{display:flex;align-items:center;justify-content:center;min-width:104px;min-height:38px;padding:0 14px;font-size:13px;border-radius:14px;font-size:15px;font-weight:600;cursor:pointer;-webkit-tap-highlight-color:transparent}.wl-action-ikon{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;font-size:16px;line-height:1}.wl-action-dep{border:0;background:var(--gold);color:#1b1b22}.wl-action-dep .wl-action-ikon{background:#1b1b222e}.wl-action-wd{border:1px solid var(--line);background:var(--card);color:var(--text)}.wl-action-wd .wl-action-ikon{background:#2f2f3a;color:var(--gold)}.wl-action:active{transform:scale(.98)}.wl-riwayat{border:1px solid var(--line);border-radius:14px;background:var(--card);padding:14px 16px}.wl-riwayat-judul{margin:0 0 10px;font-size:14px;font-weight:600}.wl-riwayat-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.wl-riwayat-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-top:1px solid var(--line)}.wl-riwayat-item:first-child{border-top:0}.wl-ri-kiri{display:flex;flex-direction:column;gap:2px;min-width:0}.wl-ri-metode{font-size:14px}.wl-ri-tanggal{font-size:12px;color:var(--redup)}.wl-ri-kanan{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.wl-ri-nominal{font-size:14px;font-weight:600}.wl-badge{font-size:11px;padding:2px 8px;border-radius:999px;border:1px solid var(--line)}.wl-badge-pending{color:var(--gold);border-color:#f5ac5866}.wl-badge-paid{color:var(--hijau);border-color:#5ad18a66}.wl-badge-rejected{color:var(--merah);border-color:#ff6b6b66}.wl-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:flex-end;justify-content:center}.wl-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0009;animation:wl-fade .18s ease}.wl-modal{position:relative;width:100%;max-width:480px;max-height:92dvh;overflow-y:auto;background:var(--bg);border:1px solid var(--line);border-radius:18px 18px 0 0;padding-bottom:var(--aman-bawah);animation:wl-naik .22s cubic-bezier(.2,.8,.3,1)}@keyframes wl-fade{0%{opacity:0}}@keyframes wl-naik{0%{transform:translateY(100%)}}@media (prefers-reduced-motion: reduce){.wl-backdrop,.wl-modal{animation:none}}.wl-modal-head{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;padding:16px;background:var(--bg);border-bottom:1px solid var(--line)}.wl-modal-title{margin:0;font-size:18px}.wl-x{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:0;border-radius:10px;background:transparent;color:var(--redup);font-size:24px;line-height:1;cursor:pointer}.wl-x:disabled{opacity:.4}.wl-modal-body{display:flex;flex-direction:column;gap:14px;padding:16px}.wl-lebar{width:100%}.wl-hint{margin:0;font-size:12px}.wl-quick{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.wl-quick-btn{padding:10px 6px;border:1px solid var(--line);border-radius:10px;background:#1f1f27;color:var(--text);font-size:14px;cursor:pointer;-webkit-tap-highlight-color:transparent}.wl-quick-btn.on{border-color:var(--gold);color:var(--gold)}.wl-metode{display:flex;flex-direction:column;gap:6px}.wl-metode-label{font-size:12px;color:var(--redup)}.wl-metode-pill{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border:1px solid var(--gold);border-radius:10px;background:#f5ac5814}.wl-metode-nama{font-weight:600}.wl-metode-cek{color:var(--gold);font-weight:700}.wl-qris{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center}.wl-qris-info{margin:0}.wl-qris-box{padding:12px;background:#fff;border-radius:12px}.wl-qris-img{display:block;width:220px;max-width:60vw;height:auto}.wl-qris-nom{font-size:22px;font-weight:700}.wl-countdown{font-size:13px;color:var(--gold);font-variant-numeric:tabular-nums}.wl-cek{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--redup)}.wl-result{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;padding:12px 0}.wl-result-ikon{display:flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:50%;font-size:32px;font-weight:700;margin-bottom:4px}.wl-ok{background:#5ad18a29;color:var(--hijau)}.wl-bad{background:#ff6b6b29;color:var(--merah)}.wl-result-judul{margin:0;font-size:18px}.wl-result .btn-primary,.wl-result .btn-ghost{width:100%}.wl-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:4px;border:1px solid var(--line);border-radius:12px;background:#1f1f27}.wl-tab{padding:9px 4px;border:0;border-radius:9px;background:transparent;color:var(--redup);font-size:13px;font-weight:600;cursor:pointer;-webkit-tap-highlight-color:transparent}.wl-tab.on{background:var(--card);color:var(--gold)}.wl-select{width:100%;padding:12px;border:1px solid var(--line);border-radius:10px;background:#1f1f27;color:var(--text);font-size:16px}.wl-select:focus-visible{outline:2px solid var(--gold);outline-offset:1px}.wl-sisa{margin:0;font-size:13px;color:var(--redup)}.wl-sisa strong{color:var(--text)}:root{--bg: #1b1b22;--bg-luar: #121217;--card: #26262f;--line: #33333f;--gold: #f5ac58;--text: #e8e8ef;--redup: #9a9aa8;--merah: #ff6b6b;--hijau: #5ad18a;--h-header: 52px;--h-nav: 58px;--aman-bawah: env(safe-area-inset-bottom, 0px);--aman-atas: env(safe-area-inset-top, 0px)}*{box-sizing:border-box}html,body{height:100%}body{margin:0;background:var(--bg-luar);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:15px;line-height:1.5;-webkit-text-size-adjust:100%;overscroll-behavior-y:none}.app{max-width:480px;min-height:100dvh;margin:0 auto;background:var(--bg);position:relative}@media (min-width: 520px){.app{box-shadow:0 0 0 1px var(--line)}}.app-header{position:sticky;top:0;z-index:40;display:flex;align-items:center;justify-content:space-between;gap:12px;height:calc(var(--h-header) + var(--aman-atas));padding:var(--aman-atas) 16px 0;background:var(--card);border-bottom:1px solid var(--line)}.brand{font-weight:700;color:var(--gold);letter-spacing:.3px}.page-title{font-size:13px;color:var(--redup)}.page{padding:16px}.with-nav .page{padding-bottom:calc(var(--h-nav) + var(--aman-bawah) + 16px)}.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:16px}.muted{color:var(--redup);font-size:13px}.empty{text-align:center;padding:56px 12px}.empty-title{margin:0 0 6px;font-size:17px;font-weight:600}.state-block{display:flex;align-items:center;justify-content:center;gap:10px;padding:64px 0;color:var(--redup);font-size:14px}.state-block-col{flex-direction:column;gap:8px;text-align:center}.spinner{width:16px;height:16px;border-radius:50%;border:2px solid var(--line);border-top-color:var(--gold);animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.spinner{animation-duration:2.4s}}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:480px;z-index:50;display:grid;grid-template-columns:repeat(5,1fr);height:calc(var(--h-nav) + var(--aman-bawah));padding-bottom:var(--aman-bawah);background:linear-gradient(180deg,#2b2b35 0%,var(--card) 100%);border-top:1px solid var(--line);overflow:hidden;isolation:isolate}.nav-rail{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.nav-glow{position:absolute;top:0;left:0;width:20%;height:100%;transition-property:transform;transition-timing-function:cubic-bezier(.34,1.2,.5,1);will-change:transform}.nav-glow:before{content:"";position:absolute;top:-1px;left:22%;width:56%;height:3px;border-radius:0 0 3px 3px;background:var(--gold);box-shadow:0 0 10px 1px #f5ac58e6}.nav-glow:after{content:"";position:absolute;top:-2px;left:50%;width:78%;height:78%;transform:translate(-50%);background:radial-gradient(60% 70% at 50% 0%,rgba(245,172,88,.38) 0%,rgba(245,172,88,.12) 42%,transparent 72%)}.nav-item{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;text-decoration:none;color:var(--redup);font-size:10px;-webkit-tap-highlight-color:transparent}.nav-icon-wrap{display:flex;align-items:center;justify-content:center}.nav-icon{width:23px;height:23px;display:block}.i-f{opacity:0;transition:opacity .25s ease}.nav-item.on{color:var(--gold)}.nav-item.on .nav-icon{stroke-width:1.9}.nav-item.on .i-f{opacity:.16}.nav-label{letter-spacing:.2px;transition:color .25s ease}.nav-item:active .nav-icon-wrap{transform:scale(.88)}@media (prefers-reduced-motion: reduce){.nav-glow{transition-duration:.12s!important}}.auth{display:flex;flex-direction:column;gap:14px;margin-top:8px}.auth h2{margin:0;font-size:20px}.auth-sub{margin:-6px 0 0;font-size:13px;color:var(--redup)}.auth-alt{margin:0;text-align:center;font-size:13px;color:var(--redup)}.auth-alt a{color:var(--gold);text-decoration:none}.field{display:flex;flex-direction:column;gap:6px}.field>span{font-size:12px;color:var(--redup)}.field input{width:100%;padding:12px;border:1px solid var(--line);border-radius:10px;background:#1f1f27;color:var(--text);font-size:16px}.field input:focus-visible{outline:2px solid var(--gold);outline-offset:1px}.field input:disabled{opacity:.5}.opsional{font-style:normal;opacity:.5}.hint{font-size:11px;color:var(--redup);font-style:normal}.hint-ok{color:var(--hijau)}.hint-bad{color:var(--merah)}.pw-wrap{position:relative;display:flex}.pw-wrap input{padding-right:48px}.pw-toggle{position:absolute;right:4px;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:transparent;border:0;color:var(--redup);cursor:pointer}.pw-toggle svg{width:20px;height:20px}.btn-primary,.btn-ghost,.btn-danger{min-height:46px;padding:12px;border-radius:10px;font-size:15px;cursor:pointer;-webkit-tap-highlight-color:transparent}.btn-primary{border:0;background:var(--gold);color:#1b1b22;font-weight:600}.btn-primary:disabled{opacity:.55;cursor:progress}.btn-ghost{border:1px solid var(--line);background:transparent;color:var(--text)}.btn-danger{border:1px solid var(--merah);background:transparent;color:var(--merah);font-weight:600}.btn-danger:disabled{opacity:.55}.err{margin:0;color:var(--merah);font-size:13px}.info{margin:0;color:var(--hijau);font-size:13px}.profile{display:flex;flex-direction:column;align-items:center;gap:10px}.avatar{width:84px;height:84px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#2f2f3a;color:var(--gold);font-size:32px;font-weight:700}.profile-name{margin:0;font-size:19px}.profile .btn-danger{width:100%;margin-top:8px}.dev-balance{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:12px 14px}.dev-balance>div{display:flex;align-items:baseline;gap:6px;white-space:nowrap}.dev-balance span{font-size:11px;color:var(--redup)}.dev-balance strong{font-size:15px;color:var(--gold)}.dev-gate{border-color:var(--gold)}.dev-gate h3{margin:0 0 8px;font-size:15px}.dev-gate p{margin:4px 0;font-size:13px;color:var(--redup)}.dev-gate a{color:var(--gold);text-decoration:none}.dev-err{margin:0 0 10px}.dev-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 6px;margin-top:4px}.dev-card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:5px}.dev-slot{width:100%;aspect-ratio:3/4;background:#0d0d12;border-radius:8px;overflow:hidden}.dev-card-foot{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:8px}.dev-coin{display:inline-flex;align-items:center;gap:5px;color:var(--gold);font-size:13px;font-weight:600}.coin-dot{width:12px;height:12px;border-radius:50%;background:var(--gold);box-shadow:inset 0 0 0 2px #00000040}.dev-add{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;aspect-ratio:3/4;padding:8px;border:0;background:transparent;color:var(--redup);cursor:pointer;font-size:13px;font-weight:600;-webkit-tap-highlight-color:transparent}.dev-add:before{content:"+";display:flex;align-items:center;justify-content:center;width:58%;aspect-ratio:3/4;border:2px dashed currentColor;border-radius:12px;font-size:32px;font-weight:400;line-height:1;opacity:.8}.dev-add:hover,.dev-add:active{color:var(--gold)}.dev-muted{color:var(--redup);font-size:12px}.dev-btn{padding:8px 12px;border-radius:8px;border:1px solid var(--line);background:#2a2a34;color:var(--text);cursor:pointer;font-size:13px;font-weight:600}.dev-btn.sm{padding:5px 10px;font-size:12px}.dev-btn.primary{background:var(--gold);color:#1b1b22;border:0}.dev-btn.ghost{background:transparent}.dev-btn.danger{background:transparent;border-color:var(--merah);color:var(--merah)}.dev-btn:disabled{opacity:.5;cursor:not-allowed}.dev-row{display:flex;gap:8px;margin-top:12px}.dev-layer{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1}.dev-layer.fokus{z-index:200}.dev-frame{background:#000;border-radius:8px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 6px 28px #0000008c}.dev-frame.focus{top:50%;left:50%;transform:translate(-50%,-50%);width:min(92vw,400px);height:min(84dvh,700px);z-index:140;border-radius:14px;box-shadow:0 18px 60px #000000b3}.dev-frame.focus.fs{top:0;left:0;transform:none;width:100vw;height:100dvh;border-radius:0}.dev-pop-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:130;border:0;padding:0;background:#000000a6;cursor:pointer}.dev-pop-act{flex-shrink:0;background:#15151b;border-top:1px solid var(--line);padding:10px;display:flex;flex-direction:column;gap:8px}.dev-pop-saldo{display:flex;align-items:center;justify-content:center;gap:6px;color:var(--gold);font-weight:700;font-size:15px}.dev-pop-err{margin:0;text-align:center;font-size:12px}.dev-pop-btns{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.dev-pop-btns .dev-btn{display:flex;align-items:center;justify-content:center;gap:4px;padding:9px 4px;font-size:12px}.dev-pop-btns .dev-btn svg{width:14px;height:14px}.dev-lebar{width:100%}.dev-bar{display:flex;align-items:center;gap:4px;padding:4px 6px;background:#15151b}.dev-name{flex:1;font-size:11px;color:var(--redup);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dev-bar button{display:flex;align-items:center;justify-content:center;width:26px;height:26px;background:#2a2a34;color:var(--text);border:0;border-radius:6px;cursor:pointer}.dev-bar button.dev-x:hover{background:var(--merah);color:#fff}.dev-view{flex:1;position:relative;overflow:hidden;background:#000}.dev-view iframe{position:absolute;left:0;width:100%;height:100%;border:0;background:#000}.dev-frame{--dev-tinggi: 200%;--dev-geser: -30%}.dev-frame:not(.focus) .dev-view iframe{height:var(--dev-tinggi);top:var(--dev-geser)}.dev-tap{position:absolute;top:30px;right:0;bottom:0;left:0;background:transparent;border:0;cursor:pointer}.dev-modal-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:130;display:flex;align-items:flex-end;justify-content:center;pointer-events:auto}.dev-modal{background:var(--card);border:1px solid var(--line);border-radius:16px 16px 0 0;padding:16px;width:min(480px,100%);max-height:82vh;overflow:auto}.dev-modal.sm{border-radius:16px;margin:auto;width:min(360px,92vw)}.dev-modal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.dev-modal-head h3{margin:0;font-size:16px}.dev-modal-x{background:transparent;border:0;color:var(--redup);font-size:18px;cursor:pointer}.dev-tabs{display:flex;gap:6px}.dev-tabs button{padding:7px 14px;background:#2a2a34;color:var(--redup);border:0;border-radius:8px;cursor:pointer;font-weight:600;font-size:13px}.dev-tabs button.on{background:var(--gold);color:#1b1b22}.dev-search{width:100%;padding:11px;border:1px solid var(--line);border-radius:9px;background:#1f1f27;color:var(--text);font-size:16px;margin-bottom:10px}.dev-weblist{list-style:none;padding:0;margin:0}.dev-weblist>li{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 0;border-bottom:1px solid var(--line)}.dev-web-meta{display:flex;align-items:center;gap:8px}.dev-web-name{font-weight:600}.dev-web-status{font-size:11px;color:var(--redup)}.dev-active-web{flex-direction:column;align-items:stretch}.dev-active-web .dev-web-meta{justify-content:space-between}.dev-acclist{list-style:none;padding:0;margin:8px 0 0}.dev-acclist li{display:flex;align-items:center;gap:8px;padding:6px 0}.dev-acc-ot{flex:1;font-size:12px;color:var(--redup);font-family:ui-monospace,monospace}.dev-acc-bal{color:var(--gold);font-size:13px;font-weight:600}.dev-req{margin-top:14px}.dev-link{background:transparent;border:0;color:var(--gold);cursor:pointer;font-size:13px;padding:0}.dev-req-form{display:flex;flex-direction:column;gap:8px}.dev-ok{color:var(--hijau);font-size:13px;margin:0}.dev-acc-live{font-size:11px;color:var(--hijau);font-weight:600}.dev-modal-bg.atas{z-index:300;align-items:center}.dev-modal.inject{border-radius:16px;margin:auto;width:min(340px,94vw)}.inj-saldo{margin:0 0 8px}.inj-nilai{text-align:center;font-size:26px;font-weight:800;color:var(--gold);background:#1f1f27;border:1px solid var(--line);border-radius:12px;padding:12px;margin-bottom:10px;letter-spacing:.4px}.inj-nilai.bad{color:var(--merah);border-color:var(--merah)}.inj-opsi{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px}.inj-pad{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.inj-key{padding:13px 0;font-size:17px;font-weight:600;background:#2a2a34;color:var(--text);border:1px solid var(--line);border-radius:10px;cursor:pointer;-webkit-tap-highlight-color:transparent}.inj-key:active{background:var(--gold);color:#1b1b22}.inj-key:disabled{opacity:.5}.inj-pesan{margin:10px 0 0;text-align:center;font-size:12px}.dev-tools{position:fixed;bottom:calc(var(--h-nav) + var(--aman-bawah) + 12px);left:50%;transform:translate(-50%);width:100%;max-width:480px;display:flex;flex-direction:column;align-items:flex-end;gap:8px;z-index:45;pointer-events:none}.dev-tool{pointer-events:auto;display:flex;align-items:center;gap:5px;padding:8px 10px 8px 8px;border-radius:10px 0 0 10px;background:var(--card);border:1px solid var(--line);border-right:0;color:var(--redup);cursor:pointer;box-shadow:-3px 3px 14px #0006;-webkit-tap-highlight-color:transparent}.dev-tool svg{width:18px;height:18px}.dev-tool-ikon2{width:15px!important;height:15px!important;opacity:.85}.dev-tool-panah{font-size:15px;line-height:1;opacity:.65}.dev-tool:hover,.dev-tool:active{border-color:var(--gold);color:var(--gold)}.dev-aktif{list-style:none;padding:0;margin:0}.dev-aktif-card{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#1f1f27;border:1px solid var(--line);border-radius:12px;padding:10px 12px;margin-bottom:8px}.dev-aktif-info{display:flex;flex-direction:column;gap:3px;min-width:0}.dev-aktif-nama{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dev-aktif-saldo{font-size:13px;color:var(--gold);font-weight:600}.dev-aktif-aksi{display:flex;align-items:center;gap:6px;flex-shrink:0}.dev-pembatas{height:1px;background:var(--line);margin:14px 0 12px}.soon-wrap{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:56px 24px;gap:6px;min-height:52vh}.soon-ikon{color:var(--emas, #d9b25a);margin-bottom:6px}.soon-judul{margin:0;font-size:26px;letter-spacing:.5px}.soon-status{margin:0;font-size:13px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:var(--emas, #d9b25a)}.soon-teks{margin:10px 0 0;max-width:320px;font-size:14px;line-height:1.65;opacity:.72}