:root{--surface:#f6f4ee;--panel-bg:#fffffff0;--border:#d9ddd9;--ink-strong:#17383d;--ink-soft:#486369;--ink-muted:#58747a;--display:"Avenir Next", "Trebuchet MS", "Segoe UI", sans-serif;--body:"Source Sans Pro", "Lucida Sans Unicode", "Segoe UI", sans-serif}*{box-sizing:border-box}body{min-height:100vh;font-family:var(--body);color:var(--ink-soft);background:radial-gradient(circle at 10% 0%, #ef835426, transparent 36%), radial-gradient(circle at 90% 10%, #0b6d7733, transparent 30%), linear-gradient(180deg, #f9f7f1, var(--surface));margin:0}#root{max-width:1180px;margin:0 auto;padding:1rem}h1,h2,h3{color:var(--ink-strong);font-family:var(--display)}.app{border:1px solid var(--border-color);border-radius:18px;grid-template-columns:248px 1fr;min-height:calc(100vh - 2rem);display:grid;overflow:hidden;box-shadow:0 10px 24px #0d17260f}.auth-screen{place-items:center;min-height:calc(100vh - 2rem);display:grid}.auth-card{border:1px solid var(--border-color);background:var(--surface);border-radius:16px;width:min(460px,100%);padding:1.2rem;box-shadow:0 8px 20px #0d172614}.auth-card h1{margin:0}.auth-card p{color:var(--text-muted)}.auth-switch{gap:.45rem;margin-top:.85rem;display:flex}.auth-switch button{border:1px solid var(--border-color);background:var(--surface-soft);color:var(--text);cursor:pointer;border-radius:10px;padding:.45rem .65rem}.auth-switch button.active{background:var(--primary-soft);color:var(--primary);border-color:color-mix(in oklab, var(--primary) 40%, var(--border-color))}.auth-form{gap:.65rem;margin-top:.9rem;display:grid}.auth-form label{color:var(--text-muted);gap:.28rem;font-size:.82rem;display:grid}.auth-error{color:var(--danger);margin:.7rem 0 0;font-size:.85rem}.theme-light{--bg:#f6f8fb;--surface:#fff;--surface-soft:#f2f6fc;--text:#162236;--text-muted:#607087;--border-color:#dde4ee;--primary:#2f6fed;--primary-soft:#e9f0ff;--success:#0c9b6f;--warning:#cd8f24;--danger:#cf4b4b}.theme-dark{--bg:#0f1723;--surface:#172233;--surface-soft:#1e2c41;--text:#e6edf8;--text-muted:#9eb0ca;--border-color:#2a3a53;--primary:#6d9dff;--primary-soft:#283e67;--success:#3bcf9a;--warning:#f0c45c;--danger:#ff7f7f}.app{background:var(--bg);color:var(--text)}.sidebar{background:var(--surface);border-right:1px solid var(--border-color);padding:1.25rem 1rem}.brand h1{margin:0;font-size:1.15rem}.brand p{color:var(--text-muted);margin:.3rem 0 1.1rem;font-size:.82rem}.sidebar ul{gap:.4rem;margin:0;padding:0;list-style:none;display:grid}.sidebar button{text-align:left;width:100%;color:var(--text);cursor:pointer;background:0 0;border:0;border-radius:10px;padding:.58rem .7rem;font-weight:600}.sidebar button.active,.sidebar button:hover{background:var(--primary-soft);color:var(--primary)}.content{grid-template-rows:auto 1fr;min-width:0;display:grid}.topbar{border-bottom:1px solid var(--border-color);background:var(--surface);grid-template-columns:auto repeat(3,minmax(0,220px)) auto;align-items:end;gap:.6rem;padding:.8rem 1rem;display:grid}.topbar-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.55rem;display:flex}.save-state{color:var(--text-muted);font-size:.76rem}.danger-text{color:var(--danger)}.user-chip{border:1px solid var(--border-color);background:var(--surface-soft);border-radius:999px;padding:.3rem .58rem;font-size:.76rem}.topbar label{color:var(--text-muted);gap:.25rem;font-size:.75rem;display:grid}.topbar input,.topbar select,.filter-grid input,.filter-grid select,.inline-form input,.modal-grid input,.modal-grid select,.settings-grid input,.settings-grid select,.budget-item input{border:1px solid var(--border-color);background:var(--surface-soft);width:100%;color:var(--text);font:inherit;border-radius:10px;padding:.5rem .6rem}.menu-btn{display:none}.primary{background:var(--primary);color:#fff;cursor:pointer;border:0;border-radius:10px;padding:.55rem .75rem;font-weight:700}.page{padding:1rem;overflow:auto}.card{border:1px solid var(--border-color);background:var(--surface);border-radius:14px;padding:1rem;box-shadow:0 5px 14px #101c300a}.card-header{justify-content:space-between;align-items:center;gap:.7rem;display:flex}.card-header h2,.card h3{margin:0}.card-header span,.card-header label{color:var(--text-muted);font-size:.82rem}.page-grid{gap:.9rem;display:grid}.kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.9rem;display:grid}.kpi p{color:var(--text-muted);margin:0;font-size:.8rem}.kpi strong{margin-top:.3rem;font-size:1.35rem;display:block}.kpi.highlight{background:var(--primary-soft)}.kpi.success{border-color:color-mix(in oklab, var(--success) 30%, var(--border-color))}.budget-list,.goals-mini,.goal-grid,.breakdown-list{gap:.8rem;margin-top:.85rem;display:grid}.budget-item,.goal-card,.breakdown-list article{border:1px solid var(--border-color);background:var(--surface-soft);border-radius:12px;padding:.8rem}.budget-item-head{justify-content:space-between;align-items:center;gap:.6rem;display:flex}.status{border-radius:999px;padding:.22rem .5rem;font-size:.72rem;font-weight:700}.status.good{background:color-mix(in oklab, var(--success) 18%, transparent);color:var(--success)}.status.warn{background:color-mix(in oklab, var(--warning) 22%, transparent);color:var(--warning)}.status.over{background:color-mix(in oklab, var(--danger) 20%, transparent);color:var(--danger)}.bar{background:color-mix(in oklab, var(--text-muted) 22%, transparent);border-radius:999px;height:8px;margin-top:.45rem;overflow:hidden}.bar div{border-radius:inherit;height:100%}.bar .good{background:var(--success)}.bar .warn{background:var(--warning)}.bar .over{background:var(--danger)}.bar .goal,.bar .report{background:var(--primary)}.recent-list,.compact-list,.insights,.tag-list{gap:.65rem;margin:.8rem 0 0;padding:0;list-style:none;display:grid}.recent-list li,.compact-list li,.insights li{border:1px solid var(--border-color);background:var(--surface-soft);border-radius:10px;padding:.65rem .75rem}.recent-list li,.compact-list li{grid-template-columns:1fr auto;align-items:center;gap:.5rem;display:grid}.recent-list strong.income,td.income{color:var(--success)}.recent-list strong.expense,td.expense{color:var(--danger)}.trend-chart{align-items:end;gap:.9rem;margin-top:.8rem;display:flex}.trend-col{justify-items:center;gap:.35rem;display:grid}.trend-bars{align-items:end;gap:.28rem;height:150px;display:flex}.trend-bars .income,.trend-bars .expense{border-radius:6px 6px 0 0;width:12px}.trend-bars .income{background:var(--success)}.trend-bars .expense{background:var(--danger)}.text-btn{color:var(--primary);cursor:pointer;background:0 0;border:0;font-weight:700}.text-btn.danger{color:var(--danger)}.filter-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.6rem;margin-top:.9rem;display:grid}.filter-grid label,.settings-grid label,.budget-item label{color:var(--text-muted);gap:.3rem;font-size:.8rem;display:grid}.table-wrap{margin-top:.9rem;overflow:auto}table{border-collapse:collapse;width:100%}th,td{border-bottom:1px solid var(--border-color);text-align:left;white-space:nowrap;padding:.65rem .55rem}td p{color:var(--text-muted);white-space:normal;margin:.2rem 0 0;font-size:.75rem}.inline-form{gap:.6rem;margin-top:.8rem;display:flex}.checkbox-row{align-items:center;gap:.45rem;display:flex}.pill{border:0;border-radius:999px;padding:.28rem .55rem;font-size:.74rem;font-weight:700}.pill.paid{background:color-mix(in oklab, var(--success) 24%, transparent);color:var(--success)}.pill.unpaid{background:color-mix(in oklab, var(--danger) 24%, transparent);color:var(--danger)}.goal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-grid{gap:.8rem;display:grid}.tag-list{flex-wrap:wrap;gap:.5rem;display:flex}.tag-list li{border:1px solid var(--border-color);background:var(--surface-soft);border-radius:999px;padding:.3rem .58rem;font-size:.78rem}.security-note{color:var(--text-muted);margin:.7rem 0 0}.security-meta{white-space:normal;max-width:460px;color:var(--text-muted);font-size:.78rem}.setup-list{gap:.55rem;margin:.8rem 0 0;padding:0;list-style:none;display:grid}.setup-list li{border:1px solid var(--border-color);background:var(--surface-soft);border-radius:10px;gap:.2rem;padding:.55rem .65rem;display:grid}.setup-list li.ok strong{color:var(--success)}.setup-list li.fail strong{color:var(--danger)}.setup-list li span{font-weight:600}.setup-list li small{color:var(--text-muted)}.modal-backdrop{background:#080c1373;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.modal{background:var(--surface);width:min(780px,100%);color:var(--text);border:1px solid var(--border-color);border-radius:14px;padding:1rem}.modal-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;margin-top:.8rem;display:grid}.modal-grid label{color:var(--text-muted);gap:.3rem;font-size:.8rem;display:grid}.modal-grid .wide{grid-column:1/-1}@media (width<=1080px){.topbar{grid-template-columns:auto 1fr 1fr}.topbar button.primary{grid-column:1/-1}.topbar-actions{grid-column:1/-1;justify-content:flex-start}.kpi-grid,.filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.goal-grid{grid-template-columns:1fr}}@media (width<=860px){.app{border-radius:12px;grid-template-columns:1fr}.menu-btn{border:1px solid var(--border-color);background:var(--surface-soft);color:var(--text);border-radius:10px;padding:.5rem .7rem;font-weight:600;display:inline-flex}.sidebar{z-index:20;width:240px;transition:transform .25s;position:fixed;inset:0 auto 0 0;transform:translate(-100%);box-shadow:0 10px 26px #03080f40}.sidebar.open{transform:translate(0)}.topbar{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=620px){.topbar,.kpi-grid,.filter-grid{grid-template-columns:1fr}.inline-form{flex-direction:column}.modal-grid,.recent-list li,.compact-list li{grid-template-columns:1fr}}