:root{--bg: #0f172a;--panel-bg: #1e293b;--panel-bg-2: #172033;--border: #334155;--text: #e2e8f0;--muted: #94a3b8;--accent: #38bdf8;--success: #4ade80;--warning: #fbbf24;--error: #f87171;--heat-0: #1a2740;--heat-1: #1e3a5f;--heat-2: #1c5385;--heat-3: #1670ab;--heat-4: #0e8fd6;--heat-5: #38bdf8}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased}.app{display:flex;flex-direction:column;height:100vh;height:100dvh}.app-header{padding:env(safe-area-inset-top,12px) 16px 8px;border-bottom:1px solid var(--border)}.app-header h1{font-size:1.25rem;margin:0}.app-banner{margin:0;padding:8px 16px}.app-main{flex:1;min-height:0;padding:12px 16px 24px;overflow-y:auto}.panel{background:var(--panel-bg);border:1px solid var(--border);border-radius:12px;padding:16px;margin-bottom:16px;display:flex;flex-direction:column;gap:10px}form.panel>button[type=submit]{align-self:flex-start}.panel h2,.panel h3{margin:0 0 4px}.row-between{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}.inline-with-action{display:flex;align-items:center;gap:8px}.stat-row{display:flex;gap:16px;flex-wrap:wrap}.stat{flex:1;min-width:128px}.stat-label{font-size:.75rem;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.stat-value{font-size:1.15rem;font-weight:600;white-space:nowrap}.stat-warning .stat-value{color:var(--warning)}.stat-excluded{cursor:pointer;border-radius:8px;padding:6px 8px;margin:-6px -8px}.stat-excluded:hover{background:#94a3b814}.stat-excluded .stat-value{display:flex;align-items:center;gap:6px}.excluded-chevron{font-size:.7rem;transition:transform .15s ease}.stat-excluded[aria-expanded=true] .excluded-chevron{transform:rotate(180deg)}.excluded-row{padding:10px 0;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.excluded-row:last-child{border-bottom:none}.excluded-rule{display:inline-block;margin-top:4px;font-size:.78rem;color:var(--muted);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;background:#0b1220;border:1px solid var(--border);border-radius:999px;padding:2px 8px}.excluded-side{text-align:right;flex-shrink:0}table.grid{width:100%;border-collapse:collapse;font-size:.9rem}table.grid th,table.grid td{text-align:left;padding:8px 6px;border-bottom:1px solid var(--border)}table.grid th{color:var(--muted);font-weight:500;font-size:.75rem;text-transform:uppercase}.align-right{text-align:right}.expand-row{border-bottom:1px solid var(--border)}.expand-row:last-child{border-bottom:none}.expand-toggle{width:100%;display:flex;align-items:center;gap:8px;background:none;color:var(--text);font-weight:500;padding:10px 0;border:none;border-radius:0;text-align:left}.expand-icon{width:20px;flex-shrink:0;color:var(--accent);font-weight:700;text-align:center}.expand-label{flex:1}.expand-total{font-weight:600}.section-toggle{width:100%;display:flex;align-items:center;gap:8px;background:none;color:var(--text);border:none;padding:0;text-align:left}.section-toggle-label{flex:1;margin:0}.section-body{display:flex;flex-direction:column;gap:4px}.expand-children{padding:0 0 8px 20px;border-left:1px solid var(--border);margin-left:6px}.txn-row{padding:8px 0;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;gap:8px}.txn-row:last-child{border-bottom:none}.txn-row-editing{padding:8px 0;display:flex;flex-direction:column;gap:8px;border-bottom:1px solid var(--border)}.txn-row-actions{display:flex;align-items:center;gap:12px}.txn-amount-negative{color:var(--error)}.txn-amount-positive{color:var(--success)}.muted{color:var(--muted)}.error{color:var(--error)}.success{color:var(--success)}input,select,button{font-size:1rem;padding:10px 12px;border-radius:8px;border:1px solid var(--border);background:#0b1220;color:var(--text)}label{display:flex;flex-direction:column;gap:4px;font-size:.85rem;color:var(--muted)}button{background:var(--accent);color:#0b1220;border:none;font-weight:600;cursor:pointer;min-height:44px}button:disabled{opacity:.6;cursor:default}button.btn-secondary{background:transparent;color:var(--text);border:1px solid var(--border);font-weight:500}button.btn-secondary:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}button.btn-danger{background:transparent;color:var(--error);border:1px solid var(--error);font-weight:500}button.btn-compact{min-height:34px;padding:6px 10px;font-size:.85rem}.category-select{display:flex;flex-direction:column;gap:6px}.category-select-row{display:flex;gap:8px;flex-wrap:wrap}.category-select-row select{flex:1;min-width:140px}.category-select-links{display:flex;gap:16px;flex-wrap:wrap}.link-button{align-self:flex-start;background:none;border:none;color:var(--accent);font-weight:500;font-size:.85rem;padding:4px 0;min-height:auto}.filter-row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.filter-row input[type=search],.filter-row input[type=text]{flex:2;min-width:160px}.filter-row select{flex:1;min-width:140px}table.grid th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap}table.grid th.sortable:hover{color:var(--text)}.sort-arrow{margin-left:4px}.review-row{border:1px solid var(--border);border-radius:8px;padding:12px;display:flex;flex-direction:column;gap:8px}.review-row-header{display:flex;align-items:flex-start;gap:10px}.bulk-select-checkbox{width:20px;height:20px;min-height:auto;flex-shrink:0;margin-top:2px}.checkbox-row{flex-direction:row;align-items:center;gap:8px}.checkbox-row input{width:auto;min-height:auto}.pattern-input{width:100%}.import-actions{display:flex;gap:12px;flex-wrap:wrap}.import-results{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px;font-size:.9rem}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.tab-bar{display:flex;border-top:1px solid var(--border);background:var(--panel-bg);padding-bottom:env(safe-area-inset-bottom,0)}.tab{flex:1;background:transparent;color:var(--muted);border-radius:0;font-weight:500;padding:12px 4px}.tab.active{color:var(--accent)}.back-to-top{position:fixed;right:16px;bottom:calc(76px + env(safe-area-inset-bottom,0));z-index:30;width:48px;height:48px;min-height:48px;padding:0;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.4rem;line-height:1;box-shadow:0 2px 10px #00000073}.view-toggle{display:inline-flex;background:#0b1220;border:1px solid var(--border);border-radius:999px;padding:3px;gap:2px}.view-toggle button{border:none;background:transparent;color:var(--muted);font-size:.85rem;font-weight:600;padding:7px 18px;min-height:auto;border-radius:999px}.view-toggle button.active{background:var(--accent);color:#0b1220}.chart-legend{display:flex;gap:16px;font-size:.78rem;color:var(--muted)}.legend-item{display:flex;align-items:center;gap:6px}.legend-swatch{width:10px;height:10px;border-radius:3px}.legend-swatch-income{background:var(--success)}.legend-swatch-expense{background:var(--error)}.chart-scroll{overflow-x:auto}.bar-chart{display:flex;align-items:flex-end;gap:14px;min-width:480px;height:180px;padding-top:8px;border-bottom:1px solid var(--border)}.bar-group{flex:1;display:flex;align-items:flex-end;justify-content:center;gap:3px;height:100%;cursor:pointer;border-radius:6px 6px 0 0}.bar-group:hover{background:#38bdf814}.bar{width:12px;border-radius:3px 3px 0 0}.bar-income{background:var(--success)}.bar-expense{background:var(--error)}.month-labels{display:flex;gap:14px;min-width:480px;margin-top:6px}.month-label{flex:1;text-align:center;font-size:.72rem;color:var(--muted);cursor:pointer;border-radius:6px;padding:3px 0}.month-label:hover{color:var(--accent);font-weight:700}.table-caption{font-size:.78rem;color:var(--muted);margin:0}.cmp-scroll{overflow-x:auto}table.cmp{border-collapse:collapse;font-size:.82rem;min-width:560px;width:100%}table.cmp th,table.cmp td{padding:8px 10px;text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}table.cmp th.category-col,table.cmp td.category-col{text-align:left;font-variant-numeric:normal;position:sticky;left:0;background:var(--panel-bg)}table.cmp thead th{color:var(--muted);font-weight:500;font-size:.72rem;text-transform:uppercase;letter-spacing:.03em;border-bottom:1px solid var(--border);padding-bottom:10px;cursor:pointer}table.cmp thead th.category-col{cursor:default}table.cmp thead th.month-col:hover{color:var(--accent)}table.cmp tbody tr+tr td{border-top:1px solid var(--panel-bg-2)}table.cmp td.heat{color:var(--text);border-radius:4px;cursor:pointer}table.cmp td.heat:hover{outline:2px solid var(--accent);outline-offset:-2px}table.cmp td.ytd-col{font-weight:700;color:var(--text);border-left:1px solid var(--border)}.trip-candidate-row{padding:10px 0;border-bottom:1px solid var(--border);display:flex;align-items:flex-start;gap:10px}.trip-candidate-row:last-child{border-bottom:none}.trip-candidate-main{flex:1}.trip-candidate-loc{display:inline-block;margin-top:4px;font-size:.72rem;color:var(--muted);background:#0b1220;border:1px solid var(--border);border-radius:999px;padding:1px 8px}.trip-candidate-amount{flex-shrink:0;font-weight:600;white-space:nowrap}.trip-summary-row{padding:10px 0;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;gap:10px;cursor:pointer;border-radius:8px}.trip-summary-row:last-child{border-bottom:none}.trip-summary-row:hover{background:#94a3b80f}.trip-summary-title{font-weight:600}.trip-summary-meta{color:var(--muted);font-size:.82rem;margin-top:2px}.trip-summary-total{font-weight:700;white-space:nowrap;flex-shrink:0}.trip-summary-chevron{color:var(--muted);font-size:.7rem;margin-left:8px;transition:transform .15s ease}.trip-summary-row[aria-expanded=true] .trip-summary-chevron{transform:rotate(180deg)}.trip-detail{padding:4px 0 14px;border-bottom:1px solid var(--border)}.trip-txn-row{display:flex;justify-content:space-between;align-items:center;padding:6px 0 6px 10px;font-size:.88rem}.trip-txn-row .muted{font-size:.8rem}.pick-or-type-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.pick-or-type-row input{flex:1;min-width:140px}.pick-or-type-row .trip-year-input{flex:0 0 80px;min-width:0}
