.budget-toolbar{align-items:center}
.budget-month-label{display:grid;gap:6px;color:var(--muted);font-size:10px}
.budget-month-label .period-select{min-width:165px}
.budget-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px}
.budget-summary-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:18px}
.budget-summary-card strong,.budget-summary-card span{display:block}
.budget-summary-card strong{font-size:24px}
.budget-summary-card span{color:var(--muted);font-size:10px;margin-top:6px}
.budget-summary-card.warning{border-color:#51492e}
.budget-summary-card.danger{border-color:#5b303c}
.budget-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,.7fr);gap:18px;align-items:start}
.budget-list{display:grid;gap:10px}
.budget-row{background:var(--surface2);border:1px solid var(--border);border-radius:13px;padding:14px}
.budget-row.over{border-color:#5b303c}
.budget-row-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}
.budget-row-head strong{font-size:12px}
.budget-row-head span{font-size:10px;color:var(--muted);display:block;margin-top:4px}
.budget-row-values{text-align:right}
.budget-row-values strong{font-size:12px}
.budget-row-values .over-value{color:#ff98a8}
.budget-progress{height:7px;border-radius:999px;background:#242a35;overflow:hidden;margin:12px 0 10px}
.budget-progress>span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--accent2),var(--accent))}
.budget-row.over .budget-progress>span{background:var(--danger)}
.budget-row-foot{display:flex;align-items:center;justify-content:space-between;gap:12px}
.budget-row-foot>span{font-size:9px;color:var(--muted)}
.budget-row-actions{display:flex;gap:7px}
.budget-editor{position:sticky;top:20px}
.budget-form{display:grid;gap:12px}
.budget-form label{display:grid;gap:6px;color:#aab2bf;font-size:10px}
.budget-form input,.budget-form select{border:1px solid var(--border);background:#11161d;color:#e7ebf1;border-radius:9px;padding:10px 11px;font:inherit;font-size:11px;width:100%;max-width:none;outline:0}
.budget-form input:focus,.budget-form select:focus{border-color:#4e6d60}
.budget-form-actions{display:flex;gap:8px}
.budget-form-actions .primary{flex:1}
.budget-unbudgeted{margin-top:22px;padding-top:17px;border-top:1px solid var(--border)}
.budget-unbudgeted-row{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-top:1px solid #202631;font-size:10px}
.budget-unbudgeted-row:first-child{border-top:0}
.budget-unbudgeted-row span{color:var(--muted)}
@media(max-width:1000px){.budget-layout{grid-template-columns:1fr}.budget-editor{position:static}.budget-summary{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.sidebar{height:76px;padding:6px}.sidebar nav{grid-template-columns:repeat(6,1fr);gap:2px}.nav-item,.nav-item.active{font-size:8px;padding:5px 2px;display:flex;flex-direction:column;gap:2px;line-height:1.05;min-width:0;text-align:center}.nav-item span,.nav-item.active span{width:auto;font-size:17px}.shell{padding-bottom:98px}.budget-toolbar .budget-month-label{margin-top:14px}.budget-month-label .period-select{width:100%}.budget-summary{grid-template-columns:1fr 1fr}.budget-row-head{gap:8px}.budget-row-foot{display:grid}.budget-row-actions{display:grid;grid-template-columns:1fr 1fr}.budget-form-actions{display:grid;grid-template-columns:1fr 1fr}}
