:root{--sidebar:oklch(.205 .032 196);--sidebar-line:oklch(.34 .03 196);--accent:oklch(.69 .13 50);--accent-soft:oklch(.95 .03 50);--bg:oklch(.955 .012 88);--line:oklch(.855 .016 88)}
.plan-layout{display:grid;grid-template-columns:1.25fr .75fr;gap:14px;align-items:start}.plan-layout>*{min-width:0}.task-list{padding:0 20px}.task{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:12px;align-items:center;min-height:78px;border-bottom:1px solid var(--line)}.task:last-child{border-bottom:0}.task strong,.task small{display:block}.task small{color:var(--muted);font-size:.64rem}.task.done strong{text-decoration:line-through;color:var(--muted)}.task-meta{text-align:right}.task-meta span{display:block;color:var(--muted);font-size:.61rem}.panel select{min-height:44px;border:1px solid var(--line);background:var(--paper);padding:0 10px}.budget-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:14px;align-items:start}.budget-grid>*{min-width:0}.bare{border:0;box-shadow:none}.money-input{width:100px;max-width:100%;min-height:44px;padding:7px;border:1px solid var(--line);background:var(--paper)}
@media(max-width:900px){.plan-layout,.budget-grid{grid-template-columns:1fr}}
@media(max-width:560px){.task{grid-template-columns:44px 1fr}.task-meta{grid-column:2;text-align:left}.budget-grid .bare{overflow:visible}.budget-grid table{display:block;min-width:0}.budget-grid thead{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.budget-grid tbody{display:grid;gap:10px;padding:12px}.budget-grid tr{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:14px;border:1px solid var(--line);background:var(--paper)}.budget-grid td{display:grid;gap:3px;min-width:0;padding:0;border:0;font-size:.72rem}.budget-grid td:first-child{grid-column:1/-1;font-size:.82rem;font-weight:720}.budget-grid td::before{color:var(--muted);font-size:.56rem;font-weight:760;letter-spacing:.07em;text-transform:uppercase}.budget-grid td:nth-child(1)::before{content:"Category"}.budget-grid td:nth-child(2)::before{content:"Approved"}.budget-grid td:nth-child(3)::before{content:"Committed"}.budget-grid td:nth-child(4)::before{content:"Actual"}.money-input{width:100%}}