#sw-uang{margin:24px 0 12px;font-family:var(--font-ui,system-ui,sans-serif)}
.cu-card{background:#fff;color:#2b1330;border-radius:20px;padding:16px;box-shadow:0 8px 22px #1408181f;display:grid;grid-template-columns:minmax(0,1fr);gap:14px;min-width:0;box-sizing:border-box}
.cu-card>*{min-width:0}
.cu-head{display:flex;align-items:center;justify-content:space-between;gap:10px}
.cu-head b{display:block;font:800 calc(16px*var(--sh,1))/1.3 var(--font-ui,system-ui,sans-serif)}
.cu-nav{display:flex;align-items:center;justify-content:space-between;gap:8px;background:#f8f1f5;border-radius:14px;padding:4px}
.cu-bln{flex:1;text-align:center;font:800 calc(14px*var(--sh,1))/1.3 var(--font-ui,system-ui,sans-serif);text-transform:capitalize}
.cu-nb{all:unset;box-sizing:border-box;width:44px;height:44px;border-radius:11px;display:grid;place-items:center;cursor:pointer;background:#fff;color:#2b1330;-webkit-tap-highlight-color:transparent}
.cu-nb svg{width:18px;height:18px}
.cu-nb[disabled]{opacity:.35;cursor:default}
.cu-nb:focus-visible,.cu-lnk:focus-visible,.cu-search input:focus-visible{outline:3px solid #2b1330;outline-offset:2px}
.cu-lnk{all:unset;box-sizing:border-box;cursor:pointer;color:#a00b5a;font:800 calc(12.5px*var(--sh,1))/1 var(--font-ui,system-ui,sans-serif);padding:12px 4px;-webkit-tap-highlight-color:transparent}
.cu-lnk.cu-kini{justify-self:center;margin:-8px 0}
.cu-search{display:flex;align-items:center;gap:8px;border:1.5px solid #ebd3e0;border-radius:12px;padding:0 12px;margin-top:-4px}
.cu-search:focus-within{border-color:#c00e6e;box-shadow:0 0 0 3px #c00e6e26}
.cu-search svg{width:16px;height:16px;flex:none;color:#6f5a76}
.cu-search input{flex:1;min-width:0;border:0;background:transparent;outline:none;padding:12px 0;min-height:44px;font:600 calc(14.5px*var(--sh,1)) var(--font-ui,system-ui,sans-serif);color:#2b1330}
.cu-day{margin-top:10px;font:800 calc(11.5px*var(--sh,1))/1 var(--font-ui,system-ui,sans-serif);color:#6f5a76;text-transform:uppercase;letter-spacing:.4px}
.cu-cnt,.cu-none{margin:4px 0 0;font:600 calc(12px*var(--sh,1))/1.5 var(--font-ui,system-ui,sans-serif);color:#6f5a76}
.cu-none{text-align:center;padding:18px 0}
.cu-add{border:0;border-radius:99px;padding:10px 15px;min-height:40px;background:#c00e6e;color:#fff;font:800 calc(13px*var(--sh,1))/1 var(--font-ui,system-ui,sans-serif);cursor:pointer;display:inline-flex;align-items:center;gap:6px}
.cu-add svg{width:14px;height:14px}
.cu-sum{border-radius:16px;padding:14px;background:linear-gradient(135deg,#fff0f7,#f6ecfa);display:grid;gap:10px}
.cu-sum small{font:700 calc(11px*var(--sh,1))/1 var(--font-ui,system-ui,sans-serif);letter-spacing:.4px;text-transform:uppercase;color:#6f5a76}
.cu-net{font:800 calc(26px*var(--sh,1))/1.1 var(--font-ui,system-ui,sans-serif);letter-spacing:-.3px;font-variant-numeric:tabular-nums;color:#0f6b3a;word-break:break-word}
.cu-net.neg{color:#c00e6e}
.cu-split{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.cu-split>div{background:#fff;border-radius:12px;padding:10px 11px;display:grid;gap:5px;min-width:0}
.cu-split span{display:flex;align-items:center;gap:5px;font:700 calc(11.5px*var(--sh,1))/1.2 var(--font-ui,system-ui,sans-serif);color:#6f5a76}
.cu-split span svg{width:13px;height:13px;flex:none}
.cu-in span svg{color:#0f6b3a}.cu-out span svg{color:#c00e6e}
.cu-split b{font:800 calc(14px*var(--sh,1))/1.2 var(--font-ui,system-ui,sans-serif);font-variant-numeric:tabular-nums;word-break:break-word}
.cu-lh{display:flex;align-items:baseline;justify-content:space-between;gap:8px}
.cu-lh b{font:800 calc(13.5px*var(--sh,1)) var(--font-ui,system-ui,sans-serif)}
.cu-lh span{font:600 calc(11.5px*var(--sh,1)) var(--font-ui,system-ui,sans-serif);color:#6f5a76}
.cu-list{list-style:none;margin:-4px 0 0;padding:0;display:grid}
.cu-list li+li{border-top:1px solid #f3e4ec}
.cu-row{all:unset;box-sizing:border-box;width:100%;display:flex;align-items:center;gap:11px;padding:11px 2px;min-height:52px;cursor:pointer;-webkit-tap-highlight-color:transparent}
.cu-row:focus-visible,.cu-add:focus-visible,.cu-x:focus-visible,.cu-save:focus-visible,.cu-del:focus-visible,.cu-seg button:focus-visible,.cu-chips button:focus-visible{outline:3px solid #2b1330;outline-offset:2px}
.cu-dot{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;flex:none;background:color-mix(in srgb,var(--c) 14%,#fff);color:var(--c)}
.cu-dot svg{width:17px;height:17px}
.cu-tt{flex:1;min-width:0;display:grid;gap:3px}
.cu-tt b{font:700 calc(14px*var(--sh,1))/1.2 var(--font-ui,system-ui,sans-serif);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cu-tt small{font:500 calc(12px*var(--sh,1))/1.2 var(--font-ui,system-ui,sans-serif);color:#6f5a76;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cu-amt{flex:none;font:800 calc(13.5px*var(--sh,1)) var(--font-ui,system-ui,sans-serif);font-variant-numeric:tabular-nums}
.cu-amt.in{color:#0f6b3a}.cu-amt.out{color:#c00e6e}
.cu-empty{border:1.5px dashed #f3c9de;border-radius:16px;padding:20px 14px;text-align:center;display:grid;gap:7px;justify-items:center}
.cu-empty svg{width:28px;height:28px;color:#c00e6e}
.cu-empty b{font:800 calc(14.5px*var(--sh,1)) var(--font-ui,system-ui,sans-serif)}
.cu-empty span{font:500 calc(12.5px*var(--sh,1))/1.55 var(--font-ui,system-ui,sans-serif);color:#6f5a76;max-width:320px}
.cu-note{margin:0;font:500 calc(11.5px*var(--sh,1))/1.5 var(--font-ui,system-ui,sans-serif);color:#6f5a76;display:flex;gap:6px;align-items:flex-start}
.cu-note svg{width:14px;height:14px;flex:none;margin-top:1px}
.cu-ov{position:fixed;inset:0;z-index:100020;background:#1408188c;backdrop-filter:blur(4px);display:flex;align-items:flex-end;justify-content:center;opacity:0;transition:opacity .2s}
.cu-ov.on{opacity:1}
.cu-sheet{width:100%;max-width:520px;max-height:92vh;max-height:92dvh;display:flex;flex-direction:column;background:#fff;color:#2b1330;border-radius:22px 22px 0 0;box-shadow:0 -10px 40px #00000040;transform:translateY(24px);transition:transform .25s ease;font-family:var(--font-ui,system-ui,sans-serif)}
.cu-ov.on .cu-sheet{transform:none}
.cu-sh-h{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:16px 18px 10px}
.cu-sh-h b{font:800 calc(17px*var(--sh,1)) var(--font-ui,system-ui,sans-serif)}
.cu-x{width:40px;height:40px;border:0;border-radius:50%;background:#f5ecf2;color:#2b1330;font:800 calc(16px*var(--sh,1))/1 system-ui;cursor:pointer}
.cu-sh-b{overflow:auto;padding:4px 18px 10px;display:grid;gap:14px;-webkit-overflow-scrolling:touch}
.cu-sh-f{display:flex;gap:10px;padding:12px 18px calc(14px + env(safe-area-inset-bottom,0px));border-top:1px solid #f3e4ec}
.cu-save{flex:1;border:0;border-radius:14px;background:#c00e6e;color:#fff;font:800 calc(15px*var(--sh,1)) var(--font-ui,system-ui,sans-serif);padding:14px;cursor:pointer}
.cu-del{border:1.5px solid #c00e6e;border-radius:14px;background:#fff;color:#c00e6e;font:800 calc(14px*var(--sh,1)) var(--font-ui,system-ui,sans-serif);padding:14px 18px;cursor:pointer}
.cu-seg{display:flex;gap:6px;background:#f5ecf2;border-radius:14px;padding:4px}
.cu-seg button{flex:1;border:0;background:transparent;border-radius:11px;padding:11px 8px;min-height:44px;font:800 calc(13.5px*var(--sh,1)) var(--font-ui,system-ui,sans-serif);color:#6f5a76;cursor:pointer}
.cu-seg button.on{background:#fff;color:#2b1330;box-shadow:0 1px 4px #0000001f}
.cu-f{display:grid;gap:6px}
.cu-f>label,.cu-f>.lb{font:800 calc(12px*var(--sh,1))/1 var(--font-ui,system-ui,sans-serif);color:#6f5a76;text-transform:uppercase;letter-spacing:.4px}
.cu-f input[type=text],.cu-f input[type=date]{width:100%;box-sizing:border-box;border:1.5px solid #ebd3e0;border-radius:12px;padding:12px;min-height:46px;font:600 calc(15px*var(--sh,1)) var(--font-ui,system-ui,sans-serif);color:#2b1330;background:#fff;outline:none}
.cu-f input:focus{border-color:#c00e6e;box-shadow:0 0 0 3px #c00e6e26}
.cu-money{display:flex;align-items:center;gap:8px;border:1.5px solid #ebd3e0;border-radius:12px;padding:0 12px;background:#fff}
.cu-money:focus-within{border-color:#c00e6e;box-shadow:0 0 0 3px #c00e6e26}
.cu-money span{font:800 calc(18px*var(--sh,1)) var(--font-ui,system-ui,sans-serif);color:#6f5a76}
.cu-money input{flex:1;min-width:0;border:0!important;box-shadow:none!important;padding:12px 0!important;font:800 calc(22px*var(--sh,1)) var(--font-ui,system-ui,sans-serif)!important;font-variant-numeric:tabular-nums;color:#2b1330;background:transparent!important;outline:none}
.cu-chips{display:flex;flex-wrap:wrap;gap:8px}
.cu-chips button{display:inline-flex;align-items:center;gap:7px;border:1.5px solid #ebd3e0;background:#fff;color:#2b1330;border-radius:99px;padding:9px 13px;min-height:40px;font:700 calc(13px*var(--sh,1)) var(--font-ui,system-ui,sans-serif);cursor:pointer}
.cu-chips button i{width:9px;height:9px;border-radius:50%;flex:none}
.cu-chips button.on{border-color:#2b1330;background:#2b1330;color:#fff}
body.cu-lock{overflow:hidden}
@media(min-width:560px){.cu-ov{align-items:center}.cu-sheet{border-radius:22px}}
@media(prefers-reduced-motion:reduce){.cu-ov,.cu-sheet{transition:none}}

.cu-rc{display:grid;gap:10px}
.cu-bar{display:flex;gap:2px;height:14px;border-radius:99px;overflow:hidden;background:#f5ecf2}
.cu-bar i{display:block;min-width:4px}
.cu-top{margin:0;font:500 calc(12.5px*var(--sh,1))/1.5 var(--font-ui,system-ui,sans-serif);color:#6f5a76}
.cu-top b{color:#2b1330}
.cu-rl{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.cu-rl li{display:grid;grid-template-columns:10px minmax(0,1fr) auto auto;align-items:center;gap:8px;padding:7px 0;font:600 calc(13px*var(--sh,1))/1.3 var(--font-ui,system-ui,sans-serif)}
.cu-rl li i{width:10px;height:10px;border-radius:50%}
.cu-rl li span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cu-rl li em{font-style:normal;color:#6f5a76;font-variant-numeric:tabular-nums;min-width:34px;text-align:right}
.cu-rl li b{font-weight:800;font-variant-numeric:tabular-nums;min-width:86px;text-align:right}

.cu-ag{display:grid;gap:10px}
.cu-angb{all:unset;box-sizing:border-box;display:flex;align-items:center;justify-content:center;gap:7px;min-height:46px;border:1.5px dashed #e3b8ce;border-radius:14px;color:#a00b5a;font:800 calc(13px*var(--sh,1)) var(--font-ui,system-ui,sans-serif);cursor:pointer;-webkit-tap-highlight-color:transparent}
.cu-angb svg{width:14px;height:14px}
.cu-angb:focus-visible{outline:3px solid #2b1330;outline-offset:2px}
.cu-warn{margin:0;border-radius:12px;padding:10px 12px;font:700 calc(12.5px*var(--sh,1))/1.5 var(--font-ui,system-ui,sans-serif)}
.cu-warn.warn{background:#fff1cc;color:#7a5200}
.cu-warn.over{background:#ffd6ec;color:#8f0a52}
.cu-al{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.cu-ah{display:flex;align-items:center;justify-content:space-between;gap:8px;font:700 calc(13px*var(--sh,1)) var(--font-ui,system-ui,sans-serif)}
.cu-ah span{display:flex;align-items:center;gap:7px;min-width:0}
.cu-ah i,.cu-d{width:10px;height:10px;border-radius:50%;flex:none;display:inline-block}
.cu-d{margin-right:7px}
.cu-ah em{font-style:normal;font:800 calc(11px*var(--sh,1))/1 var(--font-ui,system-ui,sans-serif);border-radius:99px;padding:5px 9px;white-space:nowrap}
.cu-ah em.ok{background:#ddf5e8;color:#0f6b3a}.cu-ah em.warn{background:#fff1cc;color:#7a5200}.cu-ah em.over{background:#ffd6ec;color:#8f0a52}
.cu-pb{height:10px;border-radius:99px;background:#f5ecf2;overflow:hidden;margin:7px 0 5px}
.cu-pb b{display:block;height:100%;border-radius:99px;background:#1e9e5a}
.cu-pb.warn b{background:#c98600}.cu-pb.over b{background:#c00e6e}
.cu-af{display:flex;justify-content:space-between;gap:8px;font:500 calc(12px*var(--sh,1))/1.4 var(--font-ui,system-ui,sans-serif);color:#6f5a76;font-variant-numeric:tabular-nums}
.cu-hint{margin:0;font:500 calc(12.5px*var(--sh,1))/1.55 var(--font-ui,system-ui,sans-serif);color:#6f5a76}
.cu-money.cu-sm input{font-size:calc(17px*var(--sh,1))!important}
.cu-f>label{display:flex;align-items:center}

.cu-hb{display:flex;align-items:center;gap:8px}
.cu-ex{border:1.5px solid #ebd3e0;border-radius:99px;padding:9px 13px;min-height:40px;background:#fff;color:#2b1330;font:800 calc(13px*var(--sh,1))/1 var(--font-ui,system-ui,sans-serif);cursor:pointer;display:inline-flex;align-items:center;gap:6px}
.cu-ex svg{width:14px;height:14px}
.cu-ex:focus-visible,.cu-exb:focus-visible{outline:3px solid #2b1330;outline-offset:2px}
.cu-pvw{display:flex;justify-content:center}
.cu-pv{display:block;width:auto;max-width:100%;height:auto;max-height:46vh;max-height:46dvh;border-radius:14px;box-shadow:0 6px 18px #2b133033}
.cu-exg{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.cu-exb{display:flex;align-items:center;gap:10px;text-align:left;border:1.5px solid #ebd3e0;border-radius:14px;background:#fff;color:#2b1330;padding:11px 12px;min-height:56px;cursor:pointer;font:800 calc(13px*var(--sh,1))/1.25 var(--font-ui,system-ui,sans-serif)}
.cu-exb svg{width:18px;height:18px;flex:none;color:#c00e6e}
.cu-exb span{display:grid;gap:2px;min-width:0}
.cu-exb small{font:500 calc(11.5px*var(--sh,1))/1.2 var(--font-ui,system-ui,sans-serif);color:#6f5a76}
.cu-exb:disabled,.cu-save:disabled,.cu-del:disabled{opacity:.45;cursor:not-allowed}
@media(max-width:400px){.cu-sct{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.cu-ex[data-cu="scan"]{padding:9px 11px}}
@media(max-width:360px){.cu-exg{grid-template-columns:1fr}.cu-ex{padding:9px 11px}}

/* v717: scan nota */
.cu-scan{display:flex;flex-direction:column;gap:8px;background:#fdf2f8;border:1.5px dashed #e7b9d2;border-radius:16px;padding:12px}
.cu-scb{display:flex;align-items:center;gap:12px;width:100%;border:0;border-radius:12px;background:#2b1330;color:#fff;padding:12px 14px;min-height:52px;cursor:pointer;text-align:left;font:800 calc(14.5px*var(--sh,1))/1.2 var(--font-ui,system-ui,sans-serif)}
.cu-scb svg{width:24px;height:24px;flex:none}
.cu-scb span{display:flex;flex-direction:column;gap:3px}
.cu-scb small{font-weight:500;font-size:calc(12px*var(--sh,1));color:#e9cfe0}
.cu-scb:disabled{opacity:.6;cursor:progress}
.cu-scb:focus-visible,.cu-oto input:focus-visible{outline:3px solid #2b1330;outline-offset:2px}
.cu-oto{display:flex;align-items:center;gap:10px;min-height:36px;font:600 calc(13px*var(--sh,1))/1.3 var(--font-ui,system-ui,sans-serif);color:#2b1330;cursor:pointer}
.cu-oto input{width:20px;height:20px;accent-color:#c00e6e;flex:none}
.cu-hint.ok{color:#1e9e5a;font-weight:700}
.cu-hint.err{color:#c00e6e;font-weight:700}
#cu-sst:empty{display:none}
.cu-fi{display:inline-flex;vertical-align:-2px;margin-left:6px;color:#6f5a76}
.cu-fi svg{width:13px;height:13px}
.cu-ft{display:flex;flex-direction:column;gap:8px}
.cu-ftb{display:flex;align-items:center;gap:12px;width:100%;border:1.5px solid #ebd3e0;border-radius:12px;background:#fff;color:#2b1330;padding:11px 14px;min-height:48px;cursor:pointer;text-align:left;font:800 calc(14px*var(--sh,1))/1.2 var(--font-ui,system-ui,sans-serif)}
.cu-ftb svg{width:22px;height:22px;flex:none}
.cu-ftb span{display:flex;flex-direction:column;gap:3px}
.cu-ftb small{font-weight:500;font-size:calc(12px*var(--sh,1));color:#6f5a76}
.cu-ftb:focus-visible{outline:3px solid #2b1330;outline-offset:2px}
.cu-fimg{display:block;width:100%;max-height:60vh;object-fit:contain;border-radius:12px;background:#f5ecf2}

/* v719: tampilan modern, tombol aksi besar di bawah ringkasan (bukan di pojok kanan atas) */
.cu-card{border-radius:24px;padding:18px;gap:16px;box-shadow:0 12px 32px #14081826}
.cu-head b{font-size:calc(19px*var(--sh,1));letter-spacing:-.2px}
.cu-head span{display:block;margin-top:3px;font:500 calc(12.5px*var(--sh,1))/1.4 var(--font-ui,system-ui,sans-serif);color:#6f5a76}
.cu-hero{border-radius:22px;padding:14px;display:grid;gap:10px;color:#fff;background:radial-gradient(120% 90% at 100% 0,#7a1d59 0,transparent 60%),linear-gradient(145deg,#2b1330,#4a1a45)}
.cu-hero .cu-nav{background:#ffffff1f;border-radius:16px}
.cu-hero .cu-nb{background:#ffffff26;color:#fff;border-radius:12px}
.cu-hero .cu-nb:focus-visible,.cu-kini:focus-visible{outline-color:#fff}
.cu-hero .cu-bln{color:#fff}
.cu-kini{all:unset;box-sizing:border-box;justify-self:center;cursor:pointer;color:#ffd3ea;font:800 calc(12.5px*var(--sh,1))/1 var(--font-ui,system-ui,sans-serif);padding:8px 10px;text-decoration:underline}
.cu-hero .cu-sl{font:700 calc(11px*var(--sh,1))/1 var(--font-ui,system-ui,sans-serif);letter-spacing:.5px;text-transform:uppercase;color:#e9cfe0;margin-top:4px}
.cu-hero .cu-net{font-size:calc(32px*var(--sh,1));color:#9cf0b8;margin-top:-4px}
.cu-hero .cu-net.neg{color:#ffa8c5}
.cu-hero .cu-split>div{background:#ffffff1c;border-radius:14px;padding:11px 12px}
.cu-hero .cu-split span{color:#e9cfe0}
.cu-hero .cu-in span svg{color:#9cf0b8}.cu-hero .cu-out span svg{color:#ffa8c5}
.cu-hero .cu-split b{color:#fff;font-size:calc(15px*var(--sh,1))}
.cu-acts{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.cu-act{all:unset;box-sizing:border-box;cursor:pointer;display:grid;grid-template-columns:auto 1fr;grid-template-areas:'i t' 'i s';column-gap:11px;row-gap:2px;align-items:center;padding:13px 14px;min-height:64px;border-radius:18px;color:#fff;-webkit-tap-highlight-color:transparent;transition:transform .12s}
.cu-act:active{transform:scale(.97)}
.cu-act svg{grid-area:i;width:26px;height:26px;padding:6px;box-sizing:content-box;border-radius:12px;background:#ffffff2e}
.cu-act b{grid-area:t;font:800 calc(14.5px*var(--sh,1))/1.2 var(--font-ui,system-ui,sans-serif)}
.cu-act small{grid-area:s;font:500 calc(11.5px*var(--sh,1))/1.2 var(--font-ui,system-ui,sans-serif);opacity:.9}
.cu-act.scan{grid-column:1/-1;background:linear-gradient(135deg,#c00e6e,#e0488f);box-shadow:0 8px 18px #c00e6e47;min-height:70px}
.cu-act.scan b{font-size:calc(16px*var(--sh,1))}
.cu-act.out{background:linear-gradient(135deg,#7a1d59,#c00e6e)}
.cu-act.in{background:#0f6b3a}
.cu-act:focus-visible,.cu-tl:focus-visible{outline:3px solid #2b1330;outline-offset:2px}
.cu-tools{display:flex;gap:8px;flex-wrap:wrap}
.cu-tl{all:unset;box-sizing:border-box;cursor:pointer;display:inline-flex;align-items:center;gap:7px;padding:0 15px;min-height:44px;border-radius:99px;background:#f8f1f5;color:#2b1330;font:800 calc(13px*var(--sh,1))/1 var(--font-ui,system-ui,sans-serif);-webkit-tap-highlight-color:transparent}
.cu-tl svg{width:16px;height:16px}
.cu-list li+li{border-top:0}
.cu-row{padding:10px 8px;margin:2px 0;border-radius:14px}
.cu-row:hover{background:#fbf5f9}
.cu-dot{border-radius:14px;width:40px;height:40px}
.cu-day{margin-top:14px;padding-left:2px}
.cu-lh b{font-size:calc(15px*var(--sh,1))}
.cu-bar{height:12px;border-radius:99px;overflow:hidden}
@media(max-width:340px){.cu-acts{grid-template-columns:1fr}}

/* v720: Asisten uang (kartu gelap bergaya futuristik, tetap terbaca di semua tema) */
.cu-ai{position:relative;border-radius:22px;padding:16px;display:grid;gap:14px;color:#fff7ee;background:linear-gradient(160deg,#1c0f22,#2b1330 60%,#4a1a45);box-shadow:inset 0 0 0 1px #ff8fd440,0 10px 28px #2b133059;overflow:hidden}
.cu-ai::before{content:"";position:absolute;inset:-40% -20% auto auto;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,#ff1d8638,transparent 65%);pointer-events:none}
.cu-ai>*{position:relative}
.cu-ai-h{display:flex;align-items:center;justify-content:space-between;gap:10px}
.cu-ai-h small{display:block;font:800 calc(10.5px*var(--sh,1))/1 var(--font-ui,system-ui,sans-serif);letter-spacing:1.4px;text-transform:uppercase;color:#ff8fd4}
.cu-ai-h b{display:block;margin-top:5px;font:800 calc(17px*var(--sh,1))/1.2 var(--font-ui,system-ui,sans-serif);color:#fff}
.cu-ai-g{all:unset;box-sizing:border-box;cursor:pointer;min-height:44px;display:inline-flex;align-items:center;gap:8px;padding:0 14px;border-radius:99px;background:#ffffff14;box-shadow:inset 0 0 0 1px #ff8fd466;color:#fff;font:800 calc(12.5px*var(--sh,1))/1 var(--font-ui,system-ui,sans-serif);-webkit-tap-highlight-color:transparent}
.cu-ai-g i{font-style:normal;color:#ff8fd4}
.cu-ai-p{margin:0;font:500 calc(13px*var(--sh,1))/1.6 var(--font-ui,system-ui,sans-serif);color:#e4d3e8}
.cu-ai-p b{color:#fff}
.cu-ai-s{display:flex;align-items:center;gap:14px}
.cu-ai-s p{margin:6px 0 0;font:500 calc(12.5px*var(--sh,1))/1.5 var(--font-ui,system-ui,sans-serif);color:#e4d3e8}
.cu-st{display:inline-block;padding:6px 12px;border-radius:99px;font:800 calc(12.5px*var(--sh,1))/1 var(--font-ui,system-ui,sans-serif);letter-spacing:.3px}
.cu-st.good{background:#0b3d2a;color:#6ee0a0;box-shadow:inset 0 0 0 1px #6ee0a066}
.cu-st.warn{background:#4a3500;color:#ffc738;box-shadow:inset 0 0 0 1px #ffc73866}
.cu-st.bad{background:#4d0f2c;color:#ff8fd4;box-shadow:inset 0 0 0 1px #ff8fd466}
.cu-st.info{background:#3d2150;color:#ffd6ec;box-shadow:inset 0 0 0 1px #ffd6ec55}
.cu-ring{position:relative;width:78px;height:78px;flex:none;display:grid;place-items:center}
.cu-ring svg{position:absolute;inset:0;width:100%;height:100%}
.cu-ring circle{fill:none;stroke-width:6}
.cu-ring .bg{stroke:#ffffff1f}
.cu-ring .fg{stroke-linecap:round;stroke:#ff8fd4;filter:drop-shadow(0 0 4px #ff8fd4aa);transition:stroke-dasharray .6s}
.cu-ring.good .fg{stroke:#6ee0a0;filter:drop-shadow(0 0 4px #6ee0a0aa)}
.cu-ring.warn .fg{stroke:#ffc738;filter:drop-shadow(0 0 4px #ffc738aa)}
.cu-ring.bad .fg{stroke:#ff8fd4;filter:drop-shadow(0 0 4px #ff8fd4aa)}
.cu-ring b{font:800 calc(22px*var(--sh,1))/1 var(--font-ui,system-ui,sans-serif);color:#fff;font-variant-numeric:tabular-nums}
.cu-ai-b{display:grid;gap:11px}
.cu-bh{display:flex;justify-content:space-between;align-items:baseline;gap:8px;font:700 calc(12.5px*var(--sh,1))/1.2 var(--font-ui,system-ui,sans-serif);color:#fff7ee}
.cu-bh em{font-style:normal;font-weight:800;font-variant-numeric:tabular-nums}
.cu-bh em i{font-style:normal;font-weight:500;color:#b9a3bf;margin-left:4px}
.cu-bh em.ok{color:#6ee0a0}.cu-bh em.no{color:#ff8fd4}
.cu-bt{position:relative;height:10px;border-radius:99px;background:#ffffff1f;margin-top:6px;overflow:visible}
.cu-bt b{display:block;height:100%;border-radius:99px}
.cu-bt b.ok{background:linear-gradient(90deg,#1e9e5a,#6ee0a0)}
.cu-bt b.no{background:linear-gradient(90deg,#c00e6e,#ff8fd4)}
.cu-bt u{position:absolute;top:-4px;width:2px;height:18px;background:#fff;border-radius:2px;opacity:.85}
.cu-tp{list-style:none;margin:0;padding:0;display:grid;gap:9px}
.cu-tp li{display:flex;gap:11px;padding:12px;border-radius:14px;background:#ffffff0f;box-shadow:inset 3px 0 0 var(--tc,#ff8fd4)}
.cu-tp li.bad{--tc:#ff8fd4}.cu-tp li.warn{--tc:#ffc738}.cu-tp li.good{--tc:#6ee0a0}
.cu-tp li i{display:none}
.cu-tp b{display:block;font:800 calc(13.5px*var(--sh,1))/1.3 var(--font-ui,system-ui,sans-serif);color:#fff}
.cu-tp span{display:block;margin-top:4px;font:500 calc(12.5px*var(--sh,1))/1.55 var(--font-ui,system-ui,sans-serif);color:#e4d3e8}
.cu-gl{display:grid;gap:9px}
.cu-go{all:unset;box-sizing:border-box;cursor:pointer;display:grid;gap:4px;padding:13px 14px;border-radius:16px;background:#ffffff12;box-shadow:inset 0 0 0 1.5px #ff8fd444;-webkit-tap-highlight-color:transparent;color:#fff7ee}
.cu-go b{font:800 calc(14.5px*var(--sh,1))/1.2 var(--font-ui,system-ui,sans-serif);color:#fff}
.cu-go span{font:600 calc(12.5px*var(--sh,1))/1.45 var(--font-ui,system-ui,sans-serif);color:#e4d3e8}
.cu-go small{font:500 calc(12px*var(--sh,1))/1.45 var(--font-ui,system-ui,sans-serif);color:#b9a3bf}
.cu-go.on{box-shadow:inset 0 0 0 2px #ff8fd4;background:#ff8fd41f}
.cu-go:focus-visible,.cu-ai-g:focus-visible{outline:3px solid #ff8fd4;outline-offset:2px}
/* di dalam lembar putih, pilihan cara memakai warna terang */
.cu-sheet .cu-go{background:#f8f1f5;box-shadow:inset 0 0 0 1.5px #ebd3e0;color:#2b1330}
.cu-sheet .cu-go b{color:#2b1330}.cu-sheet .cu-go span{color:#4a3a50}.cu-sheet .cu-go small{color:#6f5a76}
.cu-sheet .cu-go.on{background:#fdeaf4;box-shadow:inset 0 0 0 2px #c00e6e}
.cu-sheet .cu-go:focus-visible{outline-color:#2b1330}

/* v721: transaksi terbaru 3 baris + tombol lihat sebelumnya */
.cu-more{all:unset;box-sizing:border-box;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:48px;margin-top:4px;border-radius:14px;background:#f8f1f5;color:#2b1330;font:800 calc(13.5px*var(--sh,1))/1 var(--font-ui,system-ui,sans-serif);-webkit-tap-highlight-color:transparent}
.cu-more small{font:600 calc(12px*var(--sh,1))/1 var(--font-ui,system-ui,sans-serif);color:#6f5a76}
.cu-more:focus-visible,.cu-less:focus-visible{outline:3px solid #2b1330;outline-offset:2px}
.cu-less{display:block;margin:0 auto}

/* v722: tombol Ganti cara yang jelas di dasar kartu Asisten uang */
.cu-ai-back{all:unset;box-sizing:border-box;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:9px;width:100%;min-height:50px;border-radius:14px;background:#ffffff14;box-shadow:inset 0 0 0 1.5px #ff8fd480;color:#fff;font:800 calc(14px*var(--sh,1))/1 var(--font-ui,system-ui,sans-serif);-webkit-tap-highlight-color:transparent}
.cu-ai-back svg{width:18px;height:18px;color:#ff8fd4}
.cu-ai-back:focus-visible{outline:3px solid #ff8fd4;outline-offset:2px}

.cu-more{display:flex;align-items:center;justify-content:center;width:100%;min-height:44px;padding:0;text-align:center}
.cu-ai .cu-more{color:#ff8fd4}
.cu-ai{gap:12px}
.cu-ring{width:64px;height:64px}
.cu-ring b{font-size:calc(19px*var(--sh,1))}
.cu-tp li{padding:10px 12px}
.cu-rc .cu-more{min-height:40px;margin-top:-2px}
.cu-acts{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.cu-act{min-width:0}
.cu-act b,.cu-act small{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cu-act.out,.cu-act.in{padding:12px;column-gap:9px}
.cu-act.out svg,.cu-act.in svg{width:18px;height:18px;padding:5px}
.cu-ai .cu-more{background:transparent;border-top:1px solid #ffffff1f;border-radius:0;margin-top:-2px;font-weight:800}
.cu-ai-h b{white-space:nowrap}
.cu-ai-g{padding:0 12px;flex:none}
.cu-act.out,.cu-act.in{padding:11px;column-gap:7px}
.cu-act.out svg,.cu-act.in svg{width:16px;height:16px;padding:4px}
.cu-act.out b,.cu-act.in b{font-size:calc(13.5px*var(--sh,1))}
.cu-ai-h b{white-space:normal}
.cu-ai-h>div{min-width:0}
.cu-clamp span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

.cu-f select,.cu-f input[type=time]{width:100%;box-sizing:border-box;border:1.5px solid #ebd3e0;border-radius:12px;padding:12px;min-height:46px;font:600 calc(15px*var(--sh,1)) var(--font-ui,system-ui,sans-serif);color:#2b1330;background:#fff;outline:none}
.cu-f select:focus,.cu-f input[type=time]:focus{border-color:#c00e6e;box-shadow:0 0 0 3px #c00e6e26}
.cu-ing{background:#fff7e6;border:1.5px solid #f6d98a;border-radius:16px;padding:6px 8px 6px 12px;display:grid;gap:2px}
.cu-il{list-style:none;margin:0;padding:0;display:grid}
.cu-il li{display:grid;grid-template-columns:10px minmax(0,1fr) auto auto;align-items:center;gap:8px;padding:6px 0}
.cu-il li+li{border-top:1px solid #f6e4b3}
.cu-il li i{width:10px;height:10px;border-radius:50%}
.cu-it{font:700 calc(13px*var(--sh,1))/1.35 var(--font-ui,system-ui,sans-serif);color:#4a3200;min-width:0}
.cu-ic{border:0;border-radius:99px;background:#c00e6e;color:#fff;min-height:40px;padding:0 14px;font:800 calc(13px*var(--sh,1)) var(--font-ui,system-ui,sans-serif);cursor:pointer}
.cu-ix{width:40px;height:40px;border:0;border-radius:50%;background:transparent;color:#7a5a12;font:800 calc(15px*var(--sh,1))/1 system-ui;cursor:pointer}
.cu-ic:focus-visible,.cu-ix:focus-visible,.cu-rti:focus-visible{outline:3px solid #2b1330;outline-offset:2px}
.cu-ing .cu-more{min-height:40px;color:#7a5a12}
.cu-notif{justify-self:start;padding:8px 0}
.cu-rtl{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.cu-rti{all:unset;box-sizing:border-box;width:100%;display:grid;grid-template-columns:10px minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px;min-height:56px;border:1.5px solid #ebd3e0;border-radius:14px;cursor:pointer;background:#fff;-webkit-tap-highlight-color:transparent}
.cu-rti.off{opacity:.55}
.cu-rti i{width:10px;height:10px;border-radius:50%}
.cu-rti span{display:grid;gap:3px;min-width:0}
.cu-rti b{font:700 calc(14px*var(--sh,1))/1.2 var(--font-ui,system-ui,sans-serif);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cu-rti small{font:500 calc(12px*var(--sh,1))/1.3 var(--font-ui,system-ui,sans-serif);color:#6f5a76}
.cu-rti em{font:700 calc(11px*var(--sh,1)) var(--font-ui,system-ui,sans-serif);font-style:normal;color:#6f5a76}
.cu-tools{gap:6px}
.cu-tl{padding:0 13px}
.cu-tools{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.cu-tl{justify-content:center;padding:0 6px;gap:6px;font-size:calc(12.5px*var(--sh,1))}
.cu-tl svg{width:15px;height:15px;flex:none}

.cu-chp{display:inline-flex;align-items:center;border:1.5px solid #ebd3e0;background:#fff;border-radius:99px;min-height:40px}
.cu-chips .cu-chp button{border:0;background:transparent;min-height:38px;padding:8px 4px 8px 13px;border-radius:99px 0 0 99px}
.cu-chips .cu-chp .cu-chx{padding:8px 12px 8px 8px;min-width:36px;justify-content:center;color:#8a6a80;font-size:12px;border-radius:0 99px 99px 0}
.cu-chips .cu-chp .cu-chx:hover{color:#c2185b}

.cu-rg{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px}
.cu-rg .cu-f{margin:0;min-width:0}
.cu-rgq{margin-bottom:12px}
#cu-rgp[hidden]{display:none}