.finance-month-selector{display:flex;align-items:center;gap:10px;margin-bottom:12px;font-size:12px;color:var(--planner-ink)}
.budget-head,.budget-row{display:grid;grid-template-columns:70px minmax(0,1fr) 75px;gap:5px}
.budget-head{padding:6px 8px 6px 33px;background:var(--planner-primary);color:#fff;font-size:11px;text-align:center}
.budget-week{display:flex;height:224px;border:1px solid var(--planner-border);margin-top:7px;overflow:hidden;background:#fffafde8}
.budget-week-title{flex:0 0 25px;background:var(--planner-soft);display:flex;align-items:center;flex-direction:column;justify-content:space-between;padding:6px 2px;color:var(--planner-ink)}
.budget-week-title span{writing-mode:vertical-rl;transform:rotate(180deg);font:12px Georgia}
.budget-week-title button{border:0;padding:0;background:transparent;color:var(--planner-ink);font-size:16px}
.budget-lines{flex:1;min-width:0;overflow:hidden;padding:5px 8px}
.budget-row{height:35px;border-bottom:1px solid #f2dce7;align-items:center}
.budget-row input,.budget-row select{min-width:0;width:100%;border:0;background:transparent;color:#664456;font:12px system-ui;padding:4px 2px}
.budget-row input:last-child{text-align:right;border-left:1px solid #f2dce7}
.budget-total{text-align:right;color:var(--planner-ink);font-size:14px}
@media(max-width:700px){.budget-head,.budget-row{grid-template-columns:52px minmax(0,1fr) 58px}.budget-row input,.budget-row select{font-size:11px}}
.finance-month-selector select{border:1px solid var(--planner-border);border-radius:6px;background:#fffafd;padding:6px;color:#896578}
.finance-layout{display:flex;flex-direction:column;gap:8px}
.finance-main,.finance-side{display:flex;flex-direction:column;gap:8px;min-width:0}
.finance-box{height:250px;min-height:0;border-radius:3px}
.finance-box>span{font-size:12px;padding:7px 9px;background:var(--planner-primary);color:#fff;gap:4px}
.finance-box .date-month-heading>span{min-width:0}
.finance-box .date-page-arrow{flex:0 0 20px;width:20px;height:20px;min-height:0;padding:0;border:0;background:transparent;color:inherit;font:18px/1 system-ui}
.finance-box .date-line input{font-size:12px}
.finance-box .date-line .finance-amount{flex:0 0 65px;width:65px;text-align:right;border-left:1px solid #f2dce7;padding-left:4px;font-size:11px}
.finance-side .finance-box{height:250px;flex:none;min-height:0}
.finance-box .annual-page-controls small{color:inherit}
.finance-side .date-month-heading{background:#fff5fa;color:var(--planner-ink);font-size:11px;padding:6px;flex-wrap:wrap;height:56px;flex-basis:56px}
.finance-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--planner-border);min-height:130px;background:#fffafde8}
.finance-summary>div{min-width:0;text-align:center;border-right:1px solid var(--planner-border)}
.finance-summary>div:last-child{border:0}
.finance-summary span{display:block;background:var(--planner-primary);padding:7px 2px;font-size:11px;color:#fff}
.finance-summary strong{display:block;padding:25px 3px;font:17px Georgia;color:var(--planner-ink);overflow-wrap:anywhere}
@media(max-width:700px){.finance-content{padding:12px 9px}.finance-layout{grid-template-columns:minmax(0,3fr) minmax(0,1fr);gap:6px}.finance-box>span{font-size:10px;padding:6px}.finance-box .date-line input{font-size:11px}.finance-side .date-line-list{padding:6px 4px}.finance-side .date-line input{font-size:10px}.finance-box .date-line .finance-amount{flex-basis:53px;width:53px;font-size:10px}.finance-side .date-month-heading{font-size:9px}.finance-summary strong{font-size:14px}}