*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{color:#e2e8f0;background:#0f1117;min-height:100vh;padding:2rem 1rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}#root{max-width:720px;margin:0 auto}h1{color:#f8fafc;margin-bottom:.25rem;font-size:1.5rem;font-weight:600}.subtitle{color:#64748b;margin-bottom:2rem;font-size:.875rem}.progress-bar{background:#1e293b;border-radius:999px;height:6px;margin-bottom:.4rem;overflow:hidden}.progress-fill{background:#3b82f6;border-radius:999px;height:100%;transition:width .3s}.progress-label{color:#64748b;margin-bottom:2rem;font-size:.75rem}.section{margin-bottom:1.75rem}.section-header{align-items:center;gap:.5rem;margin-bottom:.75rem;display:flex}.section-title{letter-spacing:.08em;text-transform:uppercase;color:#475569;font-size:.7rem;font-weight:600}.section-badge{color:#475569;font-size:.7rem}.card-list{flex-direction:column;gap:.5rem;display:flex}.account-card{cursor:pointer;-webkit-user-select:none;user-select:none;background:#1e293b;border:1px solid #273549;border-radius:10px;align-items:center;gap:.75rem;padding:.75rem 1rem;transition:border-color .15s,background .15s;display:flex}.account-card:hover{background:#1e2d40;border-color:#3b82f6}.account-card.done{background:#14241a;border-color:#166534}.checkbox{border:2px solid #334155;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;transition:all .15s;display:flex}.account-card.done .checkbox{background:#22c55e;border-color:#22c55e}.checkmark{color:#fff;font-size:11px;font-weight:700;display:none}.account-card.done .checkmark{display:block}.account-info{flex:1;min-width:0}.account-name{color:#e2e8f0;font-size:.9rem;font-weight:500}.account-card.done .account-name{color:#86efac}.account-note{color:#475569;margin-top:.15rem;font-size:.75rem}.account-url{color:#3b82f6;margin-top:.25rem;font-size:.72rem;text-decoration:none;display:inline-block}.account-url:hover{text-decoration:underline}.tag{letter-spacing:.05em;text-transform:uppercase;border-radius:999px;flex-shrink:0;padding:.2rem .5rem;font-size:.65rem;font-weight:600}.tag-debt{color:#fca5a5;background:#450a0a}.tag-asset{color:#93c5fd;background:#0c1a2e}.tag-card{color:#fcd34d;background:#2d1a00}.tag-sub{color:#c4b5fd;background:#1a0c2e}.add-row{gap:.5rem;margin-top:.5rem;display:flex}.add-row input{color:#e2e8f0;background:#1e293b;border:1px dashed #334155;border-radius:8px;outline:none;flex:1;padding:.5rem .75rem;font-size:.875rem;transition:border-color .15s}.add-row input:focus{border-style:solid;border-color:#3b82f6}.add-row input::placeholder{color:#475569}.add-row button{color:#fff;cursor:pointer;white-space:nowrap;background:#1e40af;border:none;border-radius:8px;padding:.5rem 1rem;font-size:.875rem;transition:background .15s}.add-row button:hover{background:#2563eb}.delete-btn{color:#334155;cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:0 .25rem;font-size:1rem;line-height:1;transition:color .15s}.delete-btn:hover{color:#ef4444}.tab-nav{border-bottom:1px solid #1e293b;gap:.25rem;margin-bottom:2rem;display:flex}.tab-btn{color:#475569;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:.5rem 1rem;font-family:inherit;font-size:.875rem;font-weight:500;transition:color .15s,border-color .15s}.tab-btn:hover{color:#94a3b8}.tab-btn.active{color:#e2e8f0;border-bottom-color:#3b82f6}.summary-cards{grid-template-columns:repeat(3,1fr);gap:.75rem;margin-bottom:1.5rem;display:grid}.summary-card{background:#1e293b;border:1px solid #273549;border-radius:10px;padding:1rem}.summary-label{color:#475569;letter-spacing:.08em;text-transform:uppercase;margin-bottom:.4rem;font-size:.7rem;font-weight:600}.summary-value{color:#f8fafc;font-size:1.4rem;font-weight:600}.summary-value-sm{font-size:1rem}.filter-bar{flex-wrap:wrap;gap:.35rem;margin-bottom:1.5rem;display:flex}.filter-btn{color:#64748b;cursor:pointer;background:#1e293b;border:1px solid #273549;border-radius:6px;padding:.3rem .6rem;font-family:inherit;font-size:.75rem;transition:all .15s}.filter-btn:hover{color:#94a3b8;border-color:#3b82f6}.filter-btn.active{color:#93c5fd;background:#1e3a5f;border-color:#3b82f6}.charts-row{grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.5rem;display:grid}@media (width<=600px){.charts-row,.summary-cards{grid-template-columns:1fr}}.chart-box{background:#1e293b;border:1px solid #273549;border-radius:10px;padding:1rem}.chart-title{color:#475569;letter-spacing:.08em;text-transform:uppercase;margin-bottom:.5rem;font-size:.7rem;font-weight:600}.cat-legend{flex-direction:column;gap:.25rem;max-height:220px;margin-top:.75rem;display:flex;overflow-y:auto}.cat-legend-item{cursor:pointer;border-radius:4px;align-items:center;gap:.5rem;padding:.2rem .4rem;transition:background .1s;display:flex}.cat-legend-item:hover{background:#273549}.cat-legend-item.active{background:#1e3a5f}.cat-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.cat-legend-name{color:#94a3b8;flex:1;font-size:.78rem}.cat-legend-amt{color:#e2e8f0;font-variant-numeric:tabular-nums;font-size:.78rem}.cat-remove-btn{color:#334155;cursor:pointer;background:0 0;border:none;padding:0 .1rem;font-size:.85rem;line-height:1;transition:color .15s}.cat-remove-btn:hover{color:#ef4444}.add-cat-btn{color:#475569;cursor:pointer;background:0 0;border:1px dashed #334155;border-radius:6px;width:100%;margin-top:.6rem;padding:.3rem .6rem;font-family:inherit;font-size:.75rem;transition:all .15s}.add-cat-btn:hover{color:#94a3b8;border-color:#3b82f6}.add-cat-form{border-top:1px solid #1e293b;flex-direction:column;gap:.5rem;margin-top:.75rem;padding-top:.75rem;display:flex}.add-cat-input{color:#e2e8f0;background:#0f1117;border:1px solid #334155;border-radius:6px;outline:none;padding:.35rem .6rem;font-family:inherit;font-size:.8rem;transition:border-color .15s}.add-cat-input:focus{border-color:#3b82f6}.add-cat-input::placeholder{color:#475569}.color-palette{flex-wrap:wrap;gap:.35rem;display:flex}.color-swatch{cursor:pointer;border:2px solid #0000;border-radius:50%;width:20px;height:20px;padding:0;transition:border-color .15s,transform .1s}.color-swatch:hover{transform:scale(1.15)}.color-swatch.selected{border-color:#fff}.add-cat-actions{gap:.4rem;display:flex}.add-cat-confirm{color:#fff;cursor:pointer;background:#1e40af;border:none;border-radius:6px;padding:.3rem .75rem;font-family:inherit;font-size:.78rem;transition:background .15s}.add-cat-confirm:hover{background:#2563eb}.add-cat-cancel{color:#64748b;cursor:pointer;background:0 0;border:1px solid #334155;border-radius:6px;padding:.3rem .75rem;font-family:inherit;font-size:.78rem;transition:all .15s}.add-cat-cancel:hover{color:#94a3b8;border-color:#475569}.active-filters{flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;display:flex}.filter-pill{color:#93c5fd;background:#1e3a5f;border:1px solid #3b82f6;border-radius:999px;align-items:center;gap:.4rem;padding:.25rem .75rem;font-size:.75rem;display:flex}.filter-pill button{color:#93c5fd;cursor:pointer;background:0 0;border:none;padding:0;font-size:.9rem;line-height:1;transition:color .15s}.filter-pill button:hover{color:#ef4444}.txn-section{margin-bottom:2rem}.txn-list{flex-direction:column;gap:.25rem;margin-top:.75rem;display:flex}.txn-row{background:#1e293b;border:1px solid #273549;border-radius:8px;grid-template-columns:62px 1fr 140px 160px 88px 20px;align-items:center;gap:.75rem;padding:.45rem .75rem;font-size:.8rem;display:grid}.txn-header-row{grid-template-columns:62px 1fr 140px 160px 88px 20px;gap:.75rem;padding:.25rem .75rem;display:grid}.txn-delete-btn{color:#0000;cursor:pointer;background:0 0;border:none;padding:0;font-size:1rem;line-height:1;transition:color .15s}.txn-row:hover .txn-delete-btn{color:#475569}.txn-delete-btn:hover{color:#ef4444!important}.txn-col-btn{color:#475569;cursor:pointer;letter-spacing:.06em;text-align:left;text-transform:uppercase;white-space:nowrap;background:0 0;border:none;padding:0;font-family:inherit;font-size:.7rem;font-weight:600;transition:color .15s}.txn-col-btn:hover{color:#94a3b8}.txn-col-btn.sorted{color:#93c5fd}.txn-col-btn:last-child{text-align:right}.sort-arrow{font-size:.8rem}.txn-date{color:#64748b;font-variant-numeric:tabular-nums;white-space:nowrap}.txn-desc{color:#cbd5e1;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.txn-source{color:#475569;text-overflow:ellipsis;white-space:nowrap;font-size:.72rem;overflow:hidden}.txn-cat{cursor:pointer;text-overflow:ellipsis;white-space:nowrap;font-size:.72rem;font-weight:500;overflow:hidden}.txn-cat:hover{text-decoration:underline}.txn-amount{color:#e2e8f0;font-variant-numeric:tabular-nums;text-align:right;font-weight:500}.cat-select{color:#e2e8f0;background:#0f1117;border:1px solid #3b82f6;border-radius:4px;width:100%;padding:.15rem .25rem;font-size:.75rem}.txn-empty{color:#475569;text-align:center;padding:2rem;font-size:.85rem}.login-wrap{justify-content:center;align-items:center;min-height:100vh;padding:1rem;display:flex}.login-card{background:#1e293b;border:1px solid #273549;border-radius:14px;width:100%;max-width:360px;padding:2.5rem 2rem}.login-title{text-align:center;margin-bottom:1.75rem;font-size:1.5rem}.login-form{flex-direction:column;gap:.75rem;display:flex}.login-input{color:#e2e8f0;background:#0f1117;border:1px solid #334155;border-radius:8px;outline:none;padding:.6rem .85rem;font-family:inherit;font-size:.9rem;transition:border-color .15s}.login-input:focus{border-color:#3b82f6}.login-error{color:#fca5a5;text-align:center;font-size:.8rem}.login-btn{color:#fff;cursor:pointer;background:#1e40af;border:none;border-radius:8px;margin-top:.25rem;padding:.65rem;font-family:inherit;font-size:.9rem;font-weight:500;transition:background .15s}.login-btn:hover:not(:disabled){background:#2563eb}.login-btn:disabled{opacity:.6;cursor:not-allowed}.tab-btn-logout{color:#475569;font-size:.78rem}.tab-btn-logout:hover{color:#ef4444}.upload-view{padding-bottom:2rem}.upload-form{flex-direction:column;gap:.75rem;display:flex}.upload-row{flex-wrap:wrap;gap:.5rem;display:flex}.upload-select{color:#e2e8f0;cursor:pointer;background:#1e293b;border:1px solid #273549;border-radius:8px;outline:none;padding:.5rem .75rem;font-family:inherit;font-size:.875rem}.upload-file-label{color:#64748b;cursor:pointer;background:#1e293b;border:1px dashed #334155;border-radius:8px;flex:1;min-width:160px;padding:.5rem .75rem;font-size:.875rem;transition:border-color .15s,color .15s}.upload-file-label:hover{color:#94a3b8;border-color:#3b82f6}.upload-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#1e40af;border:none;border-radius:8px;padding:.5rem 1.25rem;font-family:inherit;font-size:.875rem;transition:background .15s}.upload-btn:hover:not(:disabled){background:#2563eb}.upload-btn:disabled{opacity:.5;cursor:not-allowed}.upload-status{border-radius:6px;padding:.5rem .75rem;font-size:.82rem}.upload-status.ok{color:#86efac;background:#14241a;border:1px solid #166534}.upload-status.info{color:#94a3b8;background:#1a1f2e;border:1px solid #334155}.upload-status.error{color:#fca5a5;background:#450a0a;border:1px solid #7f1d1d}.upload-history-row{background:#1e293b;border:1px solid #273549;border-radius:8px;grid-template-columns:1fr auto auto auto;align-items:center;gap:1rem;padding:.5rem .75rem;font-size:.8rem;display:grid}.upload-history-name{color:#cbd5e1;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.upload-history-source{color:#64748b}.upload-history-count{color:#64748b;white-space:nowrap}.upload-history-date{color:#475569;white-space:nowrap;font-size:.75rem}.debts-view{flex-direction:column;gap:1.5rem;display:flex}.debt-list{flex-direction:column;gap:.5rem;margin-top:.75rem;display:flex}.debt-card{background:#1e293b;border:1px solid #273549;border-radius:8px;align-items:center;gap:1rem;padding:.75rem 1rem;display:flex}.debt-main{align-items:center;gap:.5rem;min-width:160px;display:flex}.debt-name{color:#e2e8f0;font-size:.9rem;font-weight:500}.debt-type-tag{font-size:.65rem}.debt-stats{flex-wrap:wrap;flex:1;gap:1.5rem;display:flex}.debt-stat{flex-direction:column;gap:.1rem;display:flex}.debt-stat-label{color:#475569;text-transform:uppercase;letter-spacing:.04em;font-size:.65rem}.debt-stat-val{color:#cbd5e1;font-variant-numeric:tabular-nums;font-size:.85rem}.debt-actions{align-items:center;gap:.5rem;margin-left:auto;display:flex}.debt-edit-btn{color:#93c5fd;cursor:pointer;background:#1e3a5f;border:1px solid #2d5a8e;border-radius:5px;padding:.25rem .6rem;font-size:.75rem}.debt-edit-btn:hover{background:#2d5a8e}.debt-delete-btn{color:#475569;cursor:pointer;background:0 0;border:none;padding:0 .25rem;font-size:1.1rem;line-height:1}.debt-delete-btn:hover{color:#ef4444}.debt-form{background:#1e293b;border:1px solid #3b82f6;border-radius:8px;flex-wrap:wrap;align-items:center;gap:.5rem;padding:.75rem 1rem;display:flex}.debt-form-input,.debt-form-select{color:#e2e8f0;background:#0f172a;border:1px solid #334155;border-radius:5px;padding:.35rem .6rem;font-size:.8rem}.debt-form-input{width:140px}.debt-form-select{width:110px}.debt-form-input:focus,.debt-form-select:focus{border-color:#3b82f6;outline:none}.debt-form-actions{gap:.5rem;margin-left:auto;display:flex}.extra-payment-row{align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.extra-payment-label{color:#64748b;font-size:.8rem}.extra-payment-input{color:#e2e8f0;background:#1e293b;border:1px solid #334155;border-radius:5px;width:120px;padding:.35rem .75rem;font-size:.85rem}.extra-payment-input:focus{border-color:#3b82f6;outline:none}.strategy-grid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.strategy-col{background:#1e293b;border:1px solid #273549;border-radius:10px;padding:1rem}.strategy-col-highlight{border-color:#22c55e}.strategy-title{color:#e2e8f0;align-items:center;gap:.5rem;font-size:.9rem;font-weight:600;display:flex}.strategy-badge{color:#86efac;background:#14532d;border-radius:4px;padding:.1rem .4rem;font-size:.65rem;font-weight:500}.strategy-subtitle{color:#475569;margin:.25rem 0 .75rem;font-size:.75rem}.strategy-stats{gap:1.5rem;margin-bottom:.75rem;display:flex}.strategy-stat{flex-direction:column;gap:.1rem;display:flex}.strategy-stat span{color:#475569;text-transform:uppercase;letter-spacing:.04em;font-size:.65rem}.strategy-stat strong{color:#cbd5e1;font-size:.9rem}.strategy-order{flex-direction:column;gap:.35rem;display:flex}.strategy-item{align-items:center;gap:.6rem;font-size:.8rem;display:flex}.strategy-num{color:#64748b;background:#0f172a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-size:.7rem;display:flex}.strategy-name{color:#cbd5e1;flex:1}.strategy-detail{color:#475569;white-space:nowrap;font-size:.75rem}.strategy-summary{text-align:center;color:#64748b;margin-top:1rem;font-size:.85rem}.strategy-summary strong{color:#93c5fd}.debt-daily-interest{color:#f59e0b}.debt-savings{color:#4ade80}.debt-import-label{color:#64748b;cursor:pointer;white-space:nowrap;background:#1e293b;border:1px solid #334155;border-radius:6px;padding:.3rem .6rem;font-size:.75rem}.debt-import-label:hover{color:#94a3b8;border-color:#475569}.plaid-connect-btn{color:#fff;cursor:pointer;background:#1d4ed8;border:none;border-radius:6px;padding:.35rem .75rem;font-size:.8rem}.plaid-connect-btn:hover:not(:disabled){background:#2563eb}.plaid-connect-btn:disabled{opacity:.5;cursor:default}.plaid-institution-row{background:#1e293b;border:1px solid #273549;border-radius:8px;grid-template-columns:1fr auto auto auto auto;align-items:center;gap:1rem;padding:.5rem .75rem;font-size:.8rem;display:grid}.plaid-inst-name{color:#e2e8f0;font-weight:500}.plaid-inst-accounts{color:#64748b;white-space:nowrap}.plaid-inst-synced{color:#475569;white-space:nowrap;font-size:.75rem}.plaid-sync-btn{color:#93c5fd;cursor:pointer;white-space:nowrap;background:#1e3a5f;border:1px solid #2d5a8e;border-radius:5px;padding:.25rem .6rem;font-size:.75rem}.plaid-sync-btn:hover:not(:disabled){background:#2d5a8e}.plaid-sync-btn:disabled{opacity:.5;cursor:default}.settings-gear-btn{color:#475569;cursor:pointer;background:0 0;border:none;margin-left:auto;padding:.1rem .3rem;font-size:1.1rem;line-height:1}.settings-gear-btn:hover{color:#94a3b8}.settings-overlay{z-index:100;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.settings-modal{background:#1e293b;border:1px solid #334155;border-radius:12px;width:340px;max-height:80vh;padding:1.5rem;overflow-y:auto}.settings-header{justify-content:space-between;align-items:center;margin-bottom:1.25rem;display:flex}.settings-title{color:#f1f5f9;font-size:1rem;font-weight:600}.settings-close{color:#64748b;cursor:pointer;background:0 0;border:none;font-size:1.3rem;line-height:1}.settings-close:hover{color:#e2e8f0}.settings-section-label{text-transform:uppercase;letter-spacing:.08em;color:#475569;margin-bottom:.5rem;font-size:.7rem;font-weight:600}.settings-list{flex-direction:column;gap:.4rem;display:flex}.settings-toggle{cursor:pointer;color:#cbd5e1;align-items:center;gap:.5rem;padding:.25rem 0;font-size:.85rem;display:flex}.settings-toggle input[type=checkbox]{accent-color:#3b82f6;cursor:pointer;width:15px;height:15px}.settings-toggle:hover{color:#f1f5f9}.year-select{color:#e2e8f0;cursor:pointer;background:#1e293b;border:1px solid #334155;border-radius:6px;padding:.3rem .5rem;font-size:.8rem}.year-select:focus{border-color:#3b82f6;outline:none}.filter-bar-divider{background:#334155;align-self:stretch;width:1px;margin:0 .25rem}.plaid-institution-block{background:#1e293b;border:1px solid #273549;border-radius:8px;overflow:hidden}.plaid-institution-block .plaid-institution-row{background:0 0;border:none;border-bottom:1px solid #273549;border-radius:0;grid-template-columns:1fr auto auto auto}.plaid-institution-block .plaid-institution-row:last-child{border-bottom:none}.plaid-accounts-list{flex-direction:column;gap:.35rem;padding:.5rem .75rem;display:flex}.plaid-account-toggle{cursor:pointer;color:#94a3b8;align-items:center;gap:.6rem;padding:.2rem 0;font-size:.8rem;display:flex}.plaid-account-toggle input[type=checkbox]{accent-color:#3b82f6;cursor:pointer;width:14px;height:14px}.plaid-acct-name{color:#cbd5e1;flex:1;font-weight:500}.plaid-acct-mask{color:#475569;font-family:monospace;font-size:.75rem}.plaid-acct-type{color:#475569;text-transform:capitalize;font-size:.75rem}