body{margin:0}header,footer{background:#ccd5ae;flex-direction:column;align-items:center;padding:20px;display:flex}main{box-sizing:border-box;background-color:#fdfae0;padding:20px}h1,h2,h3,h4,h5,h6{margin:0}.expense-table-container{width:100%;overflow-x:auto}.expense-table{border-collapse:collapse;min-width:100%}.expense-table th,.expense-table td{text-align:center;border:1px solid #ccc;padding:8px}.expense-table th{min-width:50px}.add-expense{box-sizing:border-box;border:1px solid #ddd;border-radius:8px;flex-direction:column;gap:16px;padding:20px;display:flex}.add-expense h3{margin:0}.add-expense label{align-items:center;gap:8px;display:flex}.add-expense input{box-sizing:border-box;max-width:100%;padding:6px 8px}.add-expense p{margin:0 0 8px;font-weight:500}.add-expense button{cursor:pointer;padding:8px 12px}@media (width<=600px){header,footer{padding:16px}main{padding:12px}.add-expense{padding:16px}.add-expense label{flex-direction:column;align-items:flex-start}.add-expense input,.add-expense select{width:100%}.add-expense button{min-height:40px}}