@import url("https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@300;400;500;600;700;800&family=Varela+Round&display=swap");:root{--color-primary:#a88aed;--color-primary-ink:#6b4fb8;--color-on-primary:#fff;--color-secondary:#c2b0f4;--color-accent:#f4f0dd;--color-accent-soft:#faf8ec;--color-secondary-accent:#a6c261;--color-secondary-accent-hover:#94b24c;--color-secondary-accent-soft:#edf3dd;--color-on-cta:#f4f0dd;--color-background:#fbfaf4;--color-surface:#fff;--color-foreground:#26222e;--color-muted-foreground:#6b6677;--color-muted:#f1eef7;--color-border:#e6e1f0;--color-success:#16a34a;--color-destructive:#ef4444;--color-ring:#a6c261;--font-heading:"Varela Round",system-ui,sans-serif;--font-body:"Nunito Sans",system-ui,sans-serif;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--space-12:48px;--space-16:64px;--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--radius-full:999px;--shadow-sm:0 1px 2px rgba(43,32,24,.06);--shadow-md:0 6px 18px rgba(43,32,24,.08);--shadow-lg:0 18px 40px rgba(43,32,24,.12);--transition:200ms cubic-bezier(.22,1,.36,1)}*,:after,:before{box-sizing:border-box}body,html{overflow-x:hidden;max-width:100%}body{margin:0;font-family:var(--font-body);line-height:1.6;color:var(--color-foreground);background:var(--color-background);min-height:100dvh}h1,h2,h3{font-family:var(--font-heading);line-height:1.2;margin:0}a{color:inherit}:focus-visible{outline:3px solid var(--color-ring);outline-offset:2px;border-radius:10px}.container{width:100%;max-width:1120px;margin:0 auto;padding:0 var(--space-6)}.muted{color:var(--color-muted-foreground)}.btn{font-family:var(--font-body);font-weight:700;border:none;border-radius:var(--radius-full);padding:14px 28px;min-height:48px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);transition:transform var(--transition),background var(--transition),box-shadow var(--transition)}.btn:active{transform:scale(.97)}.btn-accent{background:var(--color-secondary-accent);color:var(--color-on-cta);box-shadow:var(--shadow-sm)}.btn-accent:hover{background:var(--color-secondary-accent-hover);box-shadow:var(--shadow-md)}.btn-ghost{background:transparent;color:var(--color-primary-ink)}.btn-ghost:hover{background:var(--color-muted)}.btn-destructive{background:var(--color-destructive);color:#fff;box-shadow:var(--shadow-sm)}.btn-destructive:hover{background:#dc2626;box-shadow:var(--shadow-md)}.card{background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-md)}.acct-card,.card{border-radius:var(--radius-lg)}.acct-card{border:1px solid hsla(0,0%,100%,.65);box-shadow:var(--shadow-md),inset 0 1px 0 hsla(0,0%,100%,.5);backdrop-filter:blur(14px) saturate(150%);-webkit-backdrop-filter:blur(14px) saturate(150%);transition:box-shadow var(--transition),transform var(--transition)}.acct-card:hover{box-shadow:var(--shadow-lg),inset 0 1px 0 hsla(0,0%,100%,.5)}.select-wrap{position:relative;display:inline-flex;align-items:center}.select-field{-moz-appearance:none;appearance:none;-webkit-appearance:none;font-family:var(--font-body);font-weight:700;font-size:.8rem;padding:9px 34px 9px 14px;min-height:40px;width:100%;border-radius:var(--radius-full);border:1.5px solid var(--color-border);background:var(--color-surface);color:var(--color-foreground);cursor:pointer;transition:border-color var(--transition),background var(--transition),color var(--transition)}.select-field.select-md{border-radius:var(--radius-md)}.select-field:hover{border-color:var(--color-primary)}.select-field:focus-visible{outline:2px solid var(--color-ring);outline-offset:1px}.select-field:disabled{cursor:not-allowed;opacity:.55}.select-field.on{border-color:transparent;background:var(--color-secondary-accent-soft);color:#3e4d18}.select-chev{position:absolute;right:12px;top:50%;transform:translateY(-50%);pointer-events:none;color:var(--color-muted-foreground)}.select-field.on+.select-chev{color:#3e4d18}.picker-menu{z-index:1000;max-height:300px;overflow:hidden;background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:6px;display:flex;flex-direction:column;animation:picker-in .12s ease}@keyframes picker-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.picker-list{overflow-y:auto;display:flex;flex-direction:column;gap:2px;scrollbar-width:thin;scrollbar-color:var(--color-border) transparent}.picker-list::-webkit-scrollbar{width:6px}.picker-list::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:999px}.picker-search{position:relative;display:flex;align-items:center;gap:7px;padding:6px 10px;margin-bottom:4px;border-bottom:1px solid var(--color-muted);color:var(--color-muted-foreground)}.picker-search input{flex:1 1;min-width:0;border:none;background:none;outline:none;font-family:var(--font-body);font-size:.8rem;color:var(--color-foreground)}.picker-search input::-webkit-search-cancel-button{-webkit-appearance:none}.picker-empty{padding:14px 10px;text-align:center;font-size:.78rem;color:var(--color-muted-foreground)}.picker-group+.picker-group{margin-top:4px;padding-top:4px;border-top:1px solid var(--color-muted)}.picker-group-label{font-size:.66rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--color-muted-foreground);padding:6px 10px 2px}.picker-opt{display:flex;align-items:center;gap:6px;width:100%;text-align:left;padding:7px 10px;border:none;border-radius:var(--radius-sm);background:none;cursor:pointer;font-family:var(--font-body);font-weight:600;font-size:.8rem;color:var(--color-foreground);transition:background var(--transition),color var(--transition)}.picker-opt:hover{background:var(--color-secondary-accent-soft);color:#3e4d18}.picker-opt.on{background:var(--color-secondary-accent);color:var(--color-on-cta);font-weight:700}.picker-opt.on:hover{background:var(--color-secondary-accent-hover);color:var(--color-on-cta)}.picker-check{width:14px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center}.txn-row{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border-bottom:1px solid var(--color-muted)}.txn-row:last-child{border-bottom:none}.txn-mid{flex:1 1;min-width:0}.txn-name{font-weight:700;font-size:.95rem;word-break:break-word}.txn-meta{color:var(--color-muted-foreground);font-size:.76rem;margin-top:3px}.txn-chips{justify-content:space-between;gap:8px;margin-top:8px}.txn-chips,.txn-chips-left{display:flex;align-items:center}.txn-chips-left{flex-wrap:wrap;gap:6px;flex:1 1;min-width:0}.txn-right{display:flex;flex-direction:column;align-items:flex-end;gap:8px;flex-shrink:0}.select-field.select-sm{font-size:.72rem;padding:5px 28px 5px 11px;min-height:30px}.select-field.select-sm+.select-chev{right:9px;width:13px;height:13px}.kebab-btn{width:30px;height:30px;display:grid;place-items:center;border-radius:var(--radius-full);border:1px solid var(--color-border);background:var(--color-surface);cursor:pointer;color:var(--color-muted-foreground);transition:background var(--transition),border-color var(--transition),color var(--transition)}.kebab-btn:hover{background:var(--color-muted);border-color:var(--color-primary);color:var(--color-foreground)}.kebab-btn:focus-visible{outline:2px solid var(--color-ring);outline-offset:1px}.kebab-btn.on{background:var(--color-muted);border-color:var(--color-primary)}.inline-icon{background:none;border:none;cursor:pointer;padding:2px;display:grid;place-items:center;line-height:0;color:var(--color-muted-foreground);border-radius:6px;transition:color var(--transition)}.inline-icon:hover{color:var(--color-foreground)}.inline-icon:focus-visible{outline:2px solid var(--color-ring);outline-offset:1px}.icon-btn{display:grid;place-items:center;width:40px;height:40px;flex-shrink:0;background:none;border:none;border-radius:var(--radius-md);cursor:pointer;color:var(--color-muted-foreground);transition:background var(--transition),color var(--transition)}.icon-btn:hover{background:var(--color-muted);color:var(--color-foreground)}.icon-btn:focus-visible{outline:2px solid var(--color-ring);outline-offset:1px}.icon-btn:disabled{opacity:.45;cursor:not-allowed}.icon-btn-sm{width:32px;height:32px}.goal-pill{font-size:.62rem;font-weight:800;text-transform:uppercase;letter-spacing:.03em;padding:3px 9px}.goal-pill,.status-chip{border-radius:var(--radius-full);white-space:nowrap}.status-chip{display:inline-flex;align-items:center;gap:5px;flex-shrink:0;min-height:30px;box-sizing:border-box;font-size:.72rem;font-weight:700;line-height:1.2;padding:4px 11px;font-family:var(--font-body);border:none;cursor:default}button.status-chip{cursor:pointer}.status-chip svg{flex-shrink:0}.status-chip-outline{border:1.5px dashed var(--color-border)}.filter-chip,.status-chip-outline{background:transparent;color:var(--color-muted-foreground)}.filter-chip{cursor:pointer;padding:8px 14px;border-radius:var(--radius-full);font-weight:700;font-size:.8rem;font-family:var(--font-body);border:1.5px solid var(--color-border);white-space:nowrap;display:inline-flex;align-items:center;gap:4px}.filter-chip-on{border-color:transparent;background:var(--color-accent);color:#7a5a12}.modal-scrim{position:fixed;inset:0;z-index:100;background:rgba(38,34,46,.5);display:flex;align-items:flex-start;justify-content:center;padding:6vh 16px;overflow-y:auto}.modal-body{width:100%;max-width:440px;position:relative}.modal-close{position:absolute;top:14px;right:14px;z-index:1;background:var(--color-muted);border:none;border-radius:var(--radius-full);width:34px;height:34px;display:grid;place-items:center;cursor:pointer;color:var(--color-foreground)}.drawer-scrim{position:fixed;inset:0;z-index:200;background:rgba(38,34,46,.5);display:flex;align-items:flex-end}.drawer-body{width:100%;background:var(--color-surface);border-radius:var(--radius-lg) var(--radius-lg) 0 0;padding:20px 16px 32px;box-shadow:0 -4px 24px rgba(0,0,0,.12)}.goal-card{transition:box-shadow var(--transition),transform var(--transition)}.goal-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.alloc-row{display:flex;align-items:center;gap:var(--space-3);padding:10px 12px;border-radius:var(--radius-md);background:var(--color-muted)}.link-accent{color:var(--color-primary-ink);font-weight:700;text-decoration:none;transition:color var(--transition);display:inline-flex;align-items:center;gap:4px}.link-accent:hover{text-decoration:underline}.link-accent:focus-visible{outline:2px solid var(--color-ring);outline-offset:2px;border-radius:4px}@media (prefers-reduced-motion:reduce){*,:after,:before{transition-duration:.01ms!important;animation-duration:.01ms!important}}@media (max-width:600px){.summary-cards{grid-template-columns:1fr!important}}@media print{body *{visibility:hidden}#laporan-print,#laporan-print *{visibility:visible}#laporan-print{position:absolute;left:0;top:0;width:100%}.no-print{display:none!important}}