.budget-snapshot{background:var(--panel);border:1px solid #343052;border-radius:17px;padding:21px;margin:13px 0}.snapshot-layout{display:grid;grid-template-columns:1.35fr .65fr;gap:24px;margin-top:20px}.month-bars{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;height:180px;align-items:end;border-bottom:1px solid var(--line)}.month-column{height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:7px}.month-column .bars{height:125px;width:100%;display:flex;align-items:flex-end;justify-content:center;gap:5px}.month-column i{display:block;width:22%;min-width:13px;border-radius:5px 5px 0 0}.month-column .income-bar{background:var(--aqua)}.month-column .expense-bar{background:linear-gradient(var(--pink),#9e496c)}.month-column b{font:8px monospace}.month-column small{font:7px monospace;color:var(--muted)}.snapshot-summary{border-left:1px solid var(--line);padding-left:23px;display:flex;flex-direction:column;justify-content:center}.snapshot-summary>span{font:8px monospace;color:var(--muted)}.snapshot-summary>strong{font:700 31px "Arial Narrow";color:var(--danger);margin:9px 0}.snapshot-summary>strong.positive{color:var(--aqua)}.snapshot-summary p{font-size:10px;color:var(--muted);line-height:1.5}.source-pill{font:8px monospace;color:var(--aqua);background:#152528;border-radius:7px;padding:8px}@media(max-width:680px){.snapshot-layout{grid-template-columns:1fr}.snapshot-summary{border-left:0;border-top:1px solid var(--line);padding:18px 0 0}.month-bars{height:155px}}
