.app-shell{min-height:100%}.nav-link{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);color:var(--ink-2);text-decoration:none;white-space:nowrap}.nav-link svg{flex:none}.nav-link--active{color:var(--accent);background:var(--accent-soft)}.sidebar{display:none}.sidebar-brand{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);margin-bottom:var(--space-4)}.sidebar-brand-mark{width:20px;height:20px;border-radius:6px;background:var(--accent);flex:none}.sidebar-brand-name{font-weight:600;font-size:15px}.sidebar-nav{display:flex;flex-direction:column;gap:var(--space-1);flex:1}.sidebar-logout{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);border:none;background:transparent;color:var(--ink-2);cursor:pointer;font-size:14px;white-space:nowrap}.sidebar-logout:hover{background:var(--surface-2);color:var(--ink)}.topnav{display:none}.topnav-brand{font-weight:600;font-size:15px;flex:none}.topnav-nav{display:flex;align-items:center;gap:var(--space-2);flex:1;justify-content:center}.topnav-nav .nav-link{flex-direction:column;gap:2px;padding:var(--space-1) var(--space-2);font-size:11px}.topnav-label{font-size:11px}.topnav-logout{flex:none;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-sm);border:none;background:transparent;color:var(--ink-2);cursor:pointer}.topnav-logout:hover{background:var(--surface-2);color:var(--ink)}.tabbar{position:fixed;left:0;right:0;bottom:0;z-index:20;display:flex;background:var(--surface);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom,0px)}.tabbar .nav-link{flex:1;flex-direction:column;gap:2px;padding:var(--space-2) var(--space-1);border-radius:0;font-size:11px;justify-content:center}.tabbar-label{font-size:10.5px}.app-content{padding:var(--space-4);padding-bottom:calc(var(--tabbar-h) + env(safe-area-inset-bottom,0px) + var(--space-4));max-width:1400px;margin:0 auto}@media(min-width:700px){.tabbar{display:none}.topnav{position:fixed;top:0;left:0;right:0;z-index:20;display:flex;align-items:center;gap:var(--space-4);height:var(--topnav-h);padding:0 var(--space-4);background:var(--surface);border-bottom:1px solid var(--line)}.app-content{padding-top:calc(var(--topnav-h) + var(--space-4));padding-bottom:var(--space-4)}}@media(min-width:1000px){.topnav{display:none}.sidebar{display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;z-index:20;width:var(--sidebar-w-compact);padding:var(--space-4) var(--space-2);background:var(--surface);border-right:1px solid var(--line)}.sidebar-brand-name{display:none}.sidebar .nav-link{flex-direction:column;gap:2px;padding:var(--space-2) var(--space-1);font-size:10.5px;text-align:center}.sidebar .nav-link-label{font-size:10.5px}.sidebar-logout{flex-direction:column;gap:2px;font-size:10.5px;text-align:center}.app-content{padding-top:var(--space-4);padding-left:calc(var(--sidebar-w-compact) + var(--space-4))}}@media(min-width:1400px){.sidebar{width:var(--sidebar-w-full);padding:var(--space-5) var(--space-4)}.sidebar-brand-name{display:inline}.sidebar .nav-link{flex-direction:row;gap:var(--space-3);padding:var(--space-2) var(--space-3);font-size:14px;text-align:left}.sidebar .nav-link-label{font-size:14px}.sidebar-logout{flex-direction:row;gap:var(--space-3);font-size:14px;text-align:left}.app-content{padding-left:calc(var(--sidebar-w-full) + var(--space-6));padding-right:var(--space-6)}}.login-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-6);background:var(--bg)}.login-card{width:100%;max-width:360px}.login-brand{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-6)}.login-brand-mark{width:22px;height:22px;border-radius:6px;background:var(--accent)}.login-brand-name{font-weight:600;font-size:15px;color:var(--ink-2)}.login-title{font-size:20px;font-weight:600;margin-bottom:var(--space-5)}.login-form{display:flex;flex-direction:column;gap:var(--space-4)}.login-field{display:flex;flex-direction:column;gap:var(--space-2)}.login-field-label{font-size:13px;color:var(--ink-2)}.login-field input{font-family:var(--font-sans);font-size:15px;padding:10px 12px;border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--surface);color:var(--ink)}.login-field input:focus{outline:2px solid var(--accent);outline-offset:1px}.login-error{font-size:13px;color:var(--neg)}.login-submit{margin-top:var(--space-2);padding:11px 16px;border-radius:var(--radius-sm);border:none;background:var(--accent);color:var(--surface);font-size:15px;font-weight:600;cursor:pointer}.login-submit:disabled{opacity:.6;cursor:default}.login-submit:not(:disabled):hover{filter:brightness(.95)}.page-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:20px}.page-title{font-size:26px;font-weight:700;letter-spacing:-.02em;margin:0}.page-subtitle{margin:0;color:var(--ink-3);font-size:14px}.page-actions{display:flex;gap:8px;flex-wrap:wrap}.grid-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:14px}.grid-cards--two{grid-template-columns:repeat(2,1fr)}.stack{display:flex;flex-direction:column;gap:14px}@media(max-width:1100px){.grid-cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:699px){.grid-cards,.grid-cards--two{grid-template-columns:1fr}.page-title{font-size:22px}}.stat-label{display:block;font-size:12px;color:var(--ink-3);letter-spacing:.02em;margin-bottom:6px}.stat-hero{display:block;font-size:40px;font-weight:700;letter-spacing:-.03em;line-height:1.05;color:var(--accent)}.stat-medium{display:block;font-size:24px;font-weight:650;letter-spacing:-.02em;line-height:1.15}.stat-note{display:block;margin-top:6px;font-size:13px;color:var(--ink-2)}.stat-positive{color:var(--pos)}.stat-negative{color:var(--neg)}.hero-card{margin-bottom:14px}.hero-row{display:flex;gap:32px;align-items:flex-start;flex-wrap:wrap}.hero-main{flex:1 1 220px}.hero-side{flex:0 1 200px}@media(max-width:699px){.stat-hero{font-size:34px}.hero-row{gap:20px}}.card-toggle{display:block;width:100%;text-align:left;background:none;border:0;padding:0;color:inherit;font:inherit;cursor:pointer}.card-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:6px}.week-strip{display:flex;gap:6px;margin-top:20px}.week-day{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px}.week-day-label{font-size:11px;color:var(--ink-3)}.week-day-bar{width:100%;height:4px;border-radius:3px;background:var(--surface-2)}.week-day--past .week-day-bar{background:var(--line)}.week-day--today .week-day-bar{background:var(--accent)}.week-day--today .week-day-label{color:var(--accent);font-weight:600}.chart-card{margin-bottom:14px}.sparkline{display:block;width:100%;margin-top:12px}.sparkline-bar{fill:var(--line)}.sparkline-bar--current{fill:var(--accent)}.mini-list{list-style:none;margin:14px 0 0;padding:0;border-top:1px solid var(--line)}.mini-row{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:9px 0;border-bottom:1px solid var(--line);font-size:14px}.mini-row:last-child{border-bottom:0}.day-group{margin-bottom:8px}.day-heading{font-size:12px;color:var(--ink-3);padding:14px 0 6px;border-bottom:1px solid var(--line)}.txn-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 12px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line)}.txn-main{min-width:0}.txn-merchant{display:block;font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.txn-meta{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:4px;font-size:12px;color:var(--ink-3)}.txn-amount{font-size:15px;font-weight:600;white-space:nowrap}.txn-amount--income{color:var(--pos)}.txn-actions{display:flex;gap:6px}.control-row{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:14px}.field{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--ink-3)}select,input[type=text],input[type=number],input[type=date],input[type=search]{font:inherit;font-size:14px;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:7px 10px;min-width:0}select:focus-visible,input:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.select-inline{width:auto;border:0;background:none;padding:0 14px 0 0;font-size:12px;color:var(--ink-3);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--ink-3) 50%),linear-gradient(135deg,var(--ink-3) 50%,transparent 50%);background-position:right 6px center,right 2px center;background-size:4px 4px,4px 4px;background-repeat:no-repeat}.btn{font:inherit;font-size:14px;padding:8px 14px;border-radius:8px;border:1px solid var(--line);background:var(--surface);color:var(--ink);cursor:pointer}.btn:hover{border-color:var(--ink-3)}.btn--primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn--primary:hover{opacity:.92}.btn--quiet{border-color:transparent;background:none;color:var(--ink-2);padding:4px 8px;font-size:12px}.btn--quiet:hover{color:var(--ink);border-color:var(--line)}.btn:disabled{opacity:.5;cursor:default}.checkbox-row{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--ink-2)}.badge{display:inline-block;padding:1px 7px;border-radius:100px;font-size:11px;background:var(--accent-soft);color:var(--accent)}.tag{display:inline-block;padding:2px 8px;border-radius:100px;font-size:11px;border:1px solid var(--line);color:var(--ink-2)}.tag--ok{color:var(--pos);border-color:var(--pos)}.tag--warn{color:var(--neg);border-color:var(--neg)}.dropzone{border:1.5px dashed var(--line);border-radius:12px;padding:22px;text-align:center;color:var(--ink-2);font-size:14px;background:var(--surface-2);cursor:pointer}.dropzone--active{border-color:var(--accent);color:var(--accent)}.dropzone input{display:none}.empty-note{margin:12px 0 0;color:var(--ink-2);font-size:14px}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;margin-top:12px}.form-actions{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}.error-note{margin-top:10px;font-size:13px;color:var(--neg)}.loan-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap}.loan-name{font-size:17px;font-weight:600}.loan-meta{margin-top:4px;font-size:13px;color:var(--ink-2);display:flex;gap:10px;flex-wrap:wrap}.loan-figures{display:flex;gap:16px 44px;flex-wrap:wrap;margin:14px 0 16px}.loan-figures>div{min-width:120px}.insight{margin-top:14px;padding:10px 12px;border-radius:8px;background:var(--accent-soft);color:var(--ink);font-size:13px}.slider{width:100%;accent-color:var(--accent);margin-top:8px}.goal-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:12px}.goal-head+.progress-bar{margin-bottom:12px}.goal-name{font-size:16px;font-weight:600}.lock-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:24px;background:var(--bg)}.lock-card{display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center}.lock-mark{color:var(--accent)}.lock-title{margin:0;font-size:22px;font-weight:700;letter-spacing:-.02em}.lock-amount{margin:0;font-size:34px;letter-spacing:.12em;color:var(--ink-3)}.lock-error{margin:0;font-size:13px;color:var(--neg)}:root{--bg: #f6f5f2;--surface: #fff;--surface-2: #efeeea;--ink: #1b1d1c;--ink-2: #62666a;--ink-3: #9a9ea1;--line: #e2e1dc;--accent: #0a7c66;--accent-soft: #e3f0ec;--pos: #2e8f63;--neg: #b4544a;--font-sans: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", sans-serif;--radius-card: 12px;--radius-sm: 8px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--sidebar-w-full: 220px;--sidebar-w-compact: 72px;--topnav-h: 56px;--tabbar-h: 58px;color-scheme:light}@media(prefers-color-scheme:dark){:root:not(.theme-light){--bg: #131514;--surface: #1c1f1e;--surface-2: #232726;--ink: #edeeec;--ink-2: #a2a7a4;--ink-3: #6c716e;--line: #2b2f2d;--accent: #4fc9a4;--accent-soft: #1c2f2a;--pos: #5cba8e;--neg: #d07a71;color-scheme:dark}}:root.theme-dark{--bg: #131514;--surface: #1c1f1e;--surface-2: #232726;--ink: #edeeec;--ink-2: #a2a7a4;--ink-3: #6c716e;--line: #2b2f2d;--accent: #4fc9a4;--accent-soft: #1c2f2a;--pos: #5cba8e;--neg: #d07a71;color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font-sans);font-size:15px;line-height:1.45;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3,p{margin:0}a{color:inherit}button{font-family:inherit}img,svg{display:block;max-width:100%}.tabular-nums,.money{font-variant-numeric:tabular-nums}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}::selection{background:var(--accent-soft);color:var(--ink)}.page{display:flex;flex-direction:column;gap:var(--space-4)}.page-title{font-size:22px;font-weight:600}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-card);padding:var(--space-5)}.progress-bar{width:100%;height:6px;border-radius:999px;background:var(--surface-2);overflow:hidden}.progress-bar-fill{height:100%;border-radius:inherit;background:var(--accent);transition:width .3s ease}.skeleton{position:relative;display:block;border-radius:var(--radius-sm);background:var(--surface-2);overflow:hidden}.skeleton:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--ink) 8%,transparent),transparent);animation:skeleton-shimmer 1.4s ease-in-out infinite}@keyframes skeleton-shimmer{to{transform:translate(100%)}}@media(prefers-reduced-motion:reduce){.skeleton:after{animation:none}}