@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-vietnamese-wght-normal-CnvboYUG.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-latin-ext-wght-normal-Ca2vKHc0.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-latin-wght-normal-ukD16Tqj.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Instrument Sans Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/assets/instrument-sans-latin-ext-wght-normal-B5bTHO_g.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Instrument Sans Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/assets/instrument-sans-latin-wght-normal-BbzFLZTg.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--porselen: #f6f2ea;--porselen-dalam: #efe9dd;--kartu: #fffdf8;--tinta: #1b1811;--tinta-2: #4a4437;--tinta-3: #877e6b;--garis: #e5ddcc;--garis-kuat: #d4c9b2;--emas: #b7924c;--emas-terang: #d9bc7f;--emas-pucat: #f3e8ce;--emas-tinta: #8a6d35;--malam: #171410;--malam-2: #211d15;--malam-garis: #35301f;--malam-teks: #b6ad99;--malam-teks-terang: #f0e9da;--hijau: #2f6647;--hijau-tua: #24503a;--hijau-pucat: #e4efe4;--bata: #a03a2c;--bata-pucat: #f7e6e0;--amber: #96690f;--amber-pucat: #f8ecd2;--font-judul: "Fraunces Variable", Georgia, serif;--font-teks: "Instrument Sans Variable", system-ui, sans-serif;--bayang: 0 1px 2px rgba(27, 24, 17, .05), 0 8px 24px -12px rgba(27, 24, 17, .12);--bayang-naik: 0 2px 6px rgba(27, 24, 17, .07), 0 18px 44px -16px rgba(27, 24, 17, .22);--r: 14px}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%}body{font-family:var(--font-teks);color:var(--tinta);background:var(--porselen);-webkit-font-smoothing:antialiased;font-size:15px}h1,h2,h3{font-family:var(--font-judul);font-weight:560;letter-spacing:-.01em}button{font-family:inherit;cursor:pointer}input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}::selection{background:var(--emas-pucat)}.uang{font-variant-numeric:tabular-nums;letter-spacing:-.01em}.shell{display:flex;min-height:100vh}.sidebar{width:248px;flex-shrink:0;background:linear-gradient(178deg,var(--malam-2) 0%,var(--malam) 60%);color:var(--malam-teks);display:flex;flex-direction:column;position:sticky;top:0;height:100vh;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--malam-garis) transparent}.sidebar-merek{display:flex;align-items:center;gap:12px;padding:22px 20px 18px;border-bottom:1px solid var(--malam-garis)}.sidebar-merek .nama{font-family:var(--font-judul);font-size:19px;font-weight:600;color:var(--malam-teks-terang);line-height:1.05}.sidebar-merek .peran{font-size:10.5px;text-transform:uppercase;letter-spacing:.14em;color:var(--emas-terang);margin-top:3px}.sidebar nav{padding:14px 12px;display:flex;flex-direction:column;gap:2px;flex:1}.nav-item{display:flex;align-items:center;gap:11px;padding:9.5px 12px;border-radius:9px;color:var(--malam-teks);text-decoration:none;font-size:14px;font-weight:500;border-left:2px solid transparent;transition:background .15s,color .15s}.nav-item svg{width:17px;height:17px;opacity:.75;flex-shrink:0}.nav-item:hover{background:#ffffff0d;color:var(--malam-teks-terang)}.nav-item.aktif{background:linear-gradient(90deg,#c3a05a29,#c3a05a0a);color:var(--emas-terang);border-left-color:var(--emas)}.nav-item.aktif svg{opacity:1}.nav-bagian{font-size:10px;text-transform:uppercase;letter-spacing:.16em;color:#6d654f;padding:16px 12px 6px}.sidebar-kaki{padding:14px 20px 18px;border-top:1px solid var(--malam-garis);font-size:12px;color:#6d654f}.sidebar-kaki b{color:var(--malam-teks);font-weight:600;display:block;font-size:13px}.sidebar-kaki button{margin-top:10px;width:100%;background:none;border:1px solid var(--malam-garis);color:var(--malam-teks);padding:7px 0;border-radius:8px;font-size:12.5px;transition:border-color .15s,color .15s}.sidebar-kaki button:hover{border-color:var(--emas);color:var(--emas-terang)}.utama{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 34px 16px;border-bottom:1px solid var(--garis);background:color-mix(in srgb,var(--porselen) 82%,white);position:sticky;top:0;z-index:20;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.topbar h1{font-size:23px}.topbar .sub{font-size:13px;color:var(--tinta-3);margin-top:2px}.pilih-org{display:flex;align-items:center;gap:8px;background:var(--kartu);border:1px solid var(--garis-kuat);padding:7px 12px;border-radius:999px;font-size:13.5px;font-weight:500}.pilih-org select{border:none;background:none;outline:none;font-weight:600;max-width:220px}.konten{padding:26px 34px 60px;max-width:1180px;width:100%}.kartu-ui{background:var(--kartu);border:1px solid var(--garis);border-radius:var(--r);box-shadow:var(--bayang)}.grid-stat{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px}.stat{padding:18px 20px 16px;position:relative;overflow:hidden}.stat .label{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:var(--tinta-3);font-weight:600}.stat .nilai{font-family:var(--font-judul);font-size:28px;font-weight:580;margin-top:6px}.stat .ket{font-size:12.5px;color:var(--tinta-3);margin-top:4px}.stat:after{content:"";position:absolute;inset:0 0 auto 0;height:2.5px;background:linear-gradient(90deg,var(--emas-terang),transparent 70%);opacity:.55}.stat.hijau .nilai{color:var(--hijau-tua)}.stat.amber .nilai{color:var(--amber)}.tabel{width:100%;border-collapse:collapse;font-size:14px}.tabel th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--tinta-3);font-weight:600;padding:12px 16px;border-bottom:1px solid var(--garis-kuat);background:color-mix(in srgb,var(--kartu) 60%,var(--porselen))}.tabel td{padding:12px 16px;border-bottom:1px solid var(--garis);vertical-align:middle}.tabel tbody tr:last-child td{border-bottom:none}.tabel tbody tr.klik{cursor:pointer;transition:background .12s}.tabel tbody tr.klik:hover{background:var(--emas-pucat)}.tabel .kanan{text-align:right}.badge{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:650;letter-spacing:.06em;text-transform:uppercase;padding:3.5px 9px;border-radius:999px;white-space:nowrap}.badge:before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor}.badge.hijau{background:var(--hijau-pucat);color:var(--hijau-tua)}.badge.amber{background:var(--amber-pucat);color:var(--amber)}.badge.bata{background:var(--bata-pucat);color:var(--bata)}.badge.abu{background:#eceae4;color:var(--tinta-3)}.badge.emas{background:var(--emas-pucat);color:var(--emas-tinta)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;font-size:13.5px;font-weight:600;padding:9px 16px;border-radius:9px;border:1px solid transparent;transition:filter .15s,background .15s,border-color .15s;text-decoration:none}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-utama{background:var(--tinta);color:var(--emas-pucat)}.btn-utama:hover:not(:disabled){filter:brightness(1.35)}.btn-emas{background:linear-gradient(180deg,var(--emas-terang),var(--emas));color:#241c0c;border-color:color-mix(in srgb,var(--emas) 70%,black)}.btn-emas:hover:not(:disabled){filter:brightness(1.06)}.btn-garis{background:var(--kartu);border-color:var(--garis-kuat);color:var(--tinta-2)}.btn-garis:hover:not(:disabled){border-color:var(--emas);color:var(--emas-tinta)}.btn-bahaya{background:var(--bata-pucat);color:var(--bata);border-color:#e7c4bb}.btn-bahaya:hover:not(:disabled){background:#f2d5cd}.btn-kecil{padding:6px 11px;font-size:12.5px;border-radius:7px}.medan{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.medan label{font-size:12.5px;font-weight:650;color:var(--tinta-2)}.medan input,.medan select,.medan textarea{background:var(--kartu);border:1px solid var(--garis-kuat);border-radius:9px;padding:10px 12px;font-size:14.5px;outline:none;transition:border-color .15s,box-shadow .15s}.medan input:focus,.medan select:focus,.medan textarea:focus{border-color:var(--emas);box-shadow:0 0 0 3px color-mix(in srgb,var(--emas) 22%,transparent)}.medan .bantuan{font-size:12px;color:var(--tinta-3)}.cari{display:flex;align-items:center;gap:9px;background:var(--kartu);border:1px solid var(--garis-kuat);border-radius:10px;padding:9px 13px;max-width:340px;flex:1}.cari input{border:none;outline:none;background:none;flex:1;font-size:14px}.cari svg{width:15px;height:15px;color:var(--tinta-3);flex-shrink:0}.tirai{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#17141073;display:flex;align-items:center;justify-content:center;padding:24px;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:muncul .16s ease}.modal{background:var(--kartu);border-radius:16px;box-shadow:var(--bayang-naik);width:100%;max-width:460px;max-height:92vh;overflow:auto;border:1px solid var(--garis);animation:naik .2s cubic-bezier(.2,.9,.3,1)}.modal-kepala{padding:20px 24px 0;display:flex;justify-content:space-between;align-items:flex-start}.modal-kepala h3{font-size:20px}.modal-kepala .sub{font-size:13px;color:var(--tinta-3);margin-top:3px}.modal-badan{padding:18px 24px 24px}.modal-tutup{background:none;border:none;font-size:20px;color:var(--tinta-3);line-height:1;padding:2px 6px;border-radius:6px}.modal-tutup:hover{background:var(--porselen-dalam);color:var(--tinta)}@keyframes muncul{0%{opacity:0}}@keyframes naik{0%{opacity:0;transform:translateY(10px) scale(.985)}}.toast-wadah{position:fixed;bottom:22px;right:22px;z-index:80;display:flex;flex-direction:column;gap:9px}.toast{background:var(--malam-2);color:var(--malam-teks-terang);border:1px solid var(--malam-garis);border-left:3px solid var(--emas);padding:12px 16px;border-radius:11px;font-size:13.5px;max-width:380px;box-shadow:var(--bayang-naik);animation:naik .2s ease}.toast.gagal{border-left-color:var(--bata)}.login{display:flex;min-height:100vh}.login-merek{flex:0 0 46%;background:radial-gradient(1000px 600px at 15% -10%,rgba(195,160,90,.14),transparent 55%),radial-gradient(800px 500px at 110% 110%,rgba(195,160,90,.1),transparent 50%),linear-gradient(170deg,var(--malam-2),var(--malam) 70%);color:var(--malam-teks);display:flex;flex-direction:column;justify-content:space-between;padding:44px 52px;position:relative;overflow:hidden}.login-merek:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(rgba(217,188,127,.07) 1px,transparent 1.5px);background-size:26px 26px;-webkit-mask-image:linear-gradient(160deg,transparent 45%,black);mask-image:linear-gradient(160deg,transparent 45%,black)}.login-merek .atas{display:flex;align-items:center;gap:13px;z-index:1}.login-merek .atas .nama{font-family:var(--font-judul);font-size:21px;font-weight:600;color:var(--malam-teks-terang)}.login-merek .tengah{z-index:1}.login-merek .tengah h2{font-size:clamp(30px,3.4vw,42px);line-height:1.14;color:var(--malam-teks-terang);font-weight:500;max-width:420px}.login-merek .tengah h2 em{font-style:italic;color:var(--emas-terang)}.login-merek .tengah p{margin-top:16px;font-size:15px;max-width:380px;line-height:1.65}.login-merek .bawah{z-index:1;font-size:12.5px;display:flex;gap:18px;color:#7d745d}.login-form-sisi{flex:1;display:flex;align-items:center;justify-content:center;padding:40px 24px}.login-form{width:100%;max-width:370px}.login-form h1{font-size:30px}.login-form .sub{color:var(--tinta-3);margin:8px 0 28px;font-size:14.5px}.login-gagal{background:var(--bata-pucat);color:var(--bata);border:1px solid #e7c4bb;border-radius:9px;padding:10px 13px;font-size:13.5px;margin-bottom:16px}.tirai-samping{justify-content:flex-end;padding:0;align-items:stretch}.laci{background:var(--kartu);width:100%;max-width:440px;height:100vh;overflow:auto;border-left:1px solid var(--garis);animation:geser .22s cubic-bezier(.2,.9,.3,1);border-radius:0}@keyframes geser{0%{transform:translate(30px);opacity:.5}}.laci-kepala{padding:22px 26px 16px;border-bottom:1px solid var(--garis);background:linear-gradient(180deg,color-mix(in srgb,var(--emas-pucat) 45%,var(--kartu)),var(--kartu));position:sticky;top:0;z-index:3;display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.laci-badan{padding:20px 26px 40px}.saldo-besar{text-align:left;margin:4px 0 2px}.saldo-besar .angka{font-family:var(--font-judul);font-size:34px;font-weight:600;color:var(--hijau-tua)}.saldo-besar .label{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--tinta-3);font-weight:650}.aksi-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:16px 0 22px}.riwayat-baris{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:10px 2px;border-bottom:1px dashed var(--garis);font-size:13.5px}.riwayat-baris .jenis{font-weight:600;text-transform:capitalize}.riwayat-baris .ket{color:var(--tinta-3);font-size:12px;margin-top:1px}.riwayat-baris .jumlah{font-weight:650}.riwayat-baris .jumlah.masuk{color:var(--hijau-tua)}.riwayat-baris .jumlah.keluar{color:var(--bata)}.riwayat-baris .waktu{font-size:11.5px;color:var(--tinta-3)}.neraca-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}.neraca-kolom .kepala{padding:14px 18px;border-bottom:1px solid var(--garis-kuat);display:flex;justify-content:space-between;align-items:baseline}.neraca-kolom .kepala h3{font-size:17px}.neraca-kolom .kepala .ket{font-size:12px;color:var(--tinta-3)}.neraca-baris{display:flex;justify-content:space-between;gap:10px;padding:11px 18px;border-bottom:1px solid var(--garis);font-size:14px}.neraca-baris:last-child{border-bottom:none}.neraca-baris .nama-akun{min-width:0}.neraca-baris .jenis-akun{font-size:11px;color:var(--tinta-3);text-transform:uppercase;letter-spacing:.07em}.neraca-total{padding:13px 18px;border-top:2px solid var(--tinta);display:flex;justify-content:space-between;font-weight:700}.segel{display:inline-flex;align-items:center;gap:9px;background:linear-gradient(180deg,var(--emas-pucat),color-mix(in srgb,var(--emas-pucat) 60%,var(--kartu)));border:1px solid var(--emas-terang);color:var(--emas-tinta);padding:9px 16px;border-radius:999px;font-weight:700;font-size:13px;letter-spacing:.04em}.segel.rusak{background:var(--bata-pucat);border-color:#e7c4bb;color:var(--bata)}.kartu-fisik{background:radial-gradient(420px 200px at 90% -20%,rgba(217,188,127,.22),transparent 60%),linear-gradient(160deg,var(--malam-2),var(--malam));border-radius:18px;color:var(--malam-teks-terang);padding:20px 22px;position:relative;overflow:hidden;border:1px solid var(--malam-garis)}.kartu-fisik .merek{display:flex;align-items:center;gap:9px;font-family:var(--font-judul);font-weight:600;font-size:15px}.kartu-fisik .qr{background:#fff;border-radius:12px;padding:10px;width:fit-content;margin:16px auto 12px}.kartu-fisik .pemilik{text-align:center}.kartu-fisik .pemilik .nama-p{font-weight:650;letter-spacing:.02em}.kartu-fisik .pemilik .nomor{font-size:12px;color:var(--malam-teks);margin-top:2px;letter-spacing:.08em}.kartu-fisik .kode{margin-top:12px;font-size:10.5px;color:#7d745d;word-break:break-all;text-align:center;font-family:ui-monospace,monospace}.kode-rahasia{background:var(--malam-2);color:var(--emas-terang);font-family:ui-monospace,monospace;font-size:13px;padding:12px 14px;border-radius:10px;word-break:break-all;border:1px dashed var(--emas)}.kosong{text-align:center;padding:54px 20px;color:var(--tinta-3)}.kosong .ikon{font-size:34px;margin-bottom:10px;opacity:.6}.kosong h3{color:var(--tinta-2);margin-bottom:6px;font-size:18px}.kosong p{font-size:13.5px;max-width:380px;margin:0 auto;line-height:1.6}.baris-atas{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:18px;flex-wrap:wrap}.grid-konter{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}.kartu-konter{padding:18px 20px;display:flex;flex-direction:column;gap:10px}.kartu-konter .kepala-k{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.kartu-konter h3{font-size:17px}.kartu-konter .jenis-k{font-size:12px;color:var(--tinta-3);text-transform:capitalize;margin-top:2px}.kartu-konter .hak{font-size:13px;color:var(--tinta-2);padding:8px 0 2px}.kartu-konter .hak b{font-family:var(--font-judul);font-size:19px;color:var(--hijau-tua);display:block}.kartu-konter .aksi-k{display:flex;gap:8px;flex-wrap:wrap}.memuat{display:flex;align-items:center;justify-content:center;padding:60px;color:var(--tinta-3);gap:10px}.spinner{width:16px;height:16px;border-radius:50%;border:2px solid var(--garis-kuat);border-top-color:var(--emas);animation:putar .8s linear infinite}@keyframes putar{to{transform:rotate(360deg)}}.keluarga{min-height:100vh;background:radial-gradient(900px 500px at 20% -10%,rgba(195,160,90,.16),transparent 55%),radial-gradient(700px 420px at 110% 15%,rgba(195,160,90,.08),transparent 50%),linear-gradient(175deg,var(--malam-2),var(--malam) 55%);display:flex;flex-direction:column;align-items:center;padding:0 16px;position:relative;overflow-x:hidden}.keluarga:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:radial-gradient(rgba(217,188,127,.06) 1px,transparent 1.5px);background-size:24px 24px}.keluarga-kolom{width:100%;max-width:440px;position:relative;z-index:1}.keluarga-kepala{display:flex;align-items:center;justify-content:center;gap:10px;padding:26px 0 6px;color:var(--malam-teks-terang)}.keluarga-kepala .nama{font-family:var(--font-judul);font-size:19px;font-weight:600}.keluarga-kepala .sub-k{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--emas-terang);display:block;margin-top:1px}.keluarga-masuk{padding:40px 0 60px;text-align:center;animation:naik .35s ease}.keluarga-masuk h1{color:var(--malam-teks-terang);font-size:clamp(27px,7vw,34px);line-height:1.18;font-weight:500}.keluarga-masuk h1 em{font-style:italic;color:var(--emas-terang)}.keluarga-masuk p{color:var(--malam-teks);font-size:14.5px;line-height:1.65;margin:14px 0 26px}.keluarga-masuk input{width:100%;text-align:center;background:#ffffff0f;border:1px solid var(--malam-garis);color:var(--malam-teks-terang);border-radius:12px;padding:14px 16px;font-size:15px;letter-spacing:.08em;font-family:ui-monospace,monospace;outline:none;transition:border-color .15s,box-shadow .15s}.keluarga-masuk input::placeholder{color:#6d654f;letter-spacing:.04em;font-family:var(--font-teks)}.keluarga-masuk input:focus{border-color:var(--emas);box-shadow:0 0 0 3px #c3a05a40}.keluarga-masuk .btn{width:100%;margin-top:14px;padding:13px 0;font-size:15px;border-radius:12px}.keluarga-gagal{background:#a03a2c2e;border:1px solid rgba(160,58,44,.5);color:#f0b3a8;border-radius:10px;padding:11px 14px;font-size:13.5px;margin-bottom:14px}.keluarga-kaki{color:#6d654f;font-size:12px;text-align:center;padding:22px 0 30px;line-height:1.7}.saku-kartu{margin-top:14px;background:radial-gradient(360px 190px at 88% -12%,rgba(217,188,127,.25),transparent 60%),linear-gradient(160deg,#2a2519,#16130c 70%);border:1px solid var(--malam-garis);border-radius:20px;padding:22px 22px 20px;color:var(--malam-teks-terang);box-shadow:0 24px 60px -24px #000000b3;animation:naik .35s ease}.saku-kartu .label-s{font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--emas-terang);font-weight:700}.saku-kartu h2{font-size:clamp(22px,6vw,27px);margin-top:8px;font-weight:560}.saku-kartu .detail-s{color:var(--malam-teks);font-size:13px;margin-top:4px}.saku-kartu .saldo-s{margin-top:20px;display:flex;justify-content:space-between;align-items:flex-end;gap:10px}.saku-kartu .saldo-s .angka-s{font-family:var(--font-judul);font-size:clamp(30px,9vw,38px);font-weight:620;background:linear-gradient(100deg,#f4e3b8,var(--emas-terang) 60%,var(--emas));-webkit-background-clip:text;background-clip:text;color:transparent}.saku-kartu .saldo-s .label{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--malam-teks);font-weight:650}.btn-segar{background:#ffffff12;border:1px solid var(--malam-garis);color:var(--malam-teks);border-radius:999px;padding:7px 14px;font-size:12px;font-weight:600}.btn-segar:hover{color:var(--emas-terang);border-color:var(--emas)}.saku-lembar{background:var(--porselen);border-radius:22px 22px 0 0;margin-top:18px;padding:20px 20px 34px;flex:1;min-height:40vh;animation:naik .4s ease}.saku-lembar h3{font-size:17px}.saku-hari{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--tinta-3);font-weight:700;margin:18px 0 4px}.saku-baris{display:flex;align-items:center;gap:12px;padding:11px 0;border-bottom:1px dashed var(--garis)}.saku-baris .ikon-b{width:34px;height:34px;border-radius:10px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:15px}.saku-baris .ikon-b.masuk{background:var(--hijau-pucat);color:var(--hijau-tua)}.saku-baris .ikon-b.keluar{background:var(--bata-pucat);color:var(--bata)}.saku-baris .isi-b{flex:1;min-width:0}.saku-baris .jenis-b{font-weight:600;font-size:14px}.saku-baris .ket-b{font-size:12px;color:var(--tinta-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.saku-baris .jumlah-b{font-weight:700;font-size:14px;flex-shrink:0}.saku-baris .jumlah-b.masuk{color:var(--hijau-tua)}.saku-baris .jumlah-b.keluar{color:var(--bata)}.saku-info{background:var(--emas-pucat);border:1px solid var(--emas-terang);border-radius:14px;padding:14px 16px;margin-top:20px;font-size:13px;color:var(--emas-tinta);line-height:1.65}.saku-info b{display:block;margin-bottom:3px;font-size:13.5px}.btn-keluar-keluarga{width:100%;margin-top:18px;background:none;border:1px solid var(--garis-kuat);color:var(--tinta-3);padding:11px 0;border-radius:11px;font-size:13.5px;font-weight:600}.btn-keluar-keluarga:hover{color:var(--bata);border-color:var(--bata)}.lembar-cetak{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px}.kartu-cetak-item{border-radius:12px;padding:12px 14px;aspect-ratio:54 / 85.6;display:flex;flex-direction:column;justify-content:space-between}.kartu-cetak-item .qr{padding:7px;margin:10px auto 8px;border-radius:9px}.kartu-cetak-item .merek{font-size:12px}.kartu-cetak-item .pemilik .nama-p{font-size:13px}.kartu-cetak-item .pemilik .nomor{font-size:10.5px}@media print{body:has(.lembar-cetak) #root{display:none}body:has(.lembar-cetak){background:#fff}body:has(.lembar-cetak) .tirai{position:static;background:none;-webkit-backdrop-filter:none;backdrop-filter:none;padding:0;display:block;animation:none}body:has(.lembar-cetak) .modal{box-shadow:none;border:none;max-height:none;overflow:visible;width:auto;max-width:none;background:none;animation:none}body:has(.lembar-cetak) .modal-kepala,body:has(.lembar-cetak) .modal-badan>.btn{display:none}body:has(.lembar-cetak) .modal-badan{padding:0}.lembar-cetak{grid-template-columns:repeat(3,54mm);gap:5mm;justify-content:center}.kartu-cetak-item{width:54mm;height:85.6mm;aspect-ratio:auto;break-inside:avoid;-webkit-print-color-adjust:exact;print-color-adjust:exact;border-radius:3mm;padding:5mm 4mm}.kartu-cetak-item .qr{margin:3mm auto;padding:2mm;border-radius:2mm}.kartu-cetak-item .qr svg{width:32mm;height:32mm;display:block}}@media(max-width:900px){.login-merek{display:none}.sidebar{width:68px}.sidebar-merek .nama,.sidebar-merek .peran,.nav-item span,.nav-bagian,.sidebar-kaki{display:none}.neraca-grid{grid-template-columns:1fr}.konten{padding:20px 16px 50px}.topbar{padding:14px 16px}}