.main-layout{display:grid;grid-template-columns:220px 1fr;grid-template-rows:auto auto 1fr auto;height:100vh}.left-panel{grid-row:1 / span 4;border-right:1px solid #ccc;padding:10px;background:#f7f7f7}.status-bar{border-bottom:1px solid #ccc;padding:10px}.transaction-entry{padding:10px;border-bottom:1px solid #ddd}.tables{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:10px;overflow-y:auto}.totals-strip{border-top:1px solid #ccc;padding:10px;background:#fafafa}.left-menu{font-size:14px;overflow:hidden}.year-list{list-style:none;padding-left:0}.year-item{cursor:pointer;padding:4px 0;font-weight:700}.year-item:hover{color:#2a6adf}.month-list{list-style:none;padding-left:16px;margin-top:4px}.month-item{padding:2px 0;cursor:pointer}.month-item:hover{color:#2a6adf}.month-item.selected{font-weight:700;color:#2a6adf}.status-bar{padding:10px 12px;border-bottom:1px solid #ccc;background:#f7f7f7;font-weight:700;margin-bottom:12px}.month-list{padding-left:16px}.month-item{display:flex;justify-content:space-between;align-items:center;width:100%;padding:4px 12px 4px 8px;cursor:pointer}.month-status{font-weight:700}.month-dot{width:10px;height:10px;border-radius:50%;display:inline-block;flex-shrink:0;margin-right:14px}.month-item.selected{background-color:#dbeafe}.month-item:hover{background-color:#f1f5f9}.month-dot.done{background:green}.month-dot.pending{background:#bbb}.transaction-entry{padding:10px}.transaction-entry h4{margin-bottom:10px}.transaction-entry input,.transaction-entry select{padding:6px 8px;margin-right:10px;border:1px solid #ccc;border-radius:4px;font-size:14px}.transaction-entry input:focus,.transaction-entry select:focus{outline:none;border-color:#4a90e2}.transaction-entry button{padding:6px 12px;border:1px solid #ccc;background-color:#f5f5f5;cursor:pointer;border-radius:4px;font-size:14px}.transaction-entry button:hover{background-color:#e9e9e9}.transaction-entry button:active{background-color:#ddd}.tabs{display:flex;gap:6px;margin-bottom:10px;border-bottom:1px solid #ccc}.tabs button{padding:6px 12px;border:1px solid #ccc;border-bottom:none;background:#eee;cursor:pointer;border-radius:4px 4px 0 0}.tabs button.active{background:#fff;font-weight:700;border-bottom:1px solid white}.tab-content{border:1px solid #ccc;padding:10px;background:#fff}table{width:100%;border-collapse:collapse}thead{background:#f0f0f0}th,td{padding:6px 8px;border:1px solid #ccc;text-align:left}th{font-weight:700}tbody tr:nth-child(2n){background:#fafafa}tbody tr:hover{background:#f2f7ff}