:root{--bg-primary:#f5f7fa;--bg-secondary:#fff;--bg-tertiary:#edf0f7;--text-primary:#111827;--text-secondary:#4b5563;--text-muted:#6b7280;--accent-green:#10b981;--accent-green-dark:#059669;--accent-green-bg:#10b9811f;--accent-green-bg-hover:#10b98133;--accent-red:#ef4444;--accent-red-dark:#dc2626;--accent-red-bg:#ef44441a;--accent-red-bg-hover:#ef444429;--accent-blue:#3b82f6;--accent-blue-dark:#2563eb;--accent-blue-bg:#3b82f61a;--accent-amber:#f59e0b;--accent-amber-bg:#f59e0b1f;--accent-purple:#7c3aed;--accent-purple-bg:#7c3aed1a;--border:#00000014;--border-active:#00000029;--shadow-sm:0 1px 3px #0000000f;--shadow:0 4px 16px #00000014;--shadow-lg:0 8px 32px #0000001f;--shadow-colored-green:0 4px 20px #10b98140;--shadow-colored-red:0 4px 20px #ef444440;--radius-sm:10px;--radius-md:14px;--radius-lg:18px;--radius-xl:24px;--radius-full:9999px;--font-family:"Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:2rem;--text-4xl:2.5rem;--text-5xl:3rem;--nav-height:76px;--safe-bottom:env(safe-area-inset-bottom,0px)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;font-size:16px}@media (height<=600px){html{font-size:16px}}body{font-family:var(--font-family);background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:100%;height:100dvh;line-height:1.6;overflow:hidden}#app{background:var(--bg-primary);width:100%;max-width:480px;height:100dvh;margin:0 auto;position:relative;overflow:hidden}button{font-family:var(--font-family);cursor:pointer;-webkit-user-select:none;user-select:none;border:none;outline:none;min-height:48px}input{font-family:var(--font-family);background:0 0;border:none;outline:none;min-height:48px}.screen{top:0;left:0;right:0;bottom:calc(var(--nav-height) + var(--safe-bottom));opacity:0;pointer-events:none;-webkit-overflow-scrolling:touch;transition:opacity .25s,transform .25s;position:absolute;overflow:hidden auto;transform:translate(20px)}.screen.active{opacity:1;pointer-events:auto;transform:translate(0)}.screen.slide-left{transform:translate(-20px)}.screen::-webkit-scrollbar{width:3px}.screen::-webkit-scrollbar-thumb{background:var(--border-active);border-radius:10px}.hidden{display:none!important}.sr-only{clip:rect(0, 0, 0, 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slideDown{0%{transform:translateY(0)}to{transform:translateY(100%)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes countPulse{0%{transform:scale(1)}50%{transform:scale(1.04)}to{transform:scale(1)}}@keyframes toastIn{0%{opacity:0;transform:translateY(16px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes toastOut{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-10px)scale(.96)}}@keyframes ripple{0%{opacity:.5;transform:scale(0)}to{opacity:0;transform:scale(4)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes checkmarkDraw{0%{stroke-dashoffset:48px}to{stroke-dashoffset:0}}@keyframes circleDraw{0%{stroke-dashoffset:166px}to{stroke-dashoffset:0}}@keyframes successPop{0%{opacity:0;transform:scale(.5)}60%{opacity:1;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}@keyframes successFadeOut{0%{opacity:1}to{opacity:0}}.bottom-nav{width:100%;max-width:480px;height:var(--nav-height);padding-bottom:var(--safe-bottom);background:var(--bg-secondary);border-top:1px solid var(--border);z-index:100;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 -2px 16px #0000000a}.nav-btn{color:var(--text-muted);font-size:var(--text-xs);border-radius:var(--radius-md);background:0 0;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;min-height:56px;padding:10px 4px;font-weight:700;transition:all .2s;display:flex;position:relative}.nav-btn svg{transition:all .2s}.nav-btn.active{color:var(--accent-blue)}.nav-btn.active svg{transform:scale(1.1)}.nav-btn:before{content:"";background:var(--accent-blue);border-radius:2px;width:28px;height:3px;transition:transform .25s;position:absolute;top:2px;left:50%;transform:translate(-50%)scaleX(0)}.nav-btn.active:before{transform:translate(-50%)scaleX(1)}.nav-btn:active{transform:scale(.92)}.toast-container{z-index:9999;pointer-events:none;flex-direction:column;gap:8px;width:calc(100% - 32px);max-width:440px;display:flex;position:fixed;top:24px;left:50%;transform:translate(-50%)}.toast{background:var(--text-primary);color:var(--bg-secondary);border-radius:var(--radius-md);font-size:var(--text-base);box-shadow:var(--shadow-lg);pointer-events:auto;align-items:center;gap:10px;padding:14px 20px;font-weight:600;animation:.3s forwards toastIn;display:flex}.toast.toast-out{animation:.25s forwards toastOut}.toast.toast-success{background:var(--accent-green-dark);color:#fff}.toast.toast-error{background:var(--accent-red);color:#fff}.modal-overlay{z-index:500;opacity:0;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000059;transition:opacity .25s;position:fixed;inset:0}.modal-overlay.visible{opacity:1}.modal-sheet{background:var(--bg-secondary);border-radius:var(--radius-xl) var(--radius-xl) 0 0;z-index:501;width:100%;max-width:480px;max-height:85dvh;transition:transform .3s cubic-bezier(.32,.72,0,1);position:fixed;bottom:0;left:50%;overflow-y:auto;transform:translate(-50%)translateY(100%);box-shadow:0 -8px 40px #0000001f}.modal-sheet.visible{transform:translate(-50%)translateY(0)}.modal-handle{background:var(--border-active);border-radius:2px;width:36px;height:4px;margin:12px auto 0}.modal-header{justify-content:space-between;align-items:center;padding:16px 20px 8px;display:flex}.modal-header h2{font-size:var(--text-xl);font-weight:700}.modal-close-btn{border-radius:var(--radius-full);background:var(--bg-tertiary);width:36px;height:36px;color:var(--text-secondary);font-size:var(--text-lg);justify-content:center;align-items:center;transition:background .15s;display:flex}.modal-close-btn:hover{background:var(--border-active)}.modal-body{padding:8px 20px 28px}.success-overlay{z-index:9000;opacity:0;pointer-events:none;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#10b981eb;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:fixed;inset:0}.success-overlay.visible{opacity:1;pointer-events:auto}.success-overlay.fading{opacity:0;transition:opacity .4s}.success-overlay-content{flex-direction:column;align-items:center;gap:20px;animation:.5s cubic-bezier(.34,1.56,.64,1) forwards successPop;display:flex}.success-checkmark{width:100px;height:100px}.success-svg{width:100%;height:100%}.success-circle{stroke:#ffffffd9;stroke-dasharray:166;stroke-dashoffset:166px;animation:.5s .15s forwards circleDraw}.success-check{stroke:#fff;stroke-dasharray:48;stroke-dashoffset:48px;animation:.35s .5s forwards checkmarkDraw}.success-message{color:#fff;font-size:var(--text-xl);text-align:center;text-shadow:0 2px 8px #00000026;max-width:280px;font-weight:700;line-height:1.4}.dashboard-screen{padding-bottom:24px}.dash-greeting{background:var(--bg-secondary);z-index:40;padding:16px 20px 4px;position:sticky;top:0}.dash-greeting-hi{font-size:var(--text-2xl);color:var(--text-primary);font-weight:800}.dash-greeting-date{font-size:var(--text-xs);color:var(--text-muted);margin-top:2px;font-weight:500}.dash-hero-card{border-radius:var(--radius-xl);color:#fff;text-align:center;background:linear-gradient(135deg,#7c3aed 0%,#6d28d9 50%,#5b21b6 100%);margin:12px 16px 0;padding:20px;position:relative;overflow:hidden;box-shadow:0 8px 32px #7c3aed40}.dash-hero-card:before{content:"";background:#ffffff14;border-radius:50%;width:200px;height:200px;position:absolute;top:-40%;right:-30%}.dash-hero-card:after{content:"";background:#ffffff0d;border-radius:50%;width:150px;height:150px;position:absolute;bottom:-30%;left:-20%}.dash-hero-label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:1px;opacity:.85;z-index:1;margin-bottom:6px;font-weight:600;position:relative}.dash-hero-amount{font-size:var(--text-5xl);letter-spacing:-1.5px;z-index:1;margin-bottom:16px;font-weight:800;line-height:1.1;position:relative}.dash-hero-row{z-index:1;border-radius:var(--radius-lg);background:#ffffff1f;justify-content:center;align-items:center;gap:0;padding:12px 0;display:flex;position:relative}.dash-hero-stat{flex:1;justify-content:center;align-items:center;gap:8px;display:flex}.dash-hero-divider{background:#ffffff40;width:1px;height:32px}.dash-stat-icon{border-radius:var(--radius-sm);width:32px;height:32px;font-weight:700;font-size:var(--text-sm);flex-shrink:0;justify-content:center;align-items:center;display:flex}.dash-stat-icon.in{background:#10b9814d}.dash-stat-icon.out{background:#ef44444d}.dash-stat-label{font-size:var(--text-xs);opacity:.75;font-weight:500}.dash-stat-value{font-size:var(--text-sm);font-weight:700}.dash-today-card{border-radius:var(--radius-lg);background:var(--bg-secondary);box-shadow:var(--shadow-sm);border:1px solid var(--border);margin:12px 16px 0;padding:16px;animation:.35s both fadeUp}.dash-today-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.dash-today-title{font-size:var(--text-base);color:var(--text-primary);font-weight:700}.dash-today-count{font-size:var(--text-xs);color:var(--text-muted);font-weight:600}.dash-today-row{gap:10px;display:flex}.dash-today-item{border-radius:var(--radius-md);flex-direction:column;flex:1;gap:4px;padding:12px;display:flex}.dash-today-item.in{background:var(--accent-green-bg)}.dash-today-item.out{background:var(--accent-red-bg)}.dash-today-label{font-size:var(--text-xs);color:var(--text-secondary);font-weight:600}.dash-today-amount{font-size:var(--text-lg);font-weight:800}.dash-today-item.in .dash-today-amount{color:var(--accent-green-dark)}.dash-today-item.out .dash-today-amount{color:var(--accent-red-dark)}.dash-fab-container{padding:16px 16px 4px}.dash-fab{border-radius:var(--radius-xl);color:#fff;width:100%;min-height:60px;font-size:var(--text-lg);letter-spacing:.3px;background:linear-gradient(135deg,#ef4444 0%,#b91c1c 100%);border:1px solid #ffffff26;justify-content:center;align-items:center;gap:12px;padding:16px 24px;font-weight:800;transition:all .2s cubic-bezier(.2,.8,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 8px 24px #ef444459,inset 0 2px 1px #fff3}.dash-fab:active{transform:translateY(2px)scale(.97);box-shadow:0 4px 12px #ef444433,inset 0 1px 1px #ffffff1a}.dash-fab-icon{background:#ffffff40;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex;box-shadow:0 2px 8px #0000001a}.dash-fab-text{font-size:inherit;line-height:1.2}.dash-recent-header{padding:16px 20px 8px}.dash-recent-title{font-size:var(--text-base);color:var(--text-primary);font-weight:700}.dash-recent-list{flex-direction:column;gap:6px;padding:0 16px;display:flex}.dash-recent-item{border-radius:var(--radius-md);background:var(--bg-secondary);border:1px solid var(--border);align-items:center;gap:12px;padding:14px;transition:all .15s;animation:.3s both fadeUp;display:flex}.dash-recent-icon{border-radius:var(--radius-sm);width:40px;height:40px;font-size:var(--text-lg);flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex}.dash-recent-item.is-in .dash-recent-icon{background:var(--accent-green-bg);color:var(--accent-green)}.dash-recent-item.is-out .dash-recent-icon{background:var(--accent-red-bg);color:var(--accent-red)}.dash-recent-info{flex:1;min-width:0}.dash-recent-label{font-size:var(--text-sm);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.dash-recent-time{font-size:var(--text-xs);color:var(--text-muted)}.dash-recent-amount{font-size:var(--text-base);white-space:nowrap;font-weight:700}.dash-recent-item.is-in .dash-recent-amount{color:var(--accent-green)}.dash-recent-item.is-out .dash-recent-amount{color:var(--accent-red)}.dash-empty{text-align:center;padding:40px 32px;animation:.4s both fadeUp}.dash-empty-icon{opacity:.5;margin-bottom:8px;font-size:48px}.dash-empty p{font-size:var(--text-sm);color:var(--text-muted);line-height:1.6}.dash-recent-actions{flex-shrink:0;gap:6px;margin-left:4px;display:flex}.dash-action-btn{border-radius:var(--radius-sm);flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;min-height:36px;transition:all .15s;display:flex}.dash-edit-btn{background:var(--accent-blue-bg);color:var(--accent-blue)}.dash-edit-btn:active{background:#3b82f633;transform:scale(.9)}.dash-delete-btn{background:var(--accent-red-bg);color:var(--accent-red)}.dash-delete-btn:active{background:var(--accent-red-bg-hover);transform:scale(.9)}.edit-type-toggle{gap:8px;display:flex}.edit-type-btn{border-radius:var(--radius-md);font-size:var(--text-sm);text-align:center;background:var(--bg-tertiary);color:var(--text-muted);border:2px solid #0000;flex:1;padding:12px;font-weight:700;transition:all .15s}.edit-type-btn.active[data-type=in]{background:var(--accent-green-bg);color:var(--accent-green-dark);border-color:var(--accent-green)}.edit-type-btn.active[data-type=out]{background:var(--accent-red-bg);color:var(--accent-red-dark);border-color:var(--accent-red)}.edit-type-btn:active{transform:scale(.96)}.delete-confirm-content{text-align:center;padding:8px 0}.delete-confirm-icon{margin-bottom:12px;font-size:48px}.delete-confirm-text{font-size:var(--text-base);color:var(--text-secondary);margin-bottom:20px;line-height:1.6}.delete-confirm-text strong{color:var(--text-primary)}.delete-confirm-buttons{gap:10px;display:flex}.delete-btn-cancel{border-radius:var(--radius-md);background:var(--bg-tertiary);color:var(--text-secondary);font-size:var(--text-base);flex:1;padding:14px;font-weight:700;transition:all .15s}.delete-btn-cancel:active{background:var(--border);transform:scale(.97)}.delete-btn-confirm{border-radius:var(--radius-md);background:var(--accent-red);color:#fff;font-size:var(--text-base);flex:1;padding:14px;font-weight:700;transition:all .15s}.delete-btn-confirm:active{background:var(--accent-red-dark);transform:scale(.97)}.calculator-screen{background:var(--bg-primary);flex-direction:column;height:100%;padding:0;display:flex;overflow:hidden}@media (height<=720px){.calculator-screen{font-size:.9em}}.calc-balance-bar{background:var(--bg-secondary);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:12px 20px;display:flex}@media (height<=700px){.calc-balance-bar{padding:8px 20px}}.calc-balance-bar .balance-label{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-weight:600}.calc-balance-bar .balance-value{font-size:var(--text-lg);color:var(--accent-purple);font-weight:700}.calc-display{background:var(--bg-secondary);text-align:right;border-bottom:2px solid var(--bg-tertiary);flex-direction:column;flex:none;justify-content:center;min-height:70px;max-height:120px;padding:8px 24px 4px;display:flex;position:relative;overflow:hidden}.calc-display .expression{font-size:var(--text-base);color:var(--text-muted);word-break:break-all;min-height:24px;font-weight:500}.calc-display .amount{font-size:var(--text-4xl);color:var(--text-primary);white-space:nowrap;text-overflow:clip;justify-content:flex-end;align-items:center;margin-top:4px;font-weight:800;line-height:1.2;transition:all .15s;display:flex;overflow:hidden}.calc-display .amount.pulse{animation:.15s countPulse}.calc-display .currency{font-size:var(--text-2xl);color:var(--accent-purple);opacity:.8;margin-right:12px;font-weight:700}.calc-category-section{background:var(--bg-secondary);border-bottom:1px solid var(--border);flex-direction:column;gap:6px;padding:4px 16px 6px;display:flex}@media (height<=720px){.calc-category-section{gap:4px;padding:2px 14px 4px}.category-item{min-height:40px;padding:4px 2px}.category-icon{font-size:1.2rem}.category-name{font-size:.7rem}}@media (height<=650px){.calc-category-section{gap:2px;padding:2px 10px}.category-item{min-height:36px}}.category-grid{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.category-item{border-radius:var(--radius-md);background:var(--bg-tertiary);border:2px solid #0000;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-height:48px;padding:6px 4px;transition:all .15s;display:flex}.category-item:active{transform:scale(.95)}.category-item.active{background:var(--accent-blue-bg);border-color:var(--accent-blue);box-shadow:0 0 0 3px #3b82f61f}.category-icon{font-size:1.5rem;line-height:1}.category-name{font-size:var(--text-xs);color:var(--text-secondary);text-align:center;font-weight:600;line-height:1.2}.category-item.active .category-name{color:var(--accent-blue)}.label-note-row{background:var(--bg-tertiary);border-radius:var(--radius-md);border:1.5px solid #0000;align-items:center;gap:8px;padding:8px 14px;transition:border-color .2s,background .2s;display:flex}.label-note-row:focus-within{border-color:var(--accent-blue);background:var(--bg-secondary);box-shadow:0 0 0 3px var(--accent-blue-bg)}@media (height<=720px){.label-note-row{padding:6px 12px}.label-note-input{min-height:36px;font-size:var(--text-xs)}}.label-note-icon{font-size:var(--text-base);flex-shrink:0}.label-note-input{min-width:0;font-size:var(--text-sm);color:var(--text-primary);background:0 0;flex:1;padding:4px 0;font-weight:500}.label-note-input::placeholder{color:var(--text-muted)}.label-note-clear{border-radius:var(--radius-full);background:var(--border-active);width:28px;height:28px;min-height:28px;color:var(--text-secondary);font-size:var(--text-xs);flex-shrink:0;justify-content:center;align-items:center;transition:background .15s;display:flex}.label-note-clear:active{background:var(--text-muted);color:#fff}.calc-keypad{background:var(--bg-primary);flex-direction:column;flex:1;gap:6px;padding:6px 10px;display:flex}@media (height<=720px){.calc-keypad{gap:4px;padding:4px 8px}.keypad-row{gap:4px}.key-btn{min-height:32px;font-size:var(--text-lg)}}@media (height<=680px){.calc-keypad{gap:2px;padding:2px 6px}.keypad-row{gap:2px}.key-btn{min-height:28px}}.keypad-row{flex:1;gap:6px;display:flex}.key-btn{border-radius:var(--radius-md);background:var(--bg-secondary);color:var(--text-primary);font-size:var(--text-xl);box-shadow:var(--shadow-sm);border:1px solid var(--border);flex:1;justify-content:center;align-items:center;min-height:38px;font-weight:600;transition:all .1s;display:flex;position:relative;overflow:hidden}.key-btn:active{background:var(--bg-tertiary);transform:scale(.94)}.key-btn.key-op{background:var(--accent-blue-bg);color:var(--accent-blue);border-color:#0000;font-weight:700}.key-btn.key-op:active{background:#3b82f62e}.key-btn.key-backspace{background:var(--bg-tertiary);color:var(--text-secondary);border-color:#0000}.key-btn.key-backspace svg{width:24px;height:24px}.key-btn.key-clear{background:var(--accent-red-bg);color:var(--accent-red);border-color:#0000;font-weight:700}.key-btn.key-clear:active{background:var(--accent-red-bg-hover)}.key-btn.key-equals{background:var(--accent-blue);color:#fff;border-color:#0000;font-weight:700}.key-btn.key-equals:active{background:var(--accent-blue-dark)}.calc-actions{background:var(--bg-primary);gap:8px;padding:6px 10px 8px;display:flex}@media (height<=720px){.calc-actions{gap:6px;padding:4px 10px}.action-btn{font-size:var(--text-sm);padding:10px 8px}.action-btn .action-icon{width:28px;height:28px;font-size:var(--text-base)}}.action-btn{border-radius:var(--radius-xl);font-size:var(--text-base);letter-spacing:.5px;border:1px solid #ffffff26;flex:1;justify-content:center;align-items:center;gap:10px;padding:14px 12px;font-weight:800;transition:all .2s cubic-bezier(.2,.8,.2,1);display:flex;position:relative;overflow:hidden}.action-btn .action-icon{font-size:var(--text-lg);background:#ffffff40;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;display:flex;box-shadow:0 2px 8px #0000001a}.action-btn.btn-masuk{background:var(--accent-green-bg);color:var(--accent-green-dark);border:2px solid var(--accent-green);box-shadow:none;flex:.7}.action-btn.btn-masuk .action-icon{background:var(--accent-green-bg)}.action-btn.btn-masuk:active{transform:translateY(2px)scale(.96)}.action-btn.btn-keluar{color:#fff;background:linear-gradient(135deg,#ef4444 0%,#b91c1c 100%);flex:1.3;box-shadow:0 8px 20px #ef444459,inset 0 2px 1px #ffffff40}.action-btn.btn-keluar:active{transform:translateY(2px)scale(.96);box-shadow:0 4px 10px #ef444433,inset 0 1px 1px #ffffff26}.action-btn .ripple{pointer-events:none;background:#ffffff59;border-radius:50%;animation:.5s ease-out forwards ripple;position:absolute}.debt-screen{padding-bottom:80px}.debt-header{background:var(--bg-secondary);border-bottom:1px solid var(--border);z-index:40;padding:16px 20px 12px;position:sticky;top:0}.debt-header h1{font-size:var(--text-2xl);color:var(--text-primary);align-items:center;gap:8px;font-weight:800;display:flex}.debt-subtitle{font-size:var(--text-xs);color:var(--text-muted);margin-top:2px;font-weight:500}.debt-summary{align-items:center;gap:12px;margin-top:10px;display:flex}.debt-total-badge{border-radius:var(--radius-full);background:var(--accent-red-bg);color:var(--accent-red);font-size:var(--text-base);padding:5px 14px;font-weight:700}.debt-count{font-size:var(--text-sm);color:var(--text-muted);font-weight:500}.debt-list{flex-direction:column;gap:10px;padding:12px 16px 0;display:flex}.debt-list-lunas{padding-top:0}.debt-card{background:var(--bg-secondary);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border);cursor:pointer;padding:16px;transition:all .15s;animation:.3s both fadeUp}.debt-card:active{transform:scale(.98)}.debt-card-header{justify-content:space-between;align-items:center;display:flex}.debt-card-name{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.debt-card-avatar{border-radius:var(--radius-full);background:var(--accent-blue-bg);width:44px;height:44px;color:var(--accent-blue);font-size:var(--text-sm);flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex}.debt-card-person{font-size:var(--text-lg);color:var(--text-primary);font-weight:700}.debt-card-meta{font-size:var(--text-xs);color:var(--text-muted);margin-top:2px;font-weight:500}.debt-card-amount{font-size:var(--text-xl);color:var(--accent-red);flex-shrink:0;font-weight:800}.debt-card.paid-off .debt-card-amount{color:var(--accent-green);opacity:.5;text-decoration:line-through}.debt-card-actions{border-top:1px solid var(--border);gap:8px;margin-top:12px;padding-top:12px;display:flex}.debt-card-btn{border-radius:var(--radius-md);font-size:var(--text-sm);text-align:center;flex:1;min-height:44px;padding:10px 8px;font-weight:700;transition:all .15s}.debt-card-btn.btn-bayar{background:var(--accent-green-bg);color:var(--accent-green-dark)}.debt-card-btn.btn-bayar:active{background:var(--accent-green-bg-hover)}.debt-card-btn.btn-tambah{background:var(--accent-amber-bg);color:var(--accent-amber)}.debt-card-btn.btn-lunas{background:var(--accent-green);color:#fff;font-weight:800}.debt-card-btn.btn-lunas:active{background:var(--accent-green-dark);transform:scale(.96)}.debt-card-status{border-top:1px solid var(--border);margin-top:10px;padding-top:10px}.debt-status-badge{border-radius:var(--radius-full);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.3px;padding:4px 12px;font-weight:700}.debt-status-badge.paid{background:var(--accent-green-bg);color:var(--accent-green)}.debt-lunas-toggle{padding:12px 16px 0}.debt-lunas-toggle-btn{border-radius:var(--radius-md);background:var(--bg-tertiary);width:100%;color:var(--text-secondary);font-size:var(--text-sm);text-align:left;min-height:48px;padding:12px 16px;font-weight:600}.debt-lunas-toggle-btn:active{background:var(--border)}.debt-empty{text-align:center;padding:60px 40px;animation:.4s both fadeUp}.debt-empty-icon{opacity:.4;margin-bottom:12px;font-size:64px}.debt-empty h3{font-size:var(--text-lg);color:var(--text-secondary);margin-bottom:4px;font-weight:700}.debt-empty p{font-size:var(--text-sm);color:var(--text-muted)}.debt-detail-name{align-items:center;gap:12px;margin-bottom:16px;display:flex}.debt-detail-avatar{border-radius:var(--radius-full);background:var(--accent-blue-bg);width:52px;height:52px;color:var(--accent-blue);font-size:var(--text-lg);justify-content:center;align-items:center;font-weight:700;display:flex}.debt-detail-info h3{font-size:var(--text-xl);font-weight:700}.debt-detail-info .debt-detail-total{font-size:var(--text-2xl);color:var(--accent-red);font-weight:800}.debt-entries-list{flex-direction:column;gap:8px;margin-top:16px;display:flex}.debt-entry{border-radius:var(--radius-md);background:var(--bg-primary);justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.debt-entry-date{font-size:var(--text-xs);color:var(--text-muted);font-weight:500}.debt-entry-amount{font-weight:700;font-size:var(--text-base)}.debt-entry-amount.borrow{color:var(--accent-red)}.debt-entry-amount.pay{color:var(--accent-green)}.debt-entry-note{font-size:var(--text-xs);color:var(--text-secondary);margin-top:2px}.debt-action-buttons{gap:8px;margin-top:20px;display:flex}.debt-action-btn{border-radius:var(--radius-md);font-size:var(--text-base);text-align:center;flex:1;padding:14px;font-weight:700;transition:all .15s}.debt-action-btn.btn-add-debt{background:var(--accent-red-bg);color:var(--accent-red)}.debt-action-btn.btn-add-debt:active{background:var(--accent-red-bg-hover)}.debt-action-btn.btn-pay-debt{background:var(--accent-green-bg);color:var(--accent-green)}.debt-action-btn.btn-pay-debt:active{background:var(--accent-green-bg-hover)}.debt-action-btn.btn-paid-off{background:var(--accent-green);color:#fff}.debt-form-group{margin-bottom:16px}.debt-form-label{font-size:var(--text-base);color:var(--text-secondary);margin-bottom:6px;font-weight:600;display:block}.debt-form-input{border-radius:var(--radius-md);background:var(--bg-primary);width:100%;font-size:var(--text-lg);color:var(--text-primary);border:1.5px solid var(--border);padding:14px 16px;transition:all .2s}.debt-form-input:focus{border-color:var(--accent-blue);box-shadow:0 0 0 3px var(--accent-blue-bg)}.debt-form-submit{border-radius:var(--radius-md);background:var(--accent-blue);color:#fff;width:100%;font-size:var(--text-lg);padding:16px;font-weight:700;transition:all .15s}.debt-form-submit:active{background:var(--accent-blue-dark);transform:scale(.98)}.savings-screen{padding:16px 16px 24px}.savings-header{margin-bottom:20px;animation:.3s both fadeUp}.savings-balance-card{border-radius:var(--radius-xl);text-align:center;color:#fff;background:linear-gradient(135deg,#059669 0%,#047857 100%);padding:24px 20px;position:relative;overflow:hidden;box-shadow:0 10px 24px #05966933}.savings-balance-card:after{content:"";background:#ffffff1a;border-radius:50%;width:150px;height:150px;position:absolute;top:-40px;right:-40px}.savings-balance-card:before{content:"";background:#ffffff1a;border-radius:50%;width:120px;height:120px;position:absolute;bottom:-60px;left:-20px}.savings-title{font-size:var(--text-base);opacity:.9;letter-spacing:.5px;text-transform:uppercase;margin-bottom:8px}.savings-amount{font-size:var(--text-4xl);letter-spacing:-1px;text-shadow:0 2px 4px #0000001a;margin-bottom:16px;font-weight:800}.savings-actions-grid{z-index:2;grid-template-columns:1fr 1fr;gap:16px;display:grid;position:relative}.savings-btn{border-radius:var(--radius-lg);font-size:var(--text-base);color:#fff;border:none;justify-content:center;align-items:center;gap:8px;padding:14px 12px;font-weight:700;transition:transform .2s;display:flex}.savings-btn:active{transform:scale(.96)}.savings-btn-add{color:#059669;background:#fff;box-shadow:0 4px 12px #00000026}.savings-btn-take{color:#fff;background:#fff3;border:1px solid #fff6}.savings-history-section{animation:.4s .1s both fadeUp}.savings-history-title{font-size:var(--text-xl);color:var(--text-primary);justify-content:space-between;align-items:center;margin-bottom:16px;font-weight:700;display:flex}.savings-list{flex-direction:column;gap:12px;display:flex}.savings-item{background:var(--bg-secondary);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border);justify-content:space-between;align-items:flex-start;padding:16px;display:flex}.savings-item-info{align-items:center;gap:16px;display:flex}.savings-item-icon{border-radius:var(--radius-md);justify-content:center;align-items:center;width:48px;height:48px;display:flex}.savings-item-icon.in{background:var(--accent-green-bg);color:var(--accent-green-dark)}.savings-item-icon.out{background:var(--accent-red-bg);color:var(--accent-red-dark)}.savings-item-details h4{font-size:var(--text-lg);color:var(--text-primary);margin-bottom:2px;font-weight:600}.savings-item-details p{font-size:var(--text-sm);color:var(--text-muted)}.savings-item-amount{font-size:var(--text-lg);font-weight:700}.savings-item-amount.in{color:var(--accent-green-dark)}.savings-item-amount.out{color:var(--accent-red-dark)}.savings-item-delete{width:40px;height:40px;color:var(--text-muted);border-radius:var(--radius-md);background:0 0;justify-content:center;align-items:center;margin-left:-8px;display:flex}.savings-item-delete:active{background:var(--accent-red-bg);color:var(--accent-red)}.savings-modal-input-group{margin-bottom:20px}.savings-modal-input-group label{font-size:var(--text-base);color:var(--text-secondary);margin-bottom:8px;font-weight:600;display:block}.savings-huge-input{width:100%;font-size:var(--text-3xl);border-radius:var(--radius-md);border:2px solid var(--border-active);background:var(--bg-tertiary);color:var(--text-primary);text-align:right;padding:16px;font-weight:800}.savings-huge-input:focus{border-color:#059669}.savings-submit-btn{width:100%;font-size:var(--text-xl);color:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:20px;font-weight:700}.savings-submit-btn.in{background:linear-gradient(135deg,#10b981 0%,#059669 100%)}.savings-submit-btn.out{background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%)}.savings-categories-wrapper{-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:12px;margin-top:20px;padding-bottom:8px;display:flex;overflow-x:auto}.savings-categories-wrapper::-webkit-scrollbar{display:none}.savings-category-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);min-width:140px;box-shadow:var(--shadow-sm);flex-shrink:0;padding:12px 16px}.savings-category-card h4{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:4px;font-weight:600}.savings-category-card p{font-size:var(--text-lg);color:var(--text-primary);font-weight:800}.savings-category-selector{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.savings-cat-btn{border-radius:var(--radius-full);background:var(--bg-secondary);color:var(--text-secondary);font-size:var(--text-sm);border:1px solid var(--border-active);padding:10px 16px;font-weight:700;transition:all .2s}.savings-cat-btn.selected{background:var(--accent-green-bg);color:var(--accent-green-dark);border-color:var(--accent-green-dark)}.savings-cat-input-wrapper{margin-bottom:20px}.savings-cat-input{border-radius:var(--radius-md);border:2px solid var(--border-active);background:var(--bg-secondary);width:100%;font-size:var(--text-base);color:var(--text-primary);padding:14px 16px;font-weight:600}.savings-cat-input:focus{border-color:var(--accent-green-dark)}.savings-cat-input.hidden{display:none}.recap-screen{padding-bottom:24px}.recap-header{background:var(--bg-secondary);z-index:40;justify-content:space-between;align-items:center;padding:16px 20px 10px;display:flex;position:sticky;top:0}.recap-header h1{font-size:var(--text-2xl);font-weight:800}.recap-view-toggle{background:var(--bg-tertiary);border-radius:var(--radius-full);gap:2px;margin:0 16px;padding:3px;display:flex}.recap-view-btn{border-radius:var(--radius-full);font-size:var(--text-sm);color:var(--text-muted);text-align:center;background:0 0;flex:1;min-height:40px;padding:8px 14px;font-weight:700;transition:all .2s}.recap-view-btn.active{background:var(--bg-secondary);color:var(--text-primary);box-shadow:var(--shadow-sm)}.recap-month-picker{justify-content:space-between;align-items:center;gap:8px;padding:10px 16px;display:flex}.month-nav-btn{border-radius:var(--radius-full);background:var(--bg-secondary);width:44px;height:44px;color:var(--text-secondary);box-shadow:var(--shadow-sm);border:1px solid var(--border);flex-shrink:0;justify-content:center;align-items:center;transition:all .15s;display:flex}.month-nav-btn:active{background:var(--bg-tertiary);transform:scale(.92)}.month-picker-label{border-radius:var(--radius-lg);background:var(--accent-purple-bg);cursor:pointer;border:2px solid #0000;flex-direction:column;flex:1;align-items:center;gap:2px;min-height:48px;padding:8px 16px;transition:all .15s;display:flex}.month-picker-label:active{border-color:var(--accent-purple);transform:scale(.97)}.month-picker-month{font-size:var(--text-lg);color:var(--accent-purple);font-weight:800;line-height:1.2}.month-picker-year{font-size:var(--text-xs);color:var(--text-muted);font-weight:600}.saldo-card{border-radius:var(--radius-xl);color:#fff;text-align:center;background:linear-gradient(135deg,#7c3aed 0%,#6d28d9 50%,#5b21b6 100%);margin:12px 16px 0;padding:24px;position:relative;overflow:hidden;box-shadow:0 8px 32px #7c3aed40}.saldo-card:before{content:"";background:#ffffff14;border-radius:50%;width:200px;height:200px;position:absolute;top:-40%;right:-30%}.saldo-card:after{content:"";background:#ffffff0d;border-radius:50%;width:150px;height:150px;position:absolute;bottom:-30%;left:-20%}.saldo-label{font-size:var(--text-sm);text-transform:uppercase;letter-spacing:1px;opacity:.8;margin-bottom:8px;font-weight:600}.saldo-amount{font-size:var(--text-4xl);letter-spacing:-1px;z-index:1;font-weight:800;line-height:1.1;position:relative}.saldo-period-info{font-size:var(--text-sm);opacity:.7;z-index:1;margin-top:8px;position:relative}.recap-summary{gap:10px;padding:16px 16px 0;display:flex}.summary-card{border-radius:var(--radius-lg);background:var(--bg-secondary);box-shadow:var(--shadow-sm);border:1px solid var(--border);flex:1;padding:16px;animation:.35s both fadeUp}.summary-card:nth-child(2){animation-delay:50ms}.summary-card-icon{border-radius:var(--radius-sm);width:36px;height:36px;font-size:var(--text-lg);justify-content:center;align-items:center;margin-bottom:8px;display:flex}.summary-card.card-in .summary-card-icon{background:var(--accent-green-bg);color:var(--accent-green)}.summary-card.card-out .summary-card-icon{background:var(--accent-red-bg);color:var(--accent-red)}.summary-card-label{font-size:var(--text-sm);color:var(--text-muted);margin-bottom:2px;font-weight:600}.summary-card-amount{font-size:var(--text-xl);color:var(--text-primary);font-weight:800}.summary-card-count{font-size:var(--text-xs);color:var(--text-muted);margin-top:2px}.recap-export-bar{padding:12px 16px 0}.recap-export-btn{border-radius:var(--radius-lg);color:#fff;width:100%;font-size:var(--text-base);background:linear-gradient(135deg,#7c3aed 0%,#5b21b6 100%);justify-content:center;align-items:center;gap:10px;min-height:52px;padding:14px 20px;font-weight:700;transition:all .2s cubic-bezier(.2,.8,.2,1);display:flex;box-shadow:0 4px 16px #7c3aed4d}.recap-export-btn:active{transform:translateY(2px)scale(.97);box-shadow:0 2px 8px #7c3aed33}.recap-export-btn svg{flex-shrink:0}.recap-chart-container{background:var(--bg-secondary);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border);justify-content:center;align-items:center;height:280px;margin:16px;padding:16px;animation:.35s .1s both fadeUp;display:flex;position:relative}.recap-log-header{justify-content:space-between;align-items:center;padding:20px 20px 8px;display:flex}.recap-log-header h2{font-size:var(--text-lg);font-weight:700}.recap-log-header .log-count{font-size:var(--text-sm);color:var(--text-muted);font-weight:600}.transaction-log{flex-direction:column;gap:6px;padding:0 16px;display:flex}.txn-item{border-radius:var(--radius-md);background:var(--bg-secondary);border:1px solid var(--border);align-items:center;gap:12px;padding:14px;transition:all .15s;animation:.3s both fadeUp;display:flex}.txn-item:active{background:var(--bg-tertiary);transform:scale(.98)}.txn-icon{border-radius:var(--radius-sm);width:40px;height:40px;font-size:var(--text-lg);flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex}.txn-item.txn-in .txn-icon{background:var(--accent-green-bg);color:var(--accent-green)}.txn-item.txn-out .txn-icon{background:var(--accent-red-bg);color:var(--accent-red)}.txn-info{flex:1;min-width:0}.txn-label{font-size:var(--text-sm);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.txn-time{font-size:var(--text-xs);color:var(--text-muted)}.txn-amount{font-size:var(--text-base);white-space:nowrap;font-weight:700}.txn-item.txn-in .txn-amount{color:var(--accent-green)}.txn-item.txn-out .txn-amount{color:var(--accent-red)}.txn-delete-btn{border-radius:var(--radius-sm);background:var(--accent-red-bg);width:32px;height:32px;min-height:32px;color:var(--accent-red);font-size:var(--text-sm);opacity:0;flex-shrink:0;justify-content:center;align-items:center;transition:opacity .15s;display:flex}.txn-item:hover .txn-delete-btn,.txn-item.show-delete .txn-delete-btn{opacity:1}.recap-empty{text-align:center;padding:60px 40px;animation:.4s both fadeUp}.recap-empty-icon{opacity:.4;margin-bottom:12px;font-size:64px}.recap-empty h3{font-size:var(--text-lg);color:var(--text-secondary);margin-bottom:4px;font-weight:700}.recap-empty p{font-size:var(--text-sm);color:var(--text-muted)}.month-picker-modal{padding:4px 0}.month-picker-year-select{margin-bottom:16px}.year-chips{scrollbar-width:none;gap:8px;padding:4px 0;display:flex;overflow-x:auto}.year-chips::-webkit-scrollbar{display:none}.year-chip{border-radius:var(--radius-full);background:var(--bg-tertiary);color:var(--text-secondary);font-size:var(--text-sm);white-space:nowrap;border:2px solid #0000;flex-shrink:0;min-height:44px;padding:10px 18px;font-weight:700;transition:all .15s}.year-chip.active{background:var(--accent-purple-bg);color:var(--accent-purple);border-color:var(--accent-purple)}.year-chip:active{transform:scale(.95)}.month-picker-grid{margin-bottom:16px}.month-grid{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:8px;display:grid}.month-grid-item{border-radius:var(--radius-md);background:var(--bg-tertiary);color:var(--text-secondary);font-size:var(--text-sm);text-align:center;border:2px solid #0000;justify-content:center;align-items:center;min-height:48px;padding:14px 8px;font-weight:600;transition:all .15s;display:flex}.month-grid-item.active{background:var(--accent-purple-bg);color:var(--accent-purple);border-color:var(--accent-purple);font-weight:800}.month-grid-item:active{transform:scale(.95)}