:root{--color-brand-primary: #0b3d2e;--color-brand-primary-hover: #0f5238;--color-brand-primary-pressed: #082b20;--color-brand-accent: #f2b705;--color-brand-accent-hover: #d9a304;--color-success: #1e8449;--color-success-bg: rgba(30, 132, 73, .08);--color-danger: #c0392b;--color-danger-bg: rgba(192, 57, 43, .08);--color-warning: #b9770e;--color-warning-bg: rgba(185, 119, 14, .08);--color-info: #2874a6;--color-info-bg: rgba(40, 116, 166, .08);--color-bg: #ffffff;--color-bg-subtle: #f7f8fa;--color-bg-muted: #eef0f3;--color-bg-elevated: #ffffff;--color-border: #e1e4e8;--color-border-strong: #c8cdd4;--color-overlay: rgba(11, 61, 46, .5);--color-text: #111418;--color-text-muted: #5a6270;--color-text-subtle: #8b94a3;--color-text-inverse: #ffffff;--color-text-link: var(--color-brand-primary);--font-sans: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--fs-xs: .75rem;--fs-sm: .875rem;--fs-base: 1rem;--fs-lg: 1.125rem;--fs-xl: 1.375rem;--fs-2xl: 1.75rem;--fs-3xl: 2.25rem;--fw-regular: 400;--fw-medium: 500;--fw-semibold: 600;--fw-bold: 700;--lh-tight: 1.2;--lh-snug: 1.35;--lh-base: 1.5;--lh-relaxed: 1.7;--tracking-tight: -.01em;--tracking-normal: 0;--tracking-wide: .02em;--sp-0: 0;--sp-1: .25rem;--sp-2: .5rem;--sp-3: .75rem;--sp-4: 1rem;--sp-5: 1.25rem;--sp-6: 1.5rem;--sp-8: 2rem;--sp-10: 2.5rem;--sp-12: 3rem;--sp-16: 4rem;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 24px;--radius-pill: 999px;--radius-circle: 50%;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .04);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06), 0 1px 2px rgba(0, 0, 0, .03);--shadow-md: 0 4px 10px rgba(0, 0, 0, .06), 0 2px 4px rgba(0, 0, 0, .03);--shadow-lg: 0 10px 30px rgba(0, 0, 0, .1), 0 4px 8px rgba(0, 0, 0, .04);--ease-standard: cubic-bezier(.2, 0, 0, 1);--ease-decelerate: cubic-bezier(0, 0, 0, 1);--ease-accelerate: cubic-bezier(.3, 0, 1, 1);--dur-instant: 80ms;--dur-fast: .14s;--dur-base: .22s;--dur-slow: .32s;--z-header: 100;--z-nav: 100;--z-toast: 200;--z-modal: 300;--container-max: 640px;--container-wide: 960px;--touch-target: 44px;--header-height: 56px;--nav-height: 64px;--focus-ring: 3px solid var(--color-brand-accent);--focus-offset: 2px}@media (prefers-color-scheme: dark){:root{--color-bg: #0e1116;--color-bg-subtle: #161a21;--color-bg-muted: #1f242c;--color-bg-elevated: #1a1f28;--color-border: #2a2f38;--color-border-strong: #3a4150;--color-overlay: rgba(0, 0, 0, .7);--color-text: #f2f4f7;--color-text-muted: #a5aebb;--color-text-subtle: #737e8c;--color-text-inverse: #0e1116;--color-brand-primary: #2c7a5f;--color-brand-primary-hover: #3a8f70;--color-brand-primary-pressed: #216148;--color-success: #4ade80;--color-success-bg: rgba(74, 222, 128, .1);--color-danger: #f87171;--color-danger-bg: rgba(248, 113, 113, .1);--color-warning: #fbbf24;--color-warning-bg: rgba(251, 191, 36, .1);--color-info: #60a5fa;--color-info-bg: rgba(96, 165, 250, .1);--shadow-xs: 0 1px 2px rgba(0, 0, 0, .3);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .4);--shadow-md: 0 4px 10px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 30px rgba(0, 0, 0, .5)}}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}body{margin:0;min-height:100vh;min-height:100dvh;font-family:var(--font-sans);font-size:var(--fs-base);line-height:var(--lh-base);color:var(--color-text);background:var(--color-bg);overscroll-behavior-y:none}h1,h2,h3,h4,h5,h6{margin:0;font-weight:var(--fw-bold);line-height:var(--lh-tight);letter-spacing:var(--tracking-tight);color:var(--color-text)}h1{font-size:var(--fs-2xl)}h2{font-size:var(--fs-xl)}h3{font-size:var(--fs-lg)}h4{font-size:var(--fs-base)}p{margin:0}a{color:var(--color-text-link);text-decoration:none}a:hover{text-decoration:underline}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:not-allowed}input,textarea,select{font:inherit;color:inherit}img,svg,video{max-width:100%;display:block}ul,ol{margin:0;padding:0;list-style:none}hr{border:0;border-top:1px solid var(--color-border);margin:var(--sp-6) 0}code,pre{font-family:var(--font-mono);font-size:.9em}:focus{outline:none}:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset);border-radius:var(--radius-sm)}button:focus-visible,a:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}::selection{background:var(--color-brand-accent);color:var(--color-brand-primary)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border-strong);border-radius:var(--radius-pill)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-subtle)}[hidden]{display:none!important}.muted{color:var(--color-text-muted)}.subtle{color:var(--color-text-subtle)}.mono{font-family:var(--font-mono)}.text-success{color:var(--color-success)}.text-danger{color:var(--color-danger)}.text-warning{color:var(--color-warning)}.text-center{text-align:center}.stack-sm>*+*{margin-top:var(--sp-2)}.stack-md>*+*{margin-top:var(--sp-4)}.stack-lg>*+*{margin-top:var(--sp-6)}.row{display:flex;align-items:center;gap:var(--sp-3)}.row-between{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.container{width:100%;max-width:var(--container-max);margin:0 auto;padding:var(--sp-4)}.container-wide{width:100%;max-width:var(--container-wide);margin:0 auto;padding:var(--sp-4)}.center-col{max-width:480px;margin:0 auto;padding:var(--sp-6) var(--sp-4)}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--sp-4)}@media (min-width: 480px){.grid-2-md{grid-template-columns:repeat(2,1fr)}}@media (min-width: 768px){.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);padding:var(--sp-3) var(--sp-5);min-height:var(--touch-target);border:1px solid transparent;border-radius:var(--radius-md);font-family:inherit;font-size:var(--fs-base);font-weight:var(--fw-medium);line-height:1;cursor:pointer;transition:background var(--dur-fast) var(--ease-standard),border-color var(--dur-fast) var(--ease-standard),color var(--dur-fast) var(--ease-standard),transform var(--dur-instant) var(--ease-standard);touch-action:manipulation;-webkit-tap-highlight-color:transparent;user-select:none}.btn:active:not(:disabled){transform:scale(.98)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--color-brand-primary);color:var(--color-text-inverse)}.btn-primary:hover:not(:disabled){background:var(--color-brand-primary-hover)}.btn-primary:active:not(:disabled){background:var(--color-brand-primary-pressed)}.btn-secondary{background:var(--color-bg-subtle);color:var(--color-text);border-color:var(--color-border)}.btn-secondary:hover:not(:disabled){background:var(--color-bg-muted);border-color:var(--color-border-strong)}.btn-danger{background:var(--color-danger);color:#fff}.btn-danger:hover:not(:disabled){filter:brightness(.92)}.btn-ghost{background:transparent;color:var(--color-text)}.btn-ghost:hover:not(:disabled){background:var(--color-bg-muted)}.btn-sm{padding:var(--sp-2) var(--sp-3);min-height:36px;font-size:var(--fs-sm)}.btn-lg{padding:var(--sp-4) var(--sp-6);min-height:52px;font-size:var(--fs-lg)}.btn-full{width:100%}.btn-link{background:transparent;border:none;padding:var(--sp-1) var(--sp-2);color:var(--color-text-link);font-size:var(--fs-sm);font-weight:var(--fw-medium);cursor:pointer;text-decoration:none;border-radius:var(--radius-sm)}.btn-link:hover{text-decoration:underline}.btn-link.text-danger{color:var(--color-danger)}.action-buttons{display:flex;gap:var(--sp-3);flex-wrap:wrap}.action-buttons>.btn{flex:1;min-width:140px}.card{background:var(--color-bg-subtle);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--sp-5);box-shadow:var(--shadow-xs)}.card-elevated{background:var(--color-bg-elevated);box-shadow:var(--shadow-sm)}.card-tappable{cursor:pointer;transition:border-color var(--dur-fast) var(--ease-standard),box-shadow var(--dur-fast) var(--ease-standard),transform var(--dur-fast) var(--ease-standard)}.card-tappable:hover{border-color:var(--color-border-strong);box-shadow:var(--shadow-md)}.card-tappable:active{transform:scale(.995)}.wallet-summary{text-align:center;padding:var(--sp-6)}.wallet-amount{font-size:var(--fs-3xl);font-weight:var(--fw-bold);color:var(--color-text);margin:var(--sp-2) 0;font-variant-numeric:tabular-nums;letter-spacing:var(--tracking-tight)}.wallet-actions{display:flex;gap:var(--sp-3);margin-top:var(--sp-4);justify-content:center}.wallet-actions .btn{flex:1;max-width:180px}.stat-card{padding:var(--sp-4);text-align:center}.stat-card h3{font-size:var(--fs-2xl);color:var(--color-brand-primary);margin:var(--sp-1) 0 0;font-variant-numeric:tabular-nums}.goal-card{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);width:100%;padding:var(--sp-4);text-align:left;cursor:pointer;background:var(--color-bg-subtle);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:border-color var(--dur-fast) var(--ease-standard),background var(--dur-fast) var(--ease-standard);color:var(--color-text);font:inherit}.goal-card:hover{background:var(--color-bg-muted);border-color:var(--color-border-strong)}.goal-card-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--sp-1)}.goal-card-title{font-size:var(--fs-base);font-weight:var(--fw-semibold);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.goal-card-amounts{font-size:var(--fs-sm);color:var(--color-text-muted);font-variant-numeric:tabular-nums}.goal-card-behind{font-size:var(--fs-xs);color:var(--color-danger);font-weight:var(--fw-medium)}.goal-card-complete{font-size:var(--fs-xs);color:var(--color-success);font-weight:var(--fw-semibold)}.goal-card-ontrack{font-size:var(--fs-xs);color:var(--color-text-subtle)}.goals-grid{display:flex;flex-direction:column;gap:var(--sp-3)}.progress-ring-container{position:relative;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.progress-ring-label{position:absolute;font-size:var(--fs-xs);font-weight:var(--fw-semibold);color:var(--color-text);font-variant-numeric:tabular-nums}.goal-progress-block{display:flex;align-items:center;gap:var(--sp-5);padding:var(--sp-5)}.goal-progress-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--sp-1)}.goal-saved{font-size:var(--fs-xl);font-weight:var(--fw-bold);font-variant-numeric:tabular-nums}.va-card{background:var(--color-bg);border:1px dashed var(--color-border-strong);border-radius:var(--radius-md);padding:var(--sp-4);margin-bottom:var(--sp-3)}.va-card .field-row{padding:var(--sp-2) 0}.transaction-row{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);padding:var(--sp-3) 0;border-bottom:1px solid var(--color-border);min-height:var(--touch-target)}.transaction-row:last-child{border-bottom:none}.transaction-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.transaction-type{font-size:var(--fs-sm);font-weight:var(--fw-medium);margin:0;text-transform:capitalize}.transaction-meta{font-size:var(--fs-xs);margin:0}.transaction-amount{text-align:right;display:flex;flex-direction:column;gap:2px}.transaction-amount .amount{font-size:var(--fs-base);font-weight:var(--fw-semibold);font-variant-numeric:tabular-nums;margin:0}.amount-credit{color:var(--color-success)}.amount-debit{color:var(--color-text)}.transaction-amount .status{font-size:var(--fs-xs);margin:0;text-transform:capitalize;color:var(--color-text-muted)}.status-pending{color:var(--color-warning)!important}.status-success{color:var(--color-success)!important}.status-failed,.status-reversed{color:var(--color-danger)!important}.beneficiary-list{display:flex;flex-direction:column}.beneficiary-row{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);padding:var(--sp-3) 0;border-bottom:1px solid var(--color-border);min-height:var(--touch-target)}.beneficiary-row:last-child{border-bottom:none}.beneficiary-name{font-weight:var(--fw-medium);margin:0}.notif-list{display:flex;flex-direction:column;gap:var(--sp-2)}.notif-row{display:block;width:100%;text-align:left;padding:var(--sp-3) var(--sp-4);background:var(--color-bg-subtle);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:background var(--dur-fast) var(--ease-standard)}.notif-row:hover{background:var(--color-bg-muted)}.notif-unread{border-left:3px solid var(--color-brand-primary)}.notif-title{font-size:var(--fs-sm);font-weight:var(--fw-semibold);margin:0 0 var(--sp-1)}.notif-text{font-size:var(--fs-sm);margin:0 0 var(--sp-1);line-height:var(--lh-snug)}.notif-time{font-size:var(--fs-xs);margin:0}.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);padding:var(--sp-2) 0;min-height:var(--touch-target)}.toggle{appearance:none;-webkit-appearance:none;width:44px;height:26px;background:var(--color-bg-muted);border-radius:var(--radius-pill);position:relative;cursor:pointer;transition:background var(--dur-fast) var(--ease-standard);flex-shrink:0}.toggle:after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;background:#fff;border-radius:var(--radius-circle);box-shadow:var(--shadow-xs);transition:transform var(--dur-fast) var(--ease-standard)}.toggle:checked{background:var(--color-brand-primary)}.toggle:checked:after{transform:translate(18px)}.toast-container{position:fixed;bottom:calc(var(--nav-height) + var(--sp-4));left:var(--sp-4);right:var(--sp-4);z-index:var(--z-toast);display:flex;flex-direction:column;gap:var(--sp-2);pointer-events:none;max-width:480px;margin:0 auto}@media (min-width: 768px){.toast-container{bottom:var(--sp-6);left:auto;right:var(--sp-6);width:380px}}.toast{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);border-radius:var(--radius-md);background:var(--color-bg-elevated);border:1px solid var(--color-border);box-shadow:var(--shadow-lg);opacity:0;transform:translateY(12px);transition:opacity var(--dur-base) var(--ease-decelerate),transform var(--dur-base) var(--ease-decelerate);pointer-events:auto}.toast-in{opacity:1;transform:translateY(0)}.toast-out{opacity:0;transform:translateY(12px)}.toast-message{flex:1;font-size:var(--fs-sm);line-height:var(--lh-snug)}.toast-close{background:transparent;border:none;color:var(--color-text-subtle);font-size:var(--fs-xl);line-height:1;padding:var(--sp-1);cursor:pointer;border-radius:var(--radius-sm);min-width:32px;min-height:32px}.toast-close:hover{color:var(--color-text)}.toast-success{border-left:3px solid var(--color-success)}.toast-error{border-left:3px solid var(--color-danger)}.toast-info{border-left:3px solid var(--color-info)}.modal-backdrop{position:fixed;inset:0;z-index:var(--z-modal);background:var(--color-overlay);display:flex;align-items:flex-end;justify-content:center;padding:0;animation:modal-fade var(--dur-base) var(--ease-decelerate)}@media (min-width: 480px){.modal-backdrop{align-items:center;padding:var(--sp-4)}}.modal{width:100%;max-width:480px;max-height:92vh;overflow-y:auto;background:var(--color-bg);border-radius:var(--radius-xl) var(--radius-xl) 0 0;padding:var(--sp-5);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;gap:var(--sp-4);animation:modal-slide var(--dur-base) var(--ease-decelerate)}@media (min-width: 480px){.modal{border-radius:var(--radius-lg);max-height:85vh;animation:modal-fade var(--dur-base) var(--ease-decelerate)}}.modal-title{font-size:var(--fs-xl);font-weight:var(--fw-bold);margin:0}.modal-body{flex:1;min-height:0;font-size:var(--fs-base)}.modal-footer{display:flex;gap:var(--sp-3);justify-content:flex-end;padding-top:var(--sp-2);border-top:1px solid var(--color-border);margin-top:var(--sp-2)}.modal-footer .btn{flex:1}@keyframes modal-fade{0%{opacity:0}to{opacity:1}}@keyframes modal-slide{0%{transform:translateY(24px);opacity:0}to{transform:translateY(0);opacity:1}}.spinner{display:inline-block;width:20px;height:20px;border:2px solid currentColor;border-right-color:transparent;border-radius:var(--radius-circle);animation:spin .7s linear infinite}.spinner-sm{width:14px;height:14px;border-width:2px}.spinner-lg{width:32px;height:32px;border-width:3px}@keyframes spin{to{transform:rotate(360deg)}}.skeleton{display:flex;flex-direction:column;gap:var(--sp-2)}.skeleton-line{height:12px;background:linear-gradient(90deg,var(--color-bg-muted) 0%,var(--color-bg-subtle) 50%,var(--color-bg-muted) 100%);background-size:200% 100%;border-radius:var(--radius-sm);animation:skeleton-shimmer 1.4s ease-in-out infinite}.skeleton-lg{height:20px;width:60%}.skeleton-sm{height:10px;width:40%}.skeleton-card{padding:var(--sp-4)}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-3);padding:var(--sp-10) var(--sp-4);text-align:center}.empty-state h3{font-size:var(--fs-lg);margin:0}.empty-state p{color:var(--color-text-muted);max-width:32ch;line-height:var(--lh-relaxed);margin:0}.list{display:flex;flex-direction:column;gap:var(--sp-3)}.list-loading{display:flex;justify-content:center;padding:var(--sp-6)}.badge{display:inline-flex;align-items:center;padding:2px var(--sp-2);border-radius:var(--radius-pill);font-size:var(--fs-xs);font-weight:var(--fw-medium);line-height:1.4}.badge-success{background:var(--color-success-bg);color:var(--color-success)}.badge-danger{background:var(--color-danger-bg);color:var(--color-danger)}.badge-warning{background:var(--color-warning-bg);color:var(--color-warning)}.badge-info{background:var(--color-info-bg);color:var(--color-info)}.help-list{display:flex;flex-direction:column;gap:var(--sp-2);padding-left:var(--sp-4);list-style:disc}.help-list li{font-size:var(--fs-sm);color:var(--color-text-muted);line-height:var(--lh-relaxed)}details{padding:var(--sp-3) 0;border-bottom:1px solid var(--color-border)}details:last-child{border-bottom:none}details summary{cursor:pointer;font-weight:var(--fw-medium);padding:var(--sp-1) 0;list-style:none;position:relative;padding-right:var(--sp-6)}details summary::-webkit-details-marker{display:none}details summary:after{content:"+";position:absolute;right:0;top:50%;transform:translateY(-50%);color:var(--color-text-muted);font-size:var(--fs-lg);transition:transform var(--dur-fast) var(--ease-standard)}details[open] summary:after{content:"−"}details p{margin-top:var(--sp-2);font-size:var(--fs-sm);line-height:var(--lh-relaxed)}