.budgets-page{padding-top:44px}.budget-form{margin-bottom:22px}.month-picker{display:flex;justify-content:flex-end;margin:0 0 15px}.month-picker label{margin:0}.month-picker input{min-height:42px}.budget-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.budget-card{padding:20px;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 10px 28px #10213a0d}.budget-head{display:grid;grid-template-columns:12px 1fr auto;align-items:center;gap:12px}.budget-color{width:12px;height:45px;border-radius:8px}.budget-head small{color:var(--muted);font-size:10px;font-weight:800;letter-spacing:.08em}.budget-head h2{margin:2px 0 0;font-size:18px}.budget-head>strong{font-size:22px;color:var(--green)}.budget-card.warning .budget-head>strong{color:#f79009}.budget-card.over .budget-head>strong{color:#d92d20}.budget-numbers{display:flex;justify-content:space-between;margin:20px 0 9px;color:var(--muted)}.budget-numbers b{color:var(--ink)}.progress{height:9px;overflow:hidden;border-radius:99px;background:#eef2f7}.progress span{display:block;height:100%;border-radius:inherit;background:var(--green)}.warning .progress span{background:#f79009}.over .progress span{background:#d92d20}.budget-foot{display:flex;justify-content:space-between;align-items:center;margin-top:11px;color:var(--muted);font-size:13px}.budget-foot form{margin:0}.budget-foot button{border:0;background:none;color:#b42318}@media(max-width:760px){.budgets-page{padding-top:76px}.budgets-page .page-header>.primary{width:100%}.budget-grid{grid-template-columns:1fr}}