.sidebar{background:var(--ink-navy);color:var(--paper-on-navy);padding:var(--sp-5) var(--sp-4);gap:var(--sp-6);flex-direction:column;display:flex}@media (width<=860px){.sidebar{padding:var(--sp-3) var(--sp-4);flex-direction:row;justify-content:space-between;align-items:center}}.sidebar-brand{align-items:center;gap:var(--sp-3);display:flex}.sidebar-brand-mark{border-radius:var(--r-sm);background:var(--brass);width:34px;height:34px;color:var(--ink-navy);font-family:var(--font-mono);font-weight:700;font-size:var(--text-lg);flex-shrink:0;justify-content:center;align-items:center;display:flex}.sidebar-brand-title{font-family:var(--font-head);font-size:var(--text-sm);font-weight:600}.sidebar-brand-sub{font-family:var(--font-mono);font-size:var(--text-2xs);color:#f6f2e98c}@media (width<=860px){.sidebar-brand-sub{display:none}}.sidebar-nav{gap:var(--sp-1);flex-direction:column;display:flex}@media (width<=860px){.sidebar-nav{flex-direction:row}}.sidebar-link{align-items:center;gap:var(--sp-3);padding:var(--sp-2) var(--sp-3);border-radius:var(--r-sm);color:#f6f2e9b8;font-size:var(--text-sm);text-decoration:none;transition:background .12s,color .12s;display:flex}.sidebar-link:hover{color:var(--paper-on-navy);background:#f6f2e914}.sidebar-link.is-active{background:var(--paper-on-navy);color:var(--ink-navy);font-weight:600}@media (width<=860px){.sidebar-link span{display:none}}.txn-card{background:var(--paper-raised);border:1px solid var(--line);border-left:3px solid var(--line);border-radius:var(--r-sm);transition:border-color .12s}.txn-card--duplicate{border-left-color:var(--brass)}.txn-card-row{align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);cursor:pointer;grid-template-columns:32px 1fr auto 18px;display:grid}@media (width<=640px){.txn-card-row{grid-template-columns:28px 1fr 18px}.txn-amount-block{grid-column:2/3;align-items:flex-start!important}}.txn-source-badge{border-radius:var(--r-sm);background:var(--jade-soft);width:32px;height:32px;color:var(--jade);flex-shrink:0;justify-content:center;align-items:center;display:flex}.txn-main{min-width:0}.txn-main-top{align-items:center;gap:var(--sp-2);display:flex}.txn-recipient{font-weight:600;font-size:var(--text-sm);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.txn-dup-flag{font-size:var(--text-2xs);color:var(--brass);background:var(--brass-soft);border-radius:999px;flex-shrink:0;align-items:center;gap:4px;padding:2px 6px;display:inline-flex}.txn-meta{font-size:var(--text-xs);color:var(--ink-soft);margin-top:2px}.txn-amount-block{text-align:right;flex-direction:column;align-items:flex-end;display:flex}.txn-amount{font-size:var(--text-base);font-weight:600}.txn-amount-fx{font-size:var(--text-2xs);color:var(--ink-faint)}.txn-chevron{color:var(--ink-faint);transition:transform .15s}.txn-chevron.is-open{transform:rotate(180deg)}.txn-edit{padding:0 var(--sp-4) var(--sp-4);border-top:1px solid var(--line);margin-top:var(--sp-1);padding-top:var(--sp-4)}.txn-edit-grid{gap:var(--sp-3);grid-template-columns:1fr 1fr;display:grid}@media (width<=640px){.txn-edit-grid{grid-template-columns:1fr}}.txn-field{font-size:var(--text-xs);color:var(--ink-soft);flex-direction:column;gap:4px;display:flex}.txn-field--wide{grid-column:1/-1}.txn-field input{border:1px solid var(--line);border-radius:var(--r-sm);padding:var(--sp-2) var(--sp-3);background:var(--paper);color:var(--ink)}.txn-field input:focus{border-color:var(--ink-navy)}.txn-error{color:var(--clay);font-size:var(--text-xs);margin-top:var(--sp-3)}.txn-edit-actions,.txn-quick-actions{justify-content:flex-end;gap:var(--sp-2);margin-top:var(--sp-4);display:flex}.txn-quick-actions{padding:0 var(--sp-4) var(--sp-3);margin-top:0}.txn-btn{border-radius:var(--r-sm);padding:var(--sp-2) var(--sp-4);font-size:var(--text-xs);border:1px solid #0000;align-items:center;gap:6px;font-weight:600;display:inline-flex}.txn-btn--primary{background:var(--jade);color:var(--paper-on-navy)}.txn-btn--primary:hover{background:#285d4f}.txn-btn--primary:disabled{opacity:.6;cursor:default}.txn-btn--ghost{border-color:var(--line);color:var(--ink-soft);background:0 0}.txn-btn--ghost:hover{background:var(--paper)}.status-state{text-align:center;align-items:center;gap:var(--sp-2);color:var(--ink-faint);padding:var(--sp-7) var(--sp-4);flex-direction:column;display:flex}.status-state-title{font-size:var(--text-sm);color:var(--ink-soft);margin:0;font-weight:600}.status-state-hint{font-size:var(--text-xs);max-width:320px;margin:0}.page-header{justify-content:space-between;align-items:flex-start;gap:var(--sp-4);margin-bottom:var(--sp-2);display:flex}.page-header h1{font-size:var(--text-xl)}.page-sub{color:var(--ink-soft);font-size:var(--text-sm);margin:var(--sp-1) 0 0;max-width:46ch}.refresh-btn{background:var(--paper-raised);border:1px solid var(--line);border-radius:var(--r-sm);padding:var(--sp-2) var(--sp-3);font-size:var(--text-xs);color:var(--ink-soft);flex-shrink:0;align-items:center;gap:6px;font-weight:600;display:inline-flex}.refresh-btn:hover{border-color:var(--ink-navy);color:var(--ink)}.refresh-btn:disabled{opacity:.6}.spin{animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.pending-summary{align-items:center;gap:var(--sp-2);font-size:var(--text-xs);color:var(--ink-faint);margin-bottom:var(--sp-4);display:flex}.pending-summary-dot{opacity:.6}.txn-list{gap:var(--sp-3);flex-direction:column;display:flex}.acct-card{background:var(--paper-raised);border:1px solid var(--line);border-left:3px solid var(--line);border-radius:var(--r-sm);grid-column:span 2}@media (width<=640px){.acct-card{grid-column:span 2}}.acct-card--inactive{opacity:.6;border-left-color:var(--clay)}.acct-card-row{align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);cursor:pointer;grid-template-columns:32px 1fr 18px;display:grid}.acct-icon{border-radius:var(--r-sm);background:var(--jade-soft);width:32px;height:32px;color:var(--jade);flex-shrink:0;justify-content:center;align-items:center;display:flex}.acct-main{min-width:0}.acct-name{font-weight:600;font-size:var(--text-sm);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.acct-meta{font-size:var(--text-xs);color:var(--ink-soft);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;overflow:hidden}.acct-chevron{color:var(--ink-faint);transition:transform .15s}.acct-chevron.is-open{transform:rotate(180deg)}.acct-edit{padding:0 var(--sp-4) var(--sp-4);border-top:1px solid var(--line);margin-top:var(--sp-1);padding-top:var(--sp-4)}.acct-edit-grid{gap:var(--sp-3);grid-template-columns:1fr 1fr;display:grid}@media (width<=640px){.acct-edit-grid{grid-template-columns:1fr}}.acct-field{font-size:var(--text-xs);color:var(--ink-soft);flex-direction:column;gap:4px;display:flex}.acct-field input,.acct-field select{border:1px solid var(--line);border-radius:var(--r-sm);padding:var(--sp-2) var(--sp-3);background:var(--paper);color:var(--ink);font-family:inherit;font-size:var(--text-sm)}.acct-field input:focus,.acct-field select:focus{border-color:var(--ink-navy)}.acct-error{color:var(--clay);font-size:var(--text-xs);margin-top:var(--sp-3)}.acct-edit-actions{justify-content:space-between;gap:var(--sp-2);margin-top:var(--sp-4);display:flex}.acct-btn{border-radius:var(--r-sm);padding:var(--sp-2) var(--sp-4);font-size:var(--text-xs);border:1px solid #0000;align-items:center;gap:6px;font-weight:600;display:inline-flex}.acct-btn--primary{background:var(--jade);color:var(--paper-on-navy)}.acct-btn--primary:hover{background:#285d4f}.acct-btn--primary:disabled{opacity:.6;cursor:default}.acct-btn--ghost{border-color:var(--line);color:var(--ink-soft);background:0 0}.acct-btn--ghost:hover{border-color:var(--clay);color:var(--clay)}.acct-add-card{border:1px dashed var(--line);border-radius:var(--r-sm);color:var(--ink-soft);justify-content:center;align-items:center;gap:var(--sp-2);padding:var(--sp-4);min-height:64px;font-size:var(--text-sm);background:0 0;grid-column:span 2;font-weight:600;display:flex}.acct-add-card:hover{border-color:var(--jade);color:var(--jade)}.acct-add-card--open{text-align:left;border-style:solid;border-color:var(--jade);background:var(--paper-raised);padding:var(--sp-4);cursor:default;display:block}.acct-add-card--open:hover{color:var(--ink-soft)}.acct-add-header{font-size:var(--text-sm);color:var(--ink);margin-bottom:var(--sp-4);justify-content:space-between;align-items:center;font-weight:600;display:flex}.acct-add-close{color:var(--ink-faint);border-radius:var(--r-sm);background:0 0;border:none;padding:4px}.acct-add-close:hover{background:var(--paper);color:var(--ink)}.bento-card{border-radius:var(--r-md);padding:var(--sp-4)}.bento-card--default{background:var(--paper-raised);border:1px solid var(--line)}.bento-card--hero{background:var(--ink-navy);color:var(--paper-on-navy);border-radius:var(--r-lg);box-shadow:var(--shadow-hero);padding:var(--sp-5)}.bento-card--flat{background:0 0;border:none;padding:0}.stat-label{font-size:var(--text-xs);color:var(--ink-soft)}.bento-card--hero .stat-label{color:#f6f2e9b3}.stat-value{font-size:var(--text-2xl);margin-top:var(--sp-2);font-weight:600}.stat-sub{font-size:var(--text-xs);color:#f6f2e999;margin-top:var(--sp-1)}.stat-value-sm{font-size:var(--text-lg);margin-top:var(--sp-2);color:var(--ink);font-weight:600}.chart-header{font-size:var(--text-sm);color:var(--ink);margin-bottom:var(--sp-3);font-weight:600}.chart-wrap{margin:0 calc(var(--sp-2) * -1) 0 calc(var(--sp-4) * -1)}.history-header{justify-content:space-between;align-items:center;gap:var(--sp-3);margin-bottom:var(--sp-4);flex-wrap:wrap;display:flex}.history-header .chart-header{margin-bottom:0}.history-controls{align-items:center;gap:var(--sp-2);display:flex}.ov-month-input{border:1px solid var(--line);border-radius:var(--r-sm);padding:6px var(--sp-3);background:var(--paper);color:var(--ink);font-size:var(--text-xs)}.ov-btn{border-radius:var(--r-sm);padding:6px var(--sp-3);font-size:var(--text-xs);border:1px solid var(--line);color:var(--ink-soft);background:0 0;align-items:center;gap:6px;font-weight:600;display:inline-flex}.ov-btn:hover{border-color:var(--ink-navy);color:var(--ink)}.ov-btn:disabled{opacity:.5;cursor:default}.upload-panel{gap:var(--sp-4);flex-direction:column;max-width:560px;display:flex}.upload-panel .acct-field select{max-width:360px}.upload-drop{border:1px dashed var(--line);border-radius:var(--r-md);background:var(--paper-raised);cursor:pointer;justify-content:center;align-items:center;min-height:160px;display:flex;overflow:hidden}.upload-drop:hover{border-color:var(--jade)}.upload-drop-empty{align-items:center;gap:var(--sp-2);color:var(--ink-faint);font-size:var(--text-sm);padding:var(--sp-6);text-align:center;flex-direction:column;display:flex}.upload-preview{max-width:100%;max-height:360px;display:block}.upload-hint{font-size:var(--text-xs);color:var(--clay)}.upload-draft{background:var(--paper-raised);border:1px solid var(--line);border-radius:var(--r-md);padding:var(--sp-4)}.upload-done{align-items:center;gap:var(--sp-3);color:var(--jade);padding:var(--sp-7) var(--sp-4);text-align:center;flex-direction:column;display:flex}.upload-done p{color:var(--ink-soft);font-size:var(--text-sm);max-width:360px;margin:0}:root{--paper:#eef0e6;--paper-raised:#f8f9f2;--ink:#1e2a26;--ink-soft:#52605a;--ink-faint:#8b9690;--line:#d3d7c8;--jade:#2f6f5e;--jade-soft:#e2ede8;--clay:#a8502f;--clay-soft:#f2e4dc;--brass:#ad7a2c;--brass-soft:#f1e6d2;--ink-navy:#14213d;--paper-on-navy:#f6f2e9;--font-head:"Space Grotesk", "Segoe UI", system-ui, sans-serif;--font-body:"Inter", "Segoe UI", system-ui, sans-serif;--font-mono:"IBM Plex Mono", "SFMono-Regular", Consolas, monospace;--text-2xs:.6875rem;--text-xs:.8125rem;--text-sm:.9375rem;--text-base:1rem;--text-lg:1.25rem;--text-xl:1.75rem;--text-2xl:2.5rem;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:24px;--sp-6:32px;--sp-7:48px;--r-sm:6px;--r-md:10px;--r-lg:18px;--shadow-card:0 1px 2px #1e2a260f;--shadow-hero:0 8px 24px #14213d29}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--paper);color:var(--ink);font-family:var(--font-body);font-size:var(--text-base);-webkit-font-smoothing:antialiased;margin:0;line-height:1.5}h1,h2,h3,h4{font-family:var(--font-head);color:var(--ink);letter-spacing:-.01em;margin:0}button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}button{cursor:pointer}a{color:inherit}:focus-visible{outline:2px solid var(--ink-navy);outline-offset:2px}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.app-shell{grid-template-columns:220px 1fr;min-height:100%;display:grid}@media (width<=860px){.app-shell{grid-template-columns:1fr}}.main-scroll{padding:var(--sp-6) var(--sp-6) var(--sp-7);width:100%;max-width:1080px}@media (width<=640px){.main-scroll{padding:var(--sp-4)}}.bento{gap:var(--sp-4);grid-template-columns:repeat(4,1fr);display:grid}@media (width<=640px){.bento{grid-template-columns:repeat(2,1fr)}}.bento-span-4{grid-column:span 4}.bento-span-3{grid-column:span 3}.bento-span-2{grid-column:span 2}.bento-span-1{grid-column:span 1}@media (width<=640px){.bento-span-4,.bento-span-3,.bento-span-2,.bento-span-1{grid-column:span 2}}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--line);border-radius:8px}::-webkit-scrollbar-track{background:0 0}