body{font-family:Helvetica Neue,Arial,Hiragino Kaku Gothic ProN,Hiragino Sans,Meiryo,sans-serif;max-width:600px;margin:0 auto;padding:20px;background-color:#f4f4f4;color:#333}h1{text-align:center;color:#4caf50}.input-container{background-color:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px}.input-group{margin-bottom:15px}label{display:block;margin-bottom:5px;font-weight:700}input,select{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px;box-sizing:border-box}button{width:100%;padding:12px;background-color:#4caf50;color:#fff;border:none;border-radius:4px;font-size:16px;cursor:pointer;transition:background-color .3s}button:hover{background-color:#45a049}table{width:100%;border-collapse:collapse;background-color:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 4px #0000001a}th,td{padding:12px 15px;text-align:left;border-bottom:1px solid #ddd}th{background-color:#4caf50;color:#fff}tr:last-child td{border-bottom:none}.income-text{color:#00f;font-weight:700}.expense-text{color:red;font-weight:700}