:root{--navy: #0f2040;--bg: #0b1830;--panel: #12294d;--panel2: #16315c;--border: #1e3a5f;--text: #e6eefb;--muted: #93a6c4;--teal: #2dd4bf;--green: #10b981;--amber: #f59e0b;--red: #ef4444;--nav-w: 228px;--c-needs: #3b82f6;--c-wants: #cc7a0a;--c-savings: #0d9488;--c-unbinned: #64748b}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}h1{font-size:1.5rem;margin:0 0 .25rem}.muted{color:var(--muted);font-size:.85rem}.app{display:flex;min-height:100%}.nav{width:var(--nav-w);flex:0 0 var(--nav-w);background:var(--navy);border-right:1px solid var(--border);padding:18px 12px;position:sticky;top:0;height:100vh;overflow-y:auto}.nav-brand{font-weight:700;font-size:1.25rem;letter-spacing:.04em;color:var(--teal);padding:0 8px 14px}.nav-group{margin-bottom:14px}.nav-group-label{font-size:.68rem;text-transform:uppercase;letter-spacing:.09em;color:var(--muted);padding:6px 8px 4px}.nav-link{display:block;padding:8px 10px;border-radius:8px;color:var(--text);text-decoration:none;font-size:.92rem}.nav-link:hover{background:var(--panel)}.nav-link.active{background:var(--teal);color:#05221c;font-weight:600}.main{flex:1 1 auto;padding:24px 28px 48px;max-width:1180px;width:100%}.page{animation:fade .18s ease}@keyframes fade{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:none}}.banner{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:10px 14px;margin-bottom:16px;font-size:.9rem}.banner-error{border-color:var(--red);color:#ffd7d7}.link-btn{background:none;border:none;color:var(--teal);cursor:pointer;text-decoration:underline;font:inherit;padding:0}.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin:20px 0}.tile{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:16px}.tile-label{color:var(--muted);font-size:.8rem}.tile-value{font-size:1.7rem;font-weight:700;margin:4px 0 2px}.tile-sub{color:var(--muted);font-size:.78rem}.card{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:16px 18px;margin:16px 0}.scaffold-note{border-left:3px solid var(--teal)}.ledger-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;margin-top:8px}.ledger-grid b{font-size:1.15rem}code{background:var(--panel2);padding:1px 5px;border-radius:4px;font-size:.85em}select,input[type=file]{background:var(--panel2);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:7px 10px;font:inherit;font-size:.9rem}select{cursor:pointer}input[type=file]::file-selector-button{background:var(--panel);color:var(--text);border:1px solid var(--border);border-radius:6px;padding:4px 10px;margin-right:10px;cursor:pointer}.btn{background:var(--teal);color:#05221c;border:none;border-radius:8px;padding:8px 16px;font:inherit;font-weight:600;cursor:pointer}.btn:disabled{opacity:.45;cursor:not-allowed}input[type=text],input:not([type]){background:var(--panel2);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:7px 10px;font:inherit;font-size:.9rem}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin:12px 0}.form-grid label{display:flex;flex-direction:column;gap:4px;font-size:.8rem;color:var(--muted)}.form-grid label.chk{flex-direction:row;align-items:center;gap:8px}.form-grid label.chk input{width:auto}.import-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:10px}.import-msg{margin-top:10px;font-size:.9rem}.import-msg.ok{color:var(--green)}.import-msg.err{color:var(--red)}.ledger-head{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}.table-wrap{overflow-x:auto;margin-top:10px}.ledger-table{width:100%;border-collapse:collapse;font-size:.88rem}.ledger-table th{text-align:left;color:var(--muted);font-weight:500;border-bottom:1px solid var(--border);padding:6px 10px;white-space:nowrap}.ledger-table td{padding:6px 10px;border-bottom:1px solid var(--border)}.ledger-table tr:hover td{background:var(--panel2)}.ledger-table .num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.ledger-table tr.group-row td{background:var(--panel2);color:var(--teal);font-weight:600;font-size:.72rem;text-transform:uppercase;letter-spacing:.06em}.ledger-table tr.group-row:hover td{background:var(--panel2)}.ledger-table .out{color:#fca5a5}.ledger-table .in{color:var(--green)}.nowrap{white-space:nowrap}.seg-needs{background:var(--c-needs)}.seg-wants{background:var(--c-wants)}.seg-savings{background:var(--c-savings)}.seg-unbinned{background:var(--c-unbinned)}.swatch{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:7px;vertical-align:baseline}.legend{display:flex;flex-wrap:wrap;gap:16px;margin-top:12px;font-size:.82rem}.legend-item{display:inline-flex;align-items:center}.note{margin:12px 0 0;line-height:1.55}.split-wrap{position:relative;margin-top:26px}.split-bar{position:relative;display:flex;height:34px;border-radius:4px;overflow:hidden;background:var(--panel2)}.split-seg{position:relative;display:flex;align-items:center;justify-content:center;min-width:0}.split-seg+.split-seg{border-left:2px solid var(--panel)}.split-seg-label{font-size:.78rem;font-weight:600;color:#08111f}.chart-scroll{overflow-x:auto;overflow-y:hidden}.trend{position:relative;height:200px;margin:22px 0 4px;padding-left:52px;min-width:520px}.trend-grid{position:absolute;top:0;right:0;bottom:22px;left:52px}.trend-grid-line{position:absolute;left:0;right:0;border-top:1px solid var(--border)}.trend-grid-label{position:absolute;right:100%;top:-.6em;padding-right:8px;font-size:.68rem;color:var(--muted);white-space:nowrap}.trend-cols{position:absolute;top:0;right:0;bottom:0;left:52px;display:flex;align-items:flex-end;gap:6px}.trend-col{position:relative;flex:1 1 0;height:100%;display:flex;flex-direction:column;justify-content:flex-end}.trend-stack{display:flex;flex-direction:column;border-radius:4px 4px 0 0;overflow:hidden;min-height:2px}.trend-stack .seg{display:block;width:100%}.trend-stack .seg+.seg{border-top:2px solid var(--panel)}.trend-x{height:22px;display:flex;align-items:center;justify-content:center;font-size:.65rem;color:var(--muted);white-space:nowrap}.trend-tip{position:absolute;bottom:100%;left:50%;transform:translate(-50%);z-index:5;display:none;background:var(--navy);border:1px solid var(--border);border-radius:8px;padding:8px 10px;font-size:.78rem;white-space:nowrap;box-shadow:0 6px 20px #00000073}.trend-col:hover .trend-tip{display:block}.trend-col:hover .trend-stack{filter:brightness(1.12)}.spark{display:block;overflow:visible}.spark polyline{fill:none;stroke-width:2;stroke-linejoin:round;stroke-linecap:round}.spark-base{stroke:var(--muted);opacity:.55}.spark-recent{stroke:var(--text)}.drift-up{color:#fca5a5}.drift-down{color:var(--green)}.version-tag{margin-top:40px;color:var(--muted);font-size:.72rem;opacity:.7}@media(max-width:760px){.app{flex-direction:column}.nav{width:100%;height:auto;flex:none;position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:4px;overflow-x:auto;padding:8px 10px;border-right:none;border-bottom:1px solid var(--border)}.nav-brand{padding:0 10px 0 4px}.nav-group{display:flex;margin:0}.nav-group-label{display:none}.nav-link{white-space:nowrap;padding:6px 10px}.main{padding:16px 14px 40px}}.gain-up{color:var(--green)}.gain-down{color:#fca5a5}