:root{--bg:#faf7f2;--surface:#f0ebe3;--surface2:#e8e0d4;--border:#d4cbbf;--text:#3d3429;--muted:#7a6f62;--dim:#a89e92;--sage:#6b8f71;--sage-dark:#537a59;--sage-light:#e8f0e9;--bark:#8b6f5c;--bark-light:#a08776;--amber:#b8943e;--amber-light:#faf3e0;--rose:#c97070;--rose-light:#fae8e8;--linen:#f5f0e8;--green:#5a8a5e;--red:#c45a4a;--heading:"Cormorant Garamond", Georgia, serif;--body:"Work Sans", -apple-system, sans-serif;--radius:12px;--max-width:680px;--shadow:0 2px 8px #5c4a3a0f}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);min-height:100vh;color:var(--text);font-family:var(--body);-webkit-font-smoothing:antialiased;font-size:15px;line-height:1.6}#root{min-height:100vh}.loading-container{background:var(--bg);justify-content:center;align-items:center;height:100vh;display:flex}.loading-text{font-family:var(--heading);color:var(--bark);opacity:.6;font-size:24px;font-weight:500;animation:1.5s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:.3}50%{opacity:.8}}.login-container{background:var(--bg);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.login-card{text-align:center;width:100%;max-width:360px}.login-title{font-family:var(--heading);color:var(--bark);margin-bottom:4px;font-size:32px;font-weight:500}.login-subtitle{color:var(--muted);margin-bottom:32px;font-size:14px;font-weight:300}.login-form{flex-direction:column;gap:12px;display:flex}.input{border:1px solid var(--border);width:100%;font-family:var(--body);color:var(--text);background:#fff;border-radius:8px;outline:none;padding:12px 16px;font-size:15px;transition:border-color .2s}.input:focus{border-color:var(--sage)}.input::placeholder{color:var(--dim)}.btn-primary{background:var(--sage);color:#fff;font-family:var(--body);cursor:pointer;border:none;border-radius:8px;padding:12px 20px;font-size:14px;font-weight:500;transition:opacity .2s}.btn-primary:hover{opacity:.9}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-ghost{border:1px solid var(--border);font-family:var(--body);color:var(--muted);cursor:pointer;background:0 0;border-radius:8px;padding:6px 14px;font-size:12px;transition:border-color .2s}.btn-ghost:hover{border-color:var(--muted)}.error-text{color:var(--rose);text-align:left;font-size:13px}.dashboard{max-width:var(--max-width);min-height:100vh;margin:0 auto;padding:20px 16px 60px}.dash-header{justify-content:space-between;align-items:flex-start;margin-bottom:20px;display:flex}.dash-title{font-family:var(--heading);color:var(--bark);font-size:24px;font-weight:500}.dash-date{color:var(--muted);margin-top:2px;font-size:13px}.dash-nav{-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:6px;margin-bottom:20px;padding-bottom:4px;display:flex;overflow-x:auto}.dash-nav::-webkit-scrollbar{display:none}.nav-pill{background:var(--surface);border:1px solid var(--border);font-family:var(--body);color:var(--muted);cursor:pointer;white-space:nowrap;border-radius:20px;flex-shrink:0;padding:6px 16px;font-size:13px;font-weight:500;transition:all .2s}.nav-pill:hover{background:var(--surface2)}.nav-pill.active{background:var(--sage);color:#fff;border-color:var(--sage)}.dash-content{flex-direction:column;display:flex}.tab-content{flex-direction:column;gap:14px;display:flex}.card{border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);background:#fff;padding:18px}.highlight-card{background:linear-gradient(135deg, #5c4a3a 0%, var(--bark) 100%);color:#fff;border:none}.highlight-card .stat-label{color:#ffffffb3}.highlight-card .stat-value{color:#fff!important}.highlight-card .budget-row{color:#ffffffe6}.highlight-card .budget-row span:last-child{color:#fff;font-weight:700}.card-title{font-family:var(--heading);color:var(--text);margin-bottom:8px;font-size:18px;font-weight:500}.card-text{color:var(--muted);font-size:14px;line-height:1.5}.card-text.muted{color:var(--muted)}.card-header-row{justify-content:space-between;align-items:baseline;display:flex}.card-header-row .card-title{margin-bottom:0}.card-title-amount{color:var(--bark-light);font-size:14px;font-weight:600}.stat-row{flex-wrap:wrap;gap:24px;display:flex}.stat{flex-direction:column;gap:2px;min-width:100px;display:flex}.stat-label{color:var(--muted);text-transform:uppercase;letter-spacing:.5px;font-size:11px}.stat-value{font-size:22px;font-weight:700}.positive{color:var(--green)}.negative{color:var(--red)}.account-list{flex-direction:column;gap:8px;display:flex}.account-row{background:var(--linen);border-radius:8px;justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.account-row div{flex-direction:column;display:flex}.account-name{font-size:14px;font-weight:600}.account-inst{color:var(--muted);font-size:12px}.account-bal{font-size:16px;font-weight:700}.budget-summary{flex-direction:column;gap:6px;display:flex}.budget-row{justify-content:space-between;padding:4px 0;font-size:14px;display:flex}.budget-row.subtotal{border-top:1px dashed var(--border);margin-top:4px;padding-top:8px;font-weight:600}.budget-row.total{border-top:2px solid var(--border);margin-top:6px;padding-top:10px;font-size:15px;font-weight:700}.budget-table{flex-direction:column;display:flex}.budget-table-header{text-transform:uppercase;letter-spacing:.5px;color:var(--muted);border-bottom:1px solid var(--border);grid-template-columns:2fr 1fr 1fr 1fr;padding:0 0 8px;font-size:11px;display:grid}.budget-table-row{border-bottom:1px solid var(--linen);grid-template-columns:2fr 1fr 1fr 1fr;align-items:center;padding:10px 0;font-size:14px;display:grid}.budget-cat-cell{flex-direction:column;display:flex}.budget-cat-name{font-weight:500}.budget-due{color:var(--muted);font-size:11px}.progress-bar-container{background:var(--surface);border-radius:2px;grid-column:1/-1;height:4px;margin-top:4px;overflow:hidden}.progress-bar-container.large{border-radius:5px;height:10px;margin-top:12px}.progress-bar{background:var(--sage);border-radius:2px;min-width:0;height:100%;transition:width .4s}.progress-bar.warn{background:var(--amber)}.progress-bar.danger{background:var(--red)}.progress-bar.good{background:var(--sage)}.progress-bar.complete{background:var(--green)}.debt-list{flex-direction:column;gap:10px;display:flex}.debt-item{background:var(--linen);border-radius:8px;padding:14px}.debt-item-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.debt-name{font-size:15px;font-weight:600}.debt-balance{font-size:16px;font-weight:700}.debt-payment{color:var(--bark);font-size:15px;font-weight:700}.debt-details{flex-wrap:wrap;gap:16px;display:flex}.debt-detail{flex-direction:column;font-size:13px;display:flex}.detail-label{text-transform:uppercase;letter-spacing:.5px;color:var(--muted);font-size:11px}.debt-goal-info{flex-direction:column;gap:2px;margin-top:8px;font-size:13px;display:flex}.debt-payoff-est{color:var(--bark-light);font-size:12px;font-style:italic}.goal-card{position:relative}.goal-header{align-items:center;gap:12px;margin-bottom:12px;display:flex}.goal-icon{font-size:28px}.goal-name{color:var(--bark);margin:0;font-size:16px;font-weight:700}.goal-type-badge{text-transform:uppercase;letter-spacing:.5px;color:var(--muted);font-size:11px}.goal-amounts{justify-content:space-between;font-size:14px;display:flex}.goal-current{color:var(--sage-dark);font-weight:600}.goal-target{color:var(--muted)}.goal-pct{text-align:right;color:var(--bark-light);margin-top:4px;font-size:13px;font-weight:600;display:block}.goal-date{color:var(--muted);margin-top:4px;font-size:12px}.pay-config{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.pay-label{align-items:center;font-size:14px;font-weight:500;display:flex}.paycheck-card{border-left:4px solid var(--sage)}.paycheck-header{justify-content:space-between;align-items:baseline;margin-bottom:12px;display:flex}.paycheck-date{color:var(--bark);margin:0;font-size:16px;font-weight:700}.paycheck-remaining{font-size:16px;font-weight:700}.paycheck-breakdown{flex-direction:column;gap:6px;display:flex}.paycheck-section{flex-direction:column;gap:4px;display:flex}.paycheck-section-label{text-transform:uppercase;letter-spacing:.5px;color:var(--muted);margin-bottom:2px;font-size:11px}.setup-list{flex-direction:column;gap:10px;display:flex}.setup-item{align-items:center;gap:10px;font-size:14px;display:flex}.setup-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.setup-dot.pending{background:var(--border)}.setup-dot.done{background:var(--sage)}.ev-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:10px 0;font-size:14px;display:flex}.ev-row:last-child{border-bottom:none}.ev-label{color:var(--text);flex:1}.ev-expected{color:var(--muted);text-align:right;width:80px}.ev-actual{text-align:right;width:80px;font-weight:600}.ev-over{color:var(--rose)}.ev-under{color:var(--sage)}.ev-match{color:var(--muted)}@media (width<=600px){.dashboard{padding:16px 12px 60px}.stat-row{gap:16px}.stat-value{font-size:18px}.budget-table-header,.budget-table-row{grid-template-columns:1.5fr 1fr 1fr 1fr;font-size:12px}.debt-details{gap:10px}.pay-config{flex-direction:column;align-items:flex-start}}