:root{font-family:system-ui,sans-serif;color-scheme:light dark}*{box-sizing:border-box}body{margin:0}.shell{display:flex;flex-direction:column;min-height:100vh}main{flex:1;padding:1rem 1rem 5rem}form{display:flex;flex-direction:column;gap:.5rem;max-width:28rem;margin:0 auto}input,select,button{padding:.75rem;font-size:1rem}.error{color:#c0392b}.tabs{position:fixed;bottom:0;left:0;right:0;display:flex;border-top:1px solid #8884;background:Canvas}.tabs button{flex:1;border:none;background:none;padding:.9rem 0}.tabs button[aria-current=true]{font-weight:700}.txn-list{list-style:none;padding:0}.txn-list li{display:flex;gap:.5rem;align-items:center;padding:.5rem 0;border-bottom:1px solid #8882}.amount.debit{color:#c0392b}.amount.credit{color:#27ae60}.banner.warn{color:#b8860b}.banner.over{color:#c0392b;font-weight:700}:root{--chart-track: #e5e7eb;--m-cc: #6366f1;--m-upi: #10b981;--m-bank: #f59e0b;--m-cash: #64748b}.donut{width:160px;height:160px}.donut-total{font-size:20px;fill:currentColor}.bar-list{list-style:none;padding:0;margin:0;display:grid;gap:6px}.bar-list li{display:grid;grid-template-columns:6rem 1fr auto;align-items:center;gap:8px}.bar-track{background:var(--chart-track);border-radius:4px;height:10px;overflow:hidden}.bar-fill{display:block;height:100%;background:var(--m-upi)}.bars{width:100%;height:60px}.bars .bar{fill:var(--m-upi)}.insights section{margin-bottom:1.25rem}.kpis{display:flex;gap:1rem}.kpis .kpi{display:flex;flex-direction:column}.method-legend{list-style:none;padding:0;margin:.5rem 0 0;display:grid;gap:4px}.method-legend li{display:flex;align-items:center;gap:8px}.method-legend .swatch{width:10px;height:10px;border-radius:2px}.window-select{display:flex;gap:.5rem;margin-bottom:1rem}