:root{--paper: #FBF3EC;--surface: #FFFFFF;--ink: #1C1B19;--ink-soft: #6E6A63;--ink-faint: #A6A19A;--line: #E8E4DC;--accent: #DE7F59;--accent-ink: #A6522F;--accent-soft: #FBE3D6;--attention: #93613C;--attention-soft: #F5ECE2;--danger: #B24444;--danger-soft: #F5E2E0;--in: #1E7A4C;--in-soft: #E4F3EA;--out: #C23B3B;--out-soft: #FBE6E6;--sans: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--serif: "Baloo 2", sans-serif;--mono: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--btn-radius: 999px;--btn-font-size: 14px;--btn-font-weight: 600;--btn-padding: 10px 22px;--input-radius: 16px;--tab-wrap-radius: 20px}*,*:before,*:after{box-sizing:border-box}button{-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}button:focus{outline:none}button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}html,body{height:100%;margin:0}body{background:var(--paper);color:var(--ink);font-family:var(--sans)}.app-content{max-width:480px;margin:0 auto;padding:6px 20px 180px}@media(min-width:768px){.app-content{max-width:none;margin-left:72px;margin-right:0;padding-bottom:40px}.guest-banner,.offline-banner{margin-left:72px}.sync-chip{right:88px}}@media(min-width:1100px){.app-content,.guest-banner,.offline-banner{margin-left:220px}.sync-chip{right:236px;bottom:24px}}.guest-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--attention-soft);border-bottom:1px solid var(--line);padding:10px 20px;font-size:13px;color:var(--attention);max-width:480px;margin:0 auto;width:100%;border-radius:0 0 16px 16px}.guest-banner__save{flex-shrink:0;background:var(--accent);color:#fff;border:none;border-radius:999px;padding:6px 14px;font-size:13px;font-weight:600;cursor:pointer;font-family:var(--sans)}.guest-banner__save:disabled{opacity:.6;cursor:not-allowed}.app-splash{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;background:var(--paper);font-family:var(--sans)}.app-splash__icon{width:64px;height:64px}.app-splash__spinner{width:26px;height:26px;border-radius:50%;border:3px solid var(--accent-soft);border-top-color:var(--accent);animation:app-splash-spin .7s linear infinite}@keyframes app-splash-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.app-splash__spinner{animation-duration:2s}}.app-splash__label{margin:0;font-size:12.5px;letter-spacing:.04em;color:var(--ink-faint)}.greeting{padding:12px 0 2px}.greeting .hello{font-size:14px;color:var(--ink-soft);margin:0 0 2px}.greeting .store{font-size:15px;font-weight:600;color:var(--ink);margin:0;letter-spacing:-.01em}.hero{text-align:center;padding:38px 0 30px}.hero .label{font-family:var(--sans);font-size:12.5px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--ink-faint);margin:0 0 12px}.hero .amount{font-family:var(--serif);font-optical-sizing:auto;font-weight:400;font-size:52px;line-height:1;letter-spacing:-.015em;color:var(--ink);margin:0;font-variant-numeric:tabular-nums lining-nums;opacity:0;transform:translateY(6px) scale(.985);animation:settle .7s cubic-bezier(.2,.7,.2,1) .15s forwards}.hero .amount .currency{font-size:26px;font-weight:400;color:var(--ink-soft);margin-right:4px;vertical-align:middle}@keyframes settle{to{opacity:1;transform:translateY(0) scale(1)}}.secondary{display:flex;align-items:stretch;padding:16px 2px;margin-bottom:22px}.secondary .stat{flex:1;text-align:center}.secondary .stat .k{font-size:11.5px;color:var(--ink-faint);margin:0 0 5px;letter-spacing:.03em}.secondary .stat .v{font-family:var(--mono);font-variant-numeric:tabular-nums;font-size:14.5px;font-weight:500;color:var(--ink);margin:0}.secondary .stat.in .v{color:var(--in)}.secondary .stat.out .v{color:var(--out)}.secondary .divider{width:1px;background:var(--line);margin:2px 0}.attention{background:var(--attention-soft);border-radius:16px;padding:14px 16px;margin-bottom:18px;display:flex;align-items:flex-start;gap:12px;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:opacity .12s ease}.attention:active{opacity:.88}.attention:focus{outline:none}.attention:focus-visible{outline:2px solid var(--attention);outline-offset:2px}.attention.urgent{background:var(--danger-soft)}.attention.urgent:focus-visible{outline-color:var(--danger)}.attention .bar{width:3px;align-self:stretch;background:var(--attention);border-radius:2px;flex-shrink:0}.attention.urgent .bar{background:var(--danger)}.attention .body{flex:1}.attention .title{font-size:13.5px;font-weight:600;color:var(--attention);margin:0 0 3px}.attention.urgent .title{color:var(--danger)}.attention .desc{font-size:13px;color:var(--ink-soft);margin:0;line-height:1.45}.attention .desc+.desc{margin-top:5px}.attention .desc b{color:var(--ink);font-weight:600}.attention .desc.overdue,.attention .desc.overdue b{color:var(--danger)}.attention .desc.muted{color:var(--ink-faint);font-size:12px}.low-cash-banner{display:flex;gap:12px;background:var(--attention-soft);border-radius:16px;padding:14px 16px;margin-bottom:12px}.low-cash-bar{width:3px;align-self:stretch;background:var(--attention);border-radius:2px;flex-shrink:0}.low-cash-body{flex:1}.low-cash-title{font-size:13.5px;font-weight:600;color:var(--attention);margin:0 0 3px}.low-cash-hint{font-size:13px;color:var(--ink-soft);margin:0;line-height:1.45}.low-cash-hint b{color:var(--ink);font-weight:600}.guide-card{background:var(--surface);border-radius:16px;padding:28px 20px;margin:16px 0;text-align:center}.guide-card-title{font-weight:700;font-size:17px;color:var(--ink);margin:0 0 8px}.guide-card-hint{font-size:14px;color:var(--ink-soft);margin:0 0 20px;line-height:1.5}.guide-card-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.guide-card-pill{display:inline-flex;align-items:center;font-size:13px;font-weight:600;padding:8px 20px;border-radius:20px;text-decoration:none;-webkit-tap-highlight-color:transparent;transition:opacity .15s ease}.guide-card-pill:active{opacity:.75}.guide-card-pill.primary{background:var(--accent);color:#fff}.guide-card-pill.secondary{background:var(--accent-soft);color:var(--accent-ink)}.login-page{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;align-items:stretch}.login-inner{display:flex;flex-direction:column;align-items:center;flex:1;padding:max(20px,env(safe-area-inset-top)) 28px max(28px,env(safe-area-inset-bottom))}.login-brand{text-align:center;margin-top:18px}.login-brand-name{font-family:"Baloo 2",sans-serif;font-weight:700;font-size:46px;color:var(--accent-ink);letter-spacing:-.5px;line-height:1}.login-brand-sub{font-size:13px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);margin-top:8px}.login-illus-wrap{margin-top:10px;width:100%;max-width:320px;aspect-ratio:1 / 1;border-radius:28px;overflow:hidden;box-shadow:0 12px 32px #a34f312e;flex-shrink:0}.login-illus-img{width:100%;height:100%;object-fit:cover;display:block}.login-tagline{margin-top:22px;font-family:"Baloo 2",sans-serif;font-weight:600;font-size:21px;color:var(--ink);text-align:center;line-height:1.35}.login-accent{color:var(--accent)}.login-accent2{color:#8a9a76}.login-spacer{flex:1;min-height:12px}.login-bottom{display:flex;flex-direction:column;align-items:stretch;gap:14px;width:100%}.login-error{font-size:13px;color:var(--attention);text-align:center;margin:0}@media(min-width:600px)and (orientation:portrait){.login-inner{max-width:480px;align-self:center;width:100%}}@media(min-width:768px)and (orientation:landscape){.login-page{flex-direction:row;align-items:center;justify-content:center;padding:40px}.login-inner{display:grid;grid-template-columns:clamp(380px,44%,460px) 1fr;grid-template-rows:auto auto 1fr auto;grid-template-areas:"brand illus" "tagline illus" "spacer illus" "bottom illus";max-width:960px;width:100%;padding:0;align-self:stretch;border-radius:20px;overflow:hidden;background:var(--surface);box-shadow:0 8px 32px #1c1b191a}.login-illus-wrap{grid-area:illus;margin:0;width:auto;max-width:none;aspect-ratio:auto;border-radius:0;box-shadow:none;background:var(--accent-soft);padding:0;overflow:hidden}.login-illus-img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.login-brand{grid-area:brand;margin:0;padding:52px 48px 0;text-align:left}.login-brand-name{font-size:52px}.login-tagline{grid-area:tagline;margin:0;padding:32px 48px 0;text-align:left;font-size:22px;line-height:1.5}.login-spacer{grid-area:spacer;min-height:48px}.login-bottom{grid-area:bottom;padding:0 48px 52px}}h1{font-family:var(--sans);font-size:19px;font-weight:700;color:var(--ink);letter-spacing:-.01em;margin:18px 0 20px}form{display:flex;flex-direction:column;gap:16px;padding-bottom:24px}form label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:500;color:var(--ink-soft)}form input,form select{font-family:var(--sans);font-size:15px;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:var(--input-radius, 10px);padding:10px 12px}form input:focus,form select:focus{outline:none;border-color:var(--accent)}form ui-button{align-self:flex-start}.txn-topbar{display:flex;align-items:center;gap:10px;margin:6px 0 8px}.txn-topbar h1{margin:0;font-size:16px}.txn-close{width:34px;height:34px;border-radius:50%;border:1px solid var(--line);background:var(--surface);color:var(--ink-soft);display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0}.txn-close svg{width:16px;height:16px}.txn-mic{width:34px;height:34px;border-radius:50%;border:none;background:var(--accent-soft);color:var(--accent-ink);display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:background .15s,color .15s;-webkit-tap-highlight-color:transparent}.txn-mic:hover,.txn-mic.active{background:var(--accent);color:#fff}.txn-mic svg{width:16px;height:16px}.txn-form{gap:0;padding-bottom:24px}.field-label{font-size:11.5px;font-weight:600;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.04em;margin:16px 0 7px}.field-label:first-child{margin-top:6px}.trigger{width:100%;text-align:left;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:13px 14px;font-family:var(--sans);font-size:14px;font-weight:600;color:var(--ink);display:flex;align-items:center;justify-content:space-between;gap:10px;box-shadow:0 2px 6px -3px #2b211c0f;cursor:pointer}.trigger .trigger-left{display:flex;align-items:center;gap:10px;min-width:0}.trigger .txt{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.trigger .placeholder{color:var(--ink-faint);font-weight:500}.trigger .cat-dot{width:22px;height:22px;border-radius:50%;flex-shrink:0}.trigger .chev{color:var(--ink-faint);flex-shrink:0;display:flex}.trigger .chev svg{width:16px;height:16px}.amount-row{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:13px 14px;display:flex;align-items:center;gap:8px;box-shadow:0 2px 6px -3px #2b211c0f}.amount-row .cur{font-family:var(--mono);font-variant-numeric:tabular-nums;font-size:14px;color:var(--ink-faint)}.txn-form .plain-input{border:none;outline:none;background:transparent;border-radius:0;padding:0;font-family:var(--sans);font-size:15px;color:var(--ink);width:100%}.txn-form .plain-input.mono{font-family:var(--mono);font-variant-numeric:tabular-nums;font-size:16px;font-weight:500}.txn-form .plain-input::placeholder{color:var(--ink-faint)}.note-row textarea{width:100%;border:1px solid var(--line);border-radius:14px;padding:13px 14px;font-family:var(--sans);font-size:13.5px;color:var(--ink);resize:none;height:64px;box-shadow:0 2px 6px -3px #2b211c0f;outline:none}.note-row textarea:focus{border-color:var(--accent)}.note-row textarea::placeholder{color:var(--ink-faint)}.txn-error{color:var(--danger);font-size:13px;margin:14px 0 0}.btn-save{margin-top:22px;width:100%;border:none;border-radius:999px;padding:15px;background:linear-gradient(160deg,#e69172,var(--accent) 60%,var(--accent-ink));color:#fff;font-family:var(--sans);font-size:14.5px;font-weight:700;box-shadow:0 6px 16px -8px #a6522f73;cursor:pointer;position:relative;overflow:hidden}.btn-save:disabled{background:var(--line);color:var(--ink-faint);box-shadow:none;cursor:not-allowed}.btn-delete{margin-top:12px;width:100%;border:1px solid var(--danger-soft);border-radius:999px;padding:13px;background:var(--surface);color:var(--danger);font-family:var(--sans);font-size:14px;font-weight:700;cursor:pointer;position:relative;overflow:hidden}.load-error{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;background:var(--danger-soft);border:1px solid var(--danger-soft);border-radius:14px;padding:12px 14px;margin-bottom:16px}.load-error p{margin:0;flex:1;min-width:160px;font-size:13px;color:var(--danger);font-weight:500}.filters{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:16px}.filters label{flex:1;min-width:110px;display:flex;flex-direction:column;gap:6px;font-size:12px;color:var(--ink-soft)}.filters select,.filters input{font-family:var(--sans);font-size:14px;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:var(--input-radius, 10px);padding:8px 10px}.filters .search-filter{flex:1 0 100%}.search-wrap{position:relative;display:flex;align-items:center}.search-wrap .search-icon{position:absolute;left:10px;width:15px;height:15px;color:var(--ink-faint);pointer-events:none}.search-wrap input[type=search]{width:100%;padding-left:32px;padding-right:32px;-webkit-appearance:none}.search-wrap input[type=search]::-webkit-search-cancel-button{display:none}.search-clear{position:absolute;right:8px;background:none;border:none;font-size:16px;color:var(--ink-faint);cursor:pointer;padding:2px 4px;line-height:1}.history-search-empty{color:var(--ink-soft);font-size:14px;padding:12px 0}.daterange-field{display:flex;align-items:stretch;gap:6px}.daterange-trigger{flex:1;min-width:0;display:flex;align-items:center;gap:8px;font-family:var(--sans);font-size:14px;color:var(--ink-soft);background:var(--surface);border:1px solid var(--line);border-radius:var(--input-radius, 10px);padding:8px 10px;cursor:pointer;text-align:left}.daterange-field.has-value .daterange-trigger{color:var(--ink);font-weight:600}.daterange-trigger svg{width:16px;height:16px;color:var(--ink-faint);flex-shrink:0}.daterange-trigger span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.daterange-clear{flex-shrink:0;width:34px;border:1px solid var(--line);border-radius:var(--input-radius, 10px);background:var(--surface);color:var(--ink-soft);font-size:18px;line-height:1;cursor:pointer}ui-card{display:block;margin-bottom:12px}ui-card.clickable{cursor:pointer}ui-card p{margin:0 0 4px;font-size:14px;color:var(--ink)}ui-card p:first-child{font-weight:600}.debt-card-hd{display:flex;align-items:baseline;justify-content:space-between;gap:8px;padding-bottom:10px}.debt-card-name{font-size:15px;font-weight:700;color:var(--ink)}.debt-card-bal{font-family:var(--mono);font-variant-numeric:tabular-nums;font-size:13px;color:var(--ink-soft);font-weight:500;white-space:nowrap}.debt-type-badge{display:inline-flex;align-items:center;border-radius:6px;padding:2px 8px;font-size:11px;font-weight:700;letter-spacing:.02em;flex-shrink:0}.debt-type-badge.utang{background:var(--accent-soft);color:var(--accent-ink)}.debt-type-badge.piutang{background:var(--in-soft);color:var(--in)}.debt-row-meta{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.debt-row-amount-line{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.debt-row-amount{font-family:var(--mono);font-variant-numeric:tabular-nums;font-size:15px;font-weight:600;color:var(--ink)}.debt-row{display:flex;flex-wrap:wrap;align-items:flex-start;gap:8px;padding:10px 0 6px;border-top:1px solid var(--line);font-size:13px;color:var(--ink-soft)}.debt-row:first-of-type{border-top:none}.debt-remaining{font-size:12px;font-weight:600;color:var(--attention);margin-left:6px}.debt-actions{display:flex;gap:8px;flex-wrap:wrap}.debt-pay-form{display:flex;align-items:center;gap:8px;margin-top:4px;width:100%}.debt-pay-prefix{font-size:13px;color:var(--ink-soft);flex-shrink:0}.debt-pay-input{flex:1;min-width:0;border:1px solid var(--line);border-radius:var(--input-radius, 10px);padding:8px 10px;font-family:var(--mono);font-variant-numeric:tabular-nums;font-size:14px;color:var(--ink);background:var(--surface);outline:none}.debt-pay-input:focus{border-color:var(--accent)}.debt-row .debt-due{color:var(--ink-faint);font-size:12px}.dc-summary{display:flex;gap:10px;margin-bottom:16px}.dc-sum-card{flex:1;background:var(--surface);border-radius:14px;padding:12px 14px;box-shadow:0 1px 3px #0000000f}.dc-sum-label{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--ink-soft);margin-bottom:3px}.dc-sum-value{font-family:var(--mono);font-variant-numeric:tabular-nums;font-size:17px;font-weight:600}.dc-sum-card.utang .dc-sum-value{color:var(--accent)}.dc-sum-card.piutang .dc-sum-value{color:var(--in)}.dc-sort-row{display:flex;align-items:center;gap:10px;margin-bottom:4px}.dc-sort-label{font-size:12.5px;font-weight:600;color:var(--ink-soft);white-space:nowrap}.dc-segmented{flex:1;display:flex;background:var(--surface);border:1px solid var(--line);border-radius:var(--tab-wrap-radius, 14px);padding:4px;gap:4px}.dc-seg-opt{flex:1;text-align:center;padding:9px 0;font-size:13px;font-weight:700;border-radius:var(--input-radius, 10px);color:var(--ink-soft);border:none;background:none;cursor:pointer;font-family:var(--sans);transition:background .15s,color .15s}.dc-seg-opt.active{background:var(--accent);color:#fff}.dc-date-divider{padding:16px 0 8px;font-size:11.5px;font-weight:700;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.06em}.dc{background:var(--surface);border-radius:18px;box-shadow:0 1px 3px #0000000f;overflow:hidden;margin-bottom:10px}.dc-body{padding:15px 16px 14px}.dc-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:10px}.dc-who-name{font-size:15.5px;font-weight:700;color:var(--ink)}.dc-due{font-size:11.5px;font-weight:600;color:var(--ink-faint);margin-top:2px}.dc-due.urgent{color:var(--out)}.dc-kind-tag{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:3px 8px;border-radius:7px;flex-shrink:0}.dc-kind-tag.utang{background:var(--accent-soft);color:var(--accent-ink)}.dc-kind-tag.piutang{background:var(--in-soft);color:var(--in)}.dc-amount-row{display:flex;align-items:baseline;gap:7px;margin-bottom:9px}.dc-sisa-label{font-size:11.5px;color:var(--ink-soft);font-weight:600}.dc-sisa-num{font-family:var(--mono);font-variant-numeric:tabular-nums;font-size:22px;font-weight:700}.dc.utang .dc-sisa-num{color:var(--accent)}.dc.piutang .dc-sisa-num{color:var(--in)}.dc-of-total{font-size:12px;color:var(--ink-faint)}.dc-progress-track{height:6px;background:var(--line);border-radius:6px;overflow:hidden;margin-bottom:0}.dc-progress-fill{height:100%;border-radius:6px}.dc.utang .dc-progress-fill{background:var(--accent)}.dc.piutang .dc-progress-fill{background:var(--in)}.dc-actions{display:flex;align-items:stretch}.dc-btn-primary,.dc-btn-mid,.dc-btn-link{flex:1;text-align:center;padding:13px 0;font-size:13.5px;font-weight:700;color:var(--ink);background:var(--surface);border:none;cursor:pointer;font-family:var(--sans);position:relative;overflow:hidden;-webkit-tap-highlight-color:transparent}.dc-btn-primary{border-bottom-left-radius:18px}.dc-btn-link{border-bottom-right-radius:18px;font-weight:600;color:var(--ink-soft)}.dc-btn-mid{font-weight:600;color:var(--ink-soft)}.dc-btn-mid:before,.dc-btn-link:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:1px;height:40%;background:var(--line)}.dc-btn-primary:active,.dc-btn-mid:active,.dc-btn-link:active{opacity:.7}.dc-btn-primary:disabled,.dc-btn-mid:disabled,.dc-btn-link:disabled{opacity:.45;cursor:not-allowed}.dc-actions.three .dc-btn-primary,.dc-actions.three .dc-btn-mid,.dc-actions.three .dc-btn-link{font-size:12px;padding:13px 4px}.native-ripple{position:absolute;border-radius:50%;background:currentColor;opacity:.2;transform:translate(-50%,-50%) scale(0);animation:native-ripple-expand .5s ease-out forwards;pointer-events:none}@keyframes native-ripple-expand{to{transform:translate(-50%,-50%) scale(1);opacity:0}}.dc-pay-form{display:flex;align-items:center;gap:8px;padding:12px 16px;border-top:1px solid var(--line);background:var(--surface);flex-wrap:wrap}.dc-pay-prefix{font-size:13px;color:var(--ink-soft);flex-shrink:0}.dc-pay-input{flex:1;min-width:80px;border:1px solid var(--line);border-radius:var(--input-radius, 10px);padding:8px 10px;font-family:var(--mono);font-variant-numeric:tabular-nums;font-size:14px;color:var(--ink);background:var(--paper);outline:none}.dc-pay-input:focus{border-color:var(--accent)}.dc-pay-error{font-size:12px;color:var(--danger);padding:4px 16px 10px}.dc-pay-hint{font-size:12px;color:var(--ink-faint);padding:6px 16px 2px;margin:0}.dc-empty-guide{background:var(--surface);border-radius:16px;padding:28px 20px 24px;margin-bottom:16px;text-align:center}.dc-empty-title{font-weight:700;font-size:17px;color:var(--ink);margin:0 0 8px}.dc-empty-hint{font-size:14px;color:var(--ink-soft);margin:0 0 20px;line-height:1.5}.dc-empty-pills{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.dc-empty-pill{font-size:12px;padding:5px 14px;border-radius:20px;font-weight:500}.dc-empty-pill.utang{background:var(--accent-soft);color:var(--accent-ink)}.dc-empty-pill.piutang{background:var(--in-soft);color:var(--in)}.page-topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:4px 0 12px;margin:0 0 4px}.page-topbar h1{margin:8px 0 0;font-size:22px;font-weight:700;letter-spacing:-.02em}.topbar-actions{display:flex;align-items:center;gap:6px}.topbar-gear{flex-shrink:0;padding:6px;border-radius:8px;border:none;background:transparent;color:var(--ink-soft);display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background .15s ease,color .15s ease}.topbar-gear:focus{outline:none}.topbar-gear:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.topbar-gear:active{background:var(--line);color:var(--ink)}.topbar-gear svg{width:22px;height:22px}.topbar-icon-btn{width:40px;height:40px;border-radius:50%;border:none;background:var(--surface);color:var(--ink-soft);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 3px 8px #1c1b191a;transition:transform .15s ease;flex-shrink:0}.topbar-icon-btn:disabled{cursor:default}.topbar-icon-btn svg{width:18px;height:18px}@keyframes spin{to{transform:rotate(360deg)}}.topbar-icon-btn.spinning svg{animation:spin .7s linear infinite}.report-export-row{display:flex;gap:8px;margin:0 0 12px}.report-tabs{display:flex;background:var(--surface);border:1px solid var(--line);border-radius:var(--tab-wrap-radius, 14px);padding:4px;gap:4px;margin:0 0 14px}.report-tab{flex:1;text-align:center;font-family:var(--sans);font-size:13px;font-weight:700;padding:9px 0;border:none;border-radius:var(--input-radius, 10px);background:none;color:var(--ink-soft);cursor:pointer;transition:background .15s,color .15s}.report-tab.active{background:var(--accent);color:#fff}.report-range{margin:-4px 0 14px;font-size:12.5px;color:var(--ink-soft);font-weight:600}.report-disclaimer{display:flex;gap:8px;background:var(--attention-soft);border-radius:12px;padding:12px 14px;font-size:12px;line-height:1.5;color:var(--attention);margin-bottom:18px}.section-title{font-size:12.5px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-soft);margin:16px 0 10px}.report-muted{margin:0;font-size:13px;color:var(--ink-soft)}.rank-row{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--line)}.rank-row:last-child{border-bottom:none;padding-bottom:0}.rank-row:first-child{padding-top:0}.rank-num{width:20px;height:20px;border-radius:50%;background:var(--paper);color:var(--ink-soft);font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.rank-info{flex:1;min-width:0}.rank-name{font-size:13.5px;font-weight:600;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rank-track{height:6px;background:var(--line);border-radius:4px;margin-top:6px;overflow:hidden}.rank-fill{height:100%;border-radius:4px;min-width:3px}.rank-val{text-align:right;flex-shrink:0}.rank-amount{font-size:13.5px;font-weight:700;color:var(--ink);white-space:nowrap}.rank-pct{font-size:10.5px;color:var(--ink-faint)}.report-summary{display:flex;justify-content:space-around;text-align:center;gap:10px}.sum-amt{font-size:16px;font-weight:700;color:var(--ink);margin-top:4px}.sum-amt.plus{color:var(--accent-ink)}.sum-amt.minus{color:var(--ink)}.pie-wrap{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.pie{width:132px;height:132px;flex-shrink:0}.pie-legend{flex:1;min-width:150px;list-style:none;margin:0;padding:0}.pie-legend li{display:flex;align-items:center;gap:8px;padding:4px 0;font-size:13px;color:var(--ink)}.pie-dot{width:10px;height:10px;border-radius:3px;flex-shrink:0}.pie-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pie-pct{font-weight:700;color:var(--ink);font-variant-numeric:tabular-nums}.report-caption{margin:0 0 12px;font-size:12px;color:var(--ink-soft);line-height:1.4}.cashchart-plot{position:relative;display:flex;align-items:stretch;gap:5px;height:130px}.cashchart-zero{position:absolute;left:0;right:0;height:1px;background:var(--line)}.cashcol{position:relative;flex:1;min-width:0}.cashbar{position:absolute;left:12%;right:12%;min-height:2px;background:var(--accent);border-radius:3px 3px 0 0}.cashbar.neg{background:var(--ink-faint);border-radius:0 0 3px 3px}.cashchart-labels{display:flex;gap:5px;margin-top:6px}.cashchart-labels span{flex:1;min-width:0;text-align:center;font-size:10px;color:var(--ink-faint);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.omzet-table{width:100%;border-collapse:collapse;font-size:14px}.omzet-table tbody tr{border-bottom:1px solid var(--line)}.omzet-table tbody tr:last-child{border-bottom:none}.omzet-month{padding:10px 0;color:var(--ink-soft);width:50%}.omzet-amount{padding:10px 0;text-align:right;font-family:var(--mono);font-size:13px;color:var(--ink)}.omzet-row--current .omzet-month,.omzet-row--current .omzet-amount{color:var(--ink);font-weight:600}.omzet-row--future .omzet-month,.omzet-row--future .omzet-amount{opacity:.35}.omzet-nil{color:var(--ink-faint)}.omzet-total-row{border-top:2px solid var(--line)}.omzet-total-row td{padding:12px 0 4px;font-weight:700;color:var(--ink);font-size:14px}.omzet-total-row .omzet-amount{font-size:15px;color:var(--accent-ink)}.omzet-pph-note{margin:14px 0 0;font-size:12px;color:var(--ink-faint);line-height:1.5}.settings-page{padding-top:4px}.settings-user{font-size:14px;color:var(--ink-soft);margin:-10px 0 20px}.settings-group{background:var(--surface);border:1px solid var(--line);border-radius:14px;overflow:hidden;margin-bottom:16px}.settings-item{padding:16px}.settings-item--center{text-align:center}.settings-item--center ui-button{min-width:80%}@media(min-width:768px){.settings-item--center ui-button{min-width:280px}}.settings-item+.settings-item{border-top:1px solid var(--line)}.settings-item-header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:4px}.settings-item-label{font-size:13px;font-weight:600;color:var(--ink)}.settings-edit-btn{border:none;background:none;color:var(--accent-ink);font-size:13px;font-weight:600;font-family:var(--sans);cursor:pointer;padding:2px 0}.settings-item-hint{font-size:12px;color:var(--ink-faint);margin:0 0 10px;line-height:1.4}.settings-balance-value{font-family:var(--mono);font-size:20px;font-weight:500;color:var(--ink);margin:0;font-variant-numeric:tabular-nums}.settings-edit-form{display:flex;flex-direction:column;gap:12px;padding-bottom:0}.settings-amount-wrap{display:flex;align-items:center;gap:8px;background:var(--surface);border:1.5px solid var(--accent);border-radius:var(--input-radius, 10px);padding:9px 12px}.settings-amount-prefix{font-size:15px;color:var(--ink-soft);flex-shrink:0}.settings-amount-input{flex:1;border:none;background:transparent;font-family:var(--mono);font-size:15px;color:var(--ink);min-width:0;outline:none;font-variant-numeric:tabular-nums}.settings-edit-actions{display:flex;gap:8px}.settings-error{font-size:13px;color:var(--danger);margin:0}.settings-success{font-size:13px;color:var(--accent-ink);margin:0}.settings-version{font-size:12px;color:var(--ink-faint);text-align:center;margin:12px 0 4px}.toggle-switch{position:relative;display:inline-flex;align-items:center;cursor:pointer;flex-shrink:0}.toggle-switch input{position:absolute;opacity:0;width:0;height:0}.toggle-track{width:44px;height:24px;background:var(--line);border-radius:12px;position:relative;transition:background .2s;flex-shrink:0}.toggle-track:after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background:#fff;transition:transform .2s;box-shadow:0 1px 3px #0000002e}.toggle-switch input:checked+.toggle-track{background:var(--accent)}.toggle-switch input:checked+.toggle-track:after{transform:translate(20px)}.settings-mode-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.pwa-toast-cur-ver{opacity:.65;font-size:12px}.kasbon-link-btn{display:block;width:100%;text-align:left;background:none;border:none;font-size:13px;font-family:var(--sans);font-weight:500;color:var(--accent-ink);padding:0 0 14px;cursor:pointer;-webkit-tap-highlight-color:transparent}.kasbon-link-btn:active{opacity:.6}.kasbon-avatar{width:42px;height:42px;border-radius:12px;background:var(--accent-soft);color:var(--accent-ink);display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;flex-shrink:0;font-family:var(--sans)}.kasbon-detail-name{font-size:22px;font-weight:700;letter-spacing:-.02em;margin:0 0 16px}.kasbon-all-clear{text-align:center;color:var(--ink-faint);font-size:14px;padding:16px 0}.kasbon-entry-date{font-size:13px;color:var(--ink-soft);margin-bottom:2px}.kasbon-entry-paid{opacity:.55}.hpp-row{display:flex;align-items:center;gap:8px;margin-bottom:8px}.hpp-input{border:1.5px solid var(--line);border-radius:8px;padding:8px 10px;font-size:14px;font-family:var(--sans);color:var(--ink);background:var(--surface);outline:none;-webkit-appearance:none}.hpp-input:focus{border-color:var(--accent)}.hpp-input--name{flex:1;min-width:0}.hpp-cost-wrap{display:flex;align-items:center;gap:4px;border:1.5px solid var(--line);border-radius:8px;padding:0 10px;background:var(--surface);flex-shrink:0;width:110px}.hpp-cost-wrap:focus-within{border-color:var(--accent)}.hpp-rp{font-size:12px;color:var(--ink-faint);flex-shrink:0}.hpp-input--cost{border:none;padding:8px 0;width:100%;min-width:0;font-family:var(--mono);font-size:13px;text-align:right}.hpp-input--cost::-webkit-inner-spin-button,.hpp-input--cost::-webkit-outer-spin-button{-webkit-appearance:none}.hpp-remove-btn{background:none;border:none;color:var(--ink-faint);font-size:20px;line-height:1;cursor:pointer;padding:4px 2px;flex-shrink:0;-webkit-tap-highlight-color:transparent}.hpp-remove-btn:active{color:var(--danger)}.hpp-add-btn{background:none;border:none;color:var(--accent-ink);font-size:14px;font-family:var(--sans);font-weight:500;cursor:pointer;padding:4px 0;margin-top:2px;-webkit-tap-highlight-color:transparent}.hpp-add-btn:active{opacity:.6}.hpp-margin-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.hpp-margin-label{margin:0;font-size:14px;color:var(--ink)}.hpp-margin-input-wrap{display:flex;align-items:center;gap:6px;border:1.5px solid var(--line);border-radius:8px;padding:0 10px;background:var(--surface);width:80px;flex-shrink:0}.hpp-margin-input-wrap:focus-within{border-color:var(--accent)}.hpp-input--margin{border:none;padding:8px 0;width:100%;font-size:15px;font-weight:600;text-align:right;font-family:var(--mono)}.hpp-input--margin::-webkit-inner-spin-button,.hpp-input--margin::-webkit-outer-spin-button{-webkit-appearance:none}.hpp-pct-suffix{font-size:13px;color:var(--ink-soft);flex-shrink:0}.hpp-margin-hint{margin:8px 0 0;font-size:12px;color:var(--ink-faint)}.hpp-result-rows{display:flex;flex-direction:column;gap:0}.hpp-result-row{display:flex;justify-content:space-between;align-items:center;padding:11px 0;border-bottom:1px solid var(--line)}.hpp-result-row:last-child{border-bottom:none}.hpp-result-row--accent{background:var(--accent-soft);margin:0 -16px;padding:11px 16px;border-bottom:none;border-top:1px solid var(--line)}.hpp-result-label{font-size:14px;color:var(--ink-soft)}.hpp-result-row--accent .hpp-result-label{color:var(--accent-ink);font-weight:600}.hpp-result-value{font-family:var(--mono);font-size:15px;font-weight:600;color:var(--ink)}.hpp-result-value--accent{color:var(--accent-ink);font-size:17px}.hpp-result-value--profit{color:var(--accent-ink)}.hpp-result-note{margin:12px 0 0;font-size:12px;color:var(--ink-faint)}.recurring-list{display:flex;flex-direction:column;gap:1px;background:var(--line);border-radius:12px;overflow:hidden;margin:16px 0}.recurring-item{background:var(--surface);padding:14px 16px;position:relative}.recurring-item.inactive{opacity:.55}.recurring-item-main{display:flex;align-items:center;gap:12px;cursor:pointer}.recurring-item-info{flex:1;min-width:0}.recurring-item-name{font-size:15px;font-weight:600;color:var(--ink);margin:0 0 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.recurring-item-meta{font-size:13px;color:var(--ink-soft);margin:0;display:flex;align-items:center;flex-wrap:wrap;gap:4px}.recurring-due{font-size:12px;font-weight:500;padding:1px 6px;border-radius:6px;background:var(--accent-soft);color:var(--accent-ink)}.recurring-due.soon{background:var(--attention-soft);color:var(--attention)}.recurring-due.overdue{background:var(--danger-soft);color:var(--danger)}.recurring-off{font-size:12px;color:var(--ink-faint)}.recurring-delete-btn{position:absolute;top:10px;right:12px;background:none;border:none;font-size:13px;color:var(--ink-faint);cursor:pointer;padding:4px;line-height:1}.recurring-delete-confirm{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:10px;font-size:13px;color:var(--ink)}.recurring-add-row{display:flex;justify-content:center;padding:8px 0 24px}.recurring-freq-row{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.recurring-form-sheet{max-height:85vh;overflow-y:auto}.recurring-warn{font-size:13px;color:var(--attention);margin:4px 0 8px;padding:8px 12px;background:var(--attention-soft);border-radius:8px}.form-label{display:block;font-size:13px;font-weight:600;color:var(--ink-soft);margin:0 0 6px;letter-spacing:.02em}.form-input{width:100%;box-sizing:border-box;font-size:15px;padding:10px 12px;border:1.5px solid var(--line);border-radius:10px;background:var(--surface);color:var(--ink);margin-bottom:16px;outline:none}.form-input:focus{border-color:var(--accent)}.form-select{width:100%;box-sizing:border-box;font-size:15px;padding:10px 12px;border:1.5px solid var(--line);border-radius:10px;background:var(--surface);color:var(--ink);margin-bottom:16px;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.opening-dialog-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:120;background:#2b211c6b;display:flex;align-items:center;justify-content:center;padding:24px;animation:fade .16s ease}.opening-dialog-card{width:100%;max-width:340px;background:var(--surface);border-radius:20px;padding:24px;box-shadow:0 24px 48px -18px #2b211c59;font-family:var(--sans);color:var(--ink);animation:pop .2s cubic-bezier(.2,.8,.2,1)}.opening-dialog-card h2{font-size:16px;font-weight:700;margin:0 0 8px;letter-spacing:-.01em}.opening-dialog-card p{font-size:13.5px;line-height:1.5;color:var(--ink-soft);margin:0 0 18px}.opening-dialog-actions{display:flex;flex-direction:column;gap:10px;margin-top:16px}.offline-banner{position:sticky;top:0;z-index:100;background:var(--attention);color:#fff;font-size:12.5px;font-weight:600;text-align:center;padding:8px 16px;padding-top:calc(8px + env(safe-area-inset-top));letter-spacing:.01em;display:flex;align-items:center;justify-content:center;gap:6px}.offline-banner svg{width:14px;height:14px;flex-shrink:0}.sync-chip{position:fixed;bottom:calc(76px + env(safe-area-inset-bottom));right:16px;z-index:90;display:flex;align-items:center;gap:5px;padding:5px 10px 5px 8px;border-radius:20px;background:var(--surface);border:1px solid var(--line);box-shadow:0 2px 8px #0000001a;font-family:var(--sans);font-size:12px;font-weight:600;color:var(--ink-soft);pointer-events:none;-webkit-user-select:none;user-select:none}.sync-chip svg{width:13px;height:13px;flex-shrink:0}@keyframes sync-spin{to{transform:rotate(360deg)}}.sync-chip__spin{animation:sync-spin 1s linear infinite}#pwa-update-toast{position:fixed;bottom:calc(100px + env(safe-area-inset-bottom));left:50%;transform:translate(-50%);z-index:9999;display:flex;align-items:center;gap:10px;background:var(--ink);color:#fff;font-family:var(--sans);font-size:13.5px;padding:12px 16px;border-radius:14px;box-shadow:0 8px 24px -8px #1c1b1980;white-space:nowrap;animation:slide-up .25s cubic-bezier(.2,.8,.2,1)}@keyframes slide-up{0%{opacity:0;transform:translate(-50%) translateY(12px)}to{opacity:1;transform:translate(-50%) translateY(0)}}#pwa-update-btn{background:var(--accent);color:#fff;border:none;border-radius:8px;padding:5px 12px;font-family:var(--sans);font-size:13px;font-weight:600;cursor:pointer}#pwa-update-dismiss{background:transparent;color:var(--ink-faint);border:none;font-size:14px;cursor:pointer;padding:2px 4px;line-height:1}.hist-topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0 16px}.hist-title{font-size:22px;font-weight:700;letter-spacing:-.02em;color:var(--ink)}.hist-filter-chips{display:flex;gap:8px;margin:0 -20px 10px;padding:0 20px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.hist-filter-chips::-webkit-scrollbar{display:none}.hist-chip{flex:0 0 auto;min-width:120px;background:var(--surface);border:none;border-radius:14px;padding:10px 12px;display:flex;flex-direction:column;gap:2px;text-align:left;cursor:pointer;box-shadow:0 1px 2px #1c1b190d;position:relative;overflow:hidden;-webkit-tap-highlight-color:transparent}.hist-chip:active{opacity:.8}.hist-chip-select{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer;font-size:16px}.hist-chip-flabel{font-size:10px;color:var(--ink-soft);font-weight:600;text-transform:uppercase;letter-spacing:.04em}.hist-chip-fvalue{font-size:13.5px;font-weight:600;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;gap:4px}.hist-chip-fvalue.active{color:var(--accent-ink)}.hist-period-clear{font-size:14px;color:var(--ink-faint);line-height:1;flex-shrink:0}.hist-search{background:var(--surface);border-radius:14px;padding:12px 14px;display:flex;align-items:center;gap:9px;box-shadow:0 1px 2px #1c1b190d;margin-bottom:4px}.hist-search svg{flex-shrink:0;color:var(--ink-faint)}.hist-search-input{flex:1;border:none;background:transparent;font-family:var(--sans);font-size:13.5px;color:var(--ink);outline:none;min-width:0;-webkit-appearance:none}.hist-search-input::placeholder{color:var(--ink-faint)}.hist-search-input::-webkit-search-cancel-button{display:none}.hist-search-clear{background:none;border:none;color:var(--ink-faint);font-size:16px;cursor:pointer;padding:0;line-height:1;flex-shrink:0;-webkit-tap-highlight-color:transparent}.hist-date-divider{padding:16px 0 8px;font-size:11.5px;font-weight:700;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.06em}.hist-list{display:flex;flex-direction:column;gap:10px;margin-bottom:4px}.hist-txn{background:var(--surface);border-radius:18px;padding:14px 16px;display:flex;align-items:center;gap:12px;box-shadow:0 1px 3px #1c1b190f;cursor:pointer;-webkit-tap-highlight-color:transparent}.hist-txn:active{opacity:.85}.hist-txn-icon{width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.hist-txn-icon.out{background:var(--out-soft);color:var(--out)}.hist-txn-icon.in{background:var(--in-soft);color:var(--in)}.hist-txn-icon.debt{background:var(--accent-soft);color:var(--accent-ink)}.hist-txn-icon.receivable{background:var(--in-soft);color:var(--in)}.hist-txn-body{flex:1;min-width:0}.hist-txn-title{font-size:14.5px;font-weight:700;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hist-txn-sub{font-size:12.5px;color:var(--ink-soft);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hist-txn-amt{text-align:right;flex-shrink:0}.hist-txn-num{font-family:var(--mono);font-variant-numeric:tabular-nums;font-size:15px;font-weight:600;color:var(--ink)}.hist-txn-amt.out .hist-txn-num{color:var(--out)}.hist-txn-amt.in .hist-txn-num{color:var(--in)}.hist-empty{color:var(--ink-soft);font-size:14px;padding:20px 0 8px;margin:0}.cat-section{margin-bottom:8px}.cat-list{background:var(--surface);border-radius:14px;overflow:hidden}.cat-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 16px;border-bottom:1px solid var(--line)}.cat-row:last-child{border-bottom:none}.cat-name{font-size:14.5px;font-weight:500;color:var(--ink);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cat-default-badge{font-size:10.5px;font-weight:700;letter-spacing:.03em;color:var(--ink-faint);background:var(--paper);border-radius:6px;padding:2px 8px;flex-shrink:0}.cat-delete-btn{width:32px;height:32px;border-radius:8px;border:none;background:var(--danger-soft);color:var(--danger);display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;-webkit-tap-highlight-color:transparent}.cat-delete-btn:active{opacity:.7}.cat-add-btn{display:flex;align-items:center;gap:7px;width:100%;padding:12px 14px;background:none;border:none;border-radius:14px;font-family:var(--sans);font-size:13.5px;font-weight:600;color:var(--accent);cursor:pointer;text-align:left;margin-top:4px;-webkit-tap-highlight-color:transparent}.cat-add-btn:active{opacity:.7}.cat-add-form{background:var(--surface);border-radius:14px;padding:14px;margin-top:4px;display:flex;flex-direction:column;gap:10px}.cat-add-input{font-family:var(--sans);font-size:14.5px;color:var(--ink);background:var(--paper);border:1.5px solid var(--accent);border-radius:var(--input-radius, 10px);padding:10px 12px;outline:none;width:100%}.cat-add-input::placeholder{color:var(--ink-faint);font-weight:400}.cat-add-input:disabled{opacity:.6}.cat-add-actions{display:flex;gap:8px;justify-content:flex-end}.guide-page{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;flex-direction:column;overflow:hidden;background:var(--paper)}.guide-page--center{align-items:center;justify-content:center;gap:16px;padding:24px;text-align:center}.guide-loading-text,.guide-error-text{color:var(--ink-soft);font-size:15px;margin:0}.guide-header{flex-shrink:0;background:var(--paper)}.guide-topbar{display:flex;align-items:center;justify-content:space-between;padding:max(14px,env(safe-area-inset-top)) 20px 10px}.guide-back-btn{display:flex;align-items:center;gap:6px;padding:6px 0;background:none;border:none;cursor:pointer;color:var(--ink-soft);font-size:14px;font-family:var(--sans);font-weight:500;-webkit-tap-highlight-color:transparent}.guide-back-btn svg{width:18px;height:18px}.guide-back-btn:active{color:var(--ink)}.guide-counter{font-size:13px;font-weight:600;color:var(--ink-faint);letter-spacing:.04em}.guide-progress-bar{height:3px;background:var(--line);margin:0 20px}.guide-progress-fill{height:100%;background:var(--accent);border-radius:2px;transition:width .35s ease}.guide-cards{flex:1;overflow-y:scroll;scroll-snap-type:y mandatory;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;scrollbar-width:none}.guide-cards::-webkit-scrollbar{display:none}.tip-card{height:100%;scroll-snap-align:start;display:flex;flex-direction:column;padding:28px 24px calc(96px + env(safe-area-inset-bottom));position:relative}.tip-card-inner{flex:1;display:flex;flex-direction:column}.guide-chip{display:inline-block;padding:4px 12px;border-radius:999px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;align-self:flex-start;margin-bottom:20px;background:var(--accent-soft);color:var(--accent-ink)}.guide-chip--kas,.guide-chip--laba{background:var(--in-soft);color:var(--in)}.guide-chip--modal,.guide-chip--stok{background:var(--attention-soft);color:var(--attention)}.guide-chip--piutang{background:var(--danger-soft);color:var(--danger)}.tip-card-title{font-family:var(--serif);font-size:24px;font-weight:700;line-height:1.25;color:var(--ink);margin:0 0 18px;text-wrap:balance}.tip-card-body{font-size:16px;line-height:1.75;color:var(--ink-soft);margin:0}.tip-card-image{width:100%;border-radius:12px;margin-top:20px;object-fit:cover;max-height:220px}.guide-scroll-hint{position:absolute;bottom:calc(72px + env(safe-area-inset-bottom));left:50%;transform:translate(-50%);color:var(--ink-faint);animation:guide-bounce 1.8s ease-in-out infinite}.guide-scroll-hint svg{width:20px;height:20px}@keyframes guide-bounce{0%,to{transform:translate(-50%) translateY(0);opacity:.5}50%{transform:translate(-50%) translateY(5px);opacity:1}}.guide-done{position:absolute;bottom:calc(72px + env(safe-area-inset-bottom));left:0;right:0;text-align:center;font-size:14px;font-weight:600;color:var(--accent)}.anggaran-title{font-size:20px;font-weight:700;color:var(--ink);margin:4px 0 6px;letter-spacing:-.01em}.anggaran-hint{font-size:13px;color:var(--ink-soft);margin:0 0 20px;line-height:1.45}.anggaran-list{display:flex;flex-direction:column;gap:0;background:var(--surface);border:1px solid var(--line);border-radius:14px;overflow:hidden;margin-bottom:12px}.anggaran-row{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--line)}.anggaran-row:last-child{border-bottom:none}.anggaran-row-name{flex:1;font-size:14px;font-weight:500;color:var(--ink);min-width:0}.anggaran-row-field{display:flex;align-items:center;gap:4px;background:var(--paper);border:1.5px solid var(--line);border-radius:10px;padding:6px 10px;width:140px;flex-shrink:0}.anggaran-row-field:focus-within{border-color:var(--accent);background:var(--surface)}.anggaran-rp{font-size:13px;color:var(--ink-soft);flex-shrink:0}.anggaran-input{flex:1;min-width:0;border:none;outline:none;background:transparent;font-size:14px;font-family:var(--mono);font-variant-numeric:tabular-nums;color:var(--ink);text-align:right}.anggaran-input::placeholder{color:var(--ink-faint)}.anggaran-actions{display:flex;flex-direction:row;gap:10px;margin-top:20px}.anggaran-actions ui-button{flex:1}.budget-progress-list{display:flex;flex-direction:column;gap:14px}.budget-progress-row{display:flex;flex-direction:column;gap:5px}.budget-progress-header{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.budget-progress-name{font-size:13px;font-weight:500;color:var(--ink);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.budget-progress-amounts{font-size:12px;font-family:var(--mono);font-variant-numeric:tabular-nums;color:var(--ink-soft);flex-shrink:0}.budget-progress-amounts.budget-over{color:var(--danger);font-weight:600}.budget-track{height:6px;background:var(--line);border-radius:999px;overflow:hidden}.budget-fill{height:100%;border-radius:999px;background:var(--in);transition:width .3s ease}.budget-fill.warn{background:#d97706}.budget-fill.over{background:var(--danger);width:100%!important}